.screenshot-container{background:#fff;border:2px solid #8dd2eb;border-radius:15px;box-shadow:0 7px 16px 0 rgba(0,0,0,.42);min-width:420px;position:absolute;width:auto;z-index:31}.screenshot-container .screenshot-body{padding:10px}.screenshot-container .screenshot-header{border-bottom:1px solid #8dd2eb;color:#545454;font-size:14px;padding:15px 12px}.screenshot-container .screenshot-header.display-preview-text{border-bottom:none;padding:15px 12px 10px}.screenshot-container .screenshot-header .indicators{float:right;position:relative;top:-8px}.screenshot-container .screenshot-header .indicators.has-video{top:-4px}.screenshot-container .screenshot-header .indicators .indicator{display:inline-block;margin-left:10px;vertical-align:top}.screenshot-container .screenshot-header .indicators .circle-target{cursor:pointer;fill:#fff;fill-opacity:0;stroke:#fff;stroke-opacity:0}.screenshot-container .screenshot-header .indicators .circle{cursor:pointer}.screenshot-container .screenshot-header .indicators .index0 .first-circle{fill:#3ec2f3}.screenshot-container .screenshot-header .indicators .index0 .first-circle:hover{fill:#0db5f3}.screenshot-container .screenshot-header .indicators .index1 .first-circle,.screenshot-container .screenshot-header .indicators .index2 .first-circle,.screenshot-container .screenshot-header .indicators .index3 .first-circle{fill:#a0e1f9}.screenshot-container .screenshot-header .indicators .index1 .first-circle:hover,.screenshot-container .screenshot-header .indicators .index2 .first-circle:hover,.screenshot-container .screenshot-header .indicators .index3 .first-circle:hover{fill:#7ad6f8}.screenshot-container .screenshot-header .indicators .index0 .second-circle:hover{fill:#d3d3d3}.screenshot-container .screenshot-header .indicators .index1 .second-circle{fill:#3ec2f3}.screenshot-container .screenshot-header .indicators .index1 .second-circle:hover{fill:#0db5f3}.screenshot-container .screenshot-header .indicators .index2 .second-circle,.screenshot-container .screenshot-header .indicators .index3 .second-circle{fill:#a0e1f9}.screenshot-container .screenshot-header .indicators .index2 .second-circle:hover,.screenshot-container .screenshot-header .indicators .index3 .second-circle:hover{fill:#7ad6f8}.screenshot-container .screenshot-header .indicators .index0 .third-circle:hover,.screenshot-container .screenshot-header .indicators .index1 .third-circle:hover{fill:#d3d3d3}.screenshot-container .screenshot-header .indicators .index2 .third-circle{fill:#3ec2f3}.screenshot-container .screenshot-header .indicators .index2 .third-circle:hover{fill:#0db5f3}.screenshot-container .screenshot-header .indicators .index3 .third-circle{fill:#a0e1f9}.screenshot-container .screenshot-header .indicators .index3 .third-circle:hover{fill:#7ad6f8}.screenshot-container .screenshot-header .indicators .index0 .fourth-circle:hover,.screenshot-container .screenshot-header .indicators .index1 .fourth-circle:hover,.screenshot-container .screenshot-header .indicators .index2 .fourth-circle:hover{fill:#d3d3d3}.screenshot-container .screenshot-header .indicators .index3 .fourth-circle{fill:#3ec2f3}.screenshot-container .screenshot-header .indicators .index3 .fourth-circle:hover{fill:#0db5f3}.screenshot-container .screenshot-header .indicators .index1 .line-01,.screenshot-container .screenshot-header .indicators .index2 .line-01,.screenshot-container .screenshot-header .indicators .index2 .line-02,.screenshot-container .screenshot-header .indicators .index3 .line-01,.screenshot-container .screenshot-header .indicators .index3 .line-02,.screenshot-container .screenshot-header .indicators .index3 .line-03{stroke:#a0e1f9}.screenshot-header.display-skill-search-hint{padding-bottom:30px}.display-skill-search-hint .screenshot-header-title,.display-skill-search-hint .title-and-indicators,.screenshot-container .screenshot-header.display-skill-search-hint .indicators{float:left}.screenshot-header-search-hint{float:right;margin-left:33px}.screenshot-header-search-icon{background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4wMSIgaGVpZ2h0PSIxMy4xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAxMy4wMSAxMy4xIj48dGl0bGU+aWNvbi1zZWFyY2gtMi05OTk5OTk8L3RpdGxlPjxwYXRoIGZpbGw9IiM5OTkiIGQ9Ik0uMzEgMTIuOGEuODUuODUgMCAwIDAgMS4zIDBsMi45LTIuOGE0LjUzIDQuNTMgMCAwIDAgMyAxIDUuNTUgNS41NSAwIDAgMCA1LjUtNS41QTUuNTUgNS41NSAwIDAgMCA3LjUxIDBhNS41NSA1LjU1IDAgMCAwLTUuNSA1LjUgNS4yNCA1LjI0IDAgMCAwIDEuMSAzLjNsLTIuOSAyLjdhLjkzLjkzIDAgMCAwIC4xIDEuM203LjItM2E0LjMgNC4zIDAgMSAxIDQuMy00LjMgNC4yNyA0LjI3IDAgMCAxLTQuMyA0LjMiLz48L3N2Zz4=) 50% 50% no-repeat;background-size:13px 13px;border:1px solid transparent;border-radius:0 4px 4px 0;box-sizing:border-box;display:inline-block;height:22px;margin:-5px 0 0;padding:0;vertical-align:baseline;width:22px}.screenshot-header-search-hint-intro{color:#999;display:inline-block;line-height:13px;margin-left:3px;padding-right:5px;vertical-align:top}.screenshot-header-permacode{color:#3b6715;display:inline-block;font-family:Roboto,sans-serif;line-height:14px;vertical-align:top}.screenshot-container .screenshot-body .screenshot-carousel{max-width:600px}.screenshot-container .screenshot-body .screenshot-carousel img{height:auto;max-height:500px;max-width:100%;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;width:auto}.screenshot-container .screenshot-body .video-carousel{margin:0 auto;max-width:600px;position:relative}.screenshot-container .screenshot-body .video-thumbnail-container{display:inline-block;position:relative}.screenshot-container .screenshot-body .video-thumbnail-image{display:block;height:auto;max-height:500px;max-width:100%;-o-object-fit:contain;object-fit:contain;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;width:auto}.screenshot-container .screenshot-body .video-play-overlay{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.screenshot-container .screenshot-body .video-thumbnail-container{cursor:pointer}.screenshot-container .screenshot-body .video-thumbnail-container:hover .video-play-overlay svg path:first-child{fill-opacity:.5}.screenshot-container .screenshot-header .indicators .play-icon{cursor:pointer}.screenshot-container .screenshot-header .indicators .play-icon:hover rect{stroke:#00aeef}.screenshot-container .screenshot-header .indicators .play-icon:hover path{fill:#00aeef}/* YUI CSS Detection Stamp */
#yui3-css-stamp.screenshot-hover-css-ScreenshotHover-min { display: none; }
.preview-text{background-color:#ecf8fe;color:#737373;font-family:Verdana,sans-serif;font-size:13px;line-height:1.2em;padding:10px 12px}/* YUI CSS Detection Stamp */
#yui3-css-stamp.screenshot-hover-css-ScreenshotPreviewText-min { display: none; }