.hwlesson{margin:2.4rem 0;color:rgb(var(--color-foreground, 18, 18, 18));font:inherit;text-align:start}.hwlesson[hidden],.hwlesson [hidden]{display:none!important}.hwlesson *,.hwlesson-preview *{box-sizing:border-box}.hwlesson__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr);gap:3.2rem;align-items:start}.hwlesson__choices,.hwlesson__player{min-width:0}.hwlesson .hwlesson__topic{margin:0 0 1.2rem;padding:0}.hwlesson [data-hardware-choice]{display:block;width:100%;min-height:44px;padding:.5rem 0;border:0;border-radius:0;background:none;color:rgba(var(--color-foreground, 18, 18, 18),.7);font:inherit;letter-spacing:inherit;text-align:start;cursor:pointer}.hwlesson [data-hardware-choice][aria-pressed=true],.hwlesson [data-hardware-choice]:hover{color:rgb(var(--color-foreground, 18, 18, 18));text-decoration:underline;text-underline-offset:.3rem}.hwlesson__player{position:sticky;top:8rem;scroll-margin-top:9rem}.hwlesson__state-stage{display:block}.hwlesson__state-stage>[data-hardware-board]{width:min(100%,22rem);margin-inline:0}.hwlesson__state-stage>[data-current-state]{margin-top:1.6rem}.hwlesson__board{position:relative;width:100%;aspect-ratio:502 / 850}.hwlesson__board>svg{display:block;width:100%;height:auto;overflow:visible;color:inherit;font-family:var(--font-body-family, inherit)}.hwlesson .hwlesson__note{margin:0 0 2.4rem;max-width:66rem;font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground, 18, 18, 18),.7)}.hwlesson .hwlesson__explanation{margin:0 0 2rem}.hwlesson .hwlesson__explanation [data-hardware-body],.hwlesson .hwlesson__explanation [data-hardware-details] p{margin:0 0 1rem;font:inherit;font-size:var(--ifg-demo-copy-size, 1.4rem);line-height:var(--ifg-demo-copy-leading, 1.6)}.hwlesson__brightness{min-width:0;width:min(100%,22rem);margin:1.2rem 0 0;padding:0;border:0}.hwlesson__brightness legend{padding:0;margin:0 0 .4rem;font:inherit;font-size:1.3rem;color:rgba(var(--color-foreground, 18, 18, 18),.7)}.hwlesson__presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.hwlesson__preset{position:relative;display:block;min-width:0;cursor:pointer}.hwlesson__preset input{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0;pointer-events:none}.hwlesson__preset span{display:grid;place-items:center;min-height:44px;border-bottom:1px solid transparent;font:inherit;font-size:1.3rem;color:rgba(var(--color-foreground, 18, 18, 18),.7)}.hwlesson__preset input:checked+span{border-bottom-color:currentColor;color:rgb(var(--color-foreground, 18, 18, 18))}.hwlesson__preset input:focus-visible+span{outline:2px solid currentColor;outline-offset:2px}.hwlesson .hwlesson__hold{margin:1.2rem 0 0;font-family:var(--font-body-family, inherit);font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground, 18, 18, 18),.7);font-variant-numeric:tabular-nums}.hwlesson__keys{display:grid;gap:.4rem;width:min(100%,22rem);margin:.8rem 0 0}.hwlesson .hwlesson__key{display:block;min-height:44px;width:fit-content;padding:.6rem 0;border:0;background:none;color:inherit;font:inherit;font-size:1.3rem;line-height:1.5;text-align:start;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.hwlesson__key>*{display:block}.hwlesson__key small{font-size:inherit;color:rgba(var(--color-foreground, 18, 18, 18),.7)}.hwlesson .hwlesson__key.is-down>span{text-decoration:underline;text-underline-offset:.3rem}.hwlesson .hwlesson__replay{min-height:44px;border:0;border-radius:0;padding:.6rem 0;background:none;color:rgba(var(--color-foreground, 18, 18, 18),.7);font:inherit;font-size:1.4rem;cursor:pointer;text-decoration:underline;text-underline-offset:.3rem}.hwlesson__actuator{fill-opacity:0;stroke-opacity:1;pointer-events:none;transition:fill-opacity .16s ease,stroke-opacity .16s ease}.hwlesson__actuator.is-hovered{fill-opacity:.06}.hwlesson__actuator.is-down{fill-opacity:.24;transition-duration:.1s}.hwlesson__actuator.is-holding{stroke-opacity:.28}.hwlesson__ring{opacity:0;pointer-events:none;transition:opacity .16s ease}.hwlesson__ring.is-visible{opacity:1}.hwlesson__contact{position:absolute;display:block;transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;clip-path:ellipse(50% 50%);background:transparent;min-width:0;min-height:0;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.hwlesson :is(button,input):focus-visible{outline:1px solid currentColor;outline-offset:3px}.hwlesson .hwlesson__contact:focus-visible{outline:none;box-shadow:none}.hwlesson__board:has([data-hardware-key="1"]:focus-visible) [data-hardware-face="1"],.hwlesson__board:has([data-hardware-key="2"]:focus-visible) [data-hardware-face="2"]{stroke-width:5}.hwlesson-preview{width:min(100%,20rem);color:rgb(var(--color-foreground, 18, 18, 18))}svg [data-pcb-press-face]{fill-opacity:0;stroke-opacity:1;transition:fill-opacity .16s ease,stroke-width .16s ease}svg [data-pcb-press-face]:is(.is-hovered,.is-cued){fill-opacity:.12}svg [data-pcb-press-face].is-down{fill-opacity:.82;stroke-width:4;transition-duration:80ms}svg[data-pcb-press-cue] :is(.csim-hold-ring,.hwlesson__ring){stroke:#fff}.pcb-press-cursor{pointer-events:none}.camlink-current-state{min-width:0;margin:0;color:rgb(var(--color-foreground, 18, 18, 18))}.camlink-current-state .camlink-current-state__label{margin:0;font-family:var(--font-body-family, inherit);font-style:var(--font-body-style, normal);font-weight:var(--font-body-weight, 400);font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground, 18, 18, 18),.7)}.camlink-current-state .camlink-current-state__value{margin:.4rem 0 0;min-height:2.7em;font-family:var(--font-heading-family, var(--font-body-family, inherit));font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 400);font-size:calc(var(--font-heading-scale, 1.3) * 1.5rem);line-height:1.35;overflow-wrap:anywhere;color:rgb(var(--color-foreground, 18, 18, 18))}@media(max-width:749px){.hwlesson__layout{display:flex;flex-direction:column;gap:2.4rem}.hwlesson__choices{order:-1;width:100%}.hwlesson__player{position:static;width:100%}}@media(prefers-reduced-motion:reduce){.hwlesson *,.hwlesson-preview *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/camlink-hardware-lessons.css.map */