*{margin:0;padding:0;box-sizing:border-box}html{cursor:pointer;color:#fff;font-family:"Lato", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif}html,body{height:100%}#output{position:relative}#output:hover .play-area{-webkit-transform:translate(-50%, -50%) scale(1.2);transform:translate(-50%, -50%) scale(1.2)}#output:hover .background-overlay{opacity:0.8}#output:hover .gear-one,#output:hover .gear-two{-webkit-animation-play-state:running;animation-play-state:running}#output:hover .background-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse farthest-corner at center center, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.85) 100%) repeat scroll 0% 0%;transition:500ms}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:-webkit-transform 1000ms;transition:transform 1000ms;transition:transform 1000ms, -webkit-transform 1000ms;background-position:50% 50%;background-size:cover}.embed-pen-info{position:absolute;left:14px;top:14px}.embed-pen-info svg{display:inline-block;height:30px;width:30px;fill:#fff}.embed-pen-info .pen-owner{font-size:0.7rem}.embed-pen-info .pen-owner span{color:#999;letter-spacing:1px;text-transform:uppercase}.info-section{display:inline-block;vertical-align:top;padding-left:5px}.pen-title{font-weight:400;margin:0 0 4px 0;font-size:19px}.run-button{border:3px solid white;border-radius:4px;background:none;padding:7px 15px;pointer-events:none;cursor:pointer;font-family:"Lato", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;color:white;font-weight:bold;font-size:1.3rem;position:absolute;left:50%;width:160px;margin-left:-80px;bottom:15%}.run-button span{vertical-align:middle;margin-right:3px}.run-button svg{fill:white;width:30px;height:30px;position:relative;top:-1px;display:inline-block;vertical-align:middle}.run-button svg .gear-one,.run-button svg .gear-two{-webkit-animation:spin-me-right-round-baby 4000ms infinite linear forwards;animation:spin-me-right-round-baby 4000ms infinite linear forwards;-webkit-animation-play-state:paused;animation-play-state:paused}.run-button svg .gear-one{-webkit-transform-origin:33.505px 67.195px 0px;transform-origin:33.505px 67.195px 0px}.run-button svg .gear-two{-webkit-transform-origin:69.35px 29.93px 0px;transform-origin:69.35px 29.93px 0px;-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes spin-me-right-round-baby{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-me-right-round-baby{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}