/* The hero app navigation, collapsed to an icon rail in each feature screen. */
.showreel-app-sidebar{display:none}
html:not(.product-showcase-embed) .scroll-showreel .video-frame{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:52px minmax(0,1fr)}
html:not(.product-showcase-embed) .scroll-showreel .video-frame>.showreel-app-top{grid-column:1/-1;grid-row:1}
html:not(.product-showcase-embed) .scroll-showreel .video-frame>.scr{grid-column:2;grid-row:2;min-width:0}
html:not(.product-showcase-embed) .video-frame>.showreel-app-sidebar{display:flex;grid-column:1;grid-row:2}
.scroll-showreel .showreel-app-sidebar{flex-direction:column;align-items:center;gap:2px;min-height:0;padding:10px 7px;background:#eff0f2;border-right:1px solid #d8dce0;color:#3d454b;overflow-y:auto;scrollbar-width:thin}
.showreel-nav-item{display:grid;place-items:center;flex:none;width:34px;height:32px;border-radius:4px;position:relative}
.showreel-nav-item svg{display:block;width:18px;height:18px}
.showreel-nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.showreel-nav-divider{flex:none;width:26px;border-top:1px solid #d0d4d8;margin:5px 0}
.video-frame:has(:is(#sc1.on,#sc7.on))>.showreel-app-sidebar [data-app-section="issues"],.showreel-screen:has(:is(#sc1,#sc7))>.showreel-app-sidebar [data-app-section="issues"]{background:#d8dade;color:#182027}
.video-frame:has(:is(#sc8.on))>.showreel-app-sidebar [data-app-section="brief"],.showreel-screen:has(:is(#sc8))>.showreel-app-sidebar [data-app-section="brief"]{background:#d8dade;color:#182027}
.video-frame:has(:is(#sc0.on,#sc5.on))>.showreel-app-sidebar [data-app-section="drawings"],.showreel-screen:has(:is(#sc0,#sc5))>.showreel-app-sidebar [data-app-section="drawings"]{background:#d8dade;color:#182027}
.video-frame:has(:is(#sc4.on))>.showreel-app-sidebar [data-app-section="model"],.showreel-screen:has(:is(#sc4))>.showreel-app-sidebar [data-app-section="model"]{background:#d8dade;color:#182027}
.video-frame:has(:is(#sc2.on))>.showreel-app-sidebar [data-app-section="documents"],.showreel-screen:has(:is(#sc2))>.showreel-app-sidebar [data-app-section="documents"]{background:#d8dade;color:#182027}
@media(max-width:860px){
 html:not(.product-showcase-embed) .scroll-showreel .video-frame{display:block}
 html:not(.product-showcase-embed) .video-frame>.showreel-app-sidebar{display:none}
 html:not(.product-showcase-embed) .showreel-screen>.showreel-card-sidebar{display:flex;position:absolute;top:46px;bottom:0;left:0;width:36px;padding:8px 4px;z-index:1}
 .showreel-card-sidebar .showreel-nav-item{width:27px;height:22px}
 .showreel-card-sidebar .showreel-nav-item svg{width:15px;height:15px}
 .showreel-card-sidebar .showreel-nav-divider{width:22px;margin:4px 0}
 html:not(.product-showcase-embed) .scroll-showreel .showreel-screen>.scene{margin-left:36px;width:calc(100% - 36px)}
}