.hu{--hu-face-hi: #1d1e21;--hu-face: #151618;--hu-face-lo: #111214;--hu-glass: #0b0c0d;--hu-line: rgba(255, 255, 255, .09);--hu-text: #ece8e1;--hu-muted: #9b968d;--hu-accent: #c9a96e;--hu-lit: #e8c88a;--hu-lit-glow: rgba(232, 200, 138, .45)}.hu [hidden]{display:none!important}.hu-caps{font-stretch:125%;font-weight:600;font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase}.hu-intro{margin-bottom:4rem}.hu-title{font-weight:300;font-size:clamp(3.2rem,5vw,5.4rem);line-height:1.06;letter-spacing:-.012em;max-width:22ch;margin:0 0 1.6rem;text-wrap:balance}.hu-lede{margin:0;max-width:56ch;font-size:1.7rem;color:rgba(var(--color-foreground),.66)}.hu-faceplate{display:grid;grid-template-columns:14rem minmax(0,1fr) 15rem;grid-template-areas:"knob display side" "presets presets presets";gap:2.8rem 3.2rem;align-items:center;padding:3rem 3.2rem 3.2rem;color:var(--hu-text);background:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px),linear-gradient(180deg,var(--hu-face-hi),var(--hu-face) 55%,var(--hu-face-lo));border:1px solid var(--hu-line);border-radius:.6rem;box-shadow:inset 0 1px #ffffff0f,0 3.6rem 6rem -3.6rem #000000bf}.hu-knob-wrap{grid-area:knob;display:grid;justify-items:center;gap:1.4rem}.hu-knob{--rot: 135deg;--sweep: 270deg;position:relative;width:11rem;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.hu-knob:active{cursor:grabbing}.hu-knob:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from -135deg,var(--hu-accent) 0 var(--sweep),rgba(255,255,255,.22) var(--sweep) 270deg,transparent 270deg 360deg);-webkit-mask:repeating-conic-gradient(from -135.6deg,#000 0 1.2deg,transparent 1.2deg 13.5deg),radial-gradient(closest-side,transparent 82%,#000 83%);-webkit-mask-composite:source-in;mask:repeating-conic-gradient(from -135.6deg,#000 0 1.2deg,transparent 1.2deg 13.5deg),radial-gradient(closest-side,transparent 82%,#000 83%);mask-composite:intersect}.hu-knob-cap,.hu-knob-rot{position:absolute;top:1.5rem;right:1.5rem;bottom:1.5rem;left:1.5rem;border-radius:50%}.hu-knob-cap{background:radial-gradient(circle,#0000 60%,#0003 61%,#0000 64%),conic-gradient(from 20deg,#8e9298,#e4e6e9,#9a9ea4,#f3f4f6,#868a90,#d9dbde,#8e9298);box-shadow:0 .8rem 1.6rem #0009,inset 0 1px #ffffffb3,inset 0 -2px 4px #00000059}.hu-knob-cap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(#00000047 0 2deg,#ffffff14 2deg 4deg);-webkit-mask:radial-gradient(circle,transparent 84%,#000 86%);mask:radial-gradient(circle,transparent 84%,#000 86%)}.hu-knob-rot{transform:rotate(var(--rot))}.hu-knob-mark{position:absolute;left:50%;top:.7rem;width:3px;height:1.6rem;margin-left:-1.5px;border-radius:2px;background:#1b1b1c}.hu-knob:focus-visible{outline:1px solid var(--hu-accent);outline-offset:5px}.hu-knob-label{margin:0;display:grid;justify-items:center;gap:.4rem;text-align:center;line-height:1.2}.hu-knob-label .hu-caps{color:var(--hu-muted)}.hu-knob-label b{font-weight:500;font-size:1.7rem;font-variant-numeric:tabular-nums;color:var(--hu-text)}.hu-display{grid-area:display;position:relative;overflow:hidden;display:grid;gap:1.8rem;padding:2rem 2.4rem 1.6rem;background:linear-gradient(180deg,#0e0f11,var(--hu-glass));border:1px solid rgba(255,255,255,.06);border-radius:.4rem;box-shadow:inset 0 1rem 2.4rem #000000b3}.hu-display:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(168deg,#ffffff0b,#fff0 42%)}.hu-display-top{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;min-width:0}.hu-station{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:300;font-stretch:125%;font-size:clamp(2rem,2.9vw,3.6rem);line-height:1.15;letter-spacing:.1em;text-transform:uppercase;color:#f2ebdd;text-shadow:0 0 1.8rem rgba(232,200,138,.16)}.hu-count{flex:none;color:var(--hu-muted);font-variant-numeric:tabular-nums}.hu-dial{position:relative;height:4rem;margin:0 1.4rem}.hu-ticks{position:absolute;inset:0 0 auto;height:1.4rem;display:flex;justify-content:space-between;align-items:flex-start}.hu-ticks i{display:block;width:1px;height:.7rem;background:#f2ebdd42}.hu-ticks i.is-major{height:1.4rem;background:#f2ebdd8c}.hu-freq{position:absolute;top:2rem;left:var(--x);transform:translate(-50%);font-size:1.1rem;line-height:1;letter-spacing:.06em;color:#f2ebdd80;font-variant-numeric:tabular-nums}.hu-needle{position:absolute;top:-.6rem;left:var(--pos, 50%);width:2px;height:2.6rem;margin-left:-1px;border-radius:1px;background:var(--hu-lit);box-shadow:0 0 1rem var(--hu-lit-glow);transition:left 1.1s cubic-bezier(.22,.8,.24,1)}.hu-tagline{margin:0;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.06);color:var(--hu-muted);font-size:1rem}.hu-btn{display:block;font-family:inherit;font-stretch:125%;font-weight:600;font-size:1.05rem;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--hu-text);background:linear-gradient(180deg,#232427,#18191b);border:1px solid rgba(255,255,255,.1);border-radius:.3rem;padding:1.4rem 1.2rem;text-align:center;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 2px #050506;transition:border-color .15s,color .15s,transform .07s}.hu-btn:hover{color:var(--hu-text);border-color:#ffffff3d}.hu-btn:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff0a,0 1px #050506}.hu-btn:focus-visible{outline:1px solid var(--hu-accent);outline-offset:3px}.hu-btn.is-on{color:var(--hu-lit);border-color:#c9a96e80}.hu-side{grid-area:side;display:grid;gap:1rem}.hu-band-name{color:var(--hu-accent);margin-left:.4em}.hu-presets{grid-area:presets}.hu-bank{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}.hu-bank+.hu-bank{margin-top:.8rem}.hu-preset{position:relative;display:grid;align-content:start;gap:.7rem;padding:1.3rem 1.4rem 1.4rem;text-align:left;font-stretch:100%;font-weight:500;font-size:1.4rem;letter-spacing:.01em;text-transform:none}.hu-preset:before{content:"";position:absolute;top:-1px;left:1.4rem;width:2rem;height:2px;border-radius:0 0 2px 2px;background:transparent}.hu-preset.is-on:before{background:var(--hu-lit);box-shadow:0 0 1rem var(--hu-lit-glow)}.hu-p-num{font-stretch:125%;font-weight:600;font-size:1.05rem;letter-spacing:.18em;color:var(--hu-muted)}.hu-p-label{line-height:1.2;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}.hu-preset.is-on .hu-p-num,.hu-preset.is-on .hu-p-label{color:var(--hu-lit)}@media(prefers-reduced-motion:reduce){.hu-needle,.hu-btn{transition:none}}@media screen and (max-width:989px){.hu-faceplate{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"display display" "knob side" "presets presets";gap:2.4rem;padding:2rem}.hu-bank{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:600px){.hu-intro{margin-bottom:2.8rem}.hu-faceplate{padding:1.4rem;gap:2rem 1.6rem}.hu-display{padding:1.6rem 1.6rem 1.2rem;gap:1.4rem}.hu-station{font-size:clamp(1.7rem,5vw,2.4rem);letter-spacing:.08em}.hu-dial{margin:0 .8rem}.hu-freq{font-size:1rem}.hu-knob{width:9.2rem}.hu-knob-cap,.hu-knob-rot{top:1.3rem;right:1.3rem;bottom:1.3rem;left:1.3rem}.hu-preset{padding:1rem 1rem 1.1rem;font-size:1.3rem;gap:.5rem}.hu-preset:before{left:1rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/head-unit.css.map */