@keyframes blinking-dot{0%{opacity:1}25%{opacity:0.4}75%{opacity:0.4}100%{opacity:1}}@keyframes blinking-scroll-button{0%{opacity:0.2}50%{opacity:1}100%{opacity:0.2}}@keyframes gl-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.design-card-header{background:transparent}.design-checkbox{position:absolute;top:16px;left:30px}.layout-page.design-detail-layout{max-height:100vh}.design-detail{background-color:rgba(0,0,0,0.64)}.with-performance-bar .design-detail{top:35px}.design-detail .comment-indicator{border-radius:50%}.design-detail .comment-indicator:active,.design-detail .frame .design-note-pin:active{cursor:grabbing}.design-list-item{height:280px;text-decoration:none}.design-list-item .icon-version-status{position:absolute;right:10px;top:10px}.design-list-item .card-body{height:230px}.design-list-item-new{height:210px}.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(31,30,36,0.08),0 0 1px rgba(31,30,36,0.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(0,0,0,0.16),0 4px 12px rgba(0,0,0,0.16)}.design-note-pin.on-image.inactive{opacity:0.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:scroll;padding:16px;padding-top:50px;background-color:var(--white, #fff);flex-shrink:0;min-width:400px;flex-basis:28%}.image-notes .link-inherit-color:hover,.image-notes .link-inherit-color:active,.image-notes .link-inherit-color:focus{color:inherit;text-decoration:none}.image-notes .toggle-comments{line-height:20px;border-top:1px solid var(--border-color, #dcdcde)}.image-notes .toggle-comments.expanded{border-bottom:1px solid var(--border-color, #dcdcde)}.image-notes .toggle-comments .toggle-comments-button:focus{text-decoration:none;color:var(--blue-600, #1068bf)}.image-notes .design-note-pin{margin-left:16px}.image-notes .design-discussion{margin:16px 0}.image-notes .design-discussion::before{content:'';border-left:1px solid var(--gray-100, #dcdcde);position:absolute;left:28px;top:-17px;height:17px}.image-notes .design-discussion .design-note{padding:16px;list-style:none;transition:background 0.2s linear;border-top-left-radius:4px;border-top-right-radius:4px}.image-notes .design-discussion .design-note a{color:inherit}.image-notes .design-discussion .design-note .note-text a{color:var(--blue-600, #1068bf)}.image-notes .design-discussion .reply-wrapper{padding:16px}.image-notes .reply-wrapper{border-top:1px solid var(--border-color, #dcdcde)}.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}}