:root{--ct-pink: #f66a9b;--ct-ink: #0a0a0a;--ct-paper: #f3f1eb;--ct-board: #111311;--ct-board-line: rgba(255, 255, 255, .14);--ct-board-muted: #91978e}@media screen and (min-width:750px){.header-menu .ct-menu-item--has-submenu>.menu-list__submenu{position:fixed!important;inset:var(--ct-menu-top, var(--header-height, 60px)) 0 auto 0!important;width:100vw!important;max-height:calc(100dvh - var(--ct-menu-top, var(--header-height, 60px)))!important;padding:0!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;clip-path:none!important;transform:none!important;overflow:auto!important;z-index:calc(var(--layer-header-menu, 20) + 5)!important;transition:opacity .16s ease,visibility 0s linear .16s!important}.header-menu .ct-menu-item--has-submenu:is(:hover,:focus-within,.ct-menu-is-open)>.menu-list__submenu{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:opacity .16s ease!important}.header-menu .ct-menu-item--has-submenu>.menu-list__submenu>.menu-list__submenu-inner{opacity:1!important;transform:none!important;max-height:none!important;overflow:visible!important}.header-menu .ct-menu-item--has-submenu>[data-ct-menu-trigger]{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:inherit}.header-menu .menu-list__submenu-inner{padding:12px clamp(18px,3vw,56px) 24px;background:linear-gradient(90deg,transparent 49.9%,rgba(246,106,155,.09) 50%,transparent 50.1%),var(--ct-paper)}.header-menu .menu-list__submenu-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(10,10,10,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,10,.06) 1px,transparent 1px);background-size:100% 24px,72px 100%}.header-menu .mega-menu,.header-menu .mega-menu__grid{position:relative;width:100%;max-width:1500px;margin-inline:auto;display:block}.ct-board{position:relative;color:#f8f8f3;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(115deg,#151815,#090a09 68%);border:1px solid #050505;box-shadow:8px 8px #f66a9b38,0 20px 50px #0003;overflow:hidden;isolation:isolate}.ct-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:linear-gradient(105deg,transparent 0 45%,rgba(255,255,255,.035) 50%,transparent 56%)}.ct-board__rail{min-height:30px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--ct-board-line);color:var(--ct-board-muted);font:600 8px/1 var(--font-body--family, monospace);letter-spacing:.2em}.ct-board__signal,.ct-board__pulse,.ct-board__status i{width:7px;height:7px;border-radius:50%;background:var(--ct-pink);box-shadow:0 0 0 3px #f66a9b26,0 0 14px #f66a9b8c}.ct-board__rail-line{height:1px;background:var(--ct-board-line)}.ct-board__header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:clamp(18px,2vw,30px) clamp(18px,2.5vw,38px) 16px}.ct-board__eyebrow{display:block;margin-bottom:5px;color:var(--ct-pink);font:700 9px/1 var(--font-body--family, monospace);letter-spacing:.22em}.ct-board__title{margin:0;color:#fff;font:800 clamp(24px,2.3vw,40px)/.95 var(--font-heading--family, sans-serif);letter-spacing:-.045em;text-transform:uppercase}.ct-board__clock{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--ct-board-line);color:#d8dcd5;font:650 8px/1 var(--font-body--family, monospace);letter-spacing:.18em}.ct-board__pulse{animation:ct-pulse 1.6s steps(2,end) infinite}.ct-board__labels,.ct-board__departure-link{display:grid;grid-template-columns:52px minmax(200px,1fr) 70px 92px 24px;align-items:center;gap:12px}.ct-board__labels{padding:7px clamp(18px,2.5vw,38px);border-block:1px solid var(--ct-board-line);color:#6f756d;font:600 7px/1 var(--font-body--family, monospace);letter-spacing:.16em}.ct-board__labels span:nth-child(2){grid-column:2}.ct-board__labels span:nth-child(3){grid-column:3;text-align:center}.ct-board__labels span:nth-child(4){grid-column:4}.ct-board__departures{margin:0;padding:0;list-style:none;counter-reset:ct-row}.ct-board__departure{border-bottom:1px solid var(--ct-board-line);opacity:0;transform:translateY(-8px)}.menu-list__list-item:has(>[aria-expanded=true]) .ct-board__departure,.menu-list__list-item.ct-menu-is-open .ct-board__departure,.menu-list__submenu:hover .ct-board__departure{animation:ct-board-in .28s cubic-bezier(.2,.75,.25,1) forwards;animation-delay:calc(var(--ct-row) * 42ms + 80ms)}.ct-board__departure-link{min-height:56px;padding:5px clamp(18px,2.5vw,38px);color:#f4f5f0;text-decoration:none;transition:color .18s ease,background .18s ease}.ct-board__departure-link:hover,.ct-board__departure-link:focus-visible,.ct-board__departure-link.is-active{color:#070707;background:var(--ct-pink);outline:none}.ct-board__line-number{display:grid;place-items:center;width:36px;height:26px;border:1px solid currentColor;font:700 10px/1 var(--font-body--family, monospace);letter-spacing:.12em}.ct-board__destination{min-width:0;display:flex;align-items:baseline;gap:14px}.ct-board__destination-title{font:750 clamp(15px,1.35vw,22px)/1 var(--font-heading--family, sans-serif);text-transform:uppercase;letter-spacing:-.015em}.ct-board__route-preview{overflow:hidden;color:var(--ct-board-muted);font:600 7px/1.2 var(--font-body--family, monospace);letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap}.ct-board__route-preview i{padding-inline:7px;color:var(--ct-pink);font-style:normal}.ct-board__departure-link:hover .ct-board__route-preview,.ct-board__departure-link:focus-visible .ct-board__route-preview{color:#0000009e}.ct-board__track{justify-self:center;padding:5px 7px;border:1px solid var(--ct-board-line);color:#b5bbb1;font:700 8px/1 var(--font-body--family, monospace)}.ct-board__status{display:flex;align-items:center;gap:8px;color:#b9beb6;font:700 8px/1 var(--font-body--family, monospace);letter-spacing:.15em}.ct-board__status i{width:5px;height:5px;background:#b8ff55;box-shadow:0 0 8px #b8ff5580}.ct-board__departure-link:hover :is(.ct-board__track,.ct-board__status),.ct-board__departure-link:focus-visible :is(.ct-board__track,.ct-board__status){color:#070707;border-color:#00000059}.ct-board__departure-link:hover .ct-board__status i,.ct-board__departure-link:focus-visible .ct-board__status i{background:#070707;box-shadow:none}.ct-board__arrow{justify-self:end;font-size:15px}.ct-board__connections{display:flex;flex-wrap:wrap;gap:5px 16px;margin:-1px 0 0;padding:7px clamp(18px,2.5vw,38px) 10px 102px;list-style:none;background:#ffffff06}.ct-board__connections a{color:#a9afa5;text-decoration:none;font:600 8px/1.3 var(--font-body--family, monospace);letter-spacing:.08em;text-transform:uppercase}.ct-board__connections a:hover{color:var(--ct-pink)}.ct-board__connections span{color:#5f655d;margin-right:5px}.ct-board__footer{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px clamp(18px,2.5vw,38px)}.ct-board__footer-note{color:#676c65;font:600 7px/1.3 var(--font-body--family, monospace);letter-spacing:.13em}.ct-board__all-link{display:flex;align-items:center;gap:14px;color:#fff;font:700 9px/1 var(--font-body--family, monospace);letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.ct-board__all-link:hover{color:var(--ct-pink)}.header-menu .menu-list__list{counter-reset:ct-nav}.header-menu .menu-list__list-item:not([slot]){counter-increment:ct-nav}.header-menu .menu-list__list-item:not([slot])>.menu-list__link .menu-list__link-title:before{content:counter(ct-nav,decimal-leading-zero);margin-right:8px;color:var(--ct-pink);font-size:.8em}.header-menu .menu-list__list-item:has(>.menu-list__submenu)>.menu-list__link .menu-list__link-title:after{content:" +";color:var(--ct-pink);font-weight:800}.header-menu .menu-list__list-item:has(>[aria-expanded=true])>.menu-list__link .menu-list__link-title:after,.header-menu .menu-list__list-item.ct-menu-is-open>.menu-list__link .menu-list__link-title:after{content:" \2212"}:root[data-chromatica-theme=dark] .header-menu .menu-list__submenu-inner{background:linear-gradient(90deg,transparent 49.9%,rgba(246,106,155,.1) 50%,transparent 50.1%),var(--ct-ink)}:root[data-chromatica-theme=dark] .header-menu .menu-list__submenu-inner:before{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)}:root[data-chromatica-theme=dark] .ct-board{color:#090a09;background:repeating-linear-gradient(0deg,rgba(9,10,9,.022) 0 1px,transparent 1px 4px),linear-gradient(115deg,#faf9f4,#ebe7de 68%);border-color:#090a09;box-shadow:8px 8px #f66a9b3d,0 20px 50px #0000004d}:root[data-chromatica-theme=dark] .ct-board:after{background:linear-gradient(105deg,transparent 0 45%,rgba(255,255,255,.28) 50%,transparent 56%)}:root[data-chromatica-theme=dark] :is(.ct-board__rail,.ct-board__labels,.ct-board__departure,.ct-board__footer){border-color:#090a093b}:root[data-chromatica-theme=dark] .ct-board__rail,:root[data-chromatica-theme=dark] .ct-board__labels,:root[data-chromatica-theme=dark] .ct-board__footer-note{color:#090a0980}:root[data-chromatica-theme=dark] .ct-board__rail-line{background:#090a093b}:root[data-chromatica-theme=dark] .ct-board__title,:root[data-chromatica-theme=dark] .ct-board__departure-link,:root[data-chromatica-theme=dark] .ct-board__all-link{color:#090a09}:root[data-chromatica-theme=dark] .ct-board__clock,:root[data-chromatica-theme=dark] .ct-board__track,:root[data-chromatica-theme=dark] .ct-board__status{color:#090a09b3;border-color:#090a094d}:root[data-chromatica-theme=dark] .ct-board__route-preview,:root[data-chromatica-theme=dark] .ct-board__connections a,:root[data-chromatica-theme=dark] .ct-board__connections span{color:#090a0994}:root[data-chromatica-theme=dark] .ct-board__connections{background:#090a0906}}@media screen and (max-width:749px){.header-drawer .menu-drawer{--drawer-width: min(100vw, 440px);--drawer-max-width: 440px;color:#f4f4ef;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#0b0d0b;background-size:24px 24px;border-right:0;box-shadow:18px 0 50px #00000061}.header-drawer .menu-drawer:before{content:"CHR / MOBILE TRANSIT DECK";min-height:42px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.14);color:#8f958c;font:650 8px/1 var(--font-body--family, monospace);letter-spacing:.18em}.header-drawer .menu-drawer:after{content:"INSPIRED BY GRAFFITI  /  BUILT FOR URBAN CULTURE";position:fixed;z-index:4;inset:auto 0 0;width:min(100vw,440px);padding:11px 18px max(11px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.12);color:#676d65;background:#0b0d0b;font:600 7px/1 var(--font-body--family, monospace);letter-spacing:.12em}.header-drawer .menu-drawer__close-button{top:7px;right:8px;color:#fff;border:1px solid rgba(255,255,255,.18);background:#141714}.header-drawer .menu-drawer__navigation{padding:16px 0 58px;counter-reset:ct-mobile}.header-drawer .menu-drawer__menu{--drawer-padding: 14px}.header-drawer .menu-drawer__navigation>.menu-drawer__menu>li{counter-increment:ct-mobile;border-bottom:1px solid rgba(255,255,255,.12)}.header-drawer .menu-drawer__menu-item--mainlist{min-height:58px;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:9px;padding:7px 6px;color:#f3f4ef;text-transform:uppercase}.header-drawer .menu-drawer__menu-item--mainlist:before{content:counter(ct-mobile,decimal-leading-zero);display:grid;place-items:center;width:34px;height:26px;border:1px solid rgba(255,255,255,.45);color:var(--ct-pink);font:700 9px/1 var(--font-body--family, monospace);letter-spacing:.1em}.header-drawer .menu-drawer__menu-item-text{font-family:var(--font-heading--family, sans-serif);font-size:clamp(14px,4.2vw,18px);font-weight:750;letter-spacing:-.015em}.header-drawer .menu-drawer__menu-item--mainlist:hover,.header-drawer .menu-drawer__menu-item--mainlist:focus-visible,.header-drawer .menu-drawer__menu-item--active{color:#090a09;background:var(--ct-pink)}.header-drawer .menu-drawer__menu-item--mainlist:hover:before,.header-drawer .menu-drawer__menu-item--mainlist:focus-visible:before,.header-drawer .menu-drawer__menu-item--active:before{color:#090a09;border-color:#090a09}.header-drawer .menu-drawer__submenu{color:#f3f4ef;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),#0b0d0b;background-size:100% 24px}.header-drawer .menu-drawer__nav-buttons{min-height:52px;padding:6px 8px 6px 12px;border-bottom:1px solid rgba(255,255,255,.14);background:#121412}.header-drawer .menu-drawer__back-button{color:#fff;background:transparent;border:0;font-family:var(--font-body--family, monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.header-drawer .menu-drawer__menu--childlist{padding-block:12px 64px}.header-drawer .menu-drawer__menu-item--parent,.header-drawer .menu-drawer__menu-item--child{min-height:48px;padding:10px 8px 10px 18px;border-left:2px solid transparent;color:#d7dbd3;font:650 12px/1.25 var(--font-body--family, monospace);letter-spacing:.07em;text-transform:uppercase}.header-drawer .menu-drawer__menu-item--parent:after,.header-drawer .menu-drawer__menu-item--child:after{content:"OPEN \2197";margin-left:auto;color:#6f756d;font-size:7px;letter-spacing:.1em}.header-drawer .menu-drawer__menu-item--parent:hover,.header-drawer .menu-drawer__menu-item--child:hover,.header-drawer .menu-drawer__menu-item--parent:focus-visible,.header-drawer .menu-drawer__menu-item--child:focus-visible{color:#fff;border-left-color:var(--ct-pink);background:#f66a9b17}.header-drawer .menu-drawer__backdrop{-webkit-backdrop-filter:blur(4px) brightness(.55);backdrop-filter:blur(4px) brightness(.55)}}@keyframes ct-board-in{0%{opacity:0;transform:translateY(-8px);filter:blur(2px)}55%{opacity:1;transform:translateY(2px);filter:blur(0)}to{opacity:1;transform:translateY(0)}}@keyframes ct-pulse{0%,42%{opacity:1}43%,to{opacity:.25}}@media(prefers-reduced-motion:reduce){.ct-board__departure{opacity:1;transform:none;animation:none!important}.ct-board__pulse{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/chromatica-transit-menu.css.map */