.ReviewBoardDemo-module__0o9CrG__board{background:#18191b;border:1px solid #383b3d;border-radius:12px;min-width:0;font-size:12px;overflow:hidden}.ReviewBoardDemo-module__0o9CrG__toolbar{background:#222426;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.ReviewBoardDemo-module__0o9CrG__header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.ReviewBoardDemo-module__0o9CrG__toolbar>span,.ReviewBoardDemo-module__0o9CrG__reviewMeta span,.ReviewBoardDemo-module__0o9CrG__frameLabel{color:#aeb6b6}.ReviewBoardDemo-module__0o9CrG__reviewMeta{text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:4px 8px;display:flex}.ReviewBoardDemo-module__0o9CrG__board button{cursor:pointer;border:1px solid #4a5252;border-radius:5px;padding:4px 7px}.ReviewBoardDemo-module__0o9CrG__board button:disabled{opacity:.45;cursor:default}.ReviewBoardDemo-module__0o9CrG__board button:focus-visible,.ReviewBoardDemo-module__0o9CrG__viewport:focus-visible{outline-offset:-2px;outline:2px solid #51c7af}.ReviewBoardDemo-module__0o9CrG__viewport{cursor:grab;background:#181a1b radial-gradient(#343939 1px,#0000 1px) 0 0/16px 16px;height:335px;overflow:auto}.ReviewBoardDemo-module__0o9CrG__viewport:active{cursor:grabbing;-webkit-user-select:none;user-select:none}.ReviewBoardDemo-module__0o9CrG__canvas,.ReviewBoardDemo-module__0o9CrG__screens{align-items:flex-start;gap:16px;display:flex}.ReviewBoardDemo-module__0o9CrG__canvas{width:max-content;padding:20px}.ReviewBoardDemo-module__0o9CrG__brief,.ReviewBoardDemo-module__0o9CrG__notes{background:#242729;border:1px solid #3b4040;border-radius:7px;width:150px;padding:12px}.ReviewBoardDemo-module__0o9CrG__brief small{color:#74d4bf}.ReviewBoardDemo-module__0o9CrG__brief h3,.ReviewBoardDemo-module__0o9CrG__sectionTitle{margin:6px 0;font-size:15px}.ReviewBoardDemo-module__0o9CrG__brief p,.ReviewBoardDemo-module__0o9CrG__notes p,.ReviewBoardDemo-module__0o9CrG__comment p{margin:8px 0}.ReviewBoardDemo-module__0o9CrG__brief span{color:#aeb6b6}.ReviewBoardDemo-module__0o9CrG__frameLabel{margin:4px 0}.ReviewBoardDemo-module__0o9CrG__screen{color:#202725;background:#f3f5f4;border-radius:7px;width:185px;min-height:220px;padding:12px;position:relative}.ReviewBoardDemo-module__0o9CrG__screen h4{margin:8px 0;font-weight:700}.ReviewBoardDemo-module__0o9CrG__stats,.ReviewBoardDemo-module__0o9CrG__before{grid-template-columns:1fr 1fr;gap:4px;display:grid}.ReviewBoardDemo-module__0o9CrG__stats span,.ReviewBoardDemo-module__0o9CrG__before div,.ReviewBoardDemo-module__0o9CrG__after div{background:#e3ebe8;border-radius:4px;padding:5px}.ReviewBoardDemo-module__0o9CrG__after{gap:4px;display:grid}.ReviewBoardDemo-module__0o9CrG__after small{color:#4d6560;display:block}.ReviewBoardDemo-module__0o9CrG__pin{color:#fff;background:#156d5b;position:absolute;top:105px;right:-7px}.ReviewBoardDemo-module__0o9CrG__notes button{margin:6px 4px 0 0}.ReviewBoardDemo-module__0o9CrG__notes button[aria-pressed=true]{background:#175447}.ReviewBoardDemo-module__0o9CrG__comment{background:#202725;border-top:1px solid #383b3d;padding:10px 14px}.ReviewBoardDemo-module__0o9CrG__screen{background:#fafbfc;width:230px;min-height:255px}.ReviewBoardDemo-module__0o9CrG__appHeader{border-bottom:1px solid #dce5e2;justify-content:space-between;align-items:center;gap:5px;padding-bottom:8px;display:flex}.ReviewBoardDemo-module__0o9CrG__appHeader strong{color:#145f50}.ReviewBoardDemo-module__0o9CrG__appHeader span{color:#526460;font-size:9px}.ReviewBoardDemo-module__0o9CrG__stats span{background:#fff;border:1px solid #dce5e2;padding:7px}.ReviewBoardDemo-module__0o9CrG__stats small,.ReviewBoardDemo-module__0o9CrG__stats strong{display:block}.ReviewBoardDemo-module__0o9CrG__stats strong{font-size:18px}.ReviewBoardDemo-module__0o9CrG__before div,.ReviewBoardDemo-module__0o9CrG__after div{align-items:center;gap:4px;font-size:10px;display:flex}.ReviewBoardDemo-module__0o9CrG__after div{background:#fff;border:1px solid #dce5e2}.ReviewBoardDemo-module__0o9CrG__after small{white-space:nowrap;margin-left:auto}.ReviewBoardDemo-module__0o9CrG__avatar{color:#19564a;background:#cce7dd;border-radius:50%;flex:0 0 18px;place-items:center;height:18px;font-weight:700;display:grid}.ReviewBoardDemo-module__0o9CrG__listingTarget{width:max-content;position:relative}.ReviewBoardDemo-module__0o9CrG__listingTarget>button,.ReviewBoardDemo-module__0o9CrG__compareModes{margin-bottom:8px}.ReviewBoardDemo-module__0o9CrG__compareModes{gap:6px;display:flex}.ReviewBoardDemo-module__0o9CrG__compareModes button[aria-pressed=true]{background:#175447}.ReviewBoardDemo-module__0o9CrG__overlay{width:186px;position:relative;overflow:hidden}.ReviewBoardDemo-module__0o9CrG__overlayAfter{transition:clip-path .8s;position:absolute;inset:0}.ReviewBoardDemo-module__0o9CrG__divider{background:#15bb99;width:2px;transition:left .8s;position:absolute;inset-block:0}.ReviewBoardDemo-module__0o9CrG__tourCursor{color:#fff;text-shadow:0 1px 4px #000;pointer-events:none;font-size:25px;animation:.75s both ReviewBoardDemo-module__0o9CrG__reviewClick;position:absolute;top:26px;right:6px}@keyframes ReviewBoardDemo-module__0o9CrG__reviewClick{0%{opacity:0;transform:translate(25px,26px)rotate(-130deg)}65%{opacity:1;transform:translate(0)rotate(-130deg)scale(.75)}to{transform:rotate(-130deg)}}@media (prefers-reduced-motion:reduce){.ReviewBoardDemo-module__0o9CrG__overlayAfter,.ReviewBoardDemo-module__0o9CrG__divider{transition:none}}.ReviewBoardDemo-module__0o9CrG__canvas{display:grid}.ReviewBoardDemo-module__0o9CrG__listing{width:auto}.ReviewBoardDemo-module__0o9CrG__compareButton{position:relative}.ReviewBoardDemo-module__0o9CrG__toolbar button[aria-pressed=true]{background:#175447}.ReviewBoardDemo-module__0o9CrG__compareButton .ReviewBoardDemo-module__0o9CrG__tourCursor{z-index:2;top:9px;right:0}.ReviewBoardDemo-module__0o9CrG__board{position:relative}.ReviewBoardDemo-module__0o9CrG__switcher{z-index:4;white-space:nowrap;background:#303234;border-radius:9px;gap:2px;padding:3px;display:flex;position:relative;box-shadow:0 4px 14px #0006}.ReviewBoardDemo-module__0o9CrG__switcher button{white-space:nowrap;color:#adb4b5;border-color:#0000;justify-content:center;align-items:center;gap:5px;display:inline-flex}.ReviewBoardDemo-module__0o9CrG__switcher button[aria-pressed=true]{color:#fff;background:#1b1c1e}.ReviewBoardDemo-module__0o9CrG__listing .ReviewBoardDemo-module__0o9CrG__screens>div{flex:0 0 186px;width:186px}.ReviewBoardDemo-module__0o9CrG__viewport{height:390px}.ReviewBoardDemo-module__0o9CrG__canvas:has(>.ReviewBoardDemo-module__0o9CrG__brief){grid-template-columns:150px max-content}.ReviewBoardDemo-module__0o9CrG__canvas>.ReviewBoardDemo-module__0o9CrG__brief{grid-row:1/span 2}.ReviewBoardDemo-module__0o9CrG__listing .ReviewBoardDemo-module__0o9CrG__screens>div{flex-basis:186px}.ReviewBoardDemo-module__0o9CrG__compareLayout{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:14px;display:grid}.ReviewBoardDemo-module__0o9CrG__affected{background:#242729;border:1px solid #3b4040;border-radius:7px;gap:8px;padding:12px;display:grid}.ReviewBoardDemo-module__0o9CrG__affected small{color:#74d4bf;letter-spacing:.08em;font-size:9px}.ReviewBoardDemo-module__0o9CrG__affected strong{margin-top:4px}.ReviewBoardDemo-module__0o9CrG__affected span{color:#b6bfbe;background:#2d3032;border-radius:4px;padding:6px 7px}.ReviewBoardDemo-module__0o9CrG__compareContent{flex-direction:column;align-items:center;min-width:0;display:flex}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__compareModes{align-self:flex-start}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__screens{justify-content:center;width:100%}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__screens>div{flex:0 0 230px;width:230px}.ReviewBoardDemo-module__0o9CrG__listing:has(.ReviewBoardDemo-module__0o9CrG__compareLayout){width:1120px}.ReviewBoardDemo-module__0o9CrG__compareLayout{display:block}.ReviewBoardDemo-module__0o9CrG__compareContent{width:100%}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__screens{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__screens>div{background:#1b1d1f;border:1px solid #3b4040;border-radius:8px;width:auto;min-width:0;padding:12px}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__frameLabel{letter-spacing:.07em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__overlay{width:380px}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__compareModes{align-self:flex-start;margin-bottom:12px}.ReviewBoardDemo-module__0o9CrG__compareIcon{flex-shrink:0;width:17px;height:17px;display:block}.ReviewBoardDemo-module__0o9CrG__boardIcon{fill:currentColor;flex-shrink:0;width:13px;height:13px}.ReviewBoardDemo-module__0o9CrG__canvas:has(.ReviewBoardDemo-module__0o9CrG__compareLayout){width:100%;min-width:0}.ReviewBoardDemo-module__0o9CrG__listing:has(.ReviewBoardDemo-module__0o9CrG__compareLayout){width:100%;min-width:0}.ReviewBoardDemo-module__0o9CrG__compareContent,.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__screens,.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__screens>div{box-sizing:border-box;min-width:0}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__screens>div{padding:10px}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__overlay{width:min(300px,100%);max-width:100%}.ReviewBoardDemo-module__0o9CrG__compareContent .ReviewBoardDemo-module__0o9CrG__overlay .ReviewBoardDemo-module__0o9CrG__stay{max-width:100%}.ReviewBoardDemo-module__0o9CrG__compareToolbar{border-block:1px solid #383b3d;gap:6px 10px;padding:5px 8px}.ReviewBoardDemo-module__0o9CrG__compareToolbar .ReviewBoardDemo-module__0o9CrG__compareModes{background:#303234;border-radius:6px;gap:2px;margin:0;padding:2px;display:flex}.ReviewBoardDemo-module__0o9CrG__compareToolbar .ReviewBoardDemo-module__0o9CrG__compareModes button{border-color:#0000;font-size:16px;line-height:1}.ReviewBoardDemo-module__0o9CrG__compareZoom{color:#aeb6b6;border-inline-start:1px solid #414345;align-items:center;gap:5px;padding-inline-start:8px;display:flex}.ReviewBoardDemo-module__0o9CrG__compareZoom button{border-color:#0000}.ReviewBoardDemo-module__0o9CrG__compareZoom span{text-align:center;font-variant-numeric:tabular-nums;min-width:4ch}.ReviewBoardDemo-module__0o9CrG__compareCounts{gap:4px;margin-inline-start:auto;display:flex}.ReviewBoardDemo-module__0o9CrG__compareCounts span{white-space:nowrap;border:1px solid #414345;border-radius:5px;padding:3px 6px}.ReviewBoardDemo-module__0o9CrG__overlayIcon{width:17px;height:17px;display:block}.ReviewBoardDemo-module__0o9CrG__overlay .ReviewBoardDemo-module__0o9CrG__slider{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ReviewBoardDemo-module__0o9CrG__overlay:has(.ReviewBoardDemo-module__0o9CrG__slider:focus-visible){outline-offset:2px;outline:2px solid #51c7af}:is(.ReviewBoardDemo-module__0o9CrG__overlay:has(.ReviewBoardDemo-module__0o9CrG__slider:active) .ReviewBoardDemo-module__0o9CrG__divider,.ReviewBoardDemo-module__0o9CrG__overlay:has(.ReviewBoardDemo-module__0o9CrG__slider:active) .ReviewBoardDemo-module__0o9CrG__overlayAfter,.ReviewBoardDemo-module__0o9CrG__overlay:has(.ReviewBoardDemo-module__0o9CrG__slider:focus-visible) .ReviewBoardDemo-module__0o9CrG__divider,.ReviewBoardDemo-module__0o9CrG__overlay:has(.ReviewBoardDemo-module__0o9CrG__slider:focus-visible) .ReviewBoardDemo-module__0o9CrG__overlayAfter){transition:none}.ReviewBoardDemo-module__0o9CrG__divider>span{color:#102521;white-space:nowrap;background:#15bb99;border-radius:12px;padding:2px 6px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ReviewBoardDemo-module__0o9CrG__switcher button,.ReviewBoardDemo-module__0o9CrG__compareToolbar .ReviewBoardDemo-module__0o9CrG__compareModes button{position:relative}.ReviewBoardDemo-module__0o9CrG__compareToolbar .ReviewBoardDemo-module__0o9CrG__tourCursor{z-index:2;top:10px;right:-6px}.ReviewBoardDemo-module__0o9CrG__annotation{z-index:2;position:absolute;top:105px;right:8px}.ReviewBoardDemo-module__0o9CrG__annotation .ReviewBoardDemo-module__0o9CrG__pin{background:#156d5b;border-color:#15bb99;place-items:center;padding:5px;display:grid;position:static}.ReviewBoardDemo-module__0o9CrG__annotation .ReviewBoardDemo-module__0o9CrG__comment{color:#eef5f2;border:1px solid #416058;border-radius:8px;width:155px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 16px #0005}.ReviewBoardDemo-module__0o9CrG__annotation .ReviewBoardDemo-module__0o9CrG__tourCursor{color:#56e5bd;top:8px;right:-12px}.ReviewBoardDemo-module__0o9CrG__annotated{outline-offset:3px;border-radius:4px;outline:2px solid #15bb99}.ReviewBoardDemo-module__0o9CrG__annotation .ReviewBoardDemo-module__0o9CrG__pin{border-radius:50% 50% 50% 4px;width:26px;height:26px;font-weight:700}.ReviewBoardDemo-module__0o9CrG__annotation .ReviewBoardDemo-module__0o9CrG__pin[aria-expanded=true]{outline-offset:2px;background:#008975;outline:1px solid #15bb99}.ReviewBoardDemo-module__0o9CrG__annotation .ReviewBoardDemo-module__0o9CrG__comment{background:#1d1e20;border-color:#393c40;width:162px;padding:8px;top:auto;bottom:0;right:calc(100% + 8px)}.ReviewBoardDemo-module__0o9CrG__commentHeader,.ReviewBoardDemo-module__0o9CrG__commentAuthor{align-items:center;gap:6px;display:flex}.ReviewBoardDemo-module__0o9CrG__commentHeader{justify-content:space-between;margin-bottom:6px}.ReviewBoardDemo-module__0o9CrG__commentHeader button{color:#aeb6b6;border:0;padding:0 4px}.ReviewBoardDemo-module__0o9CrG__commentAuthor>span{background:#343638;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.ReviewBoardDemo-module__0o9CrG__commentAuthor small{color:#aeb6b6;margin-inline-start:auto}.ReviewBoardDemo-module__0o9CrG__annotation .ReviewBoardDemo-module__0o9CrG__comment p{margin:4px 0 0 24px}.ReviewBoardDemo-module__0o9CrG__commentForm{gap:4px;margin-top:8px;display:flex}.ReviewBoardDemo-module__0o9CrG__commentForm input{min-width:0;color:inherit;background:#222426;border:1px solid #414345;border-radius:4px;flex:1;padding:4px}.ReviewBoardDemo-module__0o9CrG__commentForm button{color:#eef5f2}.ReviewBoardDemo-module__0o9CrG__canvas{position:relative}.ReviewBoardDemo-module__0o9CrG__annotating{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 21V12a9 9 0 1 1 9 9H3Z' fill='%23008975' stroke='%2356e5bd' stroke-width='2'/%3E%3Cpath d='M8 12h8m-4-4v8' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 3 21,crosshair}.ReviewBoardDemo-module__0o9CrG__placedAnnotation{z-index:3;position:absolute}.ReviewBoardDemo-module__0o9CrG__placedAnnotation:focus-within{z-index:4}.ReviewBoardDemo-module__0o9CrG__placedAnnotation:has(.ReviewBoardDemo-module__0o9CrG__placedComment){z-index:4}.ReviewBoardDemo-module__0o9CrG__placedAnnotation .ReviewBoardDemo-module__0o9CrG__placedPin{color:#fff;background:#008975;border:1px solid #56e5bd;border-radius:50% 50% 50% 4px;place-items:center;width:24px;height:24px;padding:0;font-weight:700;display:grid;transform:translateY(-100%)}.ReviewBoardDemo-module__0o9CrG__placedComment{color:#eef5f2;cursor:auto;overflow-wrap:anywhere;background:#1d1e20;border:1px solid #393c40;border-radius:8px;width:176px;padding:8px;position:absolute;bottom:calc(100% + 4px);left:0}.ReviewBoardDemo-module__0o9CrG__placedComment p{margin:4px 0 0}.ReviewBoardDemo-module__0o9CrG__placedAnnotation[data-near-top=true] .ReviewBoardDemo-module__0o9CrG__placedComment{top:4px;bottom:auto}.ReviewBoardDemo-module__0o9CrG__reviewMeta .ReviewBoardDemo-module__0o9CrG__commentToggle{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.ReviewBoardDemo-module__0o9CrG__commentToggle svg{flex-shrink:0}.ReviewBoardDemo-module__0o9CrG__reviewMeta .ReviewBoardDemo-module__0o9CrG__commentToggle[aria-pressed=true]{color:#fff;border-color:#15bb99}.ReviewBoardDemo-module__0o9CrG__board{container-type:inline-size}@container (max-width:480px){.ReviewBoardDemo-module__0o9CrG__header{text-align:center;grid-template-columns:minmax(0,1fr)}.ReviewBoardDemo-module__0o9CrG__header>.ReviewBoardDemo-module__0o9CrG__switcher{justify-self:center}.ReviewBoardDemo-module__0o9CrG__header>.ReviewBoardDemo-module__0o9CrG__reviewMeta{justify-content:center}.ReviewBoardDemo-module__0o9CrG__board .ReviewBoardDemo-module__0o9CrG__resetView,.ReviewBoardDemo-module__0o9CrG__header>.ReviewBoardDemo-module__0o9CrG__reviewMeta:empty{display:none}}
.VisualCanvasTour-module__Qbukuq__demo{color:#f6f6f7;background:#1d1d1f;border:1px solid #363638;border-radius:12px;width:100%;min-width:0;overflow:hidden;box-shadow:0 14px 34px #0004}.VisualCanvasTour-module__Qbukuq__toolbar{border-bottom:1px solid #303033;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:11px;display:flex}.VisualCanvasTour-module__Qbukuq__toolbar span{color:#a3a4aa}.VisualCanvasTour-module__Qbukuq__toolbar code{background:#29292c;border-radius:4px;padding:2px 4px}.VisualCanvasTour-module__Qbukuq__workspace{grid-template-columns:max-content minmax(0,1fr);display:grid}.VisualCanvasTour-module__Qbukuq__views{border-inline-end:1px solid #303033;flex-direction:column;gap:4px;padding:7px;display:flex}.VisualCanvasTour-module__Qbukuq__views button{color:#b1b4bb;text-align:start;cursor:pointer;border-radius:5px;align-items:center;gap:7px;padding:7px;font-size:11px;display:flex}.VisualCanvasTour-module__Qbukuq__viewIcon{flex:none;display:inline-flex}.VisualCanvasTour-module__Qbukuq__views button svg{flex:none}.VisualCanvasTour-module__Qbukuq__views button:hover{background:#28282b}.VisualCanvasTour-module__Qbukuq__views button[aria-pressed=true]{color:#64dcc3;background:#303033}.VisualCanvasTour-module__Qbukuq__views button:focus-visible{outline-offset:1px;outline:2px solid #64dcc3}.VisualCanvasTour-module__Qbukuq__canvas{aspect-ratio:1.6;background:#17171b;min-height:245px;position:relative;overflow:hidden}.VisualCanvasTour-module__Qbukuq__scene{animation:.25s ease-out both VisualCanvasTour-module__Qbukuq__enter;position:absolute;inset:0}@keyframes VisualCanvasTour-module__Qbukuq__enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.VisualCanvasTour-module__Qbukuq__graph{font-size:clamp(7px,1vw,11px);position:absolute;inset:0}.VisualCanvasTour-module__Qbukuq__connections{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.VisualCanvasTour-module__Qbukuq__connections path{fill:none;stroke:#515156;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.VisualCanvasTour-module__Qbukuq__connections :is(circle,rect){fill:#233230;stroke:#00b08c;vector-effect:non-scaling-stroke}.VisualCanvasTour-module__Qbukuq__homeNode,.VisualCanvasTour-module__Qbukuq__carouselNode,.VisualCanvasTour-module__Qbukuq__playlistNode,.VisualCanvasTour-module__Qbukuq__tracksNode{background:#272729;border:1px solid #3b3b40;border-radius:6px;gap:4px;min-width:0;padding:5px;display:grid}.VisualCanvasTour-module__Qbukuq__homeNode,.VisualCanvasTour-module__Qbukuq__graph>:is(.VisualCanvasTour-module__Qbukuq__carouselNode,.VisualCanvasTour-module__Qbukuq__playlistNode,.VisualCanvasTour-module__Qbukuq__tracksNode){position:absolute}.VisualCanvasTour-module__Qbukuq__homeNode{inset:9% 59% auto 5%}.VisualCanvasTour-module__Qbukuq__homeNode span,.VisualCanvasTour-module__Qbukuq__single>span{align-items:center;gap:4px;display:flex}.VisualCanvasTour-module__Qbukuq__homeNode svg,.VisualCanvasTour-module__Qbukuq__single svg{color:#64dcc3}.VisualCanvasTour-module__Qbukuq__graph .VisualCanvasTour-module__Qbukuq__carouselNode{inset:6% 8% auto 56%}.VisualCanvasTour-module__Qbukuq__graph .VisualCanvasTour-module__Qbukuq__playlistNode{inset:32% 5% auto 72%}.VisualCanvasTour-module__Qbukuq__graph .VisualCanvasTour-module__Qbukuq__tracksNode{inset:70% 13% auto 56%}.VisualCanvasTour-module__Qbukuq__scene img{border-radius:3px;width:100%;height:auto;display:block}.VisualCanvasTour-module__Qbukuq__carousel,.VisualCanvasTour-module__Qbukuq__tracks{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:2px;display:grid}.VisualCanvasTour-module__Qbukuq__carousel img{aspect-ratio:1;object-fit:cover}.VisualCanvasTour-module__Qbukuq__carousel img:nth-child(4){transform:scale(1.18)}.VisualCanvasTour-module__Qbukuq__tracks img{aspect-ratio:1;object-fit:cover}.VisualCanvasTour-module__Qbukuq__tracks span{text-overflow:ellipsis;white-space:nowrap;font-size:6px;display:block;overflow:hidden}.VisualCanvasTour-module__Qbukuq__componentGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;height:100%;padding:10px;font-size:clamp(8px,1vw,10px);display:grid;overflow:auto}.VisualCanvasTour-module__Qbukuq__componentGrid>div{overflow-wrap:anywhere;background:0 0;border:1px dashed #39393d;border-radius:3px;align-content:start;gap:5px;min-width:0;padding:6px;display:grid}.VisualCanvasTour-module__Qbukuq__componentGrid .VisualCanvasTour-module__Qbukuq__pageTile:first-child{grid-column:span 2}.VisualCanvasTour-module__Qbukuq__componentGrid .VisualCanvasTour-module__Qbukuq__song{width:min(100%,86px)}.VisualCanvasTour-module__Qbukuq__componentGrid .VisualCanvasTour-module__Qbukuq__song img{border-radius:6px;margin-bottom:2px}.VisualCanvasTour-module__Qbukuq__componentGrid .VisualCanvasTour-module__Qbukuq__song :is(strong,span){font-size:inherit}.VisualCanvasTour-module__Qbukuq__categoryPreview{flex-wrap:wrap;gap:3px;display:flex}.VisualCanvasTour-module__Qbukuq__categoryPreview span{background:#303033;border-radius:10px;padding:2px 5px}.VisualCanvasTour-module__Qbukuq__categoryPreview span:first-child{color:#fff;background:#a64c22}.VisualCanvasTour-module__Qbukuq__inspector{height:100%;display:grid}.VisualCanvasTour-module__Qbukuq__explorer{color:#a3a4aa;background:#1d1d1f;border-inline-end:1px solid #303033;align-content:start;gap:4px;padding:8px 5px;font-size:clamp(7px,1vw,10px);display:grid}.VisualCanvasTour-module__Qbukuq__explorer>span{padding:3px 4px;font-size:.85em}.VisualCanvasTour-module__Qbukuq__explorer>div,.VisualCanvasTour-module__Qbukuq__code summary{align-items:center;gap:4px;display:flex}.VisualCanvasTour-module__Qbukuq__explorer>div{overflow-wrap:anywhere;padding:4px}.VisualCanvasTour-module__Qbukuq__explorer svg,.VisualCanvasTour-module__Qbukuq__code svg{color:#00b08c;flex:none}.VisualCanvasTour-module__Qbukuq__explorer .VisualCanvasTour-module__Qbukuq__selected{color:#f6f6f7;background:#303033;border-radius:4px}.VisualCanvasTour-module__Qbukuq__componentPane{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.VisualCanvasTour-module__Qbukuq__single{place-items:center;padding:8px;display:grid;overflow:auto}.VisualCanvasTour-module__Qbukuq__code{border:1px solid #303033;border-radius:4px;margin:0 7px 7px;font-size:9px}.VisualCanvasTour-module__Qbukuq__code summary{cursor:pointer;background:#262628;padding:4px 6px}.VisualCanvasTour-module__Qbukuq__code pre{color:#8fcbbc;max-height:60px;margin:0;padding:5px 6px;overflow:auto}.VisualCanvasTour-module__Qbukuq__preview{background:#101214;height:100%;overflow:auto}.VisualCanvasTour-module__Qbukuq__preview img{border-radius:0;width:100%}.VisualCanvasTour-module__Qbukuq__song{gap:3px;min-width:0;max-width:166px;display:grid}.VisualCanvasTour-module__Qbukuq__song img{aspect-ratio:1;object-fit:cover;border-radius:16px;margin-bottom:7px}.VisualCanvasTour-module__Qbukuq__song strong{font-size:14px}.VisualCanvasTour-module__Qbukuq__song span{color:#8e94a5;font-size:12px}@media (max-width:600px){.VisualCanvasTour-module__Qbukuq__views button{gap:4px;padding:6px 4px;font-size:9px}.VisualCanvasTour-module__Qbukuq__views button svg{width:12px;height:12px}.VisualCanvasTour-module__Qbukuq__canvas{min-height:200px}}@media (prefers-reduced-motion:reduce){.VisualCanvasTour-module__Qbukuq__scene{animation:none}}.VisualCanvasTour-module__Qbukuq__toolbar{white-space:nowrap;gap:clamp(4px,.75vw,10px);min-height:34px;font-size:9px}.VisualCanvasTour-module__Qbukuq__toolbar :is(.VisualCanvasTour-module__Qbukuq__project,.VisualCanvasTour-module__Qbukuq__branch,code,.VisualCanvasTour-module__Qbukuq__summary,.VisualCanvasTour-module__Qbukuq__assigned,.VisualCanvasTour-module__Qbukuq__ship){align-items:center;gap:4px;display:inline-flex}.VisualCanvasTour-module__Qbukuq__toolbar .VisualCanvasTour-module__Qbukuq__project{border:1px solid #303033;border-radius:4px;padding:4px}.VisualCanvasTour-module__Qbukuq__toolbar .VisualCanvasTour-module__Qbukuq__project svg,.VisualCanvasTour-module__Qbukuq__toolbar :is(.VisualCanvasTour-module__Qbukuq__summary,.VisualCanvasTour-module__Qbukuq__assigned) svg{color:#00b08c}.VisualCanvasTour-module__Qbukuq__toolbar .VisualCanvasTour-module__Qbukuq__search{text-overflow:ellipsis;border:1px solid #39393c;border-radius:4px;flex:0 160px;justify-content:space-between;gap:6px;min-width:0;margin-inline:auto;padding:4px 5px;display:flex;overflow:hidden}.VisualCanvasTour-module__Qbukuq__toolbar kbd{color:#b1b4bb}.VisualCanvasTour-module__Qbukuq__toolbar .VisualCanvasTour-module__Qbukuq__ship{color:#fff;background:#008d73;border-radius:4px;padding:4px 6px}.VisualCanvasTour-module__Qbukuq__toolbar>img{object-fit:cover;border-radius:50%;width:16px;height:16px}.VisualCanvasTour-module__Qbukuq__windowControls{gap:3px;display:flex}.VisualCanvasTour-module__Qbukuq__windowControls i{background:#ee6c64;border-radius:50%;width:5px;height:5px}.VisualCanvasTour-module__Qbukuq__windowControls i:nth-child(2){background:#eeb84b}.VisualCanvasTour-module__Qbukuq__windowControls i:nth-child(3){background:#65c554}.VisualCanvasTour-module__Qbukuq__workspace{grid-template-columns:minmax(64px,max-content) minmax(58px,13%) minmax(0,1fr)}.VisualCanvasTour-module__Qbukuq__workspace[data-no-explorer=true]{grid-template-columns:minmax(64px,max-content) minmax(0,1fr)}.VisualCanvasTour-module__Qbukuq__views button{max-width:120px}.VisualCanvasTour-module__Qbukuq__explorer{gap:2px;min-width:0}.VisualCanvasTour-module__Qbukuq__explorer ul{border-inline-start:1px solid #303033;gap:1px;margin-inline-start:6px;display:grid}.VisualCanvasTour-module__Qbukuq__explorer li{overflow-wrap:anywhere;align-items:center;gap:3px;padding:3px;display:flex}@media (max-width:1100px){.VisualCanvasTour-module__Qbukuq__toolbar .VisualCanvasTour-module__Qbukuq__assigned{display:none}}@media (max-width:600px){.VisualCanvasTour-module__Qbukuq__toolbar .VisualCanvasTour-module__Qbukuq__summary,.VisualCanvasTour-module__Qbukuq__toolbar .VisualCanvasTour-module__Qbukuq__branch,.VisualCanvasTour-module__Qbukuq__toolbar kbd{display:none}.VisualCanvasTour-module__Qbukuq__explorer li{padding-block:2px}.VisualCanvasTour-module__Qbukuq__views button{max-width:78px}}.VisualCanvasTour-module__Qbukuq__connections .VisualCanvasTour-module__Qbukuq__portMark{stroke:#64dcc3}@media (max-width:640px){.VisualCanvasTour-module__Qbukuq__workspace{grid-template-columns:minmax(64px,max-content) minmax(0,1fr)}.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__explorer{display:none}}.VisualCanvasTour-module__Qbukuq__modeToolbar{border-bottom:1px solid #303033;justify-content:center;align-items:center;padding:5px;display:flex}.VisualCanvasTour-module__Qbukuq__modeToolbar button{color:#b1b4bb;cursor:pointer;border:1px solid #39393c;align-items:center;gap:4px;padding:4px 7px;font-size:10px;display:inline-flex}.VisualCanvasTour-module__Qbukuq__modeToolbar button:first-child{border-radius:5px 0 0 5px}.VisualCanvasTour-module__Qbukuq__modeToolbar button:nth-child(2){border-radius:0 5px 5px 0;margin-inline-start:-1px}.VisualCanvasTour-module__Qbukuq__modeToolbar .VisualCanvasTour-module__Qbukuq__modeControls button:last-child{color:#fff;background:#323335;border-color:#0000;border-radius:6px;gap:5px;margin-inline-start:9px;padding:4px 7px;font-weight:600}.VisualCanvasTour-module__Qbukuq__modeToolbar .VisualCanvasTour-module__Qbukuq__modeControls button:last-child:hover,.VisualCanvasTour-module__Qbukuq__modeToolbar .VisualCanvasTour-module__Qbukuq__modeControls button:last-child[aria-pressed=true]{background:#393a3c}.VisualCanvasTour-module__Qbukuq__modeToolbar button:hover,.VisualCanvasTour-module__Qbukuq__modeToolbar button[aria-pressed=true]{color:#f6f6f7;background:#303033}.VisualCanvasTour-module__Qbukuq__modeToolbar button:focus-visible{z-index:1;outline:2px solid #64dcc3}.VisualCanvasTour-module__Qbukuq__componentMap{position:absolute;inset:0}.VisualCanvasTour-module__Qbukuq__mapLegend{white-space:nowrap;background:#1d1d1f;border:1px solid #303033;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;display:flex;position:absolute;top:4%;left:50%;transform:translate(-50%)}.VisualCanvasTour-module__Qbukuq__mapLegend svg:first-of-type{color:#00b08c}.VisualCanvasTour-module__Qbukuq__mapLegend svg:last-of-type{color:#a879ff}.VisualCanvasTour-module__Qbukuq__mapNode{z-index:2;text-align:center;background:#1d1d1f;border:1px solid #303033;border-radius:6px;grid-template-rows:minmax(0,1fr) auto auto;gap:2px;width:24%;height:32%;padding:5px;font-size:clamp(7px,1vw,11px);display:grid;position:absolute;top:25%;left:5%}.VisualCanvasTour-module__Qbukuq__mapNode:nth-of-type(3),.VisualCanvasTour-module__Qbukuq__mapNode:nth-of-type(5){left:39%}.VisualCanvasTour-module__Qbukuq__mapNode:nth-of-type(4),.VisualCanvasTour-module__Qbukuq__mapNode:nth-of-type(6){left:73%}.VisualCanvasTour-module__Qbukuq__mapNode:nth-of-type(n+5){top:60%}.VisualCanvasTour-module__Qbukuq__mapNode img{object-fit:contain;background:#262628;width:100%;height:100%}.VisualCanvasTour-module__Qbukuq__mapNode strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.VisualCanvasTour-module__Qbukuq__mapNode>span{color:#a3a4aa}.VisualCanvasTour-module__Qbukuq__mapBadge{color:#fff;background:#8254ee;border-radius:4px;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.VisualCanvasTour-module__Qbukuq__mapBadge[data-page=true]{background:#008d73;left:100%}.VisualCanvasTour-module__Qbukuq__exploreMark{object-fit:contain}.VisualCanvasTour-module__Qbukuq__workspace{grid-template-rows:auto minmax(0,1fr)}.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__views,.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__explorer{grid-row:1/-1}.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__modeToolbar,.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__canvas{grid-column:-2/-1}.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__modeToolbar{grid-row:1}.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__canvas{grid-row:2}.VisualCanvasTour-module__Qbukuq__modeToolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px;display:grid}.VisualCanvasTour-module__Qbukuq__modeControls{align-items:center;display:flex}.VisualCanvasTour-module__Qbukuq__canvasFilter,.VisualCanvasTour-module__Qbukuq__canvasZoom{color:#b1b4bb;white-space:nowrap;align-items:center;gap:3px;width:fit-content;font-size:9px;display:inline-flex}.VisualCanvasTour-module__Qbukuq__canvasFilter{border:1px solid #39393c;border-radius:4px;padding:3px 4px}.VisualCanvasTour-module__Qbukuq__canvasZoom{justify-self:end}.VisualCanvasTour-module__Qbukuq__explorerTabs{border-bottom:1px solid #303033;flex-wrap:wrap;align-items:center;gap:3px 6px;display:flex}.VisualCanvasTour-module__Qbukuq__explorerTabs strong{color:#f6f6f7;border-bottom:1px solid #00b08c;padding-block:4px}@media (max-width:640px){.VisualCanvasTour-module__Qbukuq__modeToolbar{display:flex}.VisualCanvasTour-module__Qbukuq__canvasFilter,.VisualCanvasTour-module__Qbukuq__canvasZoom{display:none}}.VisualCanvasTour-module__Qbukuq__canvasComponent{white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.VisualCanvasTour-module__Qbukuq__canvasComponent svg{color:#00b08c;flex:none}.VisualCanvasTour-module__Qbukuq__code[open] summary{border-bottom:1px solid #008d73}.VisualCanvasTour-module__Qbukuq__code summary svg:last-child{margin-inline-start:auto}.VisualCanvasTour-module__Qbukuq__codePanes{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.VisualCanvasTour-module__Qbukuq__codePanes pre{background:#1d1d1f;max-height:88px}.VisualCanvasTour-module__Qbukuq__codePanes pre+pre{color:#a7c7ec;border-inline-start:1px solid #303033}.VisualCanvasTour-module__Qbukuq__codePanes pre,.VisualCanvasTour-module__Qbukuq__codePanes pre+pre{color:#d7d9de}.VisualCanvasTour-module__Qbukuq__codeKeyword{color:#c3a5ff}.VisualCanvasTour-module__Qbukuq__codeTag{color:#78caff}.VisualCanvasTour-module__Qbukuq__codeString{color:#a8df9b}@media (max-width:640px){.VisualCanvasTour-module__Qbukuq__modeToolbar .VisualCanvasTour-module__Qbukuq__canvasComponent{display:none}.VisualCanvasTour-module__Qbukuq__demo{flex-direction:column;display:flex}.VisualCanvasTour-module__Qbukuq__demo .VisualCanvasTour-module__Qbukuq__workspace{display:contents}.VisualCanvasTour-module__Qbukuq__demo>.VisualCanvasTour-module__Qbukuq__toolbar{order:1}.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__modeToolbar{order:2}.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__canvas{order:3}.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__views{scrollbar-width:none;border-inline-end:0;background:#141516;border-bottom:1px solid #303033;flex-direction:row;order:0;gap:12px;padding:0 10px;overflow-x:auto}.VisualCanvasTour-module__Qbukuq__views button{white-space:nowrap;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;flex:1 0 auto;justify-content:center;gap:7px;max-width:none;padding:9px 3px;font-size:10px;font-weight:600}.VisualCanvasTour-module__Qbukuq__views button[aria-pressed=true]{color:#f6f6f7;background:0 0;border-bottom-color:#00b08c}.VisualCanvasTour-module__Qbukuq__views .VisualCanvasTour-module__Qbukuq__viewIcon{background:#242628;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.VisualCanvasTour-module__Qbukuq__views button[aria-pressed=true] .VisualCanvasTour-module__Qbukuq__viewIcon{color:#64dcc3;background:#183930}.VisualCanvasTour-module__Qbukuq__workspace>.VisualCanvasTour-module__Qbukuq__canvas{aspect-ratio:5/3;grid-row:3;min-height:0}.VisualCanvasTour-module__Qbukuq__workspace:has(.VisualCanvasTour-module__Qbukuq__inspector)>.VisualCanvasTour-module__Qbukuq__canvas{min-height:220px}}.VisualCanvasTour-module__Qbukuq__mobileSearch{display:none}@media (max-width:640px){.VisualCanvasTour-module__Qbukuq__desktopSearch{display:none}.VisualCanvasTour-module__Qbukuq__mobileSearch{display:inline}}.VisualCanvasTour-module__Qbukuq__single{background:radial-gradient(at 50% 30%,#25272a,#19191d 75%);border:1px solid #303035;border-radius:7px;margin:7px;padding:8px 12px}@media (max-width:640px){.VisualCanvasTour-module__Qbukuq__single{margin:5px;padding:5px 8px}}.VisualCanvasTour-module__Qbukuq__featuredSong{background:linear-gradient(130deg,#283334,#202427 68%);border:1px solid #3a4546;border-radius:11px;grid-template-columns:minmax(32px,29%) minmax(0,1fr) auto;align-items:center;gap:9px;width:min(100%,245px);padding:9px;display:grid;box-shadow:0 8px 20px #0005}.VisualCanvasTour-module__Qbukuq__featuredSong img{aspect-ratio:1;object-fit:cover;border-radius:6px}.VisualCanvasTour-module__Qbukuq__songDetails{color:#c7cdce;gap:2px;font-size:10px;display:grid}.VisualCanvasTour-module__Qbukuq__songDetails strong{color:#f5f7f7;font-size:clamp(12px,1.5vw,17px);line-height:1.2}.VisualCanvasTour-module__Qbukuq__trackLabel{color:#78d9c5;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:700}.VisualCanvasTour-module__Qbukuq__trackMeta{color:#aab7b8;font-size:8px}.VisualCanvasTour-module__Qbukuq__trackPlay{color:#8de8d7;background:#1c5149;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}
.ApproachComparison-module__Ur1CkG__workspaceNote{border-top:1px solid color-mix(in srgb, var(--color-rule) 60%, transparent);gap:.625rem;margin-top:1.25rem;padding-top:1rem;display:grid}.ApproachComparison-module__Ur1CkG__approachGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;display:grid}.ApproachComparison-module__Ur1CkG__approachCard{--card-surface:color-mix(in srgb, var(--color-surface-sunken) 82%, transparent);background:var(--card-surface);border:1px solid var(--color-rule);color:var(--color-content-muted);border-radius:.875rem;flex-direction:column;gap:.5rem;padding:.875rem;font-size:.875rem;line-height:1.55;display:flex}.ApproachComparison-module__Ur1CkG__approachCard h4{color:var(--color-content);font-size:1.0625rem;font-weight:650;line-height:1.25}.ApproachComparison-module__Ur1CkG__approachLabel{letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:flex}.ApproachComparison-module__Ur1CkG__approachLogos{flex:none;align-items:center;gap:.25rem;display:inline-flex}.ApproachComparison-module__Ur1CkG__approachLogos img{object-fit:contain;width:16px;height:16px}.ApproachComparison-module__Ur1CkG__approachWorkflow{flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:auto;padding-top:.5rem;font-size:.75rem;display:flex}.ApproachComparison-module__Ur1CkG__approachWorkflow span:not([aria-hidden]){background:var(--color-surface-raised);border-radius:999px;padding:.125rem .5rem}.ApproachComparison-module__Ur1CkG__hexbyApproach{background:color-mix(in srgb, var(--color-brand) 4%, var(--card-surface))}.ApproachComparison-module__Ur1CkG__hexbyApproach .ApproachComparison-module__Ur1CkG__approachLabel,.ApproachComparison-module__Ur1CkG__hexbyApproach .ApproachComparison-module__Ur1CkG__approachWorkflow{color:var(--color-brand)}.ApproachComparison-module__Ur1CkG__hexbyApproach .ApproachComparison-module__Ur1CkG__approachWorkflow span:not([aria-hidden]){background:var(--color-brand-soft)}.ApproachComparison-module__Ur1CkG__heading{color:var(--color-brand);text-transform:uppercase;font-size:.875rem;font-weight:600;line-height:1.4}@media (max-width:800px){.ApproachComparison-module__Ur1CkG__approachGrid{grid-template-columns:1fr}}