.hzd{--hzd-n9: #0c0b25;--hzd-n8: #13122e;--hzd-n7: #1b1a3e;--hzd-n6: #23224a;--hzd-n5: #34335f;--hzd-lime: #e3fc02;--hzd-text: #fff;--hzd-body: #c9cbd9;--hzd-muted: #8b8fa8;font-family:var(--font-body-family);color:var(--hzd-text);letter-spacing:0;line-height:1.4}.hzd *{box-sizing:border-box}.hzd__intro{max-width:76rem;margin:0 auto 2.4rem;text-align:center}.hzd__heading{margin:0 0 .8rem}.hzd__sub{margin:0;color:var(--hzd-body);font-size:1.6rem}.hzd__wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:76rem;margin:0 auto}.hzd__info{order:1}.hzd__play{order:2}.hzd__cap{order:3}.hzd__device{order:4}.hzd__plug{order:5}@media screen and (min-width:750px){.hzd__plug{order:2}.hzd__device{order:3}.hzd__play{order:4}.hzd__cap{order:5}}@media screen and (min-width:990px){.hzd__wrap--device{max-width:120rem;grid-template-columns:minmax(0,2fr) minmax(27rem,1fr);grid-template-areas:"info info" "plug device" "play play" "cap cap";align-items:start;column-gap:20px}.hzd__wrap--device .hzd__info{grid-area:info}.hzd__wrap--device .hzd__plug{grid-area:plug}.hzd__wrap--device .hzd__device{grid-area:device;align-self:stretch}.hzd__wrap--device .hzd__play{grid-area:play}.hzd__wrap--device .hzd__cap{grid-area:cap}}.hzd__cap{display:flex;align-items:baseline;gap:8px;margin:-6px 0 0;font-size:12px;line-height:1.5;color:var(--hzd-muted)}.hzd__cap:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--hzd-lime);transform:translateY(-1px)}@media screen and (max-width:749px){.hzd__cap{margin-bottom:4px}}.hzd__lbl{font-weight:600;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--hzd-muted)}.hzd__plug{background:var(--hzd-n9);border:1px solid var(--hzd-n6);border-radius:14px;padding:16px}.hzd__head{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--hzd-n5);padding-bottom:12px}.hzd__head img{height:44px;width:auto;display:block}.hzd__title{font-weight:800;font-size:24px;letter-spacing:-1px;line-height:1;color:var(--hzd-text)}.hzd__subtitle{font-size:11px;color:var(--hzd-muted);margin-top:4px}.hzd__chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;margin:12px 0}.hzd__pbtn{font-family:inherit;font-weight:600;font-size:11px;letter-spacing:.8px;text-transform:uppercase;border-radius:6px;padding:7px 12px;border:1px solid var(--hzd-n5);background:var(--hzd-n7);color:#fff;display:flex;align-items:center;justify-content:center;cursor:default}.hzd__chip{background:var(--hzd-n6);border:1px solid var(--hzd-n5);border-radius:6px;padding:7px 10px;display:flex;gap:8px;align-items:center;min-width:0;transition:border-color .2s}.hzd__chip.hzd--on{border-color:var(--hzd-lime)}.hzd__dot{width:7px;height:7px;border-radius:50%;background:var(--hzd-n5);flex:none;transition:background .1s}.hzd__chip.hzd--on .hzd__dot{background:var(--hzd-lime)}.hzd__cv{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hzd__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hzd__card{background:var(--hzd-n7);border:1px solid var(--hzd-n5);border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;transition:border-color .2s,transform .2s,background .2s}.hzd__card.hzd--on{border-color:var(--hzd-lime)}.hzd__card.hzd--flash{background:var(--hzd-n6);transform:translateY(-3px)}.hzd__card-top{display:flex;justify-content:space-between;width:100%;align-items:center}.hzd__badge{width:20px;height:20px;border-radius:5px;background:var(--hzd-n6);color:var(--hzd-muted);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .2s}.hzd__card.hzd--on .hzd__badge{background:var(--hzd-lime);color:var(--hzd-n9)}.hzd__knobrow{display:flex;align-items:center;gap:8px}.hzd__track{width:6px;height:60px;background:var(--hzd-n9);border-radius:3px;position:relative;overflow:hidden}.hzd__fill{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--hzd-lime);border-radius:3px}.hzd__pk{position:absolute;left:0;right:0;height:2px;background:#fff;bottom:0}.hzd__num{font-weight:800;font-size:26px;letter-spacing:-1px;color:var(--hzd-muted);transition:color .2s}.hzd__card.hzd--on .hzd__num{color:var(--hzd-lime)}.hzd__note{font-size:11px;color:var(--hzd-body);min-height:14px}.hzd__card:not(.hzd--on) .hzd__note{color:var(--hzd-muted)}.hzd__status{display:flex;align-items:center;gap:8px;background:var(--hzd-n6);border-radius:6px;padding:9px 10px;margin:12px 0;font-size:12px}.hzd__status .hzd__dot{background:var(--hzd-lime)}.hzd__status.hzd--idle .hzd__dot{background:var(--hzd-n5)}.hzd__status-text{flex:1;min-width:0}.hzd__io{display:flex;align-items:center;gap:10px}.hzd__io-col{display:flex;flex-direction:column;align-items:center;gap:3px}.hzd__htrack{width:8px;height:32px;background:var(--hzd-n8);border-radius:3px;position:relative;overflow:hidden}.hzd__htrack .hzd__fill--out{background:#fff}.hzd__htrack .hzd__pk--out{background:var(--hzd-lime)}.hzd__slider{flex:1;height:6px;background:var(--hzd-n6);border-radius:3px;position:relative}.hzd__slider b{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--hzd-lime);border-radius:3px}.hzd__slider i{position:absolute;left:100%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid var(--hzd-n9)}.hzd__wet{color:var(--hzd-lime);font-weight:800;font-size:15px}.hzd__foot{display:flex;justify-content:space-between;border-top:1px solid var(--hzd-n5);margin-top:12px;padding-top:8px}.hzd__foot-ver{font-size:10px;color:var(--hzd-muted)}.hzd__device{background:var(--hzd-n8);border:1px solid var(--hzd-n6);border-radius:14px;padding:22px 16px;display:flex;justify-content:center;align-items:flex-start}.hzd__info{display:grid;gap:16px 32px}@media screen and (min-width:750px){.hzd__info{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.hzd__device-eyebrow{color:var(--hzd-lime)}.hzd__device-heading{font-weight:800;font-size:26px;letter-spacing:-1px;line-height:1.05;margin:6px 0 8px;color:var(--hzd-text)}.hzd__device-text{font-size:14px;line-height:1.6;color:var(--hzd-body);margin:0}.hzd__steps{list-style:none;padding:0;margin:0;display:grid;gap:10px}@media screen and (min-width:990px){.hzd__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:4px}}.hzd__steps li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--hzd-body)}.hzd__steps b{flex:none;width:22px;height:22px;border-radius:6px;background:var(--hzd-n6);color:var(--hzd-lime);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.hzd__mp{width:100%;max-width:230px;margin:0 auto;background:#101018;border:1px solid #262633;border-radius:18px;padding:16px}.hzd__mp-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.hzd__oled{flex:1;min-width:0;background:#000;border:1px solid #262633;border-radius:6px;padding:4px;display:flex}.hzd__oled img{width:100%;height:auto;image-rendering:pixelated;display:block}.hzd__enc{width:46px;height:46px;flex:none;border-radius:50%;background:#1a1a24;border:2px solid #2e2e3c;position:relative}.hzd__enc:after{content:"";position:absolute;left:50%;top:6px;width:3px;height:13px;margin-left:-1.5px;background:#e8e8ee;border-radius:2px}.hzd__mk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hzd__k{aspect-ratio:1;border-radius:9px;transition:transform .1s,background .15s,box-shadow .15s}.hzd__k.hzd--on{transform:translateY(2px);animation:hzd-kp 1.1s ease-in-out infinite}@media screen and (min-width:990px){.hzd__wrap--device .hzd__device{padding:16px}.hzd__wrap--device .hzd__mp{max-width:272px}}@keyframes hzd-kp{0%,to{filter:brightness(.8)}50%{filter:brightness(1.12)}}.hzd__play{display:flex;align-items:center;gap:14px;margin-top:4px}.hzd__btn{font-family:inherit;font-weight:600;font-size:13px;letter-spacing:.8px;text-transform:uppercase;border-radius:6px;padding:12px 18px;background:var(--hzd-lime);color:var(--hzd-n9);border:0;cursor:pointer;transition:transform .12s;min-width:11rem}.hzd__btn:hover{transform:translateY(-2px)}.hzd__prog{flex:1;height:4px;background:var(--hzd-n6);border-radius:2px;overflow:hidden}.hzd__prog b{display:block;height:100%;width:0;background:var(--hzd-lime)}.hzd__time{font-size:12px;color:var(--hzd-muted);font-variant-numeric:tabular-nums;min-width:70px;text-align:right}@media(max-width:560px){.hzd__chips{grid-template-columns:1fr}.hzd__chips .hzd__pbtn{display:none}.hzd__status .hzd__pbtn{padding:6px 8px;font-size:10px}.hzd__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hzd__status{flex-wrap:wrap}.hzd__status .hzd__status-text{flex-basis:100%}.hzd__title{font-size:20px}}@media(prefers-reduced-motion:reduce){.hzd *,.hzd *:before,.hzd *:after{transition:none!important}.hzd__card.hzd--flash,.hzd__k.hzd--on,.hzd__btn:hover{transform:none}.hzd__k.hzd--on{animation:none}}.hzd div:empty{display:block}.hzd__guides{font-size:11px}@media(max-width:749px){.hzd__btn{font-size:14px;padding:14px 20px}}@media screen and (min-width:990px){.hzd__intro{max-width:100rem}.hzd__sub{font-size:1.8rem}.hzd__wrap{max-width:104rem;gap:20px}.hzd__wrap--device{max-width:150rem;column-gap:24px}.hzd__info{gap:20px 48px}.hzd__lbl.hzd__device-eyebrow{font-size:13px}.hzd__device-heading{font-size:42px;line-height:1.02;margin:8px 0 12px}.hzd__device-text{font-size:17px}.hzd__steps{gap:16px 28px;margin-top:8px}.hzd__steps li{font-size:16px;gap:12px}.hzd__steps b{width:28px;height:28px;font-size:14px}.hzd__play{gap:20px;margin-top:6px}.hzd__btn{font-size:17px;padding:18px 34px;min-width:18rem}.hzd__prog{height:8px;border-radius:4px}.hzd__time{font-size:15px;min-width:96px}.hzd__cap{font-size:14px;margin-top:-4px}.hzd__cap:before{width:7px;height:7px}}@media screen and (min-width:1200px){.hzd__wrap--device{grid-template-columns:minmax(0,2fr) minmax(32rem,1fr)}.hzd__plug{padding:22px}.hzd__head{gap:18px;padding-bottom:16px}.hzd__head img{height:58px}.hzd__title{font-size:32px}.hzd__subtitle{font-size:14px;margin-top:6px}.hzd__lbl,.hzd__guides{font-size:12px}.hzd__chips{gap:12px;margin:16px 0}.hzd__chip{padding:10px 14px;gap:10px}.hzd__dot{width:9px;height:9px}.hzd__cv{font-size:15px}.hzd__pbtn{font-size:13px;padding:9px 16px}.hzd__cards{gap:12px}.hzd__card{padding:14px 10px;gap:6px}.hzd__card-top>span:last-child{width:26px!important}.hzd__badge{width:26px;height:26px;font-size:13px;border-radius:6px}.hzd__knobrow{gap:10px}.hzd__knobrow svg{width:84px;height:84px;display:block}.hzd__track{width:8px;height:78px}.hzd__num{font-size:36px}.hzd__note{font-size:14px;min-height:18px}.hzd__status{padding:12px 14px;margin:16px 0;font-size:15px;gap:10px}.hzd__io{gap:14px}.hzd__io-col{gap:4px}.hzd__htrack{width:10px;height:42px}.hzd__slider{height:8px;border-radius:4px}.hzd__slider b{border-radius:4px}.hzd__slider i{width:18px;height:18px;margin:-9px 0 0 -9px}.hzd__wet{font-size:20px}.hzd__foot{margin-top:16px;padding-top:10px}.hzd__foot-ver{font-size:12px}.hzd__wrap--device .hzd__device{padding:24px;align-items:center}.hzd__wrap--device .hzd__mp{max-width:350px;padding:20px;border-radius:22px}.hzd__mp-top{gap:18px;margin-bottom:18px}.hzd__enc{width:60px;height:60px}.hzd__enc:after{top:8px;width:4px;height:17px;margin-left:-2px}.hzd__mk{gap:12px}.hzd__k{border-radius:11px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-harmonizer-demo.css.map */