@keyframes blinking-dot{0%{opacity:1}25%{opacity:.4}75%{opacity:.4}100%{opacity:1}}.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{min-width:400px;flex-shrink:4}@media(min-width: 992px){.design-disclosure{width:400px !important;flex-shrink:0}}.design-disclosure-enter-to{transform:translateX(0)}.design-disclosure-enter,.design-disclosure-leave-to{transform:translateX(100%)}.design-disclosure-enter-active,.design-disclosure-leave-active{transition:all .2s ease}.design-list-item{height:160px;text-decoration:none}.design-note-pin{display:flex;height:24px;width:24px;box-sizing:content-box;color:var(--gl-color-neutral-0, #fff);background-color:var(--gl-status-brand-icon-color);font-weight:600;border-radius:50%;z-index:1;padding:0;border:0}.design-note-pin.draft{background-color:var(--gl-status-warning-icon-color)}.design-note-pin.resolved{background-color:var(--gl-background-color-strong, var(--gl-color-neutral-50, #ececef));color:var(--gl-text-color-strong, var(--gl-color-neutral-950, #18171d))}.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-width:2px;border-style:solid;border-color:var(--gl-color-neutral-0, #fff);will-change:transform,box-shadow,opacity;transition:transform 100ms linear,box-shadow 100ms linear,opacity 100ms linear;transform-origin:0 0;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{position:absolute;border-width:1px;border-style:solid;border-color:var(--gl-color-neutral-0, #fff);height:24px;width:24px}.design-note-pin.user-avatar{top:25px;right:8px}.design-scaler-wrapper{bottom:0;left:50%;transform:translateX(-50%)}.image-notes{overflow-y:auto;padding:16px;padding-top:50px;background-color:var(--gl-background-color-default, var(--gl-color-neutral-0, #fff))}.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-left-radius:0;border-bottom-right-radius:0}.image-notes .toggle-comments .toggle-comments-button:focus{text-decoration:none;color:var(--blue-600, #2f68b4)}.image-notes .toggle-comments~.design-note{background-color:var(--gl-background-color-subtle, var(--gl-color-neutral-10, #fbfafd))}.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;position:absolute;left:11px;top:-17px;height:17px}.image-notes .design-discussion .design-note:first-child{border-bottom-style:solid;border-bottom-color:var(--gl-border-color-default);border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-width:1px;border-bottom-color:var(--gl-border-color-section, var(--gl-border-color-default, #dcdcde));background-color:var(--gl-background-color-section, var(--gl-color-neutral-0, #fff))}.image-notes .design-discussion .design-note:not(:first-child){background-color:var(--gl-background-color-subtle, var(--gl-color-neutral-10, #fbfafd))}.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-timing-function:ease;transition-duration:200ms}.image-notes .design-discussion .design-note video{width:100%}.image-notes .design-discussion .reply-wrapper,.image-notes .design-discussion .disabled-comment{padding:8px;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;border-width:0px;background-color:var(--gl-background-color-subtle, var(--gl-color-neutral-10, #fbfafd))}.image-notes .new-discussion-disclaimer{line-height:20px}@media(max-width: 992px){.design-detail{overflow-y:scroll}.image-notes{overflow-y:auto;min-width:100%;flex-grow:1;flex-basis:auto}}