.evo-access{width:100%;min-height:100svh;padding:clamp(48px,5vh,76px) 28px 32px;overflow:clip;color:#fff;background:#000;font-family:var(--font-body-family, Inter, sans-serif)}.evo-access *,.evo-access *:before,.evo-access *:after{box-sizing:border-box}.evo-access ::selection{color:#fff;background:#086caa}.evo-access__inner{max-width:1680px;margin-inline:auto}.evo-access__header{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;max-width:1280px;margin:0 auto 8px}.evo-access .evo-access__header h2{margin:0;color:inherit;font-family:var(--font-heading-family, Inter, sans-serif);font-size:clamp(40px,4.3vw,64px);font-weight:500;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.evo-access .evo-access__header p{max-width:49ch;margin:0 0 4px;justify-self:end;color:#c8c9cb;font-size:clamp(16px,1.3vw,19px);line-height:1.6}.evo-access__figure{margin:0}.evo-access__scene{position:relative;width:min(100%,max(980px,calc((100svh - 240px)*1.7778)));margin-inline:auto;aspect-ratio:1672 / 941}.evo-access .evo-access__house{display:block;width:100%;height:100%;object-fit:contain}.evo-access__connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.evo-access__line{stroke:#fff;stroke-width:1;opacity:.4;vector-effect:non-scaling-stroke;transition:opacity .2s ease-out}.evo-access__device{position:absolute;z-index:1;left:var(--access-x);top:var(--access-y);display:flex;flex-direction:column;align-items:center;width:16%;padding:6px;color:#fff;text-align:center;text-decoration:none;transform:translate(-50%,-50%)}.evo-access__device:focus-visible{outline:2px solid #66c5ff;outline-offset:6px;border-radius:10px}.evo-access__product{display:block;width:calc(34% * var(--access-scale));transform-origin:center bottom;transition:transform .38s cubic-bezier(.22,1,.36,1)}.evo-access__device--monitor .evo-access__product{width:calc(82% * var(--access-scale))}.evo-access .evo-access__product-image{display:block;width:100%;height:auto;max-width:100%}.evo-access__label{display:block;margin-top:9px;padding:5px 9px;background:#000}.evo-access__label strong{display:block;color:#fff;font-size:clamp(12px,1vw,15px);font-weight:500;line-height:1.3}.evo-access__label>span{display:block;margin-top:3px;color:#c8c9cb;font-size:clamp(11px,.85vw,13px);line-height:1.3}.evo-access__caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.evo-access__diagram{position:relative;display:grid;grid-template-columns:repeat(var(--access-device-count),minmax(0,1fr));align-items:start;max-width:720px;margin:16px auto 0}.evo-access__diagram-device{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;text-decoration:none}.evo-access__diagram-device:focus-visible{outline:2px solid #66c5ff;outline-offset:6px;border-radius:10px}.evo-access__diagram-monitor{width:auto;margin:0;gap:0;font-size:13px}.evo-access .evo-access__diagram-monitor img{width:104px;height:72px;max-width:100%;object-fit:contain}.evo-access__diagram-monitor>span{margin-top:52px;padding-inline:4px;font-size:13px;line-height:1.4}.evo-access__diagram-wires{position:absolute;left:0;top:72px;display:block;width:100%;height:40px;stroke:#fff;stroke-width:1;opacity:.65;pointer-events:none}.evo-access__diagram-wires path{vector-effect:non-scaling-stroke}.evo-access__diagram-stations{display:contents}.evo-access__diagram-photo{display:flex;height:72px;width:100%;justify-content:center}.evo-access .evo-access__diagram-photo img{width:auto;height:100%;max-width:100%;object-fit:contain}.evo-access__diagram-device img{transform-origin:center bottom;transition:transform .38s cubic-bezier(.22,1,.36,1)}.evo-access__diagram-label{display:block;max-width:100%;margin-top:52px;padding-inline:4px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.evo-access__diagram-label small{display:block;margin-top:4px;color:#c8c9cb;font-size:12px}.evo-access__diagram-device:focus-visible img{transform:translateY(-4px) scale(1.06)}.evo-access__device:focus-visible .evo-access__product{transform:translateY(-5px) scale(1.07)}.evo-access__scene:has(.evo-access__device--1:is(:hover,:focus-visible)) .evo-access__line--1,.evo-access__scene:has(.evo-access__device--2:is(:hover,:focus-visible)) .evo-access__line--2,.evo-access__scene:has(.evo-access__device--3:is(:hover,:focus-visible)) .evo-access__line--3,.evo-access__scene:has(.evo-access__device--4:is(:hover,:focus-visible)) .evo-access__line--4,.evo-access__scene:has(.evo-access__device--5:is(:hover,:focus-visible)) .evo-access__line--5{opacity:1}@media(hover:hover)and (pointer:fine){.evo-access__device:hover{z-index:2;color:#fff}.evo-access__device:hover .evo-access__product{transform:translateY(-5px) scale(1.07) rotate(-1deg)}.evo-access__device--monitor:hover .evo-access__product{transform:translateY(-5px) scale(1.06) rotate(1deg)}.evo-access__diagram-device:hover img{transform:translateY(-4px) scale(1.06)}}@media(max-width:767px){.evo-access{padding:44px 20px 32px}.evo-access__header{grid-template-columns:1fr;gap:20px;margin-bottom:16px}.evo-access .evo-access__header h2{font-size:clamp(36px,9vw,48px)}.evo-access .evo-access__header p{justify-self:start;font-size:16px;max-width:45ch}.evo-access__scene{width:100%;aspect-ratio:auto}.evo-access .evo-access__house{height:auto}.evo-access__connections,.evo-access__devices{display:none}.evo-access__device{position:static;width:auto;min-height:112px;flex-direction:row;gap:12px;padding:16px 0;border-bottom:1px solid #2c2c2c;text-align:left;transform:none}.evo-access__device--monitor{grid-column:1 / -1;justify-content:center;border-bottom-color:#454545;padding-top:0}.evo-access__product{flex:none;width:calc(32px * var(--access-scale))}.evo-access__device--monitor .evo-access__product{width:calc(108px * var(--access-scale))}.evo-access__label{min-width:0;margin-top:0;padding:0}.evo-access__label strong{font-size:13px}.evo-access__label>span{font-size:12px}.evo-access__diagram{margin-top:24px}.evo-access__diagram-photo{height:54px}.evo-access .evo-access__diagram-monitor img{width:78px;height:54px}.evo-access__diagram-monitor>span{font-size:11px;padding-inline:2px}.evo-access__diagram-wires{top:54px}.evo-access__diagram-label{font-size:11px;padding-inline:2px}.evo-access__diagram-label small{font-size:11px}}@media(prefers-reduced-motion:reduce){.evo-access__product,.evo-access__line,.evo-access__diagram-device img{transition:none}.evo-access__device:is(:hover,:focus-visible) .evo-access__product{transform:none}.evo-access__diagram-device:is(:hover,:focus-visible) img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/balter-evo-hd-access.css.map */