[data-theme="fabrik"] {
  --ink: #000000;
  --ink-2: #1C1C1C;
  --firn: #F3F3F1;
  --paper: #FFFFFF;
  --glacier: #A3A3A3;
  --glacier-soft: #ECECEA;
  --hivis: #000000;
  --hivis-dark: #2E2E2E;
  --muted: #6B6B6B;
  --line: #DADAD6;
  --r: 2px;
  --r-big: 3px;
}

[data-theme="fabrik"] h1 { font-weight: 300; font-stretch: 125%; letter-spacing: .04em; text-transform: uppercase; line-height: 1.02; }
[data-theme="fabrik"] h2 { font-weight: 400; font-stretch: 125%; letter-spacing: .05em; text-transform: uppercase; font-size: 1.1rem; }
[data-theme="fabrik"] h3 { font-weight: 500; font-stretch: 125%; letter-spacing: .06em; text-transform: uppercase; font-size: .9rem; }
[data-theme="fabrik"] .kicker { text-transform: uppercase; letter-spacing: .22em; font-size: .72rem; font-weight: 500; }

[data-theme="fabrik"] .top,
[data-theme="fabrik"] .hero,
[data-theme="fabrik"] .dock,
[data-theme="fabrik"] .login-wrap,
[data-theme="fabrik"] .kpi.lead,
[data-theme="fabrik"] .poster-sheet,
[data-theme="fabrik"] .scanframe { background-image: none; background-color: #000; }
[data-theme="fabrik"] .top { border-bottom: 1px solid #1E1E1E; }
[data-theme="fabrik"] .top .org { font-weight: 300; letter-spacing: .28em; text-transform: uppercase; font-size: .95rem; }
[data-theme="fabrik"] .top .where { letter-spacing: .12em; text-transform: uppercase; font-size: .7rem; }
[data-theme="fabrik"] .hero { border: 1px solid #1E1E1E; }
[data-theme="fabrik"] .hero .sub { color: #BDBDBD; }

[data-theme="fabrik"] .dock { box-shadow: none; }
[data-theme="fabrik"] .dock a { color: #8C8C8C; text-transform: uppercase; letter-spacing: .12em; font-size: .62rem; }
[data-theme="fabrik"] .dock a[aria-current="page"] { color: #fff; background: #151515; }
[data-theme="fabrik"] .dock a.scan {
  background: #fff; color: #000; box-shadow: none; border-radius: 2px; letter-spacing: .14em; font-weight: 600;
}
[data-theme="fabrik"] .dock a.scan:active { transform: none; background: #D9D9D9; }
@media (min-width: 60rem) {
  [data-theme="fabrik"] .dock::before {
    content: attr(data-mark); background: none; width: auto; height: auto;
    color: #fff; font-weight: 200; font-stretch: 125%; letter-spacing: .12em; font-size: 1.35rem; text-align: center;
  }
}

[data-theme="fabrik"] .btn {
  border-radius: 0; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 600; font-stretch: 125%;
}
[data-theme="fabrik"] .btn.small { font-size: .7rem; }
[data-theme="fabrik"] .hero .btn.hot,
[data-theme="fabrik"] .login-wrap .btn.hot,
[data-theme="fabrik"] .poster-sheet .btn.hot { background: #fff; border-color: #fff; color: #000; }
[data-theme="fabrik"] .hero .btn.hot:hover { background: #D9D9D9; border-color: #D9D9D9; }
[data-theme="fabrik"] .login-wrap .panel .btn.hot { background: #000; border-color: #000; color: #fff; }
[data-theme="fabrik"] .hero .btn.quiet { border-color: #5A5A5A; }
[data-theme="fabrik"] .chips button { border-radius: 0; text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; }
[data-theme="fabrik"] .chips.dark button { border-color: #3A3A3A; }
[data-theme="fabrik"] .langs button { border-radius: 0; letter-spacing: .1em; }

[data-theme="fabrik"] .tag { transform: none; border-radius: 0; font-weight: 600; letter-spacing: .08em; }
[data-theme="fabrik"] .hero .tag { background: #fff; color: #000; }
[data-theme="fabrik"] .pill { border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: .64rem; font-weight: 600; }
[data-theme="fabrik"] .pill.warn { background: #E6E6E3; color: #000; }
[data-theme="fabrik"] .pill.ok { background: #E3EFE7; }
[data-theme="fabrik"] .pill.info { background: #000; color: #fff; }
[data-theme="fabrik"] .hero .pill.info { background: #fff; color: #000; }

[data-theme="fabrik"] .stats a { background: transparent; border: 1px solid #2A2A2A; }
[data-theme="fabrik"] .stats b { font-weight: 200; }
[data-theme="fabrik"] .stats span { text-transform: uppercase; letter-spacing: .14em; font-size: .64rem; color: #A3A3A3; }
[data-theme="fabrik"] .stats a.alarm { border-color: var(--signal); }
[data-theme="fabrik"] .stats a.alarm span { color: #fff; }
[data-theme="fabrik"] .kpi b,
[data-theme="fabrik"] .countdown b,
[data-theme="fabrik"] .gearcard .size b,
[data-theme="fabrik"] .money .total,
[data-theme="fabrik"] .topmodels .n,
[data-theme="fabrik"] .campcard .nums b { font-weight: 250; }
[data-theme="fabrik"] .kpi span { text-transform: uppercase; letter-spacing: .1em; font-size: .68rem; }

[data-theme="fabrik"] .ticket .stub { background: #000; color: #fff; border-right-color: #fff; font-weight: 300; letter-spacing: .08em; }
[data-theme="fabrik"] .feed .ticket:hover .stub { background: #222; }
[data-theme="fabrik"] .ticket .go span { border-radius: 0; text-transform: uppercase; letter-spacing: .14em; font-size: .7rem; background: #000; }
[data-theme="fabrik"] .ticket:hover .go span { background: #2E2E2E; }
[data-theme="fabrik"] .ticket .go span.quiet { background: var(--firn); color: #000; }
[data-theme="fabrik"] .ticket .body b,
[data-theme="fabrik"] .rideline b,
[data-theme="fabrik"] .gearcard .model { font-weight: 500; letter-spacing: .02em; }
[data-theme="fabrik"] .pips i { transform: none; border-radius: 0; width: 6px; }
[data-theme="fabrik"] .stub .pips i,
[data-theme="fabrik"] .hero .pips i { background: #3A3A3A; }
[data-theme="fabrik"] .stub .pips i.on,
[data-theme="fabrik"] .hero .pips i.on { background: #fff; }
[data-theme="fabrik"] .flex i { border-radius: 0; }
[data-theme="fabrik"] .hero .flex i.on { background: #fff; }

[data-theme="fabrik"] .gearcard .stage,
[data-theme="fabrik"] .hero-stage,
[data-theme="fabrik"] .list .item .mini.stage-mini { background-image: none; background-color: #ECECEA; }
[data-theme="fabrik"] .gearcard .stage .gfx.board { filter: none; }
[data-theme="fabrik"] .gearcard .stage.photo,
[data-theme="fabrik"] .hero-stage.photo,
[data-theme="fabrik"] .list .item .mini.stage-mini.photo,
[data-theme="fabrik"] body.public .gearline .stage.photo,
[data-theme="fabrik"] body.public .rateboard .stage.photo { background-color: #fff; }
[data-theme="fabrik"] body.public .gal-thumb.on { border-color: #fff; }
[data-theme="fabrik"] .lightbox { background: rgba(0, 0, 0, .985); }
[data-theme="fabrik"] .lb-close { border-radius: 0; }
[data-theme="fabrik"] .lb-dot { border-radius: 0; }
[data-theme="fabrik"] .bars .bar, [data-theme="fabrik"] .topmodels .bar { border-radius: 0; }
[data-theme="fabrik"] .bars .bar i, [data-theme="fabrik"] .topmodels .bar i { border-radius: 0; }
[data-theme="fabrik"] .navtiles svg { color: #000; stroke-width: 1.5; }
[data-theme="fabrik"] .navtiles b { font-weight: 500; text-transform: uppercase; letter-spacing: .1em; font-size: .9rem; }
[data-theme="fabrik"] .toast { border-radius: 0; letter-spacing: .06em; }
[data-theme="fabrik"] .sheet { border-radius: 0; }
[data-theme="fabrik"] .panel.alert { box-shadow: inset 3px 0 0 var(--signal); }
[data-theme="fabrik"] .panel.note { box-shadow: inset 3px 0 0 #000; }
[data-theme="fabrik"] .rideline.late { box-shadow: inset 3px 0 0 var(--signal); }
[data-theme="fabrik"] .reticle { border-radius: 0; }
[data-theme="fabrik"] .reticle i { border-width: 2px; border-radius: 0; }
[data-theme="fabrik"] .reticle .sweep { background: linear-gradient(90deg, transparent, #fff, transparent); }
[data-theme="fabrik"] .scanframe.hit .reticle i { border-color: #fff; }
[data-theme="fabrik"] .camtool { border-radius: 0; }
[data-theme="fabrik"] .camtool.on { background: #fff; border-color: #fff; color: #000; }
[data-theme="fabrik"] .scanstate { border-radius: 0; letter-spacing: .08em; text-transform: uppercase; font-size: .7rem; }
[data-theme="fabrik"] .scanframe.hit .scanstate { background: #fff; color: #000; }
[data-theme="fabrik"] .login-wrap .hint { color: #A3A3A3; text-transform: uppercase; letter-spacing: .22em; font-size: .72rem; }

[data-theme="fabrik"] .poster-sheet { border: 1px solid #1E1E1E; }
[data-theme="fabrik"] .poster-sheet .camp { color: #BDBDBD; font-weight: 300; letter-spacing: .08em; text-transform: uppercase; font-size: 1rem; }
[data-theme="fabrik"] .poster-card { border-radius: 0; }
[data-theme="fabrik"] .poster-card .band { font-weight: 400; letter-spacing: .22em; text-transform: uppercase; font-size: .9rem; }
[data-theme="fabrik"] .poster-steps { font-weight: 300; letter-spacing: .16em; text-transform: uppercase; font-size: .85rem; }
[data-theme="fabrik"] .poster-steps span b { background: #fff; color: #000; border-radius: 0; font-weight: 500; }

[data-theme="fabrik"] body.public { background: #000; color: #fff; }
[data-theme="fabrik"] body.public .top { background: #000; }
[data-theme="fabrik"] body.public .hero { border: 0; border-bottom: 1px solid #1E1E1E; }
[data-theme="fabrik"] body.public .panel { background: #0D0D0D; color: #fff; border: 1px solid #222; }
[data-theme="fabrik"] body.public .panel.alert { box-shadow: inset 3px 0 0 var(--signal); }
[data-theme="fabrik"] body.public .panel.done { box-shadow: inset 3px 0 0 #fff; }
[data-theme="fabrik"] body.public .panel.note { box-shadow: inset 3px 0 0 #6B6B6B; }
[data-theme="fabrik"] body.public .hint { color: #8C8C8C; }
[data-theme="fabrik"] body.public label.field > span,
[data-theme="fabrik"] body.public .tiles legend,
[data-theme="fabrik"] body.public .rate legend { text-transform: uppercase; letter-spacing: .16em; font-size: .68rem; font-weight: 500; color: #BDBDBD; }
[data-theme="fabrik"] body.public input:not([type=checkbox]):not([type=radio]),
[data-theme="fabrik"] body.public select,
[data-theme="fabrik"] body.public textarea { background: #000; color: #fff; border: 1px solid #3A3A3A; border-radius: 0; }
[data-theme="fabrik"] body.public input:focus,
[data-theme="fabrik"] body.public select:focus,
[data-theme="fabrik"] body.public textarea:focus { border-color: #fff; }
[data-theme="fabrik"] body.public .check input { accent-color: #fff; }
[data-theme="fabrik"] body.public .tiles .tile { background: #000; color: #fff; border: 1px solid #3A3A3A; border-radius: 0; font-weight: 400; letter-spacing: .04em; }
[data-theme="fabrik"] body.public .tiles input:checked + .tile { background: #fff; color: #000; border-color: #fff; }
[data-theme="fabrik"] body.public .tiles .pips i { background: #3A3A3A; }
[data-theme="fabrik"] body.public .tiles .pips i.on { background: #fff; }
[data-theme="fabrik"] body.public .tiles input:checked + .tile .pips i { background: #CFCFCF; }
[data-theme="fabrik"] body.public .tiles input:checked + .tile .pips i.on { background: #000; }
[data-theme="fabrik"] body.public .brandtiles .tile { font-weight: 300; letter-spacing: .1em; text-transform: uppercase; font-size: .9rem; }
[data-theme="fabrik"] body.public .btn { background: #000; color: #fff; border: 1px solid #fff; }
[data-theme="fabrik"] body.public .btn.hot { background: #fff; color: #000; border-color: #fff; }
[data-theme="fabrik"] body.public .btn.hot:hover { background: #D9D9D9; }
[data-theme="fabrik"] body.public .btn.quiet { background: transparent; color: #fff; border-color: #5A5A5A; }
[data-theme="fabrik"] body.public .btn.go { background: #fff; color: #000; }
[data-theme="fabrik"] body.public .btn.danger { background: var(--signal); border-color: var(--signal); }
[data-theme="fabrik"] body.public .tag { background: #fff; color: #000; }
[data-theme="fabrik"] body.public .brandrow b { font-weight: 200; letter-spacing: .24em; text-transform: uppercase; font-size: 1.15rem; }
[data-theme="fabrik"] body.public .gearline { background: #0D0D0D; border: 1px solid #222; border-radius: 0; color: #fff; }
[data-theme="fabrik"] body.public .gearline .stage,
[data-theme="fabrik"] body.public .rateboard .stage { background: #ECECEA; background-image: none; border-radius: 0; }
[data-theme="fabrik"] body.public .gearline b { font-weight: 400; letter-spacing: .04em; }
[data-theme="fabrik"] body.public .profile { color: #fff; }
[data-theme="fabrik"] body.public .rate .step { background: #000; border: 1px solid #333; border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: .62rem; font-weight: 500; }
[data-theme="fabrik"] body.public .rate .step i { border-radius: 0; background: #333; }
[data-theme="fabrik"] body.public .rate label.lit .step i { background: #fff; }
[data-theme="fabrik"] body.public .rate input:checked + .step { background: #fff; color: #000; }
[data-theme="fabrik"] body.public .rate input:checked + .step i { background: #000; }
[data-theme="fabrik"] body.public .liftticket { border-radius: 0; box-shadow: 0 0 0 1px #2A2A2A; }
[data-theme="fabrik"] body.public .liftticket .band { background: #fff; color: #000; border-bottom: 1px solid #000; font-weight: 400; letter-spacing: .2em; text-transform: uppercase; font-size: .8rem; }
[data-theme="fabrik"] body.public .liftticket .band small { letter-spacing: .08em; text-transform: none; }
[data-theme="fabrik"] body.public .liftticket .who b { font-weight: 300; letter-spacing: .06em; text-transform: uppercase; }
[data-theme="fabrik"] body.public .liftticket .perf::before,
[data-theme="fabrik"] body.public .liftticket .perf::after { background: #000; }
[data-theme="fabrik"] body.public .liftticket .pips i.on { background: #000; }
[data-theme="fabrik"] body.public .liftticket .pips i { background: #D0D0D0; }
[data-theme="fabrik"] body.public .money .total { font-weight: 250; }
[data-theme="fabrik"] body.public .liftticket { color: #000; }
[data-theme="fabrik"] .signout { border-radius: 0; border-color: #3A3A3A; }
[data-theme="fabrik"] .signout .who b { font-weight: 400; letter-spacing: .08em; text-transform: uppercase; font-size: .7rem; }
[data-theme="fabrik"] .signout .who small { letter-spacing: .08em; text-transform: uppercase; font-size: .6rem; }
[data-theme="fabrik"] .gfx.stancefig .boot.lead { fill: currentColor; stroke: currentColor; }