/* [project]/packages/ui/src/primitives/notch-navbar/notch-navbar.css [app-client] (css) */
:root {
  --sb-notch-bottom: 68px;
  --sb-sticky-top: var(--sb-notch-bottom, 68px);
}

:root[data-nav-state="notch"], :root[data-nav-state="notch-wide"] {
  --sb-sticky-top: var(--s-4);
}

.sb-notch {
  --sb-nav-gap: var(--s-4);
  --sb-nav-px: var(--s-6);
  z-index: 50;
  interpolate-size: allow-keywords;
  transition: top var(--d-3) var(--ease-out-soft), left var(--d-3) var(--ease-out-soft), right var(--d-3) var(--ease-out-soft), width var(--d-3) var(--ease-out-soft), max-width var(--d-3) var(--ease-out-soft), height var(--d-3) var(--ease-out-soft), border-radius var(--d-3) var(--ease-jelly), padding var(--d-3) var(--ease-jelly), transform var(--d-3) var(--ease-out-soft);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
}

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

.sb-notch[data-state="bar"] {
  width: auto;
  max-width: none;
  height: 68px;
  padding: 0 var(--sb-nav-px);
  gap: var(--sb-nav-gap);
  background: var(--bg);
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  top: 0;
  left: 0;
  right: 0;
  transform: none;
}

.sb-notch[data-state="bar"]:before {
  display: none;
}

.sb-notch[data-state="notch"] {
  --sb-nav-gap: var(--s-2);
  --sb-nav-px: var(--s-4);
  top: var(--s-4);
  width: max-content;
  max-width: calc(100% - 2 * var(--s-4));
  height: 52px;
  padding: 0 var(--sb-nav-px);
  gap: var(--sb-nav-gap);
  border-radius: 26px;
  left: 50%;
  transform: translateX(-50%);
}

.sb-notch[data-state="notch-wide"] {
  top: var(--s-4);
  width: 1248px;
  max-width: calc(100% - 2 * var(--s-4));
  height: 52px;
  padding: 0 var(--sb-nav-px);
  gap: var(--sb-nav-gap);
  border-radius: 20px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .sb-notch {
    --sb-nav-px: var(--s-4);
    width: auto;
    max-width: none;
    height: calc(64px + env(safe-area-inset-top, 0px));
    padding: env(safe-area-inset-top, 0px) var(--sb-nav-px) 0;
    background: var(--bg);
    -webkit-backdrop-filter: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
  }

  .sb-notch:before {
    display: none;
  }

  .sb-notch[data-mobile-hidden="true"] {
    transform: translateY(-100%);
  }
}

.sb-notch-brand {
  align-items: center;
  gap: var(--s-2);
  flex: none;
  height: 28px;
  display: flex;
}

.sb-notch[data-state="notch"] .sb-notch-brand, .sb-notch[data-state="notch-wide"] .sb-notch-brand {
  padding-right: var(--s-2);
  border-right: 1px solid var(--line);
}

.sb-notch-links {
  align-items: center;
  gap: var(--sb-nav-gap);
  font-family: var(--font-sans);
  color: var(--fg-soft);
  flex: none;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.sb-notch-links a, .sb-notch-links button {
  color: var(--fg-muted);
  cursor: pointer;
  font: inherit;
  transition: color var(--d-1) var(--ease-out-soft);
  background: none;
  border: none;
  text-decoration: none;
}

.sb-notch-links a:hover, .sb-notch-links button:hover {
  color: var(--fg);
}

.sb-notch-links a.active, .sb-notch-links a[aria-current="page"], .sb-notch-links button.active {
  color: var(--fg);
  font-weight: 600;
}

.sb-notch-left, .sb-notch-right {
  align-items: center;
  gap: var(--sb-nav-gap);
  flex: none;
  min-width: 0;
  display: flex;
}

.sb-notch-search {
  opacity: 0;
  width: max(220px, min(28vw, 360px));
  min-width: 0;
  transition: opacity var(--d-2) var(--ease-out-soft);
  pointer-events: none;
  flex: none;
}

.sb-notch[data-state="bar"] .sb-notch-search, .sb-notch[data-state="notch-wide"] .sb-notch-search {
  opacity: 1;
  pointer-events: auto;
}

.sb-notch-trailing {
  align-items: center;
  gap: var(--sb-nav-gap);
  flex: none;
  display: inline-flex;
}

/* [project]/packages/ui/src/primitives/button/button.css [app-client] (css) */
.sb-btn {
  font-family: var(--font-sans);
  letter-spacing: -.005em;
  cursor: pointer;
  color: var(--fg);
  transition: transform var(--d-2) var(--ease-out-spring), box-shadow var(--d-2) var(--ease-out-soft), background var(--d-1) var(--ease-out-soft), color var(--d-1) var(--ease-out-soft), border-color var(--d-1) var(--ease-out-soft);
  white-space: nowrap;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.sb-btn:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

.sb-btn:disabled, .sb-btn[aria-disabled="true"] {
  cursor: default;
  opacity: .55;
  pointer-events: none;
}

.sb-btn--primary {
  background: var(--accent);
  color: #fff;
  box-shadow: var(--glow-coral-sm);
}

.sb-btn--primary:hover {
  background: var(--coral-600);
  box-shadow: var(--glow-coral);
}

.sb-btn--secondary {
  color: var(--accent);
  border-color: var(--coral-200);
  background: none;
}

.sb-btn--secondary:hover {
  border-color: var(--accent);
  background: rgba(255, 107, 53, .08);
}

.sb-btn--ghost {
  color: var(--fg);
  border-color: var(--line);
  background: none;
}

.sb-btn--ghost:hover {
  border-color: var(--coral-200);
  background: rgba(255, 107, 53, .08);
}

.sb-btn--destructive {
  color: var(--critical);
  border-color: var(--line);
  background: none;
}

.sb-btn--destructive:hover {
  background: rgba(176, 58, 46, .08);
  border-color: rgba(176, 58, 46, .3);
}

.sb-btn--pill {
  border-radius: 999px;
  gap: 5px;
  padding: 6px 12px;
  font-size: 11.5px;
}

.sb-btn--pill.sb-btn--ghost {
  border-color: var(--line-strong);
  background: var(--bg-raised);
}

.sb-btn--pill.sb-btn--ghost:hover {
  background: var(--bg-sunken);
  border-color: var(--fg-faint);
}

.sb-btn--pill svg {
  width: 11px;
  height: 11px;
}

.sb-btn--icon {
  width: 28px;
  height: 28px;
  color: var(--fg-muted);
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  justify-content: center;
  gap: 0;
  padding: 0;
}

.sb-btn--icon:hover {
  color: var(--accent);
  background: none;
  border-color: rgba(0, 0, 0, 0);
}

.sb-btn--icon.sb-btn--on {
  color: var(--accent);
}

.sb-btn--icon.sb-btn--on svg {
  fill: currentColor;
  stroke: currentColor;
}

.sb-btn--icon svg {
  width: 14px;
  height: 14px;
}

.sb-btn--icon-sm {
  width: 22px;
  height: 22px;
  color: var(--fg-muted);
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  justify-content: center;
  gap: 0;
  padding: 0;
}

.sb-btn--icon-sm:hover {
  color: var(--accent);
  background: none;
  border-color: rgba(0, 0, 0, 0);
}

.sb-btn--icon-sm svg {
  width: 13px;
  height: 13px;
}

.sb-btn--block {
  border-radius: 12px;
  justify-content: center;
  width: 100%;
  padding: 12px 16px;
}

.sb-btn--block .sb-btn-arr {
  transition: transform var(--d-2);
}

.sb-btn--block:hover .sb-btn-arr {
  transform: translateX(2px);
}

.sb-btn--wide {
  border-radius: 10px;
  justify-content: flex-start;
  gap: 9px;
  width: 100%;
  padding: 11px 12px;
}

.sb-btn--wide .sb-btn-arr {
  color: var(--fg-faint);
  transition: transform var(--d-2), color var(--d-1);
  margin-left: auto;
}

.sb-btn--wide:hover .sb-btn-arr {
  color: var(--accent);
  transform: translateX(2px);
}

.sb-btn--loading {
  position: relative;
}

.sb-btn--loading > .sb-btn-label, .sb-btn--loading > .sb-btn-icon-slot {
  visibility: hidden;
}

.sb-btn--loading:after {
  content: "";
  border: 2px solid;
  border-right-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: .72s linear infinite sb-btn-spin;
  position: absolute;
}

@keyframes sb-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* [project]/packages/ui/src/primitives/avatar/avatar.css [app-client] (css) */
.sb-av {
  width: 40px;
  height: 40px;
  font-family: var(--font-sans);
  color: #fff;
  border: 2px solid var(--bg-raised);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 1px 2px rgba(31, 27, 22, .12);
}

.sb-av--sm {
  width: 28px;
  height: 28px;
  font-size: 11px;
}

.sb-av--lg {
  width: 56px;
  height: 56px;
  font-size: 18px;
}

.sb-av--coral {
  background: #ea5421;
}

.sb-av--positive {
  background: #2d7d5f;
}

.sb-av--ink {
  background: #1f1b16;
}

.sb-av--attention {
  background: #c08a2a;
}

.sb-av--more {
  background: var(--bg-raised);
  color: var(--fg-soft);
  border: 1.5px dashed var(--line-strong);
  font-size: 11px;
}

.sb-av--glow {
  box-shadow: var(--glow-coral-sm);
}

.sb-av-stack {
  display: inline-flex;
}

.sb-av-stack > .sb-av {
  margin-left: -10px;
}

.sb-av-stack > .sb-av:first-child {
  margin-left: 0;
}

/* [project]/packages/ui/src/primitives/_shared/field-shell.css [app-client] (css) */
.sb-field {
  border: 1px solid var(--line);
  background: var(--bg-raised);
  font-family: var(--font-sans);
  color: var(--fg);
  transition: border-color var(--d-1) var(--ease-out-soft), box-shadow var(--d-2) var(--ease-out-soft), background var(--d-1) var(--ease-out-soft);
  cursor: text;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 13px;
  display: flex;
}

.sb-field:hover {
  border-color: var(--line-strong);
}

.sb-field:focus-within {
  border-color: var(--coral-300);
  box-shadow: 0 0 0 3px var(--coral-glow-16);
}

.sb-field--sunken {
  background: var(--bg-sunken);
  box-shadow: var(--neu-in);
  border-color: rgba(0, 0, 0, 0);
}

.sb-field--sunken:focus-within {
  border-color: var(--coral-300);
  box-shadow: var(--neu-in), 0 0 0 3px var(--coral-glow-16);
}

.sb-field--mono .sb-field-input {
  font-family: var(--font-mono);
  font-size: 12px;
}

.sb-field--invalid {
  border-color: var(--critical);
}

.sb-field--invalid:focus-within {
  border-color: var(--critical);
  box-shadow: 0 0 0 3px rgba(176, 58, 46, .16);
}

.sb-field--disabled {
  cursor: default;
  opacity: .55;
}

.sb-field-input {
  min-width: 0;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 0;
}

.sb-field-input::placeholder {
  color: var(--fg-faint);
}

.sb-field-icon {
  color: var(--fg-muted);
  transition: color var(--d-1) var(--ease-out-soft);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.sb-field:focus-within .sb-field-icon {
  color: var(--accent);
}

.sb-field-trailing {
  font-family: var(--font-sans);
  letter-spacing: var(--tr-label, .06em);
  color: var(--accent);
  flex-shrink: 0;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

/* [project]/packages/ui/src/primitives/popover/popover.css [app-client] (css) */
.sb-pop {
  border-radius: var(--r-md);
  width: 320px;
  max-width: calc(100vw - 16px);
  font-family: var(--font-sans);
  z-index: 110;
  padding: 14px;
  animation-fill-mode: both;
}

.sb-pop:not(.sb-pop--bare) {
  background: var(--bg-raised);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.sb-pop[data-state="open"] {
  animation: sb-pop-in var(--d-3) var(--ease-out-spring);
}

.sb-pop[data-state="closed"] {
  animation: sb-pop-out var(--d-2) var(--ease-out-soft);
}

@keyframes sb-pop-in {
  0% {
    opacity: .85;
    transform: scale(.96);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes sb-pop-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sb-pop[data-state="open"], .sb-pop[data-state="closed"] {
    animation: none;
  }
}

.sb-pop--bare {
  border-radius: 0;
  width: auto;
  max-width: calc(100vw - 16px);
  padding: 0;
}

.sb-pop-arrow {
  fill: var(--bg-raised);
}

.sb-pop-title {
  font-family: var(--font-sans);
  letter-spacing: -.012em;
  color: var(--fg);
  font-size: 13px;
  font-weight: 700;
}

.sb-pop-sub {
  font-family: var(--font-sans);
  color: var(--fg-soft);
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
}

.sb-pop-foot {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

/* [project]/packages/ui/src/primitives/select/select.css [app-client] (css) */
.sb-sbs-trigger {
  background: var(--bg-raised);
  border: 1px solid var(--line);
  width: 100%;
  font-family: var(--font-sans);
  color: var(--fg);
  cursor: pointer;
  text-align: left;
  transition: border-color var(--d-1) var(--ease-out-soft), box-shadow var(--d-2) var(--ease-out-soft);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 13px;
  display: flex;
}

.sb-sbs-trigger:hover {
  border-color: var(--line-strong);
}

.sb-sbs-trigger[data-state="open"] {
  border-color: var(--coral-300);
  box-shadow: 0 0 0 3px var(--coral-glow-16);
  outline: none;
}

.sb-sbs-trigger:focus-visible {
  border-color: var(--coral-300);
  box-shadow: 0 0 0 3px var(--coral-glow-16);
  outline: none;
}

.sb-sbs-trigger[data-disabled] {
  opacity: .55;
  cursor: default;
  pointer-events: none;
}

.sb-sbs-lead {
  color: var(--fg-muted);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.sb-sbs-val {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.sb-sbs-val[data-placeholder] {
  color: var(--fg-faint);
}

.sb-sbs-chev {
  color: var(--fg-muted);
  transition: transform var(--d-2) var(--ease-out-soft);
  flex-shrink: 0;
}

.sb-sbs-trigger[data-state="open"] .sb-sbs-chev {
  transform: rotate(180deg);
}

.sb-sbs-pop {
  min-width: var(--radix-select-trigger-width);
  max-height: min(var(--radix-select-content-available-height, var(--dropdown-max-h)), var(--dropdown-max-h));
  border-radius: var(--r-md);
  z-index: 110;
  font-family: var(--font-sans);
  background: var(--bg-raised);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  animation-fill-mode: both;
  overflow: hidden;
}

.sb-sbs-pop[data-state="open"] {
  animation: sb-sbs-in var(--d-3) var(--ease-out-spring);
}

.sb-sbs-pop[data-state="closed"] {
  animation: sb-sbs-out var(--d-2) var(--ease-out-soft);
}

@keyframes sb-sbs-in {
  0% {
    opacity: 0;
    transform: scale(.96);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes sb-sbs-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(.97);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sb-sbs-pop[data-state="open"], .sb-sbs-pop[data-state="closed"] {
    animation: none;
  }
}

.sb-sbs-list {
  padding: 6px;
  overflow-y: auto;
}

.sb-sbs-opt {
  color: var(--fg-soft);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: background var(--d-1) var(--ease-out-soft), color var(--d-1) var(--ease-out-soft);
  border-radius: 7px;
  outline: none;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  font-size: 13px;
  display: flex;
}

.sb-sbs-opt[data-highlighted], .sb-sbs-opt:hover {
  background: var(--coral-glow-8);
  color: var(--fg);
}

.sb-sbs-opt[data-state="checked"] {
  color: var(--coral-700);
  font-weight: 600;
}

.sb-sbs-opt[data-disabled] {
  opacity: .45;
  cursor: default;
  pointer-events: none;
}

.sb-sbs-opt:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

.sb-sbs-check {
  color: var(--accent);
  align-items: center;
  margin-left: auto;
  display: inline-flex;
}

.sb-sbs-trigger--sm {
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12.5px;
}

.sb-sbs-val--ph {
  color: var(--fg-faint);
  font-weight: 500;
}

.sb-sbs-trail {
  color: var(--fg-muted);
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.sb-sbs-clear {
  cursor: pointer;
  width: 18px;
  height: 18px;
  color: var(--fg-muted);
  transition: background var(--d-1) var(--ease-out-soft), color var(--d-1) var(--ease-out-soft);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.sb-sbs-clear:hover {
  background: var(--bg-sunken);
  color: var(--fg);
}

.sb-sbs-clear:focus-visible {
  background: var(--bg-sunken);
  color: var(--fg);
  box-shadow: 0 0 0 2px var(--coral-glow-16);
  outline: none;
}

.sb-sbs-mpop {
  background: var(--bg-raised);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  box-shadow: var(--sh-float);
  min-width: var(--radix-popover-trigger-width, 220px);
  max-width: 360px;
  font-family: var(--font-sans);
  z-index: 110;
  overflow: hidden;
}

.sb-sbs-mpop-body {
  max-height: min(var(--radix-popover-content-available-height, 360px), 360px);
  flex-direction: column;
  display: flex;
}

.sb-sbs-search {
  border-bottom: 1px solid var(--line);
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

.sb-sbs-search svg {
  color: var(--fg-muted);
  flex-shrink: 0;
}

.sb-sbs-search-input {
  min-width: 0;
  font: 500 12.5px var(--font-sans);
  color: var(--fg);
  background: none;
  border: none;
  outline: none;
  flex: 1;
}

.sb-sbs-search-input::placeholder {
  color: var(--fg-faint);
}

.sb-sbs-toggle-all {
  width: calc(100% - 12px);
  font-family: var(--font-sans);
  color: var(--fg-soft);
  cursor: pointer;
  text-align: left;
  transition: background var(--d-1) var(--ease-out-soft), color var(--d-1) var(--ease-out-soft);
  background: none;
  border: none;
  border-radius: 7px;
  align-items: center;
  gap: 10px;
  margin: 4px 6px 0;
  padding: 8px 10px;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
}

.sb-sbs-toggle-all:hover {
  background: var(--coral-glow-8);
  color: var(--fg);
}

.sb-sbs-toggle-all:focus-visible {
  background: var(--coral-glow-8);
  color: var(--fg);
  box-shadow: 0 0 0 2px var(--coral-glow-16);
  outline: none;
}

.sb-sbs-toggle-all[data-state="checked"] {
  color: var(--coral-700);
  font-weight: 600;
}

.sb-sbs-toggle-all + .sb-sbs-list, .sb-sbs-toggle-all + .sb-sbs-empty {
  border-top: 1px solid var(--line);
  margin-top: 4px;
  padding-top: 4px;
}

.sb-sbs-truncated {
  text-align: center;
  font-family: var(--font-sans);
  color: var(--fg-faint);
  border-top: 1px solid var(--line);
  flex-shrink: 0;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 500;
}

.sb-sbs-empty {
  text-align: center;
  color: var(--fg-muted);
  font: 500 12px var(--font-sans);
  padding: 18px 12px;
}

.sb-sbs-opt-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.sb-sbs-opt:focus-visible {
  background: var(--coral-glow-8);
  color: var(--fg);
  outline: none;
}

/* [project]/packages/ui/src/components/post-job-popover/post-job-popover.css [app-client] (css) */
.sb-pjp {
  width: 380px;
  max-width: calc(100vw - 32px);
  padding: 0;
}

.sb-pjp-form {
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  display: flex;
}

.sb-pjp-hd {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.sb-pjp-kicker {
  font: 700 9.5px var(--font-sans);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--accent);
}

.sb-pjp-title {
  font: 700 16px var(--font-sans);
  letter-spacing: -.012em;
  color: var(--fg);
  margin: 0;
}

.sb-pjp-sub {
  font: 500 12.5px / 1.45 var(--font-sans);
  color: var(--fg-soft);
  margin: 0;
}

.sb-pjp-field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.sb-pjp-label {
  font: 600 11px var(--font-sans);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--fg-muted);
}

.sb-pjp-hint {
  font: 500 11.5px / 1.4 var(--font-sans);
  color: var(--fg-muted);
  margin: 4px 0 0;
}

.sb-pjp-hint a {
  color: var(--fg);
  text-underline-offset: 2px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--line-strong);
  text-decoration-color: var(--line-strong);
  transition: color var(--d-1), text-decoration-color var(--d-1);
}

.sb-pjp-hint a:hover {
  color: var(--accent);
  -webkit-text-decoration-color: var(--accent);
  text-decoration-color: var(--accent);
}

.sb-pjp-error {
  font: 500 12px var(--font-sans);
  color: var(--critical);
  background: rgba(176, 58, 46, .06);
  border: 1px solid rgba(176, 58, 46, .18);
  border-radius: 8px;
  margin: 0;
  padding: 8px 10px;
}

.sb-pjp-loader {
  flex-direction: column;
  gap: 14px;
  padding: 18px 16px 14px;
  display: flex;
}

.sb-pjp-loader-hd {
  align-items: center;
  gap: 12px;
  display: flex;
}

.sb-pjp-spinner {
  background: var(--coral-glow-8);
  border-radius: 50%;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
}

.sb-pjp-spinner:before {
  content: "";
  border: 2.5px solid var(--coral-glow-16);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: .9s linear infinite sb-pjp-spin;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
}

@keyframes sb-pjp-spin {
  to {
    transform: rotate(360deg);
  }
}

.sb-pjp-loader-title {
  font: 700 14.5px var(--font-sans);
  letter-spacing: -.005em;
  color: var(--fg);
  margin: 0;
}

.sb-pjp-loader-sub {
  font: 500 11.5px / 1.45 var(--font-sans);
  color: var(--fg-muted);
  margin: 1px 0 0;
}

.sb-pjp-phases {
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.sb-pjp-phase {
  background: var(--bg);
  border: 1px solid var(--line);
  transition: background var(--d-2), border-color var(--d-2);
  border-radius: 9px;
  grid-template-columns: 20px 1fr;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  display: grid;
}

.sb-pjp-phase--active {
  border-color: var(--coral-300);
  background: var(--coral-glow-8);
}

.sb-pjp-phase--done {
  border-color: var(--line);
  background: var(--bg);
}

.sb-pjp-phase-dot {
  background: var(--bg-raised);
  border: 1.5px solid var(--line);
  width: 18px;
  height: 18px;
  color: var(--fg-muted);
  transition: background var(--d-2), border-color var(--d-2), color var(--d-2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.sb-pjp-phase--active .sb-pjp-phase-dot {
  border-color: var(--accent);
  background: var(--bg-raised);
  color: var(--accent);
  animation: 1.2s ease-in-out infinite sb-pjp-pulse;
}

@keyframes sb-pjp-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--coral-glow-24);
  }

  50% {
    box-shadow: 0 0 0 5px rgba(255, 107, 53, 0);
  }
}

.sb-pjp-phase--done .sb-pjp-phase-dot {
  background: var(--positive);
  border-color: var(--positive);
  color: #fff;
}

.sb-pjp-phase-dot svg {
  width: 10px;
  height: 10px;
}

.sb-pjp-phase-label {
  font: 600 12.5px var(--font-sans);
  color: var(--fg);
  letter-spacing: -.005em;
}

.sb-pjp-phase--pending .sb-pjp-phase-label {
  color: var(--fg-muted);
  font-weight: 500;
}

.sb-pjp-bar {
  background: var(--bg-sunken);
  border-radius: 999px;
  height: 5px;
  position: relative;
  overflow: hidden;
}

.sb-pjp-bar-fill {
  background: var(--accent);
  border-radius: inherit;
  transition: width var(--d-3) var(--ease-out-soft);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sb-pjp-loader-foot {
  font: 500 11.5px var(--font-sans);
  color: var(--fg-muted);
  text-align: center;
  margin: 0;
}

/* [project]/packages/ui/src/primitives/menu/menu.css [app-client] (css) */
.sb-menu {
  border-radius: var(--r-md);
  background: var(--bg-raised);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  width: 240px;
  padding: 6px;
}

.sb-menu-sec {
  font: 600 10.5px / 1 var(--font-sans);
  letter-spacing: var(--tr-label);
  text-transform: uppercase;
  color: var(--fg-faint);
  padding: 6px 10px 4px;
}

.sb-mi {
  cursor: pointer;
  color: var(--fg);
  transition: background-color var(--d-1) var(--ease-out-soft);
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  font-family: inherit;
  font-size: 13px;
  display: flex;
}

.sb-mi:hover {
  background: var(--bg-sunken);
}

.sb-mi:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

.sb-mi-ico {
  width: 16px;
  height: 16px;
  color: var(--fg-muted);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sb-mi-sc {
  font-family: var(--font-mono);
  color: var(--fg-faint);
  margin-left: auto;
  font-size: 11px;
}

.sb-mi--danger, .sb-mi--danger .sb-mi-ico {
  color: var(--critical);
}

.sb-mi--danger:hover {
  background: rgba(176, 58, 46, .06);
}

.sb-menu-sep {
  background: var(--line);
  height: 1px;
  margin: 6px 4px;
}

/* [project]/packages/ui/src/primitives/search-combobox/search-combobox.css [app-client] (css) */
.sb-mi[data-highlighted] {
  background: var(--bg-sunken);
}

.sb-combobox-anchor {
  width: 100%;
  display: block;
}

.sb-combobox-content.sb-pop--bare {
  width: var(--radix-popover-trigger-width);
  max-width: calc(100vw - 16px);
}

.sb-combobox-content .sb-menu {
  width: 100%;
  max-height: var(--dropdown-max-h);
  overscroll-behavior: contain;
  overflow-x: hidden;
  overflow-y: auto;
}

.sb-combobox-empty, .sb-combobox-loading {
  text-transform: none;
  letter-spacing: 0;
  color: var(--fg-muted);
  font-weight: 500;
}

.sb-combobox-loading {
  font-style: italic;
}

/* [project]/packages/ui/src/primitives/company-logo/company-logo.css [app-client] (css) */
.sb-company-logo {
  width: var(--sb-cl-size, 44px);
  height: var(--sb-cl-size, 44px);
  border-radius: calc(var(--sb-cl-size, 44px) * .25);
  color: #4285f4;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: calc(var(--sb-cl-size, 44px) * .41);
  letter-spacing: -.015em;
  background: #fff;
  border: 1px solid #e8eaed;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.sb-company-logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/* [project]/apps/web/src/components/layout/nav-search-combobox.css [app-client] (css) */
.sb-nav-search-hit {
  align-items: baseline;
  gap: 0;
  min-width: 0;
  display: inline-flex;
  overflow: hidden;
}

.sb-nav-search-hit-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sb-nav-search-hit-sep {
  color: var(--c-text-muted);
  flex-shrink: 0;
}

.sb-nav-search-hit-company {
  color: var(--c-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* [project]/packages/ui/src/primitives/panel-slideover/panel-slideover.css [app-client] (css) */
.sb-side-scrim {
  z-index: 90;
  animation: sb-side-scrim-in var(--d-2) var(--ease-out-soft);
  background: rgba(31, 27, 22, .15);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes sb-side-scrim-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.sb-side {
  border: none;
  border-left: 1px solid var(--glass-border);
  z-index: 100;
  max-width: 100vw;
  animation: sb-side-in var(--d-3) var(--ease-out-spring);
  border-radius: 0;
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  box-shadow: -1px 0 rgba(31, 27, 22, .04), -10px 0 20px -8px rgba(31, 27, 22, .18), -30px 0 60px -20px rgba(31, 27, 22, .3);
}

@keyframes sb-side-in {
  from {
    opacity: 0;
    transform: translateX(8%);
  }

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

@media (prefers-reduced-motion: reduce) {
  .sb-side-scrim, .sb-side {
    animation: none;
  }
}

.sb-side-head {
  border-bottom: 1px solid var(--line);
  background: var(--bg-raised);
  align-items: center;
  gap: 10px;
  padding: 14px 56px 14px 16px;
  display: flex;
  position: relative;
}

.sb-side-titles {
  flex: 1;
  min-width: 0;
}

.sb-side-title {
  font-family: var(--font-sans);
  letter-spacing: -.012em;
  color: var(--fg);
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.sb-side-sub {
  font-family: var(--font-sans);
  color: var(--fg-muted);
  margin-top: 1px;
  font-size: 11.5px;
}

.sb-side-body {
  background: var(--bg-raised);
  flex-direction: column;
  flex: 1;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
  overflow: auto;
}

.sb-side-close {
  width: 28px;
  height: 28px;
  color: var(--fg-muted);
  cursor: pointer;
  transition: background-color var(--d-1) var(--ease-out-soft), color var(--d-1) var(--ease-out-soft);
  z-index: 1;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 14px;
  right: 14px;
}

.sb-side-close:hover {
  background: var(--bg-sunken);
  color: var(--fg);
}

.sb-side-close:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

/* [project]/apps/web/src/components/layout/app-mobile-drawer.css [app-client] (css) */
.sb-app-drawer-nav {
  gap: var(--s-1);
  padding: var(--s-1) 0;
  flex-direction: column;
  display: flex;
}

.sb-app-drawer-item {
  align-items: center;
  gap: var(--s-3);
  min-height: 44px;
  padding: var(--s-2) var(--s-3);
  border-radius: var(--s-2);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  color: var(--fg-muted);
  cursor: pointer;
  transition: color var(--d-1) var(--ease-out-soft);
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
}

.sb-app-drawer-item:hover {
  color: var(--fg);
}

.sb-app-drawer-item:focus-visible {
  color: var(--fg);
}

.sb-app-drawer-item[aria-current="page"] {
  color: var(--fg);
}

.sb-app-drawer-item:before {
  content: "";
  left: 0;
  top: var(--s-2);
  bottom: var(--s-2);
  background: var(--accent);
  width: 2px;
  box-shadow: var(--glow-coral-sm);
  transform-origin: center;
  transition: transform var(--d-2) var(--ease-out-spring);
  pointer-events: none;
  border-radius: 0 2px 2px 0;
  position: absolute;
  transform: scaleY(0);
}

.sb-app-drawer-item:hover:before, .sb-app-drawer-item[aria-current="page"]:before {
  transform: scaleY(1);
}

.sb-app-drawer-item:focus-visible:before {
  transform: scaleY(1);
}

.sb-app-drawer-item:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

.sb-app-drawer-item svg {
  color: currentColor;
  flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
  .sb-app-drawer-item:before {
    transition: none;
  }

  .sb-app-drawer-item:active {
    animation: none;
  }
}

.sb-app-drawer-footer {
  padding-top: var(--s-4);
  border-top: 1px solid var(--line);
  margin-top: auto;
}

.sb-app-drawer-account {
  align-items: center;
  gap: var(--s-3);
  min-height: 44px;
  padding: var(--s-2);
  border-radius: var(--s-2);
  cursor: pointer;
  transition: background var(--d-1) var(--ease-out-soft);
  text-decoration: none;
  display: flex;
}

.sb-app-drawer-account:hover {
  background: var(--bg-sunken);
}

.sb-app-drawer-account:focus-visible {
  background: var(--bg-sunken);
}

.sb-app-drawer-account:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

@media (prefers-reduced-motion: reduce) {
  .sb-app-drawer-account:active {
    animation: none;
  }
}

.sb-app-drawer-account-stack {
  flex-direction: column;
  flex: auto;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.sb-app-drawer-account-name {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  color: var(--fg);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
}

.sb-app-drawer-account-sub {
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  color: var(--fg-muted);
  font-weight: 500;
  line-height: 1.2;
}

.sb-app-drawer-cta {
  gap: var(--s-3);
  flex-direction: column;
  display: flex;
}

/* [project]/apps/web/src/components/layout/app-navbar.css [app-client] (css) */
.sb-app-nav-brand {
  align-items: center;
  gap: var(--s-2);
  color: var(--fg);
  transition: opacity var(--d-1) var(--ease-out-soft);
  text-decoration: none;
  display: inline-flex;
}

.sb-app-nav-brand:hover {
  opacity: .75;
}

.sb-app-nav-brand:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

.sb-app-nav-wordmark {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--w-semi);
  letter-spacing: var(--tr-tight);
  color: var(--fg);
  line-height: 1;
}

.sb-app-nav-item {
  height: var(--s-8);
  padding: 0 var(--s-2);
  border-radius: var(--s-2);
  color: var(--fg-muted);
  font-family: var(--font-sans);
  cursor: pointer;
  transition: color var(--d-1) var(--ease-out-soft);
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.sb-app-nav-item:hover {
  color: var(--fg);
}

.sb-app-nav-item:focus-visible {
  color: var(--fg);
}

.sb-app-nav-item:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

.sb-app-nav-item[aria-current="page"] {
  color: var(--fg);
}

.sb-app-nav-item:after {
  content: "";
  left: var(--s-2);
  right: var(--s-2);
  background: var(--accent);
  height: 2px;
  box-shadow: var(--glow-coral-sm);
  transform-origin: center;
  transition: transform var(--d-2) var(--ease-out-spring);
  pointer-events: none;
  border-radius: 2px 2px 0 0;
  position: absolute;
  bottom: -2px;
  transform: scaleX(0);
}

.sb-app-nav-item:hover:after, .sb-app-nav-item[aria-current="page"]:after {
  transform: scaleX(1);
}

.sb-app-nav-item:focus-visible:after {
  transform: scaleX(1);
}

.sb-app-nav-item-label {
  white-space: nowrap;
  letter-spacing: -.005em;
}

.sb-app-nav-hamburger {
  border-radius: var(--s-2);
  width: 44px;
  height: 44px;
  color: var(--fg);
  cursor: pointer;
  transition: background var(--d-1) var(--ease-out-soft);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  display: none;
}

.sb-app-nav-hamburger:hover {
  background: var(--bg-sunken);
}

.sb-app-nav-hamburger:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

.sb-app-nav-cta {
  align-items: center;
  gap: var(--s-3);
  display: inline-flex;
}

.sb-app-nav-cta-link {
  font-family: var(--font-sans);
  color: var(--fg-muted);
  padding: var(--s-1) var(--s-2);
  border-radius: var(--s-2);
  transition: color var(--d-1) var(--ease-out-soft), background var(--d-1) var(--ease-out-soft);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
}

.sb-app-nav-cta-link:hover {
  color: var(--fg);
  background: var(--bg-sunken);
}

.sb-app-nav-cta-link:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

.sb-app-nav-avatar-link {
  border-radius: 50%;
  display: inline-flex;
  position: relative;
}

.sb-app-nav-avatar-link:before {
  content: "";
  border: 2px solid var(--accent);
  box-shadow: var(--glow-coral-sm);
  opacity: 0;
  transition: transform var(--d-2) var(--ease-out-spring), opacity var(--d-2) var(--ease-out-spring);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  transform: scale(.8);
}

.sb-app-nav-avatar-link:hover:before, .sb-app-nav-avatar-link[aria-current="page"]:before {
  opacity: 1;
  transform: scale(1);
}

.sb-app-nav-avatar-link:focus-visible:before {
  opacity: 1;
  transform: scale(1);
}

.sb-app-nav-avatar-link:active {
  animation: jelly-squish var(--d-4) var(--ease-jelly);
}

@media (max-width: 1279px) {
  .sb-app-nav-item-label {
    display: none;
  }
}

@media (min-width: 768px) {
  .sb-notch[data-state="bar"] [data-id="search"], .sb-notch[data-state="notch-wide"] [data-id="search"] {
    display: none;
  }
}

@media (max-width: 767px) {
  .sb-app-nav-hamburger {
    display: inline-flex;
  }

  .sb-notch [data-hide-mobile="true"], .sb-app-nav-wordmark, .sb-app-nav-avatar-link {
    display: none;
  }

  .sb-app-nav-brand {
    min-height: 44px;
    padding: 0 var(--s-1);
    margin-left: calc(-1 * var(--s-1));
  }

  .sb-notch-left, .sb-notch-right {
    display: contents;
  }

  .sb-notch-links {
    margin-left: auto;
  }

  .sb-notch .sb-notch-search, .sb-notch.sb-app-nav-search-forced .sb-notch-links, .sb-notch.sb-app-nav-search-forced .sb-app-nav-hamburger, .sb-notch.sb-app-nav-search-forced .sb-notch-trailing {
    display: none;
  }

  .sb-notch.sb-app-nav-search-forced .sb-notch-search {
    opacity: 1;
    pointer-events: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sb-app-nav-item:after {
    transition: none;
    animation: none;
  }

  .sb-app-nav-avatar-link:before {
    transition: none;
  }

  .sb-app-nav-brand:active, .sb-app-nav-item:active, .sb-app-nav-hamburger:active, .sb-app-nav-cta-link:active, .sb-app-nav-avatar-link:active {
    animation: none;
  }
}

/* [project]/apps/web/src/app/(with-chrome)/with-chrome-layout.css [app-client] (css) */
:root {
  --sb-page-top-pad: 32px;
  --sb-page-top: calc(var(--sb-notch-bottom, 68px)  + var(--sb-page-top-pad, 32px));
}

@media (max-width: 767px) {
  :root {
    --sb-page-top-pad: 24px;
  }
}

.sb-with-chrome-main {
  padding-top: var(--sb-page-top);
  min-height: 100vh;
}

:root {
  --sb-page-fill: calc(100vh - var(--sb-notch-bottom, 68px));
}

.sb-page-bleed {
  margin-top: calc(-1 * var(--sb-page-top-pad, 32px));
}

.sb-page-shell {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 32px 64px;
}

.sb-page-shell--wide {
  max-width: var(--page-max-w);
}

.sb-card-grid {
  gap: var(--s-4);
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
  width: 100%;
  display: grid;
}

.sb-card-grid .sb-jc {
  max-width: none;
}

/*# sourceMappingURL=_c6718809._.css.map*/