.layout-page.design-detail-layout{max-height:100vh}.layout-page.design-detail-layout .super-sidebar,.layout-page.design-detail-layout .top-bar-fixed{z-index:0}.design-detail{bottom:var(--system-footer-height)}.design-detail .comment-indicator{border-radius:50%}.design-detail .comment-indicator:active,.design-detail .frame .design-note-pin:active{cursor:grabbing}.design-disclosure{flex-shrink:4;min-width:400px}@container panel (width>=992px){:where(html.with-gl-container-queries) .design-disclosure{flex-shrink:0;width:400px!important}}@media (width>=992px){:where(html:not(.with-gl-container-queries)) .design-disclosure{flex-shrink:0;width:400px!important}}.design-disclosure-enter-to{transform:translate(0)}.design-disclosure-enter,.design-disclosure-leave-to{transform:translate(100%)}.design-disclosure-enter-active,.design-disclosure-leave-active{transition:all .2s}.design-list-item{height:160px;text-decoration:none}.design-note-pin{box-sizing:content-box;width:24px;height:24px;color:var(--gl-color-neutral-0);background-color:var(--gl-status-brand-icon-color);z-index:1;border:0;border-radius:50%;padding:0;font-weight:600;display:flex}.design-note-pin.draft{background-color:var(--gl-status-warning-icon-color)}.design-note-pin.resolved{background-color:var(--gl-background-color-strong);color:var(--gl-text-color-strong)}.design-note-pin.on-image{box-shadow:0 2px 4px var(--gl-color-alpha-dark-8),0 0 1px var(--gl-color-alpha-dark-24);border-style:solid;border-width:2px;border-color:var(--gl-color-neutral-0);will-change:transform,box-shadow,opacity;transform-origin:0 0;transition:transform .1s linear,box-shadow .1s linear,opacity .1s linear;transform:translate(-50%,-50%)}.design-note-pin.on-image:hover{transform:scale(1.2)translate(-50%,-50%)}.design-note-pin.on-image:active{box-shadow:0 0 4px var(--gl-shadow-color-default),0 4px 12px var(--gl-shadow-color-default)}.design-note-pin.on-image.inactive{opacity:.5}.design-note-pin.on-image.inactive:hover{opacity:1}.design-note-pin.small{border-style:solid;border-width:1px;border-color:var(--gl-color-neutral-0);width:24px;height:24px;position:absolute}.design-note-pin.user-avatar{top:25px;right:8px}.design-scaler-wrapper{bottom:0;left:50%;transform:translate(-50%)}.image-notes{background-color:var(--gl-background-color-default);padding:50px 16px 16px;overflow-y:auto}.image-notes .link-inherit-color,.image-notes .link-inherit-color:hover,.image-notes .link-inherit-color:active,.image-notes .link-inherit-color:focus{color:inherit}.image-notes .toggle-comments{line-height:20px}.image-notes .toggle-comments[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.image-notes .toggle-comments .toggle-comments-button:focus{color:var(--blue-600,#2f68b4);text-decoration:none}.image-notes .toggle-comments~.design-note{background-color:var(--gl-background-color-subtle)}.image-notes .design-discussion{margin:16px 0}.image-notes .design-discussion:before{content:"";border-left-style:solid;border-left-color:var(--gl-border-color-default);border-left-width:1px;height:17px;position:absolute;top:-17px;left:11px}.image-notes .design-discussion .design-note:first-child{border-bottom-style:solid;border-bottom-color:var(--gl-border-color-default);border-bottom-width:1px;border-bottom-color:var(--gl-border-color-section);background-color:var(--gl-background-color-section);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.image-notes .design-discussion .design-note:not(:first-child){background-color:var(--gl-background-color-subtle)}.image-notes .design-discussion.active-discussion .design-note:first-child{background-color:var(--timeline-entry-target-background-color)!important}.image-notes .design-discussion .design-note{padding:8px;list-style:none;transition-property:background;transition-duration:.2s;transition-timing-function:ease}.image-notes .design-discussion .design-note video{width:100%}.image-notes .design-discussion .reply-wrapper,.image-notes .design-discussion .disabled-comment{background-color:var(--gl-background-color-subtle);border-width:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;padding:8px}.image-notes .new-discussion-disclaimer{line-height:20px}@container panel (width<992px){:where(html.with-gl-container-queries) .design-detail{overflow-y:scroll}:where(html.with-gl-container-queries) .image-notes{flex-grow:1;flex-basis:auto;min-width:100%;overflow-y:auto}}@media (width<992px){:where(html:not(.with-gl-container-queries)) .design-detail{overflow-y:scroll}:where(html:not(.with-gl-container-queries)) .image-notes{flex-grow:1;flex-basis:auto;min-width:100%;overflow-y:auto}}