body,.widget,#preview,#reading,#unsupported,#main-content{height:17.5em;width:31.25em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#343434;overflow:hidden;margin:0;padding:0}#main-content,#meta-info-container,#cover-container,#navigation-button,#start-reading-container{height:17.5em;font-size:1em;float:left;color:#efefef}#main-content.back,#meta-info-container.back,#cover-container.back,#navigation-button.back,#start-reading-container.back{background:#262626}#main-content.back:before,#meta-info-container.back:before,#cover-container.back:before,#navigation-button.back:before,#start-reading-container.back:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}#navigation-button:before{-webkit-transition:-webkit-transform 800ms ease-in;-moz-transition:-webkit-transform 800ms ease-in;transition:-webkit-transform 800ms ease-in;-webkit-transition:-moz-transform 800ms ease-in;-moz-transition:-moz-transform 800ms ease-in;transition:-moz-transform 800ms ease-in;-webkit-transition:-ms-transform 800ms ease-in;-moz-transition:-ms-transform 800ms ease-in;transition:-ms-transform 800ms ease-in;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);backface-visibility:hidden;perspective:1000;transform:translateZ(0);-webkit-transition:transform 800ms ease-in;-moz-transition:transform 800ms ease-in;transition:transform 800ms ease-in}.csstransforms #unsupported{display:none}.no-csstransforms #preview,.no-csstransforms #reading{display:none}#not-found{padding-top:4.6875em;display:block;position:absolute;text-align:center;top:0;bottom:0;left:0;right:0}#not-found a{color:#f8981c}#not-found a:hover{color:#efefef}.widget{position:relative}.widget #preview,.widget #reading{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);backface-visibility:hidden;perspective:1000;transform:translateZ(0);-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;transition:all 500ms ease-in;height:17.5em;position:absolute}.widget #reading{-webkit-transform:translate(10%,0);-moz-transform:translate(10%,0);-ms-transform:translate(10%,0);-o-transform:translate(10%,0);transform:translate(10%,0);width:90%}.widget #reading.hide{-webkit-transform:translate(111%,0);-moz-transform:translate(111%,0);-ms-transform:translate(111%,0);-o-transform:translate(111%,0);transform:translate(111%,0)}.widget #preview{width:100%}.widget #preview.hide{-webkit-transform:translate(-92%,0);-moz-transform:translate(-92%,0);-ms-transform:translate(-92%,0);-o-transform:translate(-92%,0);transform:translate(-92%,0)}#meta-info-container{padding:0 1.25em;width:17.5em;font-weight:200;cursor:pointer}#meta-info-container #title{font-size:24px;line-height:28px;max-height:56px;margin-top:20px;font-family:Lato,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.05em;overflow:hidden;color:#f8981c}#meta-info-container #author{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:18px;line-height:19px;font-family:Lato,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.05em;color:#a9a9a9}#meta-info-container .metrics{*zoom:1;margin-top:22px;color:#a9a9a9}#meta-info-container .metrics:before,#meta-info-container .metrics:after{content:" ";display:table}#meta-info-container .metrics:after{clear:both}#meta-info-container .metrics #reads span{margin-left:0}#meta-info-container .metrics #votes span,#meta-info-container .metrics #comments span{margin-left:20px}#meta-info-container .metrics div{float:left}#meta-info-container .tags{margin-top:10px}.tag-group{height:3.5em;margin:0;overflow:hidden}.tag-group .label.tag{padding:0 .5em;margin-right:.1875em;margin-bottom:.375em;height:1.8125em;line-height:1.6875em;border-radius:.75em;border:1px solid #7a7a7a;font-weight:700;text-transform:uppercase;background:#343434;color:#7a7a7a}.tag-group .label.category{background:#7a7a7a;color:#343434}#footer{position:absolute;bottom:20px;height:2em;width:8.125em;background-image:url(/img/widget/story/wattpad_logo_grey.png);background-repeat:no-repeat;background-size:auto 32px;background-position:left center}#footer:hover{background-image:url(/img/widget/story/wattpad_logo_color.png)}.wattpad-logo-fallback{width:112px;height:32px;position:absolute;bottom:20px}#cover-container{width:11.25em;background-size:cover;cursor:pointer}#cover-container img{width:180px}#cover-container #overlay{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);backface-visibility:hidden;perspective:1000;transform:translateZ(0);-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;background:#000;opacity:0;width:100%;height:100%}#cover-container #overlay #logo{width:100%;height:100%;background-size:70px;background-position:center center;background-repeat:no-repeat}#logo{background-image:url(/img/widget/story/wattpad_w.svg)}#logo .subtitle{font-size:.875em;padding-top:12.5em;height:17.5em;width:100%;text-align:center}.no-svg #logo{background-image:url(/img/widget/story/wattpad_w.png)}#navigation-button{width:2.5em;line-height:18.125em;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);backface-visibility:hidden;perspective:1000;transform:translateZ(0);-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;cursor:pointer;text-align:center;color:#f8981c}#start-reading-container:hover #cover-container #overlay{opacity:.5}#start-reading-container:hover #navigation-button{background:#262626}#preview.hide #cover-container #overlay{opacity:.5}#controls{position:absolute;bottom:0;left:0;right:0;padding:0 1.125em;*zoom:1;color:#7a7a7a}#controls:before,#controls:after{content:" ";display:table}#controls:after{clear:both}#controls.overlay{background:rgba(0,0,0,.3)}#controls .button{cursor:pointer;float:left;width:2.75em;height:2.75em;line-height:2.75em;margin-right:.625em}#controls .menu{*zoom:1}#controls .menu:before,#controls .menu:after{content:" ";display:table}#controls .menu:after{clear:both}#controls .menu.hide{display:none}#controls .menu .icon-dark{color:#343434}#share-menu{position:relative;border-bottom:1px solid #262626}#share-menu .button{margin-right:.9375em;font-size:1.5em;color:#111;text-shadow:0 1px 0 #444}#share-menu #email-button{margin-left:.625em}#share-menu #email-button:hover .icon-envelope{color:#16a2c7}#share-menu #google-plus-button{margin-right:0}#share-menu #google-plus-button:hover .icon-google-plus{color:#d34836}#share-menu #share-link-button:hover .icon-link{color:#dd7201;cursor:pointer}#share-menu #facebook-button:hover .icon-facebook{color:#3b5998}#share-menu #twitter-button:hover .icon-twitter{color:#00aced}#share-menu #tumblr-button:hover .icon-tumblr{color:#32506d}#share-menu #share-link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#292929}#share-menu #share-link-overlay.hide{display:none}#share-menu #share-link-overlay #share-link-input{margin:.625em 0 0 1.25em;padding:0 .5em;border-radius:.25em;width:23.125em;height:1.6875em;border:0;background:#7a7a7a;color:#343434}#share-menu #share-link-overlay #close-button{margin:.5em 1.25em 0 0;font-size:1em;float:right;text-align:right}#share-menu #share-link-overlay #close-button i{font-size:1.75em;color:#CCC}#share-menu #share-link-overlay #close-button .icon-circle{color:#ccc}#share-menu #share-link-overlay #close-button:hover{cursor:pointer}#share-menu #share-link-overlay #close-button:hover .icon-circle{color:#efefef}#reading .header{border-bottom:2px solid #262626}#reading #story-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:1.25em 1.25em .625em;font-size:.875em;height:100%;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;color:#efefef}#reading #story-container h3{font-size:21px;font-family:Lato,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;color:#efefef;font-weight:600}#reading #story-container #story-text{font-size:14px;width:100%}#reading #story-container #story-text .spinner-container{padding-left:180px}#reading #continue-reading{border-radius:.1875em;*zoom:1;margin:0 auto 20px;width:250px;height:40px;display:block;color:#efefef;background:#111;padding-top:4px;box-sizing:border-box}#reading #continue-reading:before,#reading #continue-reading:after{content:" ";display:table}#reading #continue-reading:after{clear:both}#reading #continue-reading:hover{background:#f8981c}#reading #continue-reading.hide{display:none}#reading #continue-reading div{float:left;height:30px;line-height:30px;text-align:center}#reading #continue-reading div.text{font-family:Lato,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;color:#efefef;font-size:1.0625em}#reading #continue-reading #continue-on-logo{display:inline-block;width:40px;background-image:url(/img/widget/story/wattpad_w_white.png);background-repeat:no-repeat;background-size:23px auto;background-position:center center}