@property --orb-a {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.075);
}
@property --orb-b {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(200, 205, 215, 0.065);
}
@property --bar-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(22, 22, 26, 0.42);
}
@property --glass-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --ascii-ink {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.05);
}
@property --max-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --wallpaper {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --widget-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(30, 30, 33, 0.82);
}
@property --window-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(16, 16, 18, 0.985);
}
@property --font--mono {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font--sans {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --radius--lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--md {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --window-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--info {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font--serif {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-gutter {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --terminal-bg {
  syntax: "*";
  inherits: true;
  initial-value: #121214;
}
@property --window-left {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --base-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --ease--in-out {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --glass-filter {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-shadow {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-right {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--danger {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --large-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --small-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-bottom {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-radius {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--popover {
  syntax: "<color>";
  inherits: true;
  initial-value: #1c1c1f;
}
@property --color--success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --ease--out-expo {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --widget-bg-lift {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(36, 36, 40, 0.95);
}
@property --window-nav-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --widget-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(40, 40, 44, 0.88);
}
@property --window-bg-glass {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(18, 18, 20, 0.74);
}
@property --background--main {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-faint {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --window-content-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--border-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-raised {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --window-content-bottom {
  syntax: "*";
  inherits: true;
  initial-value: ;
}

  :host, :root {
  --orb-a: rgba(255, 255, 255, 0.075);
  --orb-b: rgba(200, 205, 215, 0.065);
  --bar-bg: rgba(22, 22, 26, 0.42);
  --glass-bg: rgba(255, 255, 255, 0.055);
  --ascii-ink: rgba(255, 255, 255, 0.05);
  --max-width: 1440px;
  --wallpaper: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
  --widget-bg: rgba(30, 30, 33, 0.82);
  --window-bg: rgba(16, 16, 18, 0.985);
  --font--mono: 'SF Mono', ui-monospace, Menlo, 'JetBrains Mono', monospace;
  --font--sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --radius--lg: 28px;
  --radius--md: 22px;
  --radius--sm: 14px;
  --window-top: 0px;
  --color--info: #64d2ff;
  --color--text: #f5f5f7;
  --font--serif: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --terminal-bg: linear-gradient(180deg, rgba(30, 30, 34, 0.95) 0%, rgba(12, 12, 14, 0.97) 100%);
  --window-left: 0px;
  --base-padding: 1rem;
  --ease--in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-filter: blur(40px) saturate(180%);
  --glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --window-right: 0px;
  --color--accent: #f5f5f7;
  --color--border: rgba(255, 255, 255, 0.08);
  --color--danger: #ff6961;
  --large-padding: 1.5rem;
  --small-padding: .5rem;
  --window-bottom: 0px;
  --window-radius: 0px;
  --color--popover: #1c1c1f;
  --color--success: #30d158;
  --color--surface: rgba(255, 255, 255, 0.045);
  --color--warning: #ffd60a;
  --ease--out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --glass-bg-hover: rgba(255, 255, 255, 0.085);
  --widget-bg-lift: rgba(36, 36, 40, 0.95);
  --window-nav-top: calc(env(safe-area-inset-top) + 14px);
  --widget-bg-hover: rgba(40, 40, 44, 0.88);
  --window-bg-glass: rgba(18, 18, 20, 0.74);
  --background--main: #0a0a0b;
  --color--on-accent: #0a0a0a;
  --color--text-faint: rgba(235, 235, 245, 0.32);
  --color--text-muted: rgba(235, 235, 245, 0.62);
  --window-content-top: calc(env(safe-area-inset-top) + 74px);
  --color--border-strong: rgba(255, 255, 255, 0.14);
  --color--surface-hover: rgba(255, 255, 255, 0.075);
  --color--surface-raised: rgba(255, 255, 255, 0.065);
  --window-content-bottom: calc(env(safe-area-inset-bottom) + 130px);
}
  
  
  [data-nc-theme~="Ember"] {
  --orb-a: rgba(255, 120, 50, 0.18);
  --orb-b: rgba(255, 190, 90, 0.1);
  --bar-bg: rgba(34, 20, 14, 0.52);
  --glass-bg: rgba(255, 180, 140, 0.07);
  --ascii-ink: rgba(255, 205, 170, 0.07);
  --widget-bg: rgba(38, 24, 18, 0.84);
  --window-bg: rgba(18, 11, 8, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(40, 26, 20, 0.95) 0%, rgba(14, 9, 6, 0.97) 100%);
  --glass-border: rgba(255, 190, 150, 0.13);
  --color--accent: #ffbe94;
  --color--border: rgba(255, 190, 150, 0.1);
  --glass-bg-hover: rgba(255, 180, 140, 0.11);
  --widget-bg-lift: rgba(48, 30, 22, 0.96);
  --widget-bg-hover: rgba(50, 32, 24, 0.9);
  --window-bg-glass: rgba(22, 14, 10, 0.78);
  --background--main: #0d0806;
}
[data-nc-theme~="AMOLED"] {
  --orb-a: rgba(0, 0, 0, 0);
  --orb-b: rgba(0, 0, 0, 0);
  --bar-bg: rgba(0, 0, 0, 0.74);
  --glass-bg: rgba(255, 255, 255, 0.04);
  --ascii-ink: rgba(255, 255, 255, 0.04);
  --widget-bg: #000000;
  --window-bg: #000000;
  --terminal-bg: #000000;
  --glass-border: rgba(255, 255, 255, 0.14);
  --color--accent: #ffffff;
  --color--border: rgba(255, 255, 255, 0.12);
  --glass-bg-hover: rgba(255, 255, 255, 0.07);
  --widget-bg-lift: #050505;
  --widget-bg-hover: #0b0b0c;
  --window-bg-glass: rgba(0, 0, 0, 0.94);
  --background--main: #000000;
}
[data-nc-theme~="Aurora"] {
  --orb-a: rgba(170, 90, 255, 0.2);
  --orb-b: rgba(255, 90, 200, 0.12);
  --bar-bg: rgba(24, 14, 40, 0.52);
  --glass-bg: rgba(190, 150, 255, 0.07);
  --ascii-ink: rgba(210, 180, 255, 0.07);
  --widget-bg: rgba(28, 18, 44, 0.84);
  --window-bg: rgba(14, 9, 24, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(30, 20, 48, 0.95) 0%, rgba(10, 6, 20, 0.97) 100%);
  --glass-border: rgba(200, 170, 255, 0.13);
  --color--accent: #d9bfff;
  --color--border: rgba(200, 170, 255, 0.1);
  --glass-bg-hover: rgba(190, 150, 255, 0.11);
  --widget-bg-lift: rgba(36, 24, 56, 0.96);
  --widget-bg-hover: rgba(38, 26, 58, 0.9);
  --window-bg-glass: rgba(16, 10, 28, 0.78);
  --background--main: #0b0714;
}
[data-nc-theme~="Default"] {
  --orb-a: rgba(255, 255, 255, 0.075);
  --orb-b: rgba(200, 205, 215, 0.065);
  --bar-bg: rgba(22, 22, 26, 0.42);
  --glass-bg: rgba(255, 255, 255, 0.055);
  --ascii-ink: rgba(255, 255, 255, 0.05);
  --max-width: 1440px;
  --wallpaper: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
  --widget-bg: rgba(30, 30, 33, 0.82);
  --window-bg: rgba(16, 16, 18, 0.985);
  --font--mono: 'SF Mono', ui-monospace, Menlo, 'JetBrains Mono', monospace;
  --font--sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --radius--lg: 28px;
  --radius--md: 22px;
  --radius--sm: 14px;
  --window-top: 0px;
  --color--info: #64d2ff;
  --color--text: #f5f5f7;
  --font--serif: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --terminal-bg: linear-gradient(180deg, rgba(30, 30, 34, 0.95) 0%, rgba(12, 12, 14, 0.97) 100%);
  --window-left: 0px;
  --base-padding: 1rem;
  --ease--in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-filter: blur(40px) saturate(180%);
  --glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --window-right: 0px;
  --color--accent: #f5f5f7;
  --color--border: rgba(255, 255, 255, 0.08);
  --color--danger: #ff6961;
  --large-padding: 1.5rem;
  --small-padding: .5rem;
  --window-bottom: 0px;
  --window-radius: 0px;
  --color--popover: #1c1c1f;
  --color--success: #30d158;
  --color--surface: rgba(255, 255, 255, 0.045);
  --color--warning: #ffd60a;
  --ease--out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --glass-bg-hover: rgba(255, 255, 255, 0.085);
  --widget-bg-lift: rgba(36, 36, 40, 0.95);
  --window-nav-top: calc(env(safe-area-inset-top) + 14px);
  --widget-bg-hover: rgba(40, 40, 44, 0.88);
  --window-bg-glass: rgba(18, 18, 20, 0.74);
  --background--main: #0a0a0b;
  --color--on-accent: #0a0a0a;
  --color--text-faint: rgba(235, 235, 245, 0.32);
  --color--text-muted: rgba(235, 235, 245, 0.62);
  --window-content-top: calc(env(safe-area-inset-top) + 74px);
  --color--border-strong: rgba(255, 255, 255, 0.14);
  --color--surface-hover: rgba(255, 255, 255, 0.075);
  --color--surface-raised: rgba(255, 255, 255, 0.065);
  --window-content-bottom: calc(env(safe-area-inset-bottom) + 130px);
}
[data-nc-theme~="Midnight"] {
  --orb-a: rgba(70, 120, 255, 0.2);
  --orb-b: rgba(40, 200, 255, 0.11);
  --bar-bg: rgba(14, 22, 42, 0.52);
  --glass-bg: rgba(140, 170, 255, 0.07);
  --ascii-ink: rgba(170, 195, 255, 0.07);
  --widget-bg: rgba(16, 24, 44, 0.84);
  --window-bg: rgba(8, 13, 26, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(18, 26, 48, 0.95) 0%, rgba(6, 10, 22, 0.97) 100%);
  --glass-border: rgba(150, 180, 255, 0.13);
  --color--accent: #a9c7ff;
  --color--border: rgba(150, 180, 255, 0.1);
  --glass-bg-hover: rgba(140, 170, 255, 0.11);
  --widget-bg-lift: rgba(22, 32, 58, 0.96);
  --widget-bg-hover: rgba(24, 34, 60, 0.9);
  --window-bg-glass: rgba(10, 16, 32, 0.78);
  --background--main: #060a14;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-serif: 'Instrument Serif',serif;
--font-mono: 'JetBrains Mono',monospace;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .eJyxsR {
      --glass-bg:rgba(255, 255, 255, 0.055);
      --font--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Inter", system-ui, sans-serif;
      --color--text:#f5f5f7;
      --glass-border:rgba(255, 255, 255, 0.09);
      --color--border:rgba(255, 255, 255, 0.08);
      --background--main:#0a0a0b;
      --color--text-faint:rgba(235, 235, 245, 0.36);
      --color--text-muted:rgba(235, 235, 245, 0.62);
      flex-direction:row;
      font-size:16px;
      font-family:var(--font--sans);
      font-weight:400;
      color:var(--color--text);
      display:block;
      position:relative;
      isolation:isolate;
      background:var(--background--main);
      min-height:100dvh;
      -webkit-font-smoothing:antialiased;
    }

    .egsCnx {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      inset:0;
      z-index:-1;
      position:fixed;
      pointer-events:none;
      background-size:22px 22px;
      background-color:#0a0a0b;
      background-image:radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
    }

    .egsCnx::before {
      top:-10%;
      right:-5%;
      width:46vmax;
      filter:blur(100px);
      height:46vmax;
      content:"";
      position:absolute;
      animation:jaDrift 32s ease-in-out infinite alternate;
      background:rgba(255, 255, 255, 0.06);
      border-radius:50%;
    }

    @media (prefers-reduced-motion: reduce) {

    .egsCnx::before {
      animation:none;
    }
    }

    @keyframes jaDrift {
        0% {
          transform: translate(0, 0) scale(1);
        }

        100% {
          transform: translate(-16vw, 12vh) scale(1.2);
        }
    }

    .Dksot {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      top:calc(env(safe-area-inset-top) + 12px);
      left:12px;
      right:12px;
      z-index:30;
      position:fixed;
      justify-content:center;
      pointer-events:none;
    }

    .fvClLV {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:8px;
      width:100%;
      border:1px solid var(--glass-border, rgba(255, 255, 255, 0.09));
      height:52px;
      padding:0 6px 0 16px;
      max-width:1240px;
      background:rgba(22, 22, 24, 0.62);
      box-shadow:0 10px 40px rgba(0, 0, 0, 0.35);
      box-sizing:border-box;
      align-items:center;
      border-radius:999px;
      pointer-events:auto;
      justify-content:space-between;
      backdrop-filter:blur(28px) saturate(180%);
      -webkit-backdrop-filter:blur(28px) saturate(180%);
      animation:jnDrop 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    @media (prefers-reduced-motion: reduce) {

    .fvClLV {
      animation:none;
    }
    }

    @keyframes jnDrop {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(-24px) scale(0.96);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .eFabFL {
      flex-direction:row;
      font-size:15px;
      font-family:inherit;
      font-weight:600;
      color:var(--color--text, #f5f5f7);
      display:inline-flex;
      gap:6px;
      align-items:baseline;
      white-space:nowrap;
      border-radius:6px;
      letter-spacing:-0.02em;
      text-decoration:none;
    }

    .eFabFL:focus-visible {
      outline:2px solid var(--color--text, #f5f5f7);
      outline-offset:4px;
    }

    .cgjGIp {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:400;
      color:var(--color--text-faint, rgba(235, 235, 245, 0.36));
      display:inline;
    }

    .bYKTwH {
      flex-direction:row;
      font-size:17px;
      font-family:var(--font--serif, Georgia, serif);
      font-weight:400;
      color:var(--color--text-muted, rgba(235, 235, 245, 0.62));
      display:inline;
      font-style:italic;
      letter-spacing:0;
    }

    .bQimxH {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:2px;
      padding:3px;
      background:rgba(255, 255, 255, 0.05);
      border-radius:999px;
    }

    .bEXBVg {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
      color:var(--color--text-muted, rgba(235, 235, 245, 0.62));
      display:inline-flex;
      height:36px;
      padding:0 14px;
      transition:background 0.2s ease, color 0.2s ease;
      align-items:center;
      white-space:nowrap;
      border-radius:999px;
      text-decoration:none;
    }

    .bEXBVg.active {
      color:#0a0a0a;
      background:#f5f5f7;
    }

    .bEXBVg:hover {
      color:var(--color--text, #f5f5f7);
      background:rgba(255, 255, 255, 0.06);
    }

    .bEXBVg:focus-visible {
      outline:2px solid var(--color--text, #f5f5f7);
      outline-offset:1px;
    }

    .fxPRT {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:600;
      color:#0a0a0a;
      display:none;
      height:40px;
      padding:0 16px;
      background:#f5f5f7;
      transition:opacity 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      white-space:nowrap;
      border-radius:999px;
      text-decoration:none;
    }

    .fxPRT:hover {
      opacity:0.88;
    }

    .fxPRT:active {
      transform:scale(0.94);
    }

    .fxPRT:focus-visible {
      outline:2px solid #f5f5f7;
      outline-offset:3px;
    }

    @media (min-width: 720px) {

    .fxPRT {
      display:inline-flex;
    }
    }

    .ogODj {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:clamp(2rem, 5vw, 3rem);
      margin:0 auto;
      padding:calc(env(safe-area-inset-top) + 120px) 16px clamp(3rem, 8vw, 6rem);
      max-width:880px;
      box-sizing:border-box;
    }

    @media (min-width: 720px) {

    .ogODj {
      padding-left:24px;
      padding-right:24px;
    }
    }

    .YrTtC {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:16px;
      animation:jaIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    @media (prefers-reduced-motion: reduce) {

    .YrTtC {
      animation:none;
    }
    }

    @keyframes jaIn {
        0% {
          filter: blur(10px);
        }

        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(28px);
        }

        100% {
          filter: blur(0);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .dmzChO {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      color:var(--color--text-muted);
      display:flex;
      gap:8px;
      align-items:center;
    }

    .chOZtU {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline;
      border-radius:4px;
      text-decoration:none;
    }

    .chOZtU:hover {
      color:var(--color--text);
    }

    .chOZtU:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:3px;
    }

    .jxcGN {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-faint);
      display:inline;
    }

    .czYVeE {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text);
      display:inline;
    }

    .dyMBjt {
      flex-direction:row;
      font-size:clamp(2.75rem, 8vw, 5.5rem);
      font-family:inherit;
      font-weight:600;
      color:inherit;
      display:block;
      margin:0px;
      text-wrap:balance;
      line-height:0.95;
      letter-spacing:-0.055em;
    }

    .dIayql {
      flex-direction:row;
      font-size:inherit;
      font-family:var(--font--serif, Georgia, serif);
      font-weight:400;
      color:var(--color--text-muted);
      display:inline;
      font-style:italic;
      letter-spacing:-0.02em;
    }

    .efKRmj {
      flex-direction:row;
      font-size:clamp(1.05rem, 1.8vw, 1.2rem);
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-muted);
      display:block;
      margin:0px;
      max-width:600px;
      line-height:1.5;
    }

    .bpHonY {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:16px;
      top:calc(env(safe-area-inset-top) + 76px);
      z-index:10;
      position:sticky;
    }

    .bSwJTO {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:6px;
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:56px;
      padding:0 6px 0 18px;
      position:relative;
      background:rgba(255, 255, 255, 0.05);
      box-sizing:border-box;
      transition:border-color 0.2s ease, background 0.2s ease;
      align-items:center;
      border-radius:999px;
      backdrop-filter:blur(20px) saturate(160%);
      -webkit-backdrop-filter:blur(20px) saturate(160%);
    }

    .bSwJTO:focus-within {
      background:rgba(255, 255, 255, 0.08);
      border-color:rgba(255, 255, 255, 0.28);
    }

    .JNLdI {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline;
      clip:rect(0 0 0 0);
      width:1px;
      height:1px;
      margin:-1px;
      overflow:hidden;
      position:absolute;
      white-space:nowrap;
    }

    .JPCrZ {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-muted, rgba(235, 235, 245, 0.62));
      display:block;
      flex-shrink:0;
    }

    .dqIeBL {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
    }

    .cbjRJM {
      flex-direction:row;
      font-size:16px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text, #f5f5f7);
      display:inline-block;
      flex:1;
      font:inherit;
      border:none;
      height:100%;
      outline:none;
      padding:0px;
      min-width:0px;
      background:transparent;
      appearance:none;
    }

    .cbjRJM::placeholder {
      color:var(--color--text-faint, rgba(235, 235, 245, 0.36));
    }

    .eeLGIt {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline-block;
    }

    .eNsNbY {
      flex-direction:row;
      font-size:18px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-muted, rgba(235, 235, 245, 0.62));
      display:inline-flex;
      width:36px;
      border:none;
      cursor:pointer;
      height:36px;
      background:rgba(255, 255, 255, 0.06);
      flex-shrink:0;
      align-items:center;
      border-radius:50%;
      justify-content:center;
    }

    .eNsNbY:hover {
      color:var(--color--text, #f5f5f7);
      background:rgba(255, 255, 255, 0.12);
    }

    .eNsNbY:focus-visible {
      outline:2px solid var(--color--text, #f5f5f7);
      outline-offset:2px;
    }

    .dsMszf {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:600;
      color:#0a0a0a;
      display:inline-flex;
      border:none;
      cursor:pointer;
      height:44px;
      padding:0 20px;
      background:#f5f5f7;
      transition:opacity 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      flex-shrink:0;
      align-items:center;
      border-radius:999px;
    }

    .dsMszf:hover {
      opacity:0.88;
    }

    .dsMszf:active {
      transform:scale(0.95);
    }

    .dsMszf:focus-visible {
      outline:2px solid #f5f5f7;
      outline-offset:3px;
    }

    .RiYph {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:8px;
      margin:0px;
      padding:0 0 4px;
      overflow-x:auto;
      list-style:none;
      scrollbar-width:none;
    }

    .RiYph::-webkit-scrollbar {
    width: 0;
    }

    .cAYDpV {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:list-item;
      flex-shrink:0;
    }

    .ehTunz {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
      color:var(--color--text);
      display:inline-flex;
      gap:8px;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:40px;
      padding:0 16px;
      background:rgba(22, 22, 24, 0.7);
      transition:background 0.2s ease, color 0.2s ease;
      align-items:center;
      white-space:nowrap;
      border-radius:999px;
      text-decoration:none;
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
    }

    .ehTunz.active {
      color:#0a0a0a;
      background:#f5f5f7;
      border-color:#f5f5f7;
    }

    .ehTunz:hover {
      background:rgba(255, 255, 255, 0.12);
      color:var(--color--text);
    }

    .ehTunz:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:2px;
    }

    .bZPZol {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:24px;
    }

    .blIBWI {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      align-items:baseline;
      padding-top:8px;
      border-top:1px solid var(--color--border);
      justify-content:space-between;
    }

    .cumvmL {
      flex-direction:row;
      font-size:clamp(1.5rem, 3vw, 2rem);
      font-family:inherit;
      font-weight:600;
      color:inherit;
      display:block;
      margin:16px 0 0;
      line-height:1.1;
      letter-spacing:-0.035em;
    }

    .kmaAb {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:14px;
      align-items:center;
    }

    .eOBHtY {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-muted);
      display:block;
      margin:0px;
      font-variant-numeric:tabular-nums;
    }

    .cyxTjS {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
      color:var(--color--text);
      display:inline;
      border-radius:4px;
      text-underline-offset:3px;
    }

    .cyxTjS:hover {
      opacity:0.8;
    }

    .cyxTjS:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:3px;
    }

    .bSvPew {
      flex-direction:row;
      font-size:15px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-faint);
      display:block;
      margin:0px;
    }

    .fCGSFE {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:12px;
      border:1px solid var(--glass-border);
      padding:clamp(28px, 5vw, 56px);
      background:var(--glass-bg);
      align-items:flex-start;
      border-radius:28px;
    }

    .cnicOt {
      flex-direction:row;
      font-size:clamp(1.5rem, 3vw, 2.25rem);
      font-family:inherit;
      font-weight:600;
      color:inherit;
      display:block;
      margin:0px;
      line-height:1.1;
      letter-spacing:-0.035em;
    }

    .coLHBC {
      flex-direction:row;
      font-size:inherit;
      font-family:var(--font--serif, Georgia, serif);
      font-weight:400;
      color:var(--color--text-muted);
      display:inline;
      font-style:italic;
    }

    .bYhKtW {
      flex-direction:row;
      font-size:16px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-muted);
      display:block;
      margin:0px;
    }

    .qJvGR {
      flex-direction:row;
      font-size:15px;
      font-family:inherit;
      font-weight:600;
      color:#0a0a0a;
      display:inline-flex;
      height:44px;
      padding:0 20px;
      margin-top:8px;
      background:#f5f5f7;
      align-items:center;
      border-radius:999px;
      text-decoration:none;
    }

    .qJvGR:hover {
      opacity:0.88;
    }

    .qJvGR:focus-visible {
      outline:2px solid #f5f5f7;
      outline-offset:3px;
    }

    .dbZEGV {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
    }

    .crRXKb {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
      color:var(--color--text, #f5f5f7);
      display:inline-flex;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:44px;
      padding:0 18px;
      background:rgba(255, 255, 255, 0.06);
      transition:background 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      border-radius:999px;
      text-decoration:none;
    }

    .crRXKb:hover {
      background:rgba(255, 255, 255, 0.12);
    }

    .crRXKb:active {
      transform:scale(0.95);
    }

    .crRXKb:focus-visible {
      outline:2px solid var(--color--text, #f5f5f7);
      outline-offset:2px;
    }

    .ClDxO {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
      color:var(--color--text-faint, rgba(235, 235, 245, 0.36));
      display:inline-flex;
      border:1px solid rgba(255, 255, 255, 0.05);
      height:44px;
      padding:0 18px;
      align-items:center;
      border-radius:999px;
    }

    .bAnCZt {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:6px;
      margin:0px;
      padding:0px;
      list-style:none;
      align-items:center;
    }

    .engEjW {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:6px;
      align-items:center;
    }

    .crkQZb {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-faint, rgba(235, 235, 245, 0.36));
      display:inline;
      padding:0 2px;
    }

    .ffeLYX {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:600;
      color:var(--color--text-muted, rgba(235, 235, 245, 0.62));
      display:inline-flex;
      width:44px;
      height:44px;
      transition:background 0.2s ease, color 0.2s ease;
      align-items:center;
      border-radius:50%;
      justify-content:center;
      text-decoration:none;
      font-variant-numeric:tabular-nums;
    }

    .ffeLYX.current {
      color:#0a0a0a;
      background:#f5f5f7;
    }

    .ffeLYX:hover {
      color:var(--color--text, #f5f5f7);
      background:rgba(255, 255, 255, 0.08);
    }

    .ffeLYX:focus-visible {
      outline:2px solid var(--color--text, #f5f5f7);
      outline-offset:2px;
    }

    .JournalArchive\:pager {
      margin-top:16px;
    }

    .bGGaKe {
      gap:2.5rem 1.5rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:1fr 1fr;
    }

    @media (min-width: 900px) {

    .bGGaKe {
      grid-template-columns:2fr 1fr 1fr;
    }
    }

    .deRKea {
      color:inherit;
      width:auto;
      height:var(--logo-height);
      display:block;
      overflow:visible;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fodhUF {
      --logo-height:27px;
      color:var(--color--text);
      display:inline-flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:0;
      flex-direction:row;
    }

    .SiteFooter\:logo {
      --logo-height:26px;
    }

    .dETXjw {
      gap:clamp(2.5rem, 6vw, 4rem);
      color:inherit;
      display:flex;
      padding:clamp(3rem, 7vw, 5rem) var(--page-gutter) 1.5rem;
      overflow:hidden;
      font-size:inherit;
      border-top:1px solid var(--color--border);
      font-family:var(--font--sans);
      font-weight:inherit;
      container-type:inline-size;
      flex-direction:column;
    }

    .dqkzjE {
      gap:1.25rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      max-width:22rem;
      font-family:inherit;
      font-weight:inherit;
      grid-column:1 / -1;
      flex-direction:column;
    }

    @media (min-width: 900px) {

    .dqkzjE {
      grid-column:auto;
    }
    }

    .ePtxcd {
      gap:1rem;
      color:var(--color--text-muted);
      display:flex;
      flex-wrap:wrap;
      font-size:0.6875rem;
      border-top:1px solid var(--color--border);
      align-items:center;
      font-family:var(--font--mono);
      font-weight:inherit;
      padding-top:1.5rem;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
      justify-content:space-between;
    }

    .dwMCog {
      color:var(--color--text-muted);
      display:inline;
      font-size:inherit;
      transition:color 0.2s ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration:none;
    }

    .dwMCog:hover {
      color:var(--color--text);
    }

    .dwMCog:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:3px;
    }

    .dlmWue {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      flex-direction:row;
    }

    .dJWjtm {
      color:transparent;
      margin:0px;
      display:block;
      font-size:clamp(3rem, 19cqi, 22rem);
      background:linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.04) 95%);
      text-align:center;
      font-family:inherit;
      font-weight:700;
      line-height:0.78;
      user-select:none;
      white-space:nowrap;
      flex-direction:row;
      letter-spacing:-0.075em;
      background-clip:text;
      -webkit-background-clip:text;
    }

    .hYLMF {
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cCHbtE {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dXofmm {
      color:inherit;
      display:list-item;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .mrfYG {
      color:var(--color--text);
      display:inline;
      font-size:0.9375rem;
      transition:color 0.2s ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration:none;
    }

    .mrfYG:hover {
      color:var(--color--accent);
    }

    .mrfYG:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:3px;
    }

    .avMC {
      gap:0.6rem;
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bHMSOs {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      font-size:0.6875rem;
      font-family:var(--font--mono);
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .JournalArchive\:footer {
      margin:0 auto;
      max-width:1240px;
      padding-left:16px;
      padding-right:16px;
    }

    .eKmrat {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      transition:opacity 0.2s ease;
    }

    .eKmrat.busy {
      opacity:0.5;
    }

    .dVFtoz {
      flex-direction:row;
      font-size:12px;
      font-family:inherit;
      font-weight:700;
      color:var(--color--text-faint);
      display:block;
      margin:28px 0 0;
      padding-bottom:10px;
      border-bottom:1px solid var(--color--border);
      letter-spacing:0.14em;
      text-transform:uppercase;
    }

    .cVqfGI {
      --tone:167, 139, 250;
      --zoom:1;
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text, #f5f5f7);
      display:block;
      border-bottom:1px solid rgba(255, 255, 255, 0.08);
      min-width:0px;
    }

    .cVqfGI.motion {
      --tone:244, 114, 182;
    }

    .cVqfGI.engineering {
      --tone:96, 165, 250;
    }

    .cVqfGI.product {
      --tone:52, 211, 153;
    }

    .cVqfGI.design {
      --tone:251, 191, 36;
    }

    .cVqfGI:hover {
      --zoom:1.06;
      --title-color:#ffffff;
      --title-line:rgba(255, 255, 255, 0.5);
    }

    .dvjJA-d {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:grid;
      gap:16px;
      padding:22px 0;
      grid-template-columns:minmax(0, 1fr) 104px;
      align-items:center;
      border-radius:12px;
      text-decoration:none;
    }

    .dvjJA-d:focus-visible {
      outline:2px solid rgb(var(--tone));
      outline-offset:4px;
    }

    @media (min-width: 720px) {

    .dvjJA-d {
      gap:28px;
      padding:26px 0;
      grid-template-columns:minmax(0, 1fr) 176px;
    }
    }

    .cBBtYs {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:8px;
      min-width:0px;
    }

    .dyxOnp {
      flex-direction:row;
      font-size:clamp(1.05rem, 1.6vw, 1.25rem);
      font-family:inherit;
      font-weight:650;
      color:var(--title-color, inherit);
      display:block;
      margin:0px;
      line-height:1.25;
      letter-spacing:-0.02em;
      text-wrap:balance;
      text-decoration:underline;
      text-decoration-color:var(--title-line, transparent);
      text-underline-offset:4px;
      text-decoration-thickness:1px;
      transition:text-decoration-color 0.25s ease;
    }

    .TIYdC {
      flex-direction:row;
      font-size:15px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-muted, rgba(235, 235, 245, 0.62));
      display:-webkit-box;
      margin:0px;
      overflow:hidden;
      line-height:1.5;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
    }

    .dSOiIz {
      flex-direction:row;
      font-size:11.5px;
      font-family:inherit;
      font-weight:600;
      color:var(--color--text-faint, rgba(235, 235, 245, 0.42));
      display:flex;
      margin:2px 0 0;
      letter-spacing:0.08em;
      text-transform:uppercase;
      font-variant-numeric:tabular-nums;
      gap:8px;
      align-items:center;
      flex-wrap:wrap;
    }

    .YSbbY {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      overflow:hidden;
      position:relative;
      background:#141416;
      aspect-ratio:3 / 2;
      border-radius:12px;
      isolation:isolate;
      box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.06);
    }

    .bZmVYL {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      width:100%;
      height:100%;
      transform:scale(var(--zoom));
      object-fit:cover;
      transition:transform 0.7s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .bEsoRd {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      inset:0;
      padding:8px 12px;
      position:absolute;
      transform:scale(var(--zoom));
      background:radial-gradient(120% 100% at 100% 0%, rgba(var(--tone), 0.5) 0%, transparent 60%), radial-gradient(90% 80% at 0% 100%, rgba(var(--tone), 0.2) 0%, transparent 60%), linear-gradient(160deg, #232327 0%, #0d0d0f 100%);
      transition:transform 0.7s cubic-bezier(0.2, 1, 0.3, 1);
      justify-content:flex-end;
      align-items:flex-end;
    }

    .bRdact {
      flex-direction:row;
      font-size:clamp(2.25rem, 5vw, 3.5rem);
      font-family:var(--font--serif, Georgia, serif);
      font-weight:inherit;
      color:rgba(255, 255, 255, 0.92);
      display:inline;
      font-style:italic;
      line-height:1;
      text-shadow:0 8px 30px rgba(var(--tone), 0.5);
    }

    .bCWZxz {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:#f5f5f7;
      display:inline-flex;
      width:var(--avatar-size);
      height:var(--avatar-size);
      flex-shrink:0;
      overflow:hidden;
      position:relative;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      background:linear-gradient(145deg, #3a3a40 0%, #18181b 100%);
      box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.12);
    }

    .cIBcOE {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .GKFsN {
      flex-direction:row;
      font-size:calc(var(--avatar-size) * 0.46);
      font-family:var(--font--serif, Georgia, serif);
      font-weight:inherit;
      color:inherit;
      display:inline;
      font-style:italic;
      line-height:1;
    }

    .otpAp {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      flex-shrink:0;
      width:1px;
      height:24px;
      margin:0 6px;
      align-self:center;
      background:rgba(255, 255, 255, 0.16);
    }

    .SlQ {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
      color:var(--color--text);
      display:inline-flex;
      gap:8px;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:40px;
      padding:0 16px 0 6px;
      background:rgba(22, 22, 24, 0.7);
      transition:background 0.2s ease, color 0.2s ease;
      align-items:center;
      white-space:nowrap;
      border-radius:999px;
      text-decoration:none;
      box-sizing:border-box;
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
    }

    .SlQ.active {
      color:#0a0a0a;
      background:#f5f5f7;
      border-color:#f5f5f7;
    }

    .SlQ.active:hover {
      background:#e4e4e8;
    }

    .SlQ:hover {
      background:rgba(255, 255, 255, 0.12);
    }

    .SlQ:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:2px;
    }