.iot-storyboard{color:#153e2a;align-self:center;width:100%;min-width:0;margin:0;container:iot-storyboard/inline-size}.iot-storyboard-topline{color:#60816f;letter-spacing:.065em;justify-content:space-between;align-items:baseline;gap:16px;padding-inline:6px;font-size:14px;line-height:1.5;display:flex}.iot-storyboard-topline>span:last-child{letter-spacing:0;flex-shrink:0;align-items:center;gap:7px;font-size:12px;display:flex}.iot-storyboard-topline i{background:#86ad95;border-radius:50%;width:5px;height:5px}.iot-storyboard-stage{isolation:isolate;height:clamp(326px,52cqw,408px);margin-top:12px;position:relative;overflow:hidden}.iot-storyboard-panel{visibility:hidden;pointer-events:none;background:#fff;position:absolute;inset:0}.iot-storyboard-panel[data-active=true]{visibility:visible}.iot-storyboard-artwork{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 clamp(22px,5cqw,40px)),linear-gradient(90deg,#0000,#0006 3%,#000 8% 92%,#0006 97%,#0000);mask-image:linear-gradient(#0000,#000 clamp(22px,5cqw,40px)),linear-gradient(90deg,#0000,#0006 3%,#000 8% 92%,#0006 97%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.iot-storyboard-plate,.iot-storyboard-annotation-plane{aspect-ratio:1672/941;width:100%;position:absolute;bottom:-3%;left:0}.iot-storyboard-plate{-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 12% 86%,#0000 99%);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 12% 86%,#0000 99%);-webkit-mask-composite:source-in;mask-composite:intersect}.iot-storyboard-plate img{object-fit:contain;width:100%;height:100%;display:block}.iot-storyboard-story{text-shadow:0 1px 12px #fff,0 0 3px #fff;background:radial-gradient(at 15% 25%,#fffffff7,#fffc 48%,#0000 75%);max-width:65%;padding:0 12px 14px 0;position:absolute;top:0;left:4%}.iot-storyboard-chapter{color:#56846a;letter-spacing:.025em;align-items:center;gap:9px;margin-bottom:8px;font-size:12px;line-height:1.5;display:flex}.iot-storyboard-chapter>span{font:400 12px/1.5 var(--font-geist-mono), monospace;color:#72887a}.iot-storyboard-chapter i{background:#89b19a;width:20px;height:1px}.iot-storyboard-story>strong{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(19px,2.9cqw,22.5px);font-weight:550;line-height:1.25;display:block}.iot-storyboard-annotation-plane>svg{stroke:#77a28a;stroke-width:.8px;width:100%;height:100%;position:absolute;inset:0}.iot-storyboard-annotation-plane path[data-tone=amber]{stroke:#b8803b}.iot-storyboard-annotation-plane path[data-tone=muted]{stroke:#8f9c95}.iot-storyboard-target{left:var(--target-x);top:var(--target-y);color:#31684a;text-wrap:balance;background:#fffffff0;border-left:2px solid #7aa78b;width:max-content;max-width:42%;padding:3px 7px;font-size:12px;line-height:1.5;position:absolute;transform:translate(-50%,-50%)}.iot-storyboard-target[data-tone=amber]{color:#89612f;border-color:#bd914d}.iot-storyboard-target[data-tone=muted]{color:#617369;border-color:#a0b0a6}.iot-storyboard-label-compact{display:none}.iot-storyboard-captions{margin:4px 0 10px;padding-inline:12px;display:grid}.iot-storyboard-caption{visibility:hidden;color:#577664;text-align:center;text-wrap:balance;grid-area:1/1;align-content:center;gap:3px;min-height:44px;margin:0;font-size:13px;line-height:1.55;display:grid}.iot-storyboard-caption[data-active=true]{visibility:visible}.iot-storyboard-caption>span:first-child{color:#426b52;font-size:12px;line-height:1.5}.iot-storyboard-controls{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:6px;display:grid}.iot-storyboard-controls button{color:#698371;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #dae6dd;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:46px;padding:8px 6px;font-family:inherit;display:flex}.iot-storyboard-controls button>span{color:#88a392;font:400 12px/1.5 var(--font-geist-mono), monospace}.iot-storyboard-controls button>strong{text-wrap:balance;font-size:13px;font-weight:500;line-height:1.4}.iot-storyboard-controls button[aria-pressed=true]{color:#276c43;background:linear-gradient(#0000,#eaf4ee);border-bottom-color:#3b9660}.iot-storyboard-controls button[aria-pressed=true]>span{color:#45865b}.iot-storyboard-controls button:hover{color:#215f3d;background-color:#f0f6f2}.iot-storyboard button:focus-visible{outline-offset:3px;z-index:2;outline:2px solid #3b9660;position:relative}.iot-storyboard-load-state{align-items:center;gap:12px;margin-top:12px;font-size:14px;line-height:1.5;display:flex}.iot-storyboard-load-state button{color:#235638;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bfd5c5;padding:8px 16px}@media (max-width:1050px){.iot-storyboard{justify-self:center;max-width:780px}}@container iot-storyboard (width<=600px){.iot-storyboard-stage{height:calc(56.28cqw + 88px)}.iot-storyboard-story{max-width:96%;left:0}.iot-storyboard-story>strong{font-size:22px}.iot-storyboard-plate,.iot-storyboard-annotation-plane{bottom:0}.iot-storyboard-target{max-width:42%;padding:2px 5px}.iot-storyboard-label-full{display:none}.iot-storyboard-label-compact{display:inline}}@media (max-width:650px){.iot-storyboard-topline{letter-spacing:.025em;padding-inline:0;font-size:12px}.iot-storyboard-topline>span:last-child{font-size:12px}.iot-storyboard-story>strong{font-size:21px}.iot-storyboard-captions{margin:6px 0 8px;padding-inline:0}.iot-storyboard-caption{min-height:76px;font-size:13px;line-height:1.65}.iot-storyboard-controls{padding-inline:0}.iot-storyboard-controls button{flex-direction:column;gap:3px;min-height:64px;padding:5px 3px}}