@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-list-item:hover{border-color:var(--gray-400, #89888d)}.design-note-pin{display:flex;height:28px;width:28px;box-sizing:content-box;background-color:var(--purple-500, #7b58cf);color:var(--white, #fff);font-weight:600;border-radius:50%;z-index:1;padding:0;border:0}.design-note-pin.draft{background-color:var(--orange-500, #ab6100)}.design-note-pin.resolved{background-color:var(--gray-500, #737278)}.design-note-pin.on-image{box-shadow:0 2px 4px rgba(5,5,6,.08),0 0 1px rgba(5,5,6,.24);border:var(--white, #fff) 2px solid;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 rgba(5,5,6,.16),0 4px 12px rgba(5,5,6,.16)}.design-note-pin.on-image.inactive{opacity:.5}.design-note-pin.on-image.inactive:hover{opacity:1}.design-note-pin.small{position:absolute;border:1px solid var(--white, #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;border-top-style:solid;border-top-color:var(--gl-border-color-default);border-top-width:1px;border-top-color:var(--gl-border-color-subtle, var(--gl-color-neutral-50, #ececef))}.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, #1068bf)}.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:1px solid var(--gray-100, #dcdcde);position:absolute;left:12px;top:-17px;height:17px}.image-notes .design-discussion .design-note{padding:8px;list-style:none;border-top-left-radius:.25rem;border-top-right-radius:.25rem;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{padding:8px;border-radius:0 0 .25rem .25rem;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}}