.csim{--csim-ink: rgb(var(--color-foreground, 18, 18, 18));--csim-meta: rgba(var(--color-foreground, 18, 18, 18), .7);--csim-caption-size: 1.3rem;--camlink-board-width: 22rem;--camlink-output-width: 44rem;--camlink-scene-gap: 3.2rem;--camlink-osd-gutter: 2rem;max-width:calc(var(--camlink-board-width) + var(--camlink-scene-gap) + var(--camlink-output-width));margin:3.2rem 0;color:var(--csim-ink);font-family:var(--font-body-family, inherit);font-style:var(--font-body-style, normal);font-weight:var(--font-body-weight, 400);text-align:start}[data-csim-enhanced][hidden],.csim[hidden],.csim [hidden]{display:none!important}.csim *{box-sizing:border-box}#try-camlink{display:block;scroll-margin-top:10rem}.csim:focus{outline:none;box-shadow:none}.csim-kiss-head{display:block;margin-bottom:2.4rem;text-align:start}.csim .csim-kiss-head>:where(h2,h3,p){margin:0}.csim .csim-fixed-camera{margin-top:.8rem;color:var(--csim-meta);font-size:var(--csim-caption-size);line-height:1.5}.csim .csim-start-row{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem 1.6rem;margin-top:1.6rem}.csim .csim-play{min-height:44px;min-width:18rem;padding:1rem 1.6rem;font:inherit;font-size:1.4rem}.csim .csim-invitation{margin:0;color:var(--csim-meta);padding:0;max-width:34rem}.camlink-scene__stage{display:grid;grid-template-columns:var(--camlink-board-width) minmax(0,var(--camlink-output-width));align-items:start;gap:var(--camlink-scene-gap);scroll-margin-top:9rem}.camlink-scene__hardware,.camlink-scene__output{min-width:0}.camlink-scene__output{display:grid;align-content:start;gap:1.6rem;padding-left:var(--camlink-osd-gutter)}.camlink-scene__hardware :is(.csim-board,[data-quickstart-board]){width:var(--camlink-board-width);max-width:100%}.csim-board{position:relative;width:100%;aspect-ratio:502 / 850;margin:0}.csim-board>svg{display:block;width:100%;height:auto;overflow:visible;color:var(--csim-ink);font-family:inherit}.csim-hw-button{position:absolute;transform:translate(-50%,-50%);z-index:1;display:block;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;clip-path:ellipse(50% 50%);background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.csim-actuator{fill-opacity:0;stroke-opacity:1;pointer-events:none;transition:fill-opacity .16s ease,stroke-opacity .16s ease}.csim-actuator:is(.is-hovered,.is-cued){fill-opacity:.06}.csim-actuator.is-hovered{fill-opacity:.14}.csim-actuator.is-down{fill-opacity:.82;transition-duration:80ms}.csim-actuator.is-holding{stroke-opacity:.28}.csim-hold-ring{opacity:0;stroke:rgb(var(--color-background,255,255,255));pointer-events:none;transition:opacity .18s ease}.csim-hold-ring.is-visible{opacity:1}.csim :is(button,select,a):focus-visible{outline:.2rem solid rgba(var(--color-foreground, 18, 18, 18),.6);outline-offset:.3rem}.csim .csim-hw-button:focus-visible{outline:none;box-shadow:none}.csim-board:has([data-sim-hardware="1"]:focus-visible) [data-sim-press-face="1"],.csim-board:has([data-sim-hardware="2"]:focus-visible) [data-sim-press-face="2"]{stroke-width:5}.csim-button-key{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;justify-items:start;gap:1.2rem;margin-top:.8rem}.csim .csim-key{display:block;width:fit-content;max-width:100%;min-height:44px;padding:.6rem 0;border:0;border-radius:0;background:transparent;color:var(--csim-meta);font:inherit;line-height:1.5;letter-spacing:inherit;text-align:start;text-decoration:none;text-underline-offset:.3rem;cursor:pointer;touch-action:none;transition:color .16s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.csim .csim-key span{display:block}.csim .csim-key:disabled{cursor:default}.csim .csim-key-number{font-size:var(--csim-caption-size);margin-bottom:.4rem}.csim .csim-key-action{font-size:inherit;color:var(--csim-ink)}.csim .csim-key-secondary{margin-top:1.2rem}.csim .csim-key-gesture{font-size:var(--csim-caption-size)}.csim .csim-key:is(.is-cued,.is-down,.is-selected,:active,:focus-visible){color:var(--csim-ink)}.csim .csim-key:focus-visible{outline:none;box-shadow:none}.csim .csim-key:focus-visible .csim-key-number{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3rem}@media(min-width:750px){.csim .csim-key{display:grid;grid-template-columns:5rem minmax(0,1fr);column-gap:1rem;width:100%;align-items:baseline}.csim .csim-key>span{grid-column:2}.csim .csim-key>.csim-key-number{grid-column:1;grid-row:1 / 3;align-self:start}.csim .csim-key>.csim-key-secondary{margin-top:.8rem}}@media(hover:hover){.csim .csim-key:hover{color:var(--csim-ink)}}.csim-osd-view{position:relative;width:100%}.csim .csim-osd-title{margin:0 0 .8rem;color:var(--csim-meta);font-size:var(--csim-caption-size);line-height:1.5}.csim-osd{width:100%;padding:1.2rem;overflow:visible;border-radius:var(--media-radius, 0);background:#000;color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:2.4rem;line-height:1.45;letter-spacing:0}.csim .csim-osd-lines{min-height:5.8em;margin:0;padding:0;color:#fff;font:inherit;white-space:pre;overflow-wrap:normal}.csim-osd-lines>*{min-height:1.45em;margin:0;font:inherit}.csim-osd-row{position:relative}.csim-osd-line{display:flex;align-items:center;height:1.45em}.csim .csim-osd-token,.csim .csim-osd-message{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;min-height:1.45em;padding:0;margin:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;line-height:1;letter-spacing:0}.csim .csim-osd-token{position:relative;cursor:pointer;touch-action:manipulation}.csim .csim-osd-token:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:currentColor;opacity:0;transition:opacity .18s ease}.csim .csim-osd-token:is(.is-explained,:hover,:focus-visible):after{opacity:.55}.csim .csim-osd-token:focus-visible{outline:1px solid currentColor;outline-offset:2px;box-shadow:none}.csim [data-sim-explanation].is-entering{animation:csim-caption .16s ease both}@keyframes csim-caption{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.csim .csim-line-number{position:absolute;right:calc(100% + 2rem);top:50%;transform:translateY(-50%);width:1.2rem;text-align:start;color:var(--csim-meta);font-family:var(--font-body-family, inherit);font-size:var(--csim-caption-size);line-height:1}.csim .csim-context{width:100%;margin:0;color:var(--csim-ink);font-size:inherit;line-height:1.5;text-align:start}.csim .csim-context-title{margin:0 0 .4rem}.csim [data-sim-explanation]{min-height:9.6rem}.csim .csim-context [data-sim-context]{margin:0;font-size:var(--ifg-demo-copy-size, 1.4rem);line-height:var(--ifg-demo-copy-leading, 1.6)}.csim-demo-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.4rem 1.6rem;margin:0}.csim .camlink-scene-restart{min-height:44px;padding:.6rem 0;border:0;background:none;color:var(--csim-meta);font:inherit;font-size:1.3rem;cursor:pointer;text-decoration:underline;text-underline-offset:.3rem}.csim .camlink-arm-action{position:relative;min-height:44px;min-width:18rem;padding:1rem 1.6rem;font:inherit;font-size:1.4rem}.camlink-action-cue{position:absolute;z-index:3;left:calc(50% - 3.6rem);top:calc(100% - 1.8rem);width:7.2rem;height:8.4rem;overflow:visible;pointer-events:none}.csim [data-sim-followup]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.8rem 1.6rem;text-align:start}.csim [data-sim-followup] .button{min-width:0;min-height:44px;padding:.8rem 1.6rem;font-size:1.4rem}.csim :is(a:link,a:visited,a:hover,a:focus):not(.button){color:var(--csim-meta);text-underline-offset:.3rem}.csim .csim-footnote{margin:1.6rem 0 0;color:var(--csim-meta);font-size:var(--csim-caption-size);line-height:1.5;text-align:start}@media screen and (max-width:749px){.csim{--camlink-board-width: 17.6rem}.camlink-scene__stage{grid-template-columns:minmax(0,1fr);gap:2.4rem}.camlink-scene__hardware{display:grid;grid-template-columns:var(--camlink-board-width) minmax(0,1fr);align-items:start;column-gap:1.6rem}.camlink-scene__board-title{grid-column:1 / -1}.camlink-scene__output{width:100%;max-width:var(--camlink-output-width)}.csim-button-key{grid-template-columns:minmax(0,1fr);align-self:center;margin-top:0}}@media screen and (max-width:359px){.csim{--camlink-board-width: 16rem}}@media(prefers-reduced-motion:reduce){.csim *,.csim *:before,.csim *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/camlink-simulator.css.map */