You are on page 1of 376

/* :asset_packager_compatibility, 'config/asset_packages.

yml' @ 1524604509 */
/* public/stylesheets/global/fonts.css @ 1524604509 */
@font-face {font-family: 'Sofia Pro'; font-weight: normal; font-style: normal; src:
url('/fonts/sofia_pro/light/SofiaProLight-webfont.eot'); src:
url('/fonts/sofia_pro/light/SofiaProLight-webfont.eot?#iefix') format("embedded-
opentype"), url('/fonts/sofia_pro/light/SofiaProLight-webfont.woff')
format("woff"), url('/fonts/sofia_pro/light/SofiaProLight-webfont.ttf')
format("truetype"), url('/fonts/sofia_pro/light/SofiaProLight-
webfont.svg#sofia_pro_lightregular') format("svg")}
@font-face {font-family: 'Sofia Pro'; font-weight: bold; font-style: normal; src:
url('/fonts/sofia_pro/medium/SofiaProMedium-webfont.eot'); src:
url('/fonts/sofia_pro/medium/SofiaProMedium-webfont.eot?#iefix') format("embedded-
opentype"), url('/fonts/sofia_pro/medium/SofiaProMedium-webfont.woff')
format("woff"), url('/fonts/sofia_pro/medium/SofiaProMedium-webfont.ttf')
format("truetype"), url('/fonts/sofia_pro/medium/SofiaProMedium-
webfont.svg#sofia_pro_mediumregular') format("svg")}
@font-face {font-family: 'Sofia Pro'; font-weight: 200; font-style: normal; src:
url('/fonts/sofia_pro/extralight/SofiaProExtraLight-webfont.eot'); src:
url('/fonts/sofia_pro/extralight/SofiaProExtraLight-webfont.eot?#iefix')
format("embedded-opentype"), url('/fonts/sofia_pro/extralight/SofiaProExtraLight-
webfont.woff') format("woff"), url('/fonts/sofia_pro/extralight/SofiaProExtraLight-
webfont.ttf') format("truetype"),
url('/fonts/sofia_pro/extralight/SofiaProExtraLight-
webfont.svg#sofia_pro_extralightregular') format("svg")}
@font-face {font-family: 'Livory'; font-weight: normal; font-style: normal; src:
url('/fonts/livory/regular/2AC7C6_0_0.eot'); src:
url('/fonts/livory/regular/2AC7C6_0_0.eot?#iefix') format("embedded-opentype"),
url('/fonts/livory/regular/2AC7C6_0_0.woff') format("woff"),
url('/fonts/livory/regular/2AC7C6_0_0.ttf') format("truetype")}
@font-face {font-family: 'Livory'; font-weight: normal; font-style: italic; src:
url('/fonts/livory/italic/2AC7C6_1_0.eot'); src:
url('/fonts/livory/italic/2AC7C6_1_0.eot?#iefix') format("embedded-opentype"),
url('/fonts/livory/italic/2AC7C6_1_0.woff') format("woff"),
url('/fonts/livory/italic/2AC7C6_1_0.ttf') format("truetype")}
@font-face {font-family: 'Source Sans Pro'; font-style: normal; font-weight:
normal; src: url('/fonts/Source_Sans_Pro/SourceSansPro-Regular.eot'); src:
url('/fonts/Source_Sans_Pro/SourceSansPro-Regular.eot?#iefix') format("embedded-
opentype"), url('/fonts/Source_Sans_Pro/SourceSansPro-Regular.svg#my-font-family')
format("svg"), url('/fonts/Source_Sans_Pro/SourceSansPro-Regular.woff')
format("woff"), url('/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf')
format("truetype")}
@font-face {font-family: 'Source Sans Pro'; font-style: italic; font-weight:
normal; src: url('/fonts/Source_Sans_Pro/SourceSansPro-Italic.eot'); src:
url('/fonts/Source_Sans_Pro/SourceSansPro-Italic.eot?#iefix') format("embedded-
opentype"), url('/fonts/Source_Sans_Pro/SourceSansPro-Italic.svg#my-font-family')
format("svg"), url('/fonts/Source_Sans_Pro/SourceSansPro-Italic.woff')
format("woff"), url('/fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf')
format("truetype")}
@font-face {font-family: 'Source Sans Pro'; font-style: normal; font-weight: bold;
src: url('/fonts/Source_Sans_Pro/SourceSansPro-Semibold.eot'); src:
url('/fonts/Source_Sans_Pro/SourceSansPro-Semibold.eot?#iefix') format("embedded-
opentype"), url('/fonts/Source_Sans_Pro/SourceSansPro-Semibold.svg#my-font-family')
format("svg"), url('/fonts/Source_Sans_Pro/SourceSansPro-Semibold.woff')
format("woff"), url('/fonts/Source_Sans_Pro/SourceSansPro-Semibold.ttf')
format("truetype")}
@font-face {font-family: 'Source Sans Pro'; font-style: italic; font-weight: bold;
src: url('/fonts/Source_Sans_Pro/SourceSansPro-SemiboldItalic.eot'); src:
url('/fonts/Source_Sans_Pro/SourceSansPro-SemiboldItalic.eot?#iefix')
format("embedded-opentype"), url('/fonts/Source_Sans_Pro/SourceSansPro-
SemiboldItalic.svg#my-font-family') format("svg"),
url('/fonts/Source_Sans_Pro/SourceSansPro-SemiboldItalic.woff') format("woff"),
url('/fonts/Source_Sans_Pro/SourceSansPro-SemiboldItalic.ttf') format("truetype")}
@font-face {font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200;
src: url('/fonts/Source_Sans_Pro/SourceSansPro-Light.eot'); src:
url('/fonts/Source_Sans_Pro/SourceSansPro-Light.eot?#iefix') format("embedded-
opentype"), url('/fonts/Source_Sans_Pro/SourceSansPro-Light.woff2')
format("woff2"), url('/fonts/Source_Sans_Pro/SourceSansPro-Light.woff')
format("woff"), url('/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf')
format("truetype"), url('/fonts/Source_Sans_Pro/SourceSansPro-
Light.svg#SourceSansPro') format("svg")}
@font-face {font-family: 'Source Sans Pro'; font-style: normal; font-weight: 800;
src: url('/fonts/Source_Sans_Pro/SourceSansPro-Bold.eot'); src:
url('/fonts/Source_Sans_Pro/SourceSansPro-Bold.eot?#iefix') format("embedded-
opentype"), url('/fonts/Source_Sans_Pro/SourceSansPro-Bold.woff2') format("woff2"),
url('/fonts/Source_Sans_Pro/SourceSansPro-Bold.woff') format("woff"),
url('/fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf') format("truetype"),
url('/fonts/Source_Sans_Pro/SourceSansPro-Bold.svg#SourceSansPro') format("svg")}

/* public/stylesheets/global/petunia.css @ 1524604509 */
body {margin: 0; font-family: 'Source Sans Pro', sans-serif; color: #1C263D; font-
size: 16px; -webkit-font-smoothing: antialiased}
body.dragging, body.unselectable {-webkit-user-select: none;-moz-user-select:
none;-ms-user-select: none;user-select: none; cursor: default}
body.fixed_min_width {min-width: 996px}
body.has_header_shadow:before {content: ""; position: fixed; background:
transparent; top: 0; right: 0; left: 0; height: 62px; z-index: 2; transition: all
0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all
0.25s ease-in-out}
body.has_header_shadow.show_header_shadow:before {background: rgba(0, 0, 0, 0.15);
height: 65px}
body.header_overlay_open {overflow: hidden}
body *:focus {outline-width: 0}
body.keyboard_focus *:focus {outline: 2px solid #02a793}
input:not([type]):focus, input[type=text]:focus, input[type=search]:focus,
input[type=url]:focus, input[type=tel]:focus, input[type=email]:focus,
input[type=password]:focus, input[type=number]:focus, input[type=date]:focus,
input[type=month]:focus, input[type=week]:focus, input[type=time]:focus,
input[type=datetime]:focus, input[type=datetime-local]:focus, textarea:focus
{outline-width: 2px}
button, input, select, textarea {font-size: 100%}
legend {border: 0; padding: 0; white-space: normal}
a, .pseudo_link, .pseudoLink {color: #1E7B85; text-decoration: none; cursor:
pointer; transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-
out; -webkit-transition: color 0.2s ease-in-out}
a:hover, .pseudo_link:hover, .pseudoLink:hover {color: #0D6069}
h1, h2, h3, h4 {line-height: initial}
h1 {font-size: 42px; color: #000514}
h1.book_title {font-size: 40px; line-height: 1.15; font-weight: normal; color:
#1C263D}
h2 {font-size: 32px; color: #000514}
h2 .book_title {font-size: 38px; line-height: 48px; color: #1C263D}
h3 {font-size: 28px; color: #000514}
h3 .book_title {font-size: 26px; line-height: 32px; color: #1C263D}
h4 .book_title {font-size: 18px; line-height: 22px}
p {line-height: 1.5; margin: 0 0 24px 0}
ul, ol {margin: 0 0 24px 0}
ul li, ol li {line-height: 1.8}
fieldset {border: none; padding: 0}
.header_spacer {display: none; height: 60px}
.responsive .header_spacer {display: block}
.clearfix {zoom: 1}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility:
hidden}
.hidden {display: none !important}
.global_wrapper {overflow: hidden; background: #F8F9FD}
.full_width .global_wrapper {background: white}
.divider {margin: 0px 1px; border-top: 1px solid #E2E4E5}
.divider .divider_bottom {border-top: 1px solid #CFD2D3; margin: 1px 3px 0px 3px}
.divider.brown {border-top-color: #E9EDF8}
.divider.brown .divider_bottom {border-top-color: #E9EDF8}
.tab_nav {white-space: nowrap; margin: 30px 0}
.tab_nav.center_tabs {text-align: center}
.tab_nav.center_tabs .tab {margin-right: 20px; margin-left: 20px}
.tab_nav .tab {-webkit-user-select: none;-moz-user-select: none;-ms-user-select:
none;user-select: none; display: inline-block; vertical-align: top; transition: all
0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease;
border-bottom: 3px solid transparent; text-transform: uppercase; font-size: 14px;
color: #57617A; vertical-align: top; margin-right: 40px; cursor: pointer; letter-
spacing: 0.08em}
.tab_nav .tab a {color: inherit; padding: 0 0 2px 0}
.tab_nav .tab:hover {color: #0D6069}
.tab_nav .tab:hover a {color: #0D6069}
.tab_nav .tab.current {color: #1E7B85; border-color: #1E7B85}
.tab_nav .tab.current a {color: #1E7B85}
.tab_nav .tab:last-child {margin-right: 0}
.tab_nav.disabled {-webkit-user-select: none;-moz-user-select: none;-ms-user-
select: none;user-select: none; cursor: default; border-color: transparent}
.tab_nav.disabled .tab {cursor: default; color: #E9EDF8}
.tab_nav.disabled .tab.current {border-color: #E9EDF8}
.tab_nav.disabled .tab:hover:not(.current) {border-color: transparent}
form input[type=text], form input[type=tel], form input[type=password], form
input[type=email], form input.text, form textarea, .form input[type=text], .form
input[type=tel], .form input[type=password], .form input[type=email], .form
input.text, .form textarea {box-sizing: border-box; font-family: 'Source Sans Pro',
sans-serif; border-radius: 4px; height: 45px; padding: 8px 14px; border: 1px solid
#E9EDF8; line-height: 1.5; color: #1C263D; font-size: 16px}
form input[type=text]::-webkit-input-placeholder, form input[type=tel]::-webkit-
input-placeholder, form input[type=password]::-webkit-input-placeholder, form
input[type=email]::-webkit-input-placeholder, form input.text::-webkit-input-
placeholder, form textarea::-webkit-input-placeholder, .form input[type=text]::-
webkit-input-placeholder, .form input[type=tel]::-webkit-input-placeholder, .form
input[type=password]::-webkit-input-placeholder, .form input[type=email]::-webkit-
input-placeholder, .form input.text::-webkit-input-placeholder, .form textarea::-
webkit-input-placeholder {color: #57617A}
form input[type=text]::-moz-placeholder, form input[type=tel]::-moz-placeholder,
form input[type=password]::-moz-placeholder, form input[type=email]::-moz-
placeholder, form input.text::-moz-placeholder, form textarea::-moz-placeholder,
.form input[type=text]::-moz-placeholder, .form input[type=tel]::-moz-
placeholder, .form input[type=password]::-moz-placeholder, .form
input[type=email]::-moz-placeholder, .form input.text::-moz-placeholder, .form
textarea::-moz-placeholder {color: #57617A}
form input[type=text]:-ms-input-placeholder, form input[type=tel]:-ms-input-
placeholder, form input[type=password]:-ms-input-placeholder, form
input[type=email]:-ms-input-placeholder, form input.text:-ms-input-placeholder,
form textarea:-ms-input-placeholder, .form input[type=text]:-ms-input-
placeholder, .form input[type=tel]:-ms-input-placeholder, .form
input[type=password]:-ms-input-placeholder, .form input[type=email]:-ms-input-
placeholder, .form input.text:-ms-input-placeholder, .form textarea:-ms-input-
placeholder {color: #57617A}
form input[type=text]::placeholder, form input[type=tel]::placeholder, form
input[type=password]::placeholder, form input[type=email]::placeholder, form
input.text::placeholder, form textarea::placeholder, .form
input[type=text]::placeholder, .form input[type=tel]::placeholder, .form
input[type=password]::placeholder, .form input[type=email]::placeholder, .form
input.text::placeholder, .form textarea::placeholder {color: #57617A}
form input[type=text] ::-webkit-input-placeholder, form input[type=tel] ::-webkit-
input-placeholder, form input[type=password] ::-webkit-input-placeholder, form
input[type=email] ::-webkit-input-placeholder, form input.text ::-webkit-input-
placeholder, form textarea ::-webkit-input-placeholder, .form input[type=text]
::-webkit-input-placeholder, .form input[type=tel] ::-webkit-input-placeholder,
.form input[type=password] ::-webkit-input-placeholder, .form input[type=email]
::-webkit-input-placeholder, .form input.text ::-webkit-input-placeholder, .form
textarea ::-webkit-input-placeholder {color: #57617A}
form input[type=text] :-moz-placeholder, form input[type=tel] :-moz-placeholder,
form input[type=password] :-moz-placeholder, form input[type=email] :-moz-
placeholder, form input.text :-moz-placeholder, form textarea :-moz-placeholder,
.form input[type=text] :-moz-placeholder, .form input[type=tel] :-moz-
placeholder, .form input[type=password] :-moz-placeholder, .form
input[type=email] :-moz-placeholder, .form input.text :-moz-placeholder, .form
textarea :-moz-placeholder {color: #57617A}
form input[type=text] ::-moz-placeholder, form input[type=tel] ::-moz-placeholder,
form input[type=password] ::-moz-placeholder, form input[type=email] ::-moz-
placeholder, form input.text ::-moz-placeholder, form textarea ::-moz-
placeholder, .form input[type=text] ::-moz-placeholder, .form input[type=tel]
::-moz-placeholder, .form input[type=password] ::-moz-placeholder, .form
input[type=email] ::-moz-placeholder, .form input.text ::-moz-placeholder, .form
textarea ::-moz-placeholder {color: #57617A}
form input[type=text] :-ms-input-placeholder, form input[type=tel] :-ms-input-
placeholder, form input[type=password] :-ms-input-placeholder, form
input[type=email] :-ms-input-placeholder, form input.text :-ms-input-placeholder,
form textarea :-ms-input-placeholder, .form input[type=text] :-ms-input-
placeholder, .form input[type=tel] :-ms-input-placeholder, .form
input[type=password] :-ms-input-placeholder, .form input[type=email] :-ms-input-
placeholder, .form input.text :-ms-input-placeholder, .form textarea :-ms-input-
placeholder {color: #57617A}
form input[type=text].field_err, form input[type=tel].field_err, form
input[type=password].field_err, form input[type=email].field_err, form
input.text.field_err, form textarea.field_err, .form input[type=text].field_err,
.form input[type=tel].field_err, .form input[type=password].field_err, .form
input[type=email].field_err, .form input.text.field_err, .form textarea.field_err
{border-color: #f2736e; box-shadow: 0 0 0 1px #f2736e}
form input[type=text].default, form input[type=tel].default, form
input[type=password].default, form input[type=email].default, form
input.text.default, form textarea.default, .form input[type=text].default, .form
input[type=tel].default, .form input[type=password].default, .form
input[type=email].default, .form input.text.default, .form textarea.default {color:
#999}
form input.validate_error, form textarea.validate_error, .form
input.validate_error, .form textarea.validate_error {border: 1px solid #f2736e}
form textarea, .form textarea {height: auto}
.notification_bar {color: white; background-color: #85878A}
.notification_bar.positive {background-color: #82cc9c}
.notification_bar.negative {background-color: #f2736e}
.notification_bar.success {background-color: #82cc9c}
.home_container {background: white; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
border-top: 1px solid white; border-bottom: 1px solid white}
.home_container .padded_content {padding: 0 48px 10px 48px}
.ie8 .home_container, .ie7 .home_container, .ie6 .home_container {border: 1px solid
#ccc}
.home_container .page_header {border-bottom: 1px solid #E9EDF8; padding: 0 48px}
.home_container .page_header h1 {white-space: nowrap; overflow: hidden; text-
overflow: ellipsis; margin: 35px 0 0 0}
.home_container .page_header h2 {background: red}
.home_container .page_header h2::before {content: "use h1 in header please"}
.home_container .notification_bar {padding: 15px 48px; margin-top: 1px}
.home_container .bottom_menu {zoom: 1; padding: 15px 48px; border-top: 1px solid
#E9EDF8; margin-top: 30px; line-height: 44px}
.home_container .bottom_menu:after {content: ""; display: table; clear: both}
.home_container, .open_container {text-align: left; width: 996px; margin: 45px
auto}
.loader {display: none; vertical-align: middle; background: url('https://s2-
f.scribdassets.com/images/petunia/spinner/spinner_30.gif?1524604509'); width: 30px;
height: 30px}
.new.loader {background: url('https://s1-
f.scribdassets.com/images/spinner_30x30.gif?1524604509') no-repeat; width: 32px;
height: 32px}
.toolbar_notification {padding: 0 45px; background: #57617A; color: white; height:
64px; line-height: 66px; text-align: center; white-space: normal}
.toolbar_notification .renew_btn {margin-left: 20px}
.toolbar_notification.renewal_nag .renewal_form {display: inline}
.scribd_white_logo {width: 117px; height: 26px}
.scribd_blue_long_logo {width: 117px; height: 26px}
.scribd_logo_badge {height: 36px; width: 36px}
.lightbox_overlay {z-index: 2999; position: fixed; top: 0; left: 0; bottom: 0;
right: 0; background: rgba(0, 0, 0, 0.498039); /* Non petunia color? */ }
.visually_hidden {border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin:
-1px; padding: 0; overflow: hidden; position: absolute}
@media (max-width: 400px) {.visually_hidden_on_narrow {border: 0; clip: rect(0 0 0
0); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position:
absolute}
}
/* prevent repetition, but might not be the best place to put this */
.interest_pills {font-size: 0; overflow: hidden; padding: 0; margin: 0}
.interest_pills .interest {display: inline-block; box-sizing: border-box; word-
spacing: normal; background: #FAFBFD; font-size: 16px; color: #57617A; padding: 3px
15px; border-radius: 5px; border: 1px solid #E9EDF8; max-width: 100%; white-space:
nowrap; overflow: hidden; text-overflow: ellipsis; margin: 8px 8px 2px 2px}
.interest_pills .interest:hover {background: #dde4f4}
.interest_pills .interest:active {background: #d9e2f9}
.interest_pills li {display: inline-block; line-height: inherit}
.text_btn_alt {color: #a9085e !important; font-weight: bold; font-size: 16px}
.text_btn_alt:hover, .text_btn_alt:active {color: #87064b !important}
.text_btn_alt:disabled {color: #57617A !important}
#loading_lb {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:
center; -ms-flex-pack: center; justify-content: center}
#loading_lb .content {border: 0}
.type_display {font-size: 36px; font-weight: bold}
@media (max-width: 550px) {.type_display {font-size: 34px}
}
.type_display_body {font-size: 22px; font-weight: normal}
@media (max-width: 550px) {.type_display_body {font-size: 20px}
}
.type_header1 {font-size: 42px; font-weight: bold}
@media (max-width: 550px) {.responsive .type_header1 {font-size: 32px}
}
.type_header2 {font-size: 36px; font-weight: bold}
@media (max-width: 550px) {.responsive .type_header2 {font-size: 28px}
}
.type_header3 {font-size: 32px; font-weight: bold}
@media (max-width: 550px) {.responsive .type_header3 {font-size: 24px}
}
.type_header4 {font-size: 22px; font-weight: bold}
@media (max-width: 550px) {.responsive .type_header4 {font-size: 20px}
}
.type_header5 {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .type_header5 {font-size: 18px}
}
.type_title {font-size: 18px; font-weight: bold; line-height: 1.3}
.type_title_small {font-size: 16px; font-weight: bold}
.type_subtitle {font-size: 18px; font-weight: bold; font-style: italic; line-
height: 1.3}
.type_copy {font-size: 18px}
@media (max-width: 550px) {.responsive .type_copy {font-size: 16px}
}
.type_copy_small {font-size: 16px}
.type_caption {font-size: 14px}
.type_footnote {font-size: 12px}
.type_caps {font-weight: bold; text-transform: uppercase; letter-spacing: 0.06em}
.type_quote {font-size: 18px; font-style: italic}
.availability_info {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction:
row; flex-direction: row; font-weight: bold; font-size: 14px; font-weight: 600;
line-height: 1.3em}
.availability_info .icon {line-height: 1.3em; margin-right: 5px}
.availability_info.is_unavailable {color: black}
.availability_info.is_expiring {color: #57617A}
.availability_info.is_available_soon {color: #3C763D}
.new_items_indicator {background-color: #ed8f02; border: 1px solid #D47500; border-
radius: 50%; height: 6px; position: absolute; width: 6px}
.flex_row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row}
.flex_col {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column}

/* public/stylesheets/global/lightbox.css @ 1524604509 */
#lightboxes, #lightboxes_wrap {height: 100%}
#lightbox_area {z-index: 30000}
body.lightbox_open {overflow: hidden}
body.lightbox_open #lightbox_flash_container {position: relative; z-index: 3000}
body.lightbox_open #lightbox_area {position: fixed; top: 0; left: 0; right: 0;
height: 100%; overflow-y: auto}
body.lightbox_open #lightbox_area #lightboxes_wrap {position: relative}
#overlay, .stacked_overlay {opacity: 0.5; position: fixed; left: 0px; top: 0px;
right: 0px; bottom: 0px; background: #57617A; z-index: 2999}
@media (max-width: 415px) {#overlay.login_mode, .stacked_overlay.login_mode
{background-color: #F8F9FD; opacity: 1}
}
@media (max-width: 420px), (max-height: 420px) {.responsive .react_lightbox
{height: 100%; max-width: none}
}
@media (max-width: 420px), (max-height: 420px) {.responsive .lightbox {border-
radius: 0; position: static; width: auto; min-height: 100%; margin: 0 !important;
max-width: none}
.responsive .lightbox .close_btn {font-size: 24px}
.responsive .lightbox.stacked_lightbox {z-index: 3000; position: fixed; width:
100%; min-width: 320px; min-height: 100%; left: 0 !important; right: 0 !important;
top: 0 !important}
}
.lightbox, .stacked_lightbox {position: absolute; text-align: left; background:
white 0 0 no-repeat; box-shadow: 0px 0px 12px #000514; border: 1px solid
transparent; box-sizing: border-box; border-radius: 4px; max-width: 400px; min-
width: 300px}
.lightbox.book_preview_container, .stacked_lightbox.book_preview_container {border-
radius: 0; min-width: 0; max-width: none}
.lightbox.auto_center, .stacked_lightbox.auto_center {left: 0; right: 0; margin: 0
auto; position: relative}
.lightbox .flasher_notification, .stacked_lightbox .flasher_notification {color:
#fff; position: absolute; left: 0; right: 0; top: 0}
.lightbox > .wrapper, .stacked_lightbox > .wrapper {overflow: hidden; position:
relative}
.lightbox > .wrapper > .content, .stacked_lightbox > .wrapper > .content {padding:
28px}
.lightbox > .wrapper > .content .title, .stacked_lightbox > .wrapper > .content
.title {font-size: 22px; font-weight: bold; color: #1C263D; margin-top: -10px;
margin-bottom: 20px; padding-right: 20px}
@media (max-width: 550px) {.responsive .lightbox > .wrapper > .content .title,
.responsive .stacked_lightbox > .wrapper > .content .title {font-size: 20px}
}
.lightbox > .wrapper > .content .actions, .lightbox > .wrapper > .content .buttons,
.stacked_lightbox > .wrapper > .content .actions, .stacked_lightbox > .wrapper >
.content .buttons {margin-top: 15px; text-align: right}
.lightbox > .wrapper > .content .actions .flat_btn:last-child, .lightbox > .wrapper
> .content .buttons .flat_btn:last-child, .stacked_lightbox > .wrapper >
.content .actions .flat_btn:last-child, .stacked_lightbox > .wrapper > .content
.buttons .flat_btn:last-child {margin-left: 15px}
.lightbox > .wrapper > .close_button, .stacked_lightbox > .wrapper > .close_button
{position: absolute; top: 0px; right: 0px; float: right; margin: 16px 16px 0 0;
cursor: pointer; color: inherit; background: transparent; border: 0; padding: 2px 0
0 0}
.stacked_lightbox {z-index: 3000}
#loading_lb {min-width: 0}

/* public/stylesheets/global/sprites.css @ 1524604509 */
span.sprite {display: inline-block; vertical-align: middle}
.sprite {background: url('https://s2-f.scribdassets.com/images/newhome/icon-
sprite.png?1524604509') 0 0 no-repeat}
.sprite.gray_tri_down, .sprite.gray_tri_right {background: url('https://s1-
f.scribdassets.com/images/petunia/triangles.png?1524604509') 0 0 no-repeat}
.sprite.gray_tri_down {width: 9px; height: 5px; background-position: -1px 0}
.sprite.gray_tri_right {width: 5px; height: 9px; background-position: -6px -12px}
.sprite.loc_pin {width: 10px; height: 13px; background-position: -14px 0px}
.sprite.logo_dark {width: 73px; height: 18px; background-position: 0px -92px}
.sprite.logo_dark_big {width: 97px; height: 24px; background-position: 0px -60px}
.sprite.logo {width: 97px; height: 26px; background-position: 0px -117px}
.sprite.triangle {width: 13px; height: 8px; background-position: -78px -5px}
.sprite.white_tri_up {width: 9px; height: 5px; background-position: -94px -8px}
.sprite.white_tri_down {width: 9px; height: 5px; background-position: -94px -2px}
.sprite.white_tri_right {width: 5px; height: 9px; background-position: -98px -14px}
.sprite.blue_tri_right {width: 5px; height: 9px; background-position: -71px -14px}
.sprite.blue_tri_down {width: 9px; height: 5px; background-position: -66px -2px}
.sprite.blue_tri_up {width: 9px; height: 5px; background-position: -66px -8px}
.sprite.share, .sprite.close, .sprite.reply, .sprite.comment,
.sprite.bookmark_light, .sprite.bookmark_dark, .sprite.download {position:
relative; cursor: pointer}
.sprite.share:active, .sprite.close:active, .sprite.reply:active,
.sprite.comment:active, .sprite.bookmark_light:active,
.sprite.bookmark_dark:active, .sprite.download:active {top: 1px}
.sprite.readcast {width: 18px; height: 17px; background-position: -145px -34px}
.sprite.readcast:hover {background-position: -145px -51px}
.sprite.readcast.disabled {background-position: -145px 0}
.sprite.share {width: 12px; height: 11px; background-position: -13px -27px}
.sprite.share:hover {background-position: 0px -27px}
.sprite.bookmark_light {width: 13px; height: 16px; background-position: -148px
-71px}
.sprite.bookmark_light:hover {background-position: -148px -90px}
.sprite.bookmark_dark {width: 13px; height: 16px; background-position: -148px
-109px}
.sprite.bookmark_dark_small {width: 13px; height: 16px; background-position: -148px
-109px}
.sprite.popup_arrow {width: 21px; height: 11px; background-position: -121px -57px}
.sprite.reply {width: 14px; height: 10px; background-position: -38px -14px}
.sprite.reply:hover, .trigger_sprite:hover .sprite.reply {background-position:
-25px -14px}
.sprite.close {width: 12px; height: 13px; background-position: -26px 0px}
.sprite.close.brown {background-position: -52px 0px}
.sprite.close.white {background-position: -52px -13px}
.sprite.close.white:hover {background-position: -52px -13px}
.sprite.close:hover {background-position: -39px 0px}
.sprite.comment {width: 13px; height: 12px; background-position: -13px -14px}
.sprite.comment:hover {background-position: 0px -14px}
.sprite.scribd_badge, .sprite.facebook_badge, .sprite.twitter_badge {width: 20px;
height: 20px; background-position: -82px -147px}
.sprite.facebook_badge {background-position: -82px -167px}
.sprite.twitter_badge {background-position: -82px -188px}
.sprite.ad_choices {width: 12px; height: 11px; background-position: -79px -15px}
.sprite.to_reading_feed {width: 15px; height: 13px; background-position: -105px 0}
.sprite.to_reading_feed:hover, .has_icon:hover .sprite.to_reading_feed {background-
position: -105px -14px}
.sprite.blue_arrow {width: 15px; height: 13px; background-position: -105px -14px}
.sprite.link_arrow {width: 15px; height: 13px; background-position: -105px -14px}
.sprite.small_checkmark {width: 12px; height: 8px; background-position: -126px
-90px}
.sprite.blue_x {width: 13px; height: 11px; background-position: -39px -1px}
.sprite.plus_circle {background-position: -102px -51px; width: 18px; height: 17px}
.sprite.check_circle {background-position: -102px -69px; width: 18px; height: 17px}
.sprite.white_scribd {background-position: -122px -147px; width: 17px; height:
20px}
.sprite.white_twitter {background-position: -104px -188px; width: 17px; height:
20px}
.sprite.white_facebook {background-position: -104px -167px; width: 17px; height:
20px}
.sprite.white_googleplus {width: 20px; height: 20px; background-position: -122px
-167px}
.sprite.white_linkedin {width: 20px; height: 20px; background-position: -122px
-147px}
.sprite.red_warning {width: 21px; height: 17px; background-position: -121px -18px}
.sprite.white_warning {width: 21px; height: 17px; background-position: -121px
-36px}
.sprite.external_link {width: 14px; height: 14px; background-position: -148px
-168px}
.sprite.sharing_check {width: 15px; height: 11px; background-position: -148px
-188px}
.active .sprite.sharing_check {background-position: -129px -200px}
.sprite.question {width: 16px; height: 16px; background-position: -104px -28px}
.sprite.trash {width: 11px; height: 13px; background-position: -168px -4px}
.sprite.preview {width: 17px; height: 12px; background-position: -166px -40px}
.sprite.i_info {width: 9px; height: 9px; background-position: 0 -49px}
.sprite.traffic_cone {width: 29px; height: 30px; background-position: -181px 0}
.sprite.tiny_check {width: 12px; height: 8px; background-position: -126px -90px}
.sprite.white_search {width: 14px; height: 13px; background-position: -106px
-119px}
.sprite.white_edit {width: 14px; height: 14px; background-position: -188px -91px}
.sprite.email {width: 20px; height: 16px; background-position: -185px -30px}
.sprite.white_check {width: 12px; height: 8px; background-position: -12px -49px}
.sprite.report_user {width: 7px; height: 14px; background-position: -171px -52px}
.sprite.block_user {width: 11px; height: 10px; background-position: -169px -68px}
.sprite.edit_icon_solid {width: 20px; height: 20px; background-position: -185px
-49px}
.sprite.edit_pencil {width: 14px; height: 13px; background-position: -188px -74px}
.sprite.dark_search {width: 14px; height: 13px; background-position: -106px -132px}
.sprite.black_search {width: 16px; height: 15px; background-position: -209px -91px}
.sprite.book {width: 16px; height: 12px; background-position: -184px -137px}
.sprite.header_arrow_down {width: 11px; height: 6px; background-position: -197px
-161px}
.sprite.upload {width: 13px; height: 15px; background-position: -184px -152px}
.sprite.paddle_left {width: 31px; height: 47px; background-position: -6px -151px}
.sprite.paddle_right {width: 31px; height: 47px; background-position: -38px -151px}
.sprite.paddle_left_small {width: 22px; height: 43px; background-position: -15px
-208px}
.sprite.paddle_right_small {width: 22px; height: 43px; background-position: -39px
-208px}
.sprite.popup_left {width: 16px; height: 33px; background-position: -139px -273px}
.sprite.popup_right {width: 14px; height: 33px; background-position: -155px -274px}
.sprite.home_open_book, .sprite.home_open_book_static {width: 18px; height: 15px;
background-position: -141px -217px}
.sprite.home_open_book:hover, .trigger_sprite:hover .sprite.home_open_book
{background-position: -141px -237px}
.sprite.home_open_book:active, .trigger_sprite:active .sprite.home_open_book
{background-position: -141px -258px}
.sprite.home_readcast_static, .sprite.home_readcast {width: 18px; height: 18px;
background-position: -160px -216px}
.sprite.home_readcast:hover, .trigger_sprite:hover .sprite.home_readcast
{background-position: -160px -236px}
.sprite.home_readcast:active, .trigger_sprite:active .sprite.home_readcast,
.sprite.home_readcast.readcasted {background-position: -160px -256px}
.sprite.home_bookmark {width: 12px; height: 19px; background-position: -179px
-216px}
.sprite.home_bookmark:hover {background-position: -179px -236px}
.sprite.home_bookmark:active {background-position: -179px -256px}
.sprite.home_bookmark.saved {background-position: -179px -256px}
.sprite.home_add_collection {width: 18px; height: 19px; background-position: -192px
-216px}
.sprite.home_add_collection:hover {background-position: -192px -236px}
.sprite.home_add_collection:active {background-position: -192px -256px}
.sprite.home_uploads {width: 15px; height: 17px; background-position: -212px
-218px}
.sprite.home_uploads:hover, .trigger_sprite:hover .sprite.home_uploads {background-
position: -212px -237px}
.sprite.home_uploads:active, .trigger_sprite:active .sprite.home_uploads
{background-position: -212px -258px}
.sprite.home_followers {width: 15px; height: 16px; background-position: -228px
-219px}
.sprite.home_followers:hover, .trigger_sprite:hover .sprite.home_followers
{background-position: -228px -238px}
.sprite.home_followers:active, .trigger_sprite:active .sprite.home_followers
{background-position: -228px -259px}
.sprite.home_reply {width: 13px; height: 13px; background-position: -262px -222px}
.sprite.home_reply:hover, .trigger_sprite:hover .sprite.home_reply {background-
position: -262px -241px}
.sprite.home_reply:active, .trigger_sprite:active .sprite.home_reply,
.sprite.home_reply.active {background-position: -262px -262px}
.sprite.home_following {width: 18px; height: 17px; background-position: -244px
-218px}
.sprite.home_following:hover, .trigger_sprite:hover .sprite.home_following
{background-position: -244px -237px}
.sprite.home_following:active, .trigger_sprite:active .sprite.home_following
{background-position: -244px -257px}
.sprite.home_delete {width: 15px; height: 16px; background-position: -276px -219px}
.sprite.home_delete:hover {background-position: -276px -238px}
.sprite.home_delete:active {background-position: -276px -258px}
.sprite.download_arrow {width: 14px; height: 18px; background-position: -310px
-217px}
.sprite.download_arrow:hover {background-position: -310px -236px}
.sprite.download_arrow:active {background-position: -310px -256px}
.sprite.white_big_open_book {width: 46px; height: 38px; background-position: -0px
-320px}
.sprite.tiny_pencil {width: 10px; height: 10px; background-position: -210px -170px}
.sprite.tiny_star {width: 11px; height: 10px; background-position: -226px -170px}
.sprite.tiny_x {width: 9px; height: 9px; background-position: -242px -171px}
.sprite.ac_documents, .sprite.ac_books {background-position: -165px -145px; margin:
4px 7px; width: 15px; height: 18px}
.sprite.ac_authors {background-position: -165px -168px; margin: 7px 7px; width:
15px; height: 14px}
.sprite.ac_publishers {background-position: -165px -186px; width: 15px; height:
14px}
.sprite.library_blue {background-position: -165px -186px; width: 15px; height:
14px}
.sprite.light_tri_down {width: 12px; height: 5px; background-position: -183px
-194px}
.sprite.search_collections {width: 14px; height: 14px; background-position: -243px
-112px}
.sprite.search_collections.small {background-position: -29px -59px}
.sprite.search_documents {width: 11px; height: 14px; background-position: -212px
-112px}
.sprite.search_people {width: 15px; height: 14px; background-position: -260px
-112px}
.sprite.search_books {width: 12px; height: 14px; background-position: -228px
-112px}
.sprite.small_clip {width: 14px; height: 14px; background-position: -243px -112px}
.sprite.gray_tri_up {background-position: -227px -185px; width: 11px; height: 6px}
.sprite.circle_check {background-position: -165px -79px; width: 16px; height: 16px}
.sprite.circle_cancel {background-position: -165px -96px; width: 16px; height:
16px}
.sprite.box_tri_down {width: 16px; height: 16px; background-position: -322px -2px}
.sprite.box_tri_up {width: 16px; height: 16px; background-position: -322px -23px}
.sprite.annotation_paper {width: 17px; height: 17px; background-position: -16px
-376px}
.sprite.facebook_large {width: 25px; height: 25px; background-position: -78px
-26px}

/* public/stylesheets/scribd_icon.css @ 1524604509 */
@font-face {font-family: 'scribd'; src: url('/fonts/scribd_icon/fonts/scribd.eot?
76'); src: url('/fonts/scribd_icon/fonts/scribd.eot?76#iefix') format("embedded-
opentype"), url('/fonts/scribd_icon/fonts/scribd.ttf?76') format("truetype"),
url('/fonts/scribd_icon/fonts/scribd.woff?76') format("woff"),
url('/fonts/scribd_icon/fonts/scribd.svg?76#icomoon') format("svg"); font-weight:
normal; font-style: normal}
[class^="icon-"], [class*=" icon-"] {/* use !important to prevent issues with
browser extensions that change fonts */ font-family: 'scribd' !important; speak:
none; font-style: normal; font-weight: normal; font-variant: normal; text-
transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-
font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.icon-ic_small_songbook:before {content: "\e91f"}
.icon-ic_small_audiobook:before {content: "\e920"}
.icon-ic_small_magazine_fill:before {content: "\e921"}
.icon-ic_small_magazine:before {content: "\e996"}
.icon-ic_small_articles:before {content: "\e9c7"}
.icon-ic_articles_fill:before {content: "\e9c8"}
.icon-ic_articles:before {content: "\e9c9"}
.icon-ic_audiobook_fill:before {content: "\e9ca"}
.icon-ic_audiobook:before {content: "\e9cb"}
.icon-ic_book_fill:before {content: "\e9cc"}
.icon-ic_book:before {content: "\e9cd"}
.icon-ic_document_fill:before {content: "\e9ce"}
.icon-ic_document:before {content: "\e9cf"}
.icon-ic_magazine_fill:before {content: "\e9d0"}
.icon-ic_magazine:before {content: "\e9d1"}
.icon-ic_songbook_fill:before {content: "\e9d2"}
.icon-ic_songbook:before {content: "\e9d3"}
.icon-ic_finished:before {content: "\e91c"}
.icon-ic_finished_small:before {content: "\e91e"}
.icon-ic_book_outline_small:before {content: "\e919"}
.icon-ic_audiobook_play_small:before {content: "\e91a"}
.icon-ic_small_book:before {content: "\e91b"}
.icon-ic_accountsettings_fill:before {content: "\e91d"}
.icon-ic_availablesoon_small:before {content: "\e918"}
.icon-ic_remove_download_small:before {content: "\e912"}
.icon-ic_warning_small:before {content: "\e913"}
.icon-ic_follow_star_small:before {content: "\e914"}
.icon-ic_followed_star_small:before {content: "\e915"}
.icon-ic_follow_star:before {content: "\e916"}
.icon-ic_followed_star:before {content: "\e917"}
.icon-ic_small_checkbox_fill:before {content: "\e910"}
.icon-ic_small_checkbox_outline:before {content: "\e911"}
.icon-ic_openinnewwindow_8:before {content: "\e90e"}
.icon-ic_openinnewwindow_small:before {content: "\e90f"}
.icon-ic_refine_24:before {content: "\e90d"}
.icon-ic_save_for_later_2px:before {content: "\e90b"}
.icon-ic_saved_for_later_2px:before {content: "\e90c"}
.icon-ic_minus_circle:before {content: "\e909"}
.icon-ic_questionmark:before {content: "\e90a"}
.icon-ic_calendar_24:before {content: "\e906"}
.icon-ic_storedoffline_24:before {content: "\e907"}
.icon-ic_articles_24:before {content: "\e908"}
.icon-ic_checkmark_circle_outline:before {content: "\e905"}
.icon-ic_success:before {content: "\e903"}
.icon-ic_warning:before {content: "\e904"}
.icon-ic_checkmark_bold:before {content: "\e902"}
.icon-ic_scribd_badge_logo:before {content: "\e901"}
.icon-ic_scribd_social_logo:before {content: "\e900"}
.icon-ic_share_web:before {content: "\e9c6"}
.icon-ic_menuclosed:before {content: "\e922"}
.icon-ic_slide_fwd:before {content: "\e9c5"}
.icon-ic_page_vertical_arrow:before {content: "\e97e"}
.icon-ic_zoom_out_default:before {content: "\e97f"}
.icon-ic_zoom_in_default:before {content: "\e980"}
.icon-ic_nightmode:before {content: "\e981"}
.icon-ic_sepiamode:before {content: "\e982"}
.icon-ic_daymode:before {content: "\e983"}
.icon-ic_vertical_reading:before {content: "\e984"}
.icon-ic_horizontal_reading:before {content: "\e985"}
.icon-ic_checkmark_outline_circle:before {content: "\e986"}
.icon-ic_edit_pencil:before {content: "\e987"}
.icon-ic_apple_mark:before {content: "\e988"}
.icon-ic_android_mark:before {content: "\e989"}
.icon-ic_heart:before {content: "\e98a"}
.icon-ic_close_circle_fill:before {content: "\e98b"}
.icon-ic_warn:before {content: "\e98c"}
.icon-ic_email:before {content: "\e98d"}
.icon-ic_upload_with_line:before {content: "\e98e"}
.icon-ic_twitter:before {content: "\e98f"}
.icon-ic_facebook:before {content: "\e990"}
.icon-ic_pinterest:before {content: "\e991"}
.icon-ic_linkedin:before {content: "\e992"}
.icon-ic_embed:before {content: "\e993"}
.icon-ic_radiobutton_empty:before {content: "\e994"}
.icon-ic_radiobutton_filled:before {content: "\e995"}
.icon-ic_reader_bookmark_on:before {content: "\e997"}
.icon-ic_reader_bookmark_off:before {content: "\e998"}
.icon-ic_print:before {content: "\e999"}
.icon-ic_download_with_line:before {content: "\e99a"}
.icon-ic_globalnav_upload:before {content: "\e99b"}
.icon-ic_web_player_volume_3:before {content: "\e99c"}
.icon-ic_web_player_volume_2:before {content: "\e99d"}
.icon-ic_web_player_volume_1:before {content: "\e99e"}
.icon-ic_web_player_volume_0:before {content: "\e99f"}
.icon-ic_badge_audio_old:before {content: "\e9a0"}
.icon-ic_fullscreen_collapse:before {content: "\e9a1"}
.icon-ic_fullscreen_window:before {content: "\e9a2"}
.icon-ic_read_circle:before {content: "\e9a3"}
.icon-ic_popular_circle:before {content: "\e9a4"}
.icon-ic_chat_circle:before {content: "\e9a5"}
.icon-ic_user_circle:before {content: "\e9a6"}
.icon-ic_music_jam:before {content: "\e9a7"}
.icon-ic_music_hits:before {content: "\e9a8"}
.icon-ic_music_classics:before {content: "\e9a9"}
.icon-ic_music_broadway:before {content: "\e9aa"}
.icon-ic_slide_back:before {content: "\e9ab"}
.icon-ic_cart:before {content: "\e9ac"}
.icon-ic_toc_list:before {content: "\e9ad"}
.icon-ic_share:before {content: "\e97d"}
.icon-ic_checkbox_outline:before {content: "\e923"}
.icon-ic_checkbox_fill:before {content: "\e948"}
.icon-ic_displaysettings:before {content: "\e95a"}
.icon-ic_checkmark_circle_fill:before {content: "\e971"}
.icon-ic_globalnav_saved_fill:before {content: "\e924"}
.icon-ic_thumbsdown_fill:before {content: "\e925"}
.icon-ic_thumbsup_fill:before {content: "\e93e"}
.icon-ic_store_offline_small:before {content: "\e926"}
.icon-ic_right_caret_alt:before {content: "\e927"}
.icon-ic_thumbsdown_outline:before {content: "\e928"}
.icon-ic_thumbsup_outline:before {content: "\e929"}
.icon-ic_overflowmenu:before {content: "\e930"}
.icon-ic_audiobook_pause:before {content: "\e938"}
.icon-ic_save_for_later_1px:before {content: "\e93a"}
.icon-ic_saved_for_later_1px:before {content: "\e93b"}
.icon-ic_globalnav_saved:before {content: "\e945"}
.icon-ic_right_arrow:before {content: "\e946"}
.icon-ic_back_arrow:before {content: "\e947"}
.icon-ic_add_circle:before {content: "\e970"}
.icon-ic_audiobook_pause_large:before {content: "\e92a"}
.icon-ic_audiobook_play_large:before {content: "\e92b"}
.icon-ic_audiobook_back:before {content: "\e92c"}
.icon-ic_audiobook_forward:before {content: "\e92d"}
.icon-ic_audiobook_skipback:before {content: "\e92e"}
.icon-ic_audiobook_skipfwd:before {content: "\e92f"}
.icon-ic_audiobook_sleepoff:before {content: "\e931"}
.icon-ic_audiobook_sleepon:before {content: "\e932"}
.icon-ic_star_large_fill:before {content: "\e933"}
.icon-ic_star_large_halffill:before {content: "\e934"}
.icon-ic_star_large_outline:before {content: "\e935"}
.icon-ic_abouttitle:before {content: "\e936"}
.icon-ic_accountsettings:before {content: "\e937"}
.icon-ic_addtolist:before {content: "\e939"}
.icon-ic_align_center:before {content: "\e93c"}
.icon-ic_align_justify:before {content: "\e93d"}
.icon-ic_align_left:before {content: "\e93f"}
.icon-ic_align_right:before {content: "\e940"}
.icon-ic_audiobook_play:before {content: "\e941"}
.icon-ic_audiobook_rewind:before {content: "\e942"}
.icon-ic_audiobook_skipback_24:before {content: "\e943"}
.icon-ic_audiobook_skipfwd_24:before {content: "\e944"}
.icon-ic_checkmark:before {content: "\e949"}
.icon-ic_close:before {content: "\e94a"}
.icon-ic_create_note:before {content: "\e94b"}
.icon-ic_delete:before {content: "\e94c"}
.icon-ic_down_arrow:before {content: "\e94d"}
.icon-ic_download_cancel:before {content: "\e94e"}
.icon-ic_download_queue:before {content: "\e94f"}
.icon-ic_filter_active:before {content: "\e950"}
.icon-ic_filter:before {content: "\e951"}
.icon-ic_globalnav_browse_fill:before {content: "\e952"}
.icon-ic_globalnav_browse:before {content: "\e953"}
.icon-ic_globalnav_home_fill:before {content: "\e954"}
.icon-ic_globalnav_home:before {content: "\e955"}
.icon-ic_globalnav_profile_fill:before {content: "\e956"}
.icon-ic_globalnav_profile:before {content: "\e957"}
.icon-ic_highlight:before {content: "\e958"}
.icon-ic_minus:before {content: "\e959"}
.icon-ic_note:before {content: "\e95b"}
.icon-ic_notebook:before {content: "\e95c"}
.icon-ic_pagegrid:before {content: "\e95d"}
.icon-ic_plus:before {content: "\e95e"}
.icon-ic_private_line_open:before {content: "\e95f"}
.icon-ic_private_line:before {content: "\e960"}
.icon-ic_private:before {content: "\e961"}
.icon-ic_remove_download:before {content: "\e962"}
.icon-ic_removefromlist:before {content: "\e963"}
.icon-ic_righttoleft:before {content: "\e964"}
.icon-ic_scrubber_back:before {content: "\e965"}
.icon-ic_search:before {content: "\e966"}
.icon-ic_star_medium_fill:before {content: "\e967"}
.icon-ic_star_medium_halffill:before {content: "\e968"}
.icon-ic_star_medium_outline:before {content: "\e969"}
.icon-ic_storeoffline:before {content: "\e96a"}
.icon-ic_tableofcontents:before {content: "\e96b"}
.icon-ic_text_message:before {content: "\e96c"}
.icon-ic_topauthor:before {content: "\e96d"}
.icon-ic_up_arrow:before {content: "\e96e"}
.icon-promo_credits:before {content: "\e96f"}
.icon-promo_unlimited:before {content: "\e972"}
.icon-ic_adjustbrightness_thin:before {content: "\e973"}
.icon-ic_arrow_small_left_1px:before {content: "\e974"}
.icon-ic_arrow_small_left_alt:before {content: "\e975"}
.icon-ic_arrow_small_up_1px:before {content: "\e976"}
.icon-ic_arrow_small_up_alt:before {content: "\e977"}
.icon-ic_close_small:before {content: "\e978"}
.icon-ic_dropdown_1px:before {content: "\e979"}
.icon-ic_dropdown_alt:before {content: "\e97a"}
.icon-ic_highlight_small:before {content: "\e97b"}
.icon-ic_input_clear:before {content: "\e97c"}
.icon-ic_note_small:before {content: "\e9ae"}
.icon-ic_right_caret_1px:before {content: "\e9af"}
.icon-ic_search_small:before {content: "\e9b0"}
.icon-ic_small_articles_fill:before {content: "\e9b1"}
.icon-ic_small_audiobook_fill:before {content: "\e9b2"}
.icon-ic_small_audiobook_old_fill:before {content: "\e9b3"}
.icon-ic_small_author_fill:before {content: "\e9b4"}
.icon-ic_small_book_fill:before {content: "\e9b5"}
.icon-ic_small_collection_fill:before {content: "\e9b6"}
.icon-ic_small_document_fill:before {content: "\e9b7"}
.icon-ic_small_document:before {content: "\e9b8"}
.icon-ic_small_song_fill:before {content: "\e9b9"}
.icon-ic_small_songbook_fill:before {content: "\e9ba"}
.icon-ic_small_user_fill:before {content: "\e9bb"}
.icon-ic_small_user:before {content: "\e9bc"}
.icon-ic_star_small_fill:before {content: "\e9bd"}
.icon-ic_star_small_halffill:before {content: "\e9be"}
.icon-ic_star_small_outline:before {content: "\e9bf"}
.icon-ic_storedoffline:before {content: "\e9c0"}
.icon-ic_thumbsdown_fill_small:before {content: "\e9c1"}
.icon-ic_thumbsdown_outline_small:before {content: "\e9c2"}
.icon-ic_thumbsup_fill_small:before {content: "\e9c3"}
.icon-ic_thumbsup_outline_small:before {content: "\e9c4"}

/* :files, 'public/stylesheets/shared', ... @ (none) */


/* :files, 'app/views', ... @ 1524604435 */
/* app/views/shared/carousels/paddles.css @ 1524604435 */
.has_paddles.paddles_visible .paddle {opacity: 1}
.has_paddles .paddles_container {position: absolute; top: 90px; width: 100%}
.has_paddles .paddle {-webkit-user-select: none;-moz-user-select: none;-ms-user-
select: none;user-select: none; border: none; cursor: pointer; outline: none;
position: absolute; width: 17px; height: 30px; z-index: 3; opacity: 0}
.has_paddles .paddle .paddle_icon {font-size: 24px; width: 17px; color: #57617A;
display: block}
.has_paddles .paddle .paddle_icon.left {-webkit-transform: rotate(180deg);
transform: rotate(180deg)}
.has_paddles .page_left {left: -18px}
.has_paddles .page_right {right: -18px}
@media (max-width: 1024px) {.has_paddles .page_left {left: 18px}
.has_paddles .page_right {right: 18px}
}
@media (max-width: 1024px) {.has_paddles .paddles_container {width: 100vw}
.has_paddles .paddle {width: 30px; height: 30px; background-color: white; border-
radius: 50%; border: 1px solid #E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.has_paddles .paddle:hover {background-color: #F8F9FD}
.has_paddles .paddle .paddle_icon {font-size: 20px; height: 18px; position:
relative; top: 7px; left: 3px}
.has_paddles .page_right .paddle_icon {left: 10px; top: 5px}
}
@media (max-width: 700px) {.has_paddles .paddles_container {top: 65px}
}
.has_paddles.on_first_page .page_left {display: none}
.has_paddles.on_last_page .page_right {display: none}

/* app/views/shared/carousels/document_cell.css @ 1524604435 */
/* // Put CSS that is shared between grids and carousels here, if it's not
shared // then put it in the file for the respective UI element */ @-webkit-
keyframes popin {0% {opacity: 0; -webkit-transform: scale(0.8); transform:
scale(0.8)}
75% {-webkit-transform: scale(1.3);transform: scale(1.3)}
100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)}
} @keyframes popin {0% {opacity: 0; -webkit-transform: scale(0.8); transform:
scale(0.8)}
75% {-webkit-transform: scale(1.3);transform: scale(1.3)}
100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)}
}
.has_document_cells .block_layer {/* This element covers the cell to prevent
pointer events. */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-
index: 10}
.has_document_cells .list_view_data {display: none}
.has_document_cells.list_view_mode .document_cell {margin: 15px 0 35px 0; width:
auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:
start; -ms-flex-align: start; align-items: flex-start}
.has_document_cells.list_view_mode .document_cell .upvotes .vote {margin-right: 0}
.has_document_cells.list_view_mode .document_cell .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 108px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px; font-size: 12px;
display: block; line-height: 22px}
.has_document_cells.list_view_mode .document_cell .flag.is_scribd_select {position:
absolute; top: 0; left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff;
opacity: 0.9; background: none; border: none; background: none; z-index: 2;
display: block}
.has_document_cells.list_view_mode .document_cell .flag.is_scribd_select:after
{position: absolute; top: 0; content: ""; display: block; border-style: solid}
.has_document_cells.list_view_mode .document_cell .flag.is_scribd_select:before
{border-width: 47px 47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent
transparent transparent}
.has_document_cells.list_view_mode .document_cell .flag.is_scribd_select:after
{border-width: 45px 45px 0 0; border-color: #fff transparent transparent
transparent}
.has_document_cells.list_view_mode .document_cell .flag.is_scribd_select span
{position: absolute; top: 0; left: 0; width: 25.875px; height: 27.9px; line-height:
27.9px; z-index: 2; text-align: center; background-repeat: no-repeat; background-
size: 100%; color: #1E7B85}
.has_document_cells.list_view_mode .document_cell .thumb {margin-bottom: 0; width:
108px; height: 143px}
.has_document_cells.list_view_mode .document_cell .thumb .comic_series_cover
{width: 108px; height: 143px}
.has_document_cells.list_view_mode .document_cell .star_ratings {padding: 6px 0}
.has_document_cells.list_view_mode .document_cell .star_ratings .stats {font-size:
14px}
.has_document_cells.list_view_mode .document_cell .subtitle {display: none}
.has_document_cells.list_view_mode .document_cell .list_view_data {display: block}
.has_document_cells.list_view_mode .document_cell .list_view_data .page_count,
.has_document_cells.list_view_mode .document_cell .list_view_data .views_count
{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;
color: #57617A}
.has_document_cells.list_view_mode .document_cell .under_title.one_line {display:
none}
.has_document_cells.list_view_mode .document_cell .under_title:not(.one_line)
{display: none}
.has_document_cells .doc_link {display: inline-block; width: 100%; outline-offset:
-4px; box-sizing: border-box}
.has_document_cells .doc_link .thumb {box-sizing: border-box}
.keyboard_focus .has_document_cells .doc_link:focus .thumb {opacity: 0.5}
.has_document_cells .document_cell {width: 149px; white-space: normal; vertical-
align: top; text-align: left}
.has_document_cells .document_cell .sheet_music_meta {display: -webkit-box;display:
-ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center;
justify-content: center}
.has_document_cells .document_cell .sheet_music_meta .instrument,
.has_document_cells .document_cell .sheet_music_meta .difficulty {margin-bottom: 0}
.has_document_cells .document_cell .sheet_music_meta .name {color: #57617A; font-
weight: normal}
.has_document_cells .document_cell .sheet_music_meta .diff {text-align: center;
width: 33%}
.has_document_cells .document_cell.interaction_disabled {position: relative}
.has_document_cells .document_cell.smaller_cell {width: 108px}
.has_document_cells .document_cell.smaller_cell .flag {position: absolute; z-index:
10; /*needs to be higher than book cell but lower than button menus*/ text-align:
center; text-transform: capitalize; width: 108px; border: 1px solid rgba(255, 255,
255, 0.5); height: auto; font-size: 16px; display: block; line-height: 24px; font-
size: 14px; display: block; line-height: 24px; font-size: 12px; display: block;
line-height: 22px}
.has_document_cells .document_cell.smaller_cell .flag.is_scribd_select {position:
absolute; top: 0; left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff;
opacity: 0.9; background: none; border: none; background: none; z-index: 2;
display: block}
.has_document_cells .document_cell.smaller_cell .flag.is_scribd_select:after
{position: absolute; top: 0; content: ""; display: block; border-style: solid}
.has_document_cells .document_cell.smaller_cell .flag.is_scribd_select:before
{border-width: 47px 47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent
transparent transparent}
.has_document_cells .document_cell.smaller_cell .flag.is_scribd_select:after
{border-width: 45px 45px 0 0; border-color: #fff transparent transparent
transparent}
.has_document_cells .document_cell.smaller_cell .flag.is_scribd_select span
{position: absolute; top: 0; left: 0; width: 25.875px; height: 27.9px; line-height:
27.9px; z-index: 2; text-align: center; background-repeat: no-repeat; background-
size: 100%; color: #1E7B85}
.has_document_cells .document_cell.smaller_cell .skirt .title {margin-top: 15px;
font-size: 14px; line-height: 18px}
.has_document_cells .document_cell.smaller_cell .skirt .content_thumbnail {top:
-11px}
.has_document_cells .document_cell.smaller_cell .under_title {display: none}
.has_document_cells .document_cell.smaller_cell .thumb {width: 108px; height:
143px}
.has_document_cells .document_cell.smaller_cell .thumb .comic_series_cover {width:
108px; height: 143px}
.has_document_cells .document_cell.smaller_cell .thumb .under_title {display: none}
.has_document_cells .document_cell.smaller_cell .thumb .hover_cta {transition:
opacity ease 0.3s; -moz-transition: opacity ease 0.3s; -webkit-transition: opacity
ease 0.3s; bottom: 0; color: #fff; font-size: 14px; font-weight: bold; opacity: 0;
padding: 2px 0; position: absolute; text-align: center; width: 100%}
.has_document_cells .document_cell.smaller_cell .thumb .hover_cta.reader
{background: #1E7B85}
.has_document_cells .document_cell.smaller_cell .thumb .hover_cta.book_page
{background: #ff5780}
.has_document_cells .document_cell.smaller_cell .thumb:hover .hover_cta {opacity:
1}
.has_document_cells .document_cell.smallest_cell {width: 72px}
.has_document_cells .document_cell.smallest_cell .under_title {display: none}
.has_document_cells .document_cell.smallest_cell .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 72px; border: 1px solid rgba(255,
255, 255, 0.5); height: auto; font-size: 16px; display: block; line-height: 24px;
font-size: 14px; display: block; line-height: 24px; font-size: 12px; display:
block; line-height: 22px; display: none}
.has_document_cells .document_cell.smallest_cell .flag.is_scribd_select {position:
absolute; top: 0; left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff;
opacity: 0.9; background: none; border: none; background: none; z-index: 2;
display: block}
.has_document_cells .document_cell.smallest_cell .flag.is_scribd_select:after
{position: absolute; top: 0; content: ""; display: block; border-style: solid}
.has_document_cells .document_cell.smallest_cell .flag.is_scribd_select:before
{border-width: 47px 47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent
transparent transparent}
.has_document_cells .document_cell.smallest_cell .flag.is_scribd_select:after
{border-width: 45px 45px 0 0; border-color: #fff transparent transparent
transparent}
.has_document_cells .document_cell.smallest_cell .flag.is_scribd_select span
{position: absolute; top: 0; left: 0; width: 25.875px; height: 27.9px; line-height:
27.9px; z-index: 2; text-align: center; background-repeat: no-repeat; background-
size: 100%; color: #1E7B85}
.has_document_cells .document_cell.smallest_cell .thumb {margin-right: 20px; width:
72px; height: 95px}
.has_document_cells .document_cell.smallest_cell .thumb .comic_series_cover {width:
72px; height: 95px}
.has_document_cells .document_cell.smallest_cell .thumb .under_title {display:
none}
.has_document_cells .document_cell.in_library:not(.is_series)
.reading_progress_outer {display: block}
.has_document_cells .document_cell.no_book_page.is_audiobook .action_layer
.read_icon {display: none}
.has_document_cells .document_cell.no_book_page.is_audiobook .action_layer
.play_icon {display: block}
.has_document_cells .document_cell.no_book_page .action_layer .read_icon {display:
block}
.has_document_cells .document_cell .under_title {margin-top: 10px; margin-bottom:
0px; font-family: 'Source Sans Pro', sans-serif; text-align: left; display: block;
font-size: 14px; overflow: hidden; line-height: 1.5em; max-height: 3em; color:
#1C263D; word-wrap: break-word}
.has_document_cells .document_cell .under_title:not(.one_line) {display: -webkit-
box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.has_document_cells .document_cell .under_title.one_line {white-space: nowrap;
overflow: hidden; text-overflow: ellipsis}
.has_document_cells .document_cell .subtitle {font-family: 'Source Sans Pro', sans-
serif; text-align: left; display: block; font-size: 14px; overflow: hidden; line-
height: 1.5em; max-height: 1.5em; color: #1C263D}
.has_document_cells .document_cell .flag {top: 0; bottom: auto; display: block;
white-space: nowrap}
.has_document_cells .document_cell .thumb {position: relative; border: 1px solid
#E9EDF8; background-color: #F8F9FD; width: 149px; height: 198px}
.has_document_cells .document_cell .thumb:hover .overlay, .has_document_cells
.document_cell .thumb.hover .overlay {opacity: 0.5}
.has_document_cells .document_cell .thumb:hover .overlay .sprite,
.has_document_cells .document_cell .thumb.hover .overlay .sprite {opacity: 0.5}
.has_document_cells .document_cell .thumb:hover .main_action,
.has_document_cells .document_cell .thumb.hover .main_action {opacity: 1}
.has_document_cells .document_cell .thumb .overlay, .has_document_cells
.document_cell .thumb .doc_link {position: absolute; top: 0; right: 0; bottom: 0;
left: 0}
.has_document_cells .document_cell .thumb .overlay {transition: opacity 0.1s ease-
in-out; -moz-transition: opacity 0.1s ease-in-out; -webkit-transition: opacity 0.1s
ease-in-out; opacity: 0; background: rgba(87, 97, 122, 0.75)}
.has_document_cells .document_cell .thumb .overlay .sprite {position: absolute;
opacity: 0; left: 50%; top: 50%; margin-left: -23px; margin-top: -18px}
.has_document_cells .document_cell .thumb > img {-webkit-transition: opacity 0.5s
ease;transition: opacity 0.5s ease; width: 100%; height: 100%}
.has_document_cells .document_cell .thumb > img.lazy_loading {opacity: 0}
.has_document_cells .document_cell .thumb > img.loaded {opacity: 1}
@media (max-width: 700px) {.has_document_cells .document_cell {width: 108px}
.has_document_cells .document_cell .thumb {width: 108px; height: 144px}
}
.has_document_cells .document_cell .document_title {color: #333333; margin: 10px
15px 0 15px; word-wrap: break-word; font-size: 14px; line-height: 15px; overflow:
hidden; max-height: 30px}
.has_document_cells .document_cell .document_title a {color: inherit}
.has_document_cells .document_cell .list_view_data {margin-left: 15px}
.has_document_cells .document_cell .list_view_title {font-family: 'Source Sans
Pro', sans-serif; font-size: 16px; line-height: 20px; color: #1C263D; display:
block; font-size: 16px; overflow: hidden; line-height: 1.25em; max-height: 2.5em;
max-width: 400px; word-wrap: break-word}
.has_document_cells .document_cell .decorative {font-family: 'Source Sans Pro',
sans-serif}
.has_document_cells .document_cell .views_count .decorative {color: #57617A; font-
size: 14px}
.has_document_cells .document_cell .list_view_publisher {font-size: 14px; word-
wrap: break-word; line-height: 1.5}
.has_document_cells .document_cell .action_layer .main_action {position: absolute;
left: 50%; top: 50%; color: white; z-index: 1; opacity: 0; transition: opacity 0.2s
ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity
0.2s ease-in-out}
.has_document_cells .document_cell .action_layer .info_icon {font-size: 25px;
margin-left: -5px; margin-top: -18px}
.has_document_cells .document_cell .action_layer .read_icon {display: none; font-
size: 40px; margin-left: -20px; margin-top: -16px}
.has_document_cells .document_cell .action_layer .play_icon {display: none; font-
size: 44px; margin-left: -22px; margin-top: -20px}
.has_document_cells .document_cell.has_color_background .reading_progress_outer
{background: #0D6069}
.has_document_cells .document_cell.has_color_background .reading_progress_outer
.reading_progress_outer_dark_overlay {display: block}
.has_document_cells .has_flag .content {margin-top: 30px}
.has_document_cells .has_flag .flag {position: absolute; z-index: 10; /*needs to be
higher than book cell but lower than button menus*/ text-align: center; text-
transform: capitalize; width: 146px; border: 1px solid rgba(255, 255, 255, 0.5);
height: auto; font-size: 16px; display: block; line-height: 24px; font-size: 14px;
display: block; line-height: 24px; /*on author page, maybe needs to be 148
somewhere?*/ }
.has_document_cells .has_flag .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.has_document_cells .has_flag .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.has_document_cells .has_flag .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.has_document_cells .has_flag .flag.is_scribd_select:after {border-width: 45px 45px
0 0; border-color: #fff transparent transparent transparent}
.has_document_cells .has_flag .flag.is_scribd_select span {position: absolute; top:
0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
.has_document_cells .has_flag .flag.is_purchase {background: #1E7B85; color: white}
.has_document_cells .has_flag .flag.is_geo_restricted, .has_document_cells
.has_flag .flag.is_unavailable {color: white; background: black}
.has_document_cells .has_flag .flag.is_expiring_content {color: white; background:
#57617A}
.has_document_cells .has_flag .flag.is_sample {color: black; background: #C1C1BE}
.has_document_cells .has_flag .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.has_document_cells .has_flag .flag.is_scribd_select {background: none}
.has_document_cells .has_flag .flag.is_scribd_select .icon-ic_scribd_badge_logo
{color: #1E7B85}
.has_document_cells .reading_progress_outer {display: none; bottom: -12px;
position: absolute; left: 0; right: 0; height: 5px; background: #E9EDF8; border-
radius: 10px; overflow: hidden}
.has_document_cells .reading_progress_outer.dark {background: #0D6069}
.has_document_cells .reading_progress_outer .reading_progress_inner {height:
inherit; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 10px}
.has_document_cells .reading_progress_outer .reading_progress_outer_dark_overlay
{display: none; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left:
0; right: 0; bottom: 0}
.document_cell .thumb.is_article {background: white}
.document_cell .thumb.is_article > img {height: auto}
.document_cell .thumb.is_article .reading_progress_outer {display: none}
.article_details {position: absolute; top: 0; left: 0; right: 0; bottom: 0;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-
content: center; overflow: hidden}
.article_details .article_cell_info {padding: 14px 10px 22px; position: relative}
.article_details .article_info_inner.truncated {overflow: hidden}
.article_details .publisher_logo, .article_details .article_length {position:
absolute}
.article_details .publisher_logo {top: 0}
.article_details .article_title {line-height: 18px; font-weight: bold; margin: 6px
0 4px; overflow: hidden; font-size: 14px}
.article_details .article_length {bottom: 0; font-size: 12px; text-transform:
uppercase; color: #57617A}
.article_details .article_title, .article_details .article_subtitle {color:
#1C263D}
.article_details .article_subtitle {font-size: 14px; line-height: 18px}
.article_details.has_article_image {top: 70px}
.article_details.has_article_image .article_info_inner,
.article_details.has_article_image .article_title {max-height: 42px}
.article_details:not(.has_article_image) .article_info_inner {max-height: 100px}
.smaller_cell .article_details .article_subtitle {font-size: 12px}
.smaller_cell .article_details.has_article_image {top: 55px}
.smaller_cell .article_details:not(.has_article_image) .titles_container {max-
height: 75px}
/* fixes a shift in the hovercard */ .cover_drop .article_details .article_length
{bottom: 3px}

/* app/views/shared/carousels/sheet_music_icons.css @ 1524604435 */
.has_sheet_music_icons .instrument, .has_sheet_music_icons .difficulty {display:
inline-block; width: 40px; height: 40px; margin-bottom: 10px}
.has_sheet_music_icons .difficulty.advanced {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_difficulty_advanced.svg?1524604509')}
.has_sheet_music_icons .difficulty.beginner {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_difficulty_beginner.svg?1524604509')}
.has_sheet_music_icons .difficulty.intermediate {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_difficulty_intermediate.svg?1524604509')}
.has_sheet_music_icons .difficulty.mixed {background: url('https://s2-
f.scribdassets.com/images/book_preview/ic_difficulty_mixed.svg?1524604509')}
.has_sheet_music_icons .instrument.brass, .has_sheet_music_icons
.instrument.trumpet, .has_sheet_music_icons .instrument.tuba,
.has_sheet_music_icons .instrument.trombone, .has_sheet_music_icons
.instrument.french_horn, .has_sheet_music_icons .instrument.tenor_sax,
.has_sheet_music_icons .instrument.alto_sax {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_brass.svg?1524604509')}
.has_sheet_music_icons .instrument.drums_percussion {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_drums-percussion.svg?
1524604509')}
.has_sheet_music_icons .instrument.guitar, .has_sheet_music_icons .instrument.bass,
.has_sheet_music_icons .instrument.ukulele {background: url('https://s2-
f.scribdassets.com/images/book_preview/ic_instrument_guitar-bass-fretted.svg?
1524604509')}
.has_sheet_music_icons .instrument.piano {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_piano.svg?1524604509')}
.has_sheet_music_icons .instrument.cello, .has_sheet_music_icons
.instrument.violin, .has_sheet_music_icons .instrument.viola,
.has_sheet_music_icons .instrument.double_bass {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_strings.svg?1524604509')}
.has_sheet_music_icons .instrument.vocal {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_vocal.svg?1524604509')}
.has_sheet_music_icons .instrument.woodwinds, .has_sheet_music_icons
.instrument.clarinet, .has_sheet_music_icons .instrument.flute_piccolo,
.has_sheet_music_icons .instrument.recorder {background: url('https://s2-
f.scribdassets.com/images/book_preview/ic_instrument_woodwind.svg?1524604509')}

/* app/views/shared/carousels/collection_cell.css @ 1524604435 */
.collection_cell, .object_grid .object_cell.collection_cell {box-sizing: border-
box; display: inline-block; height: 200px; position: relative; text-align: left;
width: 308px}
.collection_cell .collection_link, .object_grid .object_cell.collection_cell
.collection_link {border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
border: 1px solid #E9EDF8; bottom: 0; color: #1C263D; left: 0; overflow: hidden;
position: absolute; right: 0; top: 0}
.collection_cell .collection_link .metadata, .object_grid
.object_cell.collection_cell .collection_link .metadata {margin: 0; padding: 20px}
.collection_cell .collection_link .metadata .title, .object_grid
.object_cell.collection_cell .collection_link .metadata .title {display: block;
font-size: 20px; overflow: hidden; line-height: 1.25em; max-height: 2.5em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 20px;
font-weight: bold; margin: 0 2px 0 0}
@media (max-width: 550px) {.responsive .collection_cell .collection_link
.metadata .title, .responsive .object_grid .object_cell.collection_cell
.collection_link .metadata .title {font-size: 18px}
}
.collection_cell .collection_link .metadata .count, .object_grid
.object_cell.collection_cell .collection_link .metadata .count {color: #57617A}
.collection_cell .collection_link .collection_header, .object_grid
.object_cell.collection_cell .collection_link .collection_header {white-space:
nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid
#E9EDF8; font-size: inherit; height: 82px; padding-left: 0; margin: 0}
.collection_cell .collection_link .collection_header .document_image,
.object_grid .object_cell.collection_cell .collection_link .collection_header
.document_image {display: inline-block; height: 82px; line-height: normal; list-
style: none; width: 102px; vertical-align: top}
.collection_cell .collection_link .collection_header .document_image img,
.object_grid .object_cell.collection_cell .collection_link .collection_header
.document_image img {-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s
ease; opacity: 0}
.collection_cell .collection_link .collection_header .document_image img.loaded,
.object_grid .object_cell.collection_cell .collection_link .collection_header
.document_image img.loaded {opacity: 1}
.collection_cell .collection_link .collection_header .document_image.two,
.object_grid .object_cell.collection_cell .collection_link .collection_header
.document_image.two {width: 153px}
.collection_cell .collection_link .collection_header .document_image.one,
.object_grid .object_cell.collection_cell .collection_link .collection_header
.document_image.one {width: 306px}
.collection_cell:hover, .object_grid .object_cell.collection_cell:hover
{background-color: #F8F9FD}
.collection_cell:hover .trusted_source_header_container, .object_grid
.object_cell.collection_cell:hover .trusted_source_header_container {background-
color: #F8F9FD}
.collection_cell:active, .object_grid .object_cell.collection_cell:active {opacity:
0.45}

/* app/views/chrome/_buttons.css @ 1524604435 */
/* Follow this guide. This file must be updated to match the design guide on
buttons. https://scribdjira.atlassian.net/wiki/display/DES/Web+Button+Rules Also
see library_button.css for overrides. */ /* Type A */ .flat_btn {box-sizing:
border-box; display: inline-block; font-family: 'Source Sans Pro', sans-serif;
transition: background 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition:
background 0.1s ease-in-out, color 0.1s ease-in-out; -webkit-transition: background
0.1s ease-in-out, color 0.1s ease-in-out; border-color: rgba(255, 255, 255, 0.2);
border-radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; font-
size: 18px; font-weight: bold; min-height: 2.44444em; line-height: 2.44444em; min-
width: 120px; padding: 0px 30px; text-align: center; text-transform: capitalize;
background-color: #1E7B85; color: #fff; /* Type B */ /* Type F */ /* Type C */ /*
fix ie 11+ button 3d effect */ }
.flat_btn:visited {color: #fff}
.flat_btn:hover, .flat_btn.hover, .keyboard_focus .flat_btn.outline_btn:focus
{background-color: #0D6069; border-color: rgba(255, 255, 255, 0.2); color: white}
.flat_btn:active, .flat_btn.activated {background-color: #0D6069; border-color:
rgba(255, 255, 255, 0.2); color: #fff}
.flat_btn.outline_btn {background-color: transparent; border: 1px solid #1E7B85;
color: #1E7B85; /* Type B Small */ /*Type E */ }
.flat_btn.outline_btn:hover, .flat_btn.outline_btn.hover, .keyboard_focus
.flat_btn.outline_btn:focus {background-color: #F8F9FD; border-color: #0D6069;
color: #0D6069}
.flat_btn.outline_btn:active, .flat_btn.outline_btn.activated {background-color:
#F8F9FD; border-color: #0D6069; color: #0D6069}
.flat_btn.outline_btn.slim {display: inline-block; border-radius: 4px; font-size:
18px; padding: 6px 16px; font-weight: bold; color: #1E7B85; border: 1px solid
#1E7B85; height: 36px; line-height: 1}
.flat_btn.outline_btn.negate {border-color: #fff; color: #fff}
.flat_btn.outline_btn.negate:hover, .flat_btn.outline_btn.negate.hover,
.keyboard_focus .flat_btn.outline_btn.negate:focus,
.flat_btn.outline_btn.negate:focus, .flat_btn.outline_btn.negate:active,
.flat_btn.outline_btn.negate.activated {background-color: transparent; border-
color: #fff; color: #fff}
.flat_btn.slim {min-height: 2.125em; line-height: 2.125em; font-size: 16px;
padding: 0 15px}
.flat_btn.text_btn {background-color: transparent; border-radius: 0; border: 0;
color: #1E7B85; font-size: 16px; font-weight: bold; min-height: 0; line-height:
normal; min-width: 0; padding: 0}
.flat_btn.text_btn:visited {color: #1E7B85}
.flat_btn.text_btn:hover {background-color: transparent; border: 0; color: #0D6069}
.flat_btn.text_btn:active {background-color: transparent; border: 0; color:
#0D6069}
.flat_btn.text_btn.negate {color: #fff}
.flat_btn.text_btn.negate:hover, .flat_btn.text_btn.negate:active {color: #fff}
.flat_btn.text_btn:disabled, .flat_btn.text_btn.disabled {background-color:
transparent; color: #57617A}
.flat_btn.text_btn:disabled:visited, .flat_btn.text_btn.disabled:visited {color:
#57617A}
.flat_btn.text_btn:disabled:hover, .flat_btn.text_btn.disabled:hover {background-
color: transparent}
.flat_btn.text_btn:disabled.loading, .flat_btn.text_btn.disabled.loading {color:
#E9EDF8; background-color: transparent}
.flat_btn.text_btn:disabled.loading:hover,
.flat_btn.text_btn.disabled.loading:hover {background-color: transparent}
.flat_btn .icon {margin-right: 10px; position: relative; top: 1px}
.flat_btn .scribd_spinner {display: none}
.flat_btn.facebook {background-color: #3b5998}
.flat_btn.facebook .icon-ic_facebook {font-size: 25px; position: relative; top:
4px}
.flat_btn.facebook:hover {background-color: #0e1f56}
.flat_btn.facebook:active {background-color: #0e1f56}
.flat_btn.loading:disabled, .flat_btn.loading.disabled {position: relative}
.flat_btn.loading:disabled .scribd_spinner, .flat_btn.loading.disabled
.scribd_spinner {bottom: 0; display: block; left: 0; margin: auto; position:
absolute; right: 0; top: 0}
.flat_btn.loading:disabled, .flat_btn:disabled, .flat_btn.disabled,
.flat_btn.loading.disabled {transition: none; -moz-transition: none; -webkit-
transition: none; background-color: #E9EDF8; border: 0; color: #57617A; cursor:
default}
.flat_btn.loading:disabled:visited, .flat_btn:disabled:visited,
.flat_btn.disabled:visited, .flat_btn.loading.disabled:visited {color: #57617A}
.flat_btn.loading:disabled:hover, .flat_btn.loading:disabled:active,
.flat_btn:disabled:hover, .flat_btn:disabled:active, .flat_btn.disabled:hover,
.flat_btn.disabled:active, .flat_btn.loading.disabled:hover,
.flat_btn.loading.disabled:active {background-color: #E9EDF8}
.flat_btn .flat_btn_content {position: relative}

/* app/views/chrome/_fancy_select.css @ 1524604435 */
/* Moved common button styling - as this is a select. Buttons are these:
https://sbx.scribd.com/styleguide#general_purpose_buttons To do: Create a react
widget out of $.fn.fancy_select and document it in the style guide. .fancy_select
styling is currently used in Views::Shared::ContentList::Header &
FilteredDocumentPage filter_buttons method. */ .fancy_select {box-sizing: border-
box; display: inline-block; font-family: 'Source Sans Pro', sans-serif; transition:
background 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition: background
0.1s ease-in-out, color 0.1s ease-in-out; -webkit-transition: background 0.1s ease-
in-out, color 0.1s ease-in-out; border-color: rgba(255, 255, 255, 0.2); border-
radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; font-size:
18px; font-weight: bold; min-height: 2.44444em; line-height: 2.44444em; min-width:
120px; padding: 0px 30px; text-align: center; text-transform: capitalize; color:
#fff; overflow: hidden; padding-right: 40px; position: relative; background-color:
#1E7B85}
.fancy_select.open .white_tri_up {top: 21px}
.fancy_select.open .white_tri_down {top: 44px}
.fancy_select .white_tri_up, .fancy_select .white_tri_down {transition: top 0.15s
ease-in-out; -moz-transition: top 0.15s ease-in-out; -webkit-transition: top 0.15s
ease-in-out; display: inline-block; margin: 0; position: absolute; right: 20px;
top: 21px}
.fancy_select .white_tri_up {top: -44px}
.fancy_select:hover {background-color: #0D6069}
.fancy_select:active {background-color: #0D6069}

/* app/views/chrome/_hover_menu.css @ 1524604435 */
/* # @intro Hover Menu for general use. # @name Hover Menu # # @author Leafo # #
@demo_ruby # div :class => "hover_menu" do # # end # # @Notes # Demo should be
done! @Leafo */ .hover_menu {position: relative}
.hover_menu.open {z-index: 2700}
.hover_menu.open .sub_menu {visibility: visible; opacity: 1}
.hover_menu.open .open_sprite {display: inline-block}
.hover_menu.open .closed_sprite {display: none}
.hover_menu .sprite_container {display: inline-block; width: 10px; position:
relative; top: -1px}
.hover_menu .sprite_container .open_sprite {position: relative; left: -2px}
.hover_menu .closed_sprite, .hover_menu .open_sprite {display: inline-block;
vertical-align: middle; margin-left: 6px}
.hover_menu .open_sprite {display: none}
.hover_menu .sub_menu {visibility: hidden; opacity: 0}
.hover_menu .sub_menu .divider {height: 1px; background: #E9EDF8; border: 0}
.hover_menu .sub_menu, .fancy_select_menu {z-index: 3400; line-height: 1.5;
position: absolute; background: white; min-width: 190px; box-shadow: 0px 1px 6px
rgba(0, 0, 0, 0.45); text-align: left; padding: 1px 0px}
.ie8 .hover_menu .sub_menu, .ie7 .hover_menu .sub_menu, .ie6 .hover_menu .sub_menu,
.ie8 .fancy_select_menu, .ie7 .fancy_select_menu, .ie6 .fancy_select_menu {border:
1px solid silver}
.hover_menu .sub_menu .row, .hover_menu .sub_menu .fancy_option, .fancy_select_menu
.row, .fancy_select_menu .fancy_option {-webkit-user-select: none;-moz-user-select:
none;-ms-user-select: none;user-select: none; display: block; padding: 6px 22px;
cursor: pointer}
.hover_menu .sub_menu .row .fancy_option_parenthetical, .hover_menu .sub_menu
.fancy_option .fancy_option_parenthetical, .fancy_select_menu .row
.fancy_option_parenthetical, .fancy_select_menu .fancy_option
.fancy_option_parenthetical {font-size: 11px; color: #B0B0B0}
.hover_menu .sub_menu .row.selected, .hover_menu .sub_menu
.fancy_option.selected, .fancy_select_menu .row.selected, .fancy_select_menu
.fancy_option.selected {font-weight: bold}
.hover_menu .sub_menu .row:hover, .fancy_select_menu .row:hover {background:
#CACED9; color: #1E7B85}
.hover_menu .sub_menu .row.first, .fancy_select_menu .row.first {padding-top: 8px}
.hover_menu .sub_menu .row.last, .fancy_select_menu .row.last {padding-bottom: 8px}
.fancy_select_label .sub {display: none}
.fancy_select_menu {z-index: 9}
.fancy_select_menu .fancy_menu_inner {overflow-y: scroll; max-height: 300px}
.fancy_select_menu .sub {color: #57617A; font-size: 14px; font-weight: normal}

/* app/views/chrome/_introduction.css @ 1524604435 */
.introduction_fix_parent {z-index: auto !important; opacity: 1 !important}

/* app/views/chrome/_shared.css @ 1524604435 */
#browse_menu_overlay {opacity: 0; transition: background-color 0.4s ease, opacity
0.4s ease; -moz-transition: background-color 0.4s ease, opacity 0.4s ease; -webkit-
transition: background-color 0.4s ease, opacity 0.4s ease; position: fixed; left:
0px; top: 0px; right: 0px; bottom: 0px; background: white; z-index: 19}
body.pagebox_open {overflow: hidden}
@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0deg);transform:
rotate(0deg)}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes rotate {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(1);transform: scale(1)}
50% {-webkit-transform: scale(1.2);transform: scale(1.2)}
100% {-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes pulse {0% {-webkit-transform: scale(1);transform: scale(1)}
50% {-webkit-transform: scale(1.2);transform: scale(1.2)}
100% {-webkit-transform: scale(1);transform: scale(1)}
}
.scribd_spinner {background-image: url('https://s1-
f.scribdassets.com/images/petunia/spinner/spinner.svg?1524604509'); background-
position: center; background-repeat: no-repeat; background-size: 30px; height:
30px; width: 30px; -webkit-animation-name: rotate; animation-name: rotate; -webkit-
animation-duration: 700ms; animation-duration: 700ms; -webkit-animation-iteration-
count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-
function: linear; animation-timing-function: linear; -ms-high-contrast-adjust:
none}
.scribd_spinner.slow {-webkit-animation-duration: 1200ms;animation-duration:
1200ms}
.scribd_spinner.large {background-size: 60px; height: 60px; width: 60px}
[class^="icon-"], [class*=" icon-"] {min-width: 2px; min-height: 2px}

/* app/views/chrome/collections.css @ 1524604435 */
.mosaic {background-size: cover; background-color: #E6E8E9; box-shadow: 0 0 20px
rgba(0, 0, 0, 0.1); height: 198px; width: 149px; margin: 0 90px 10px 1px}
.mosaic .half_horizontal_thumb {background-size: cover; height: 99px}
.mosaic .quarter_thumb {background-size: cover; background-position: center center;
display: inline-block; height: 98px; width: 73px}
.mosaic .top {height: 98px; margin-bottom: 1px}
.mosaic .left {width: 73px; margin-right: 1px}
.collection_container.list_view .collection_cell {display: block; width: auto}
.collection_container.list_view .list_view_items {display: block; width: 600px}
.collection_container.list_view .list_view_items .list_view_tile {display: inline-
block; border: 1px solid #E9EDF8; vertical-align: top; width: 72px; height: 72px}
.collection_container.list_view .list_view_items .list_view_tile
.collection_bg:before {position: absolute; top: 0; left: 0; right: 0; bottom: 0;
opacity: 0; background-color: black; -webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; content: ''}
.collection_container.list_view .list_view_items .list_view_tile:hover
.collection_bg:before {opacity: 0.2}
.collection_container.list_view .list_view_items .collection_data {display: inline-
block; vertical-align: top; margin-left: 15px}
.collection_container.list_view .list_view_items .collection_data .title {font-
size: 16px; color: #1C263D; margin-bottom: 5px; font-family: 'Source Sans Pro',
sans-serif}
.collection_container.list_view .list_view_items .collection_data .book_count
{font-size: 14px; color: #57617A; font-family: 'Source Sans Pro', sans-serif}
.collection_container.list_view .grid_view_item {display: none}
.list_view_items {display: none}
.collection_cell {overflow: hidden; margin: 0 20px 16px 0}
.collection_cell .collection_square {box-sizing: border-box; width: 144px; height:
144px; position: relative}
.collection_cell .collection_square .collection_data {padding: 0 20px; position:
absolute; top: 0; left: 0; right: 0; bottom: 0; top: 50%; background: #1E7B85;
color: white; text-align: center}
.collection_cell .collection_square .collection_data .title {display: block; font-
size: 16px; overflow: hidden; line-height: 1.0625em; max-height: 2.125em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 32px;
font-family: 'Source Sans Pro', sans-serif; padding: 10px 0 3px 0}
.collection_cell .collection_square .collection_data .book_count {font-size: 14px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.collection_cell .collection_square.create_collection {line-height: 22px; position:
relative; border: 4px solid #CACED9; color: #57617A; transition: color 0.3s linear;
-moz-transition: color 0.3s linear; -webkit-transition: color 0.3s linear}
.collection_cell .collection_square.create_collection .centered {margin-top: 35px}
.collection_cell .collection_square.create_collection:hover {color: #0D6069}
.collection_cell .collection_square .collection_bg {position: absolute; top: 0;
left: 0; right: 0; bottom: 0; background-size: cover; background-color: #CACED9;
transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition:
all 0.3s linear}
.collection_cell .collection_square .centered {text-align: center; position:
relative; z-index: 1}
/* app/views/chrome/tooltips.css @ 1524604435 */
.tooltip_container .new_tip {opacity: 0; transition: opacity 0.2s ease-in; -moz-
transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; font-
family: 'Source Sans Pro', sans-serif; position: absolute; white-space: nowrap;
text-align: center; z-index: 2999}
.tooltip_container .new_tip.opaque {opacity: 1}
.tooltip_container .new_tip .tip_inner {display: inline-block; background: #00293f;
border-radius: 3px; padding: 5px 10px; font-size: 13px; color: white; border: 1px
solid transparent}
.tooltip_container .new_tip .tip_inner a {color: white}
.tooltip_container .fancy_tip {display: inline-block; box-shadow: #57617A 0 0 4px;
position: absolute; background: white 0 100% url('https://s2-
f.scribdassets.com/images/newhome/corner-lift-brown-bottomleft_33_x_33.png?
1524604509') no-repeat}
.tooltip_container .fancy_tip .tip_inner {margin: 16px}
.tooltip_container .fancy_tip .tip_arrow {position: absolute; left: 50%; margin-
left: -9px; top: -9px}

/* :class_inlines, 'app/views', ... @ 1524604696 */


/* app/views/pdfs/lightboxes/_download_lightbox.css @ 1524604435 */
.autogen_class_views_pdfs_lightboxes_download_lightbox {min-width: 400px}
@media (max-width: 400px) {.autogen_class_views_pdfs_lightboxes_download_lightbox
{min-width: 300px}
}
.autogen_class_views_pdfs_lightboxes_download_lightbox.download_started {max-width:
600px}
.autogen_class_views_pdfs_lightboxes_download_lightbox.download_started .wrapper
> .content .title {font-size: 32px; font-weight: bold}
@media (max-width: 550px) {.responsive
.autogen_class_views_pdfs_lightboxes_download_lightbox.download_started .wrapper
> .content .title {font-size: 24px}
}
.autogen_class_views_pdfs_lightboxes_download_lightbox .document_data {line-height:
1.5}
.autogen_class_views_pdfs_lightboxes_download_lightbox .document_data .file_name
{font-weight: bold}
.autogen_class_views_pdfs_lightboxes_download_lightbox .input_group {margin-top:
20px}
.autogen_class_views_pdfs_lightboxes_download_lightbox .buttons .button_sub_action
{margin-right: 5px}
.autogen_class_views_pdfs_lightboxes_download_lightbox .secondary_message {margin-
top: -10px}
.autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper {margin-top:
-10px}
.autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper h3 {font-size:
22px; font-weight: bold}
@media (max-width: 550px) {.responsive
.autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper h3 {font-size:
20px}
}
.autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper .document_grid
{padding-left: 0; text-align: center}
.autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper
.document_grid .object_cell.document_cell {width: 144px; margin: 10px 15px 0}
@media (max-width: 700px)
{.autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper .document_grid
.object_cell.document_cell {width: 108px}
}
@media (max-width: 600px)
{.autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper .document_grid
.object_cell.document_cell {margin: 10px 10px 0}
}
.autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper
.document_grid .object_cell.document_cell .thumb {margin: 0}
.autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper
.document_grid .object_cell.document_cell .under_title {text-align: center}

/* app/views/receipt/content_types.jsxcss @ 1524604696 */
.auto__receipt_content_types .type_wrapper {background-color: #F8F9FD; padding:
24px}
.auto__receipt_content_types .modal_title, .auto__receipt_content_types .title
{margin-top: 0px}
.auto__receipt_content_types .modal_title {color: #57617A; font-size: 20px; font-
weight: bold}
@media (max-width: 550px) {.responsive .auto__receipt_content_types .modal_title
{font-size: 18px}
}
.auto__receipt_content_types .title {font-size: 22px; font-weight: bold; margin-
bottom: 8px}
@media (max-width: 550px) {.responsive .auto__receipt_content_types .title {font-
size: 20px}
}
.auto__receipt_content_types .subtitle {font-size: 18px; margin-bottom: 32px; font-
style: normal}
@media (max-width: 550px) {.responsive .auto__receipt_content_types .subtitle
{font-size: 16px}
}
.auto__receipt_content_types .disclaimer {font-size: 14px; margin-top: 30px; color:
#57617A}
.auto__receipt_content_types .disclaimer a {font-weight: bold; text-decoration:
underline; color: #57617A}
.auto__receipt_content_types .content_types {line-height: inherit; list-style:
none; padding: 0; margin: 0; margin-top: 32px; max-width: 450px}
.auto__receipt_content_types .content_types li {line-height: inherit}
.auto__receipt_content_types .item {width: 50%; display: inline-block; box-sizing:
border-box; margin-bottom: 22px}
.auto__receipt_content_types .item a {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center;
-ms-flex-align: center; align-items: center}
.auto__receipt_content_types .item .icon {font-size: 30px; margin-right: 16px;
color: #1E7B85}
.auto__receipt_content_types .item .label {font-size: 18px; color: #00293f}
@media (max-width: 550px) {.responsive .auto__receipt_content_types .item .label
{font-size: 16px}
}
.auto__receipt_content_types .item:nth-child(2n + 1) {padding-left: 10px; padding-
right: 12px}
.auto__receipt_content_types .item:nth-child(2n) {padding-left: 12px}
.auto__receipt_content_types .item:nth-child(5), .auto__receipt_content_types
.item:last-child {margin-bottom: 0}
.auto__receipt_content_types .narrow .item {width: 100%; display: block}
.auto__receipt_content_types .narrow .item:nth-child(n) {padding-left: 10px;
padding-right: 0}
.auto__receipt_content_types .narrow .item:nth-child(5) {margin-bottom: 22px}
/* app/views/receipt/download.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
@media (max-width: 950px) {.auto__receipt_download .download_module_wrapper
{padding: 0 24px}
}
@media (max-width: 550px) {.auto__receipt_download .download_module_wrapper
{margin: 0 auto 40px; text-align: center; max-width: 408px}
}
.auto__receipt_download .download_wrapper {display: -webkit-box;display: -ms-
flexbox;display: flex; height: 9.0625em}
@media (max-width: 550px) {.auto__receipt_download .download_wrapper {-webkit-box-
orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column; height: auto}
}
.auto__receipt_download .document {border: 1px solid #E9EDF8; width: 108px; height:
143px; margin-right: 16px}
@media (max-width: 550px) {.auto__receipt_download .document {margin: 0 auto 16px}
}
.auto__receipt_download .header {font-size: 22px; font-weight: bold; margin: 0 0
16px}
@media (max-width: 550px) {.responsive .auto__receipt_download .header {font-size:
20px}
}
.auto__receipt_download .header a {color: #1C263D}
@media (max-width: 550px) {.auto__receipt_download .header {margin-bottom: 22px}
}
.auto__receipt_download .download_title {font-size: 20px; font-weight: bold; color:
#1C263D; margin: 0 0 4px}
@media (max-width: 550px) {.responsive .auto__receipt_download .download_title
{font-size: 18px}
}
.auto__receipt_download .content_wrapper {width: 100%; position: relative}
.auto__receipt_download .button_wrapper {position: absolute; left: 0; bottom: 0}
@media (max-width: 550px) {.auto__receipt_download .button_wrapper {position:
relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; margin: 20px auto 0; width: 260px}
}
.auto__receipt_download .download_btn {margin-right: 16px}
@media (max-width: 550px) {.auto__receipt_download .download_btn {margin: 0 0 9px;
display: block}
}
.auto__receipt_download .download_selection_btn {margin-top: 24px}
.auto__receipt_download .input_group {margin-bottom: 24px}
.auto__receipt_download .input_group legend {font-size: 16px; font-weight: bold;
color: #1C263D; margin: 8px 0 4px}
.auto__receipt_download .input_group .input_text {text-transform: uppercase}
.auto__receipt_download .in_modal .download_wrapper {height: auto}
.auto__receipt_download .in_modal .content_wrapper {width: calc(100% - 170px)}
@media (max-width: 550px) {.auto__receipt_download .in_modal .content_wrapper
{width: auto}
}
.auto__receipt_download .in_modal .document {width: 149px; height: 198px}
@media (max-width: 550px) {.auto__receipt_download .in_modal .document {width:
108px; height: 143px; margin: 0 0 24px}
}
.auto__receipt_download .in_modal .download_title {font-size: 22px; font-weight:
bold; overflow: hidden; text-overflow: ellipsis}
@media (max-width: 550px) {.responsive .auto__receipt_download .in_modal
.download_title {font-size: 20px}
}
@media (max-width: 550px) {.auto__receipt_download
.in_modal.download_module_wrapper {padding: 0; margin: 0; text-align: left}
.auto__receipt_download .in_modal .download_wrapper {-webkit-box-orient: vertical;-
webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
height: auto}
.auto__receipt_download .in_modal .download_btn {display: inline-block}
}

/* app/views/receipt/features.jsxcss @ 1524604696 */
.auto__receipt_features .features_wrapper {background-color: #F8F9FD; padding:
24px}
.auto__receipt_features .features_title {font-size: 22px; font-weight: bold; color:
#1C263D; margin: 0}
@media (max-width: 550px) {.responsive .auto__receipt_features .features_title
{font-size: 20px}
}
.auto__receipt_features .features_list {line-height: inherit; list-style: none;
padding: 0; margin: 0; margin: 16px 0 0; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction:
normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack:
justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 400px}
.auto__receipt_features .features_list li {line-height: inherit}
.auto__receipt_features .item {display: -webkit-box;display: -ms-flexbox;display:
flex; margin-bottom: 30px}
.auto__receipt_features .item .image_wrapper {min-width: 108px; width: 108px;
height: 72px; margin-right: 16px}
.auto__receipt_features .item .item_title {font-size: 18px; font-weight: bold;
line-height: 1.3; display: block; color: #57617A}
.auto__receipt_features .item .item_subtitle {font-size: 16px; color: #57617A}
.auto__receipt_features .item .item_subtitle a {font-weight: bold; text-decoration:
underline; color: #57617A}
.auto__receipt_features .item:last-child {margin-bottom: 0px}
.auto__receipt_features .is_modal .features_list {margin: 16px auto 0}

/* app/views/pdfs/lightboxes/receipt_lightbox.jsxcss @ 1524604696 */
.auto__pdfs_lightboxes_receipt_lightbox {min-width: 25em}
@media (max-width: 400px) {.auto__pdfs_lightboxes_receipt_lightbox {min-width:
18.75em}
}
.auto__pdfs_lightboxes_receipt_lightbox .lightbox {max-width: none}
@media (min-width: 400px) {.auto__pdfs_lightboxes_receipt_lightbox .lightbox >
.wrapper > .content {padding: 0}
.auto__pdfs_lightboxes_receipt_lightbox .lightbox > .wrapper > .content .title
{font-size: 32px; font-weight: bold; margin: 24px 24px 0}
}
@media (min-width: 400px) and (max-width: 550px) {.responsive
.auto__pdfs_lightboxes_receipt_lightbox .lightbox > .wrapper > .content .title
{font-size: 24px}
}
.auto__pdfs_lightboxes_receipt_lightbox .receipt_wrapper {border-top: 1px solid
#E9EDF8; padding: 24px 28px 28px}
.auto__pdfs_lightboxes_receipt_lightbox .download_module {margin: 0 0 24px}
.auto__pdfs_lightboxes_receipt_lightbox .just_signed_up .download_module {margin:
24px 0 0}

/* app/views/search/input/show.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.auto__search_input_show {box-sizing: border-box; display: inline-block; padding-
right: 2.5em; position: relative}
.auto__search_input_show .search_input {transition: width 0.2s ease-in-out; -moz-
transition: width 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out;
border-radius: 4px 0 0 4px; border-right-color: transparent !important; border: 1px
solid #8F919E; height: 2.5em; outline: none; padding: 0px 12px; position: relative;
width: 100%}
.auto__search_input_show .search_input::-webkit-input-placeholder {color: #57617A}
.auto__search_input_show .search_input::-moz-placeholder {color: #57617A}
.auto__search_input_show .search_input:-ms-input-placeholder {color: #57617A}
.auto__search_input_show .search_input::placeholder {color: #57617A}
.auto__search_input_show .search_input ::-webkit-input-placeholder {color: #57617A}
.auto__search_input_show .search_input :-moz-placeholder {color: #57617A}
.auto__search_input_show .search_input ::-moz-placeholder {color: #57617A}
.auto__search_input_show .search_input :-ms-input-placeholder {color: #57617A}
.auto__search_input_show .search_input:focus {border-color: #02a793; box-shadow:
inset 0 0 1px 0 #017f70}
@media screen and (-ms-high-contrast: active) {.auto__search_input_show
.search_input:focus {outline: 1px dashed !important}
}
.auto__search_input_show .search_button {background-color: #1E7B85; border-radius:
0 4px 4px 0; height: 2.5em; min-height: 2.5em; min-width: 2.5em; padding: 0;
position: relative; vertical-align: bottom; font-size: 16px; line-height: 16px;
position: absolute; right: 2px}
.auto__search_input_show .search_button .search_icon {color: white; font-size:
21px}
.auto__search_input_show .search_button:hover, .auto__search_input_show
.search_button:active {background-color: #0D6069}

/* app/views/search/input/_suggestions.jsxcss @ 1524604696 */
.auto__search_input_suggestions .suggestions {box-sizing: border-box; border-
radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid #E9EDF8;
background: white; border: 1px solid #E9EDF8; font-size: 14px; left: 0; line-
height: 14px; overflow: hidden; padding: 4px 0; position: absolute; right: 0; top:
calc(100% + 3px); width: calc(100% - 2px); z-index: 19}
.auto__search_input_suggestions .suggestions .suggestion_label {border-bottom: 1px
solid #E9EDF8; color: #57617A; display: none; font-weight: bold}
.auto__search_input_suggestions .suggestions ul {margin: 0; padding: 0}
.auto__search_input_suggestions .suggestions ul .suggestion {white-space: nowrap;
overflow: hidden; text-overflow: ellipsis; color: #57617A; cursor: pointer; list-
style: none; padding: 2.5px 18px; -webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out}
.auto__search_input_suggestions .suggestions ul .suggestion:hover,
.auto__search_input_suggestions .suggestions ul .suggestion.selected {color:
#1C263D; background: #F8F9FD}
.auto__search_input_suggestions .suggestions ul .suggestion em {font-style: normal;
font-weight: bold}
.auto__search_input_suggestions .suggestions ul .suggestion a {color: inherit}

/* app/views/shared/carousels/carousel.css @ 1524604435 */
.autogen_class_views_shared_carousels_carousel ul {padding-left: 0}
.autogen_class_views_shared_carousels_carousel ul li {list-style: none}
.autogen_class_views_shared_carousels_carousel:hover .carousel_scrollbar {opacity:
1}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{.autogen_class_views_shared_carousels_carousel:hover .carousel_scrollbar {opacity:
0}
}
.autogen_class_views_shared_carousels_carousel.smaller_doc_thumb_width .carousel
{height: 144px}
.autogen_class_views_shared_carousels_carousel.dragging .carousel_scrollbar
.carousel_scrollbar_thumb, .autogen_class_views_shared_carousels_carousel
.carousel_scrollbar .carousel_scrollbar_thumb:hover {height: 9px; top: -4px}
.autogen_class_views_shared_carousels_carousel.has_no_scrolling .carousel_scrollbar
{display: none}
.autogen_class_views_shared_carousels_carousel.has_no_scrolling .carousel_scrolling
{overflow: hidden}
.autogen_class_views_shared_carousels_carousel.has_no_scrolling.has_paddles .paddle
{display: none}
.autogen_class_views_shared_carousels_carousel.has_no_scrolling
.carousel:before,
.autogen_class_views_shared_carousels_carousel.has_no_scrolling .carousel:after
{display: none}
.autogen_class_views_shared_carousels_carousel .carousel_wrap {position: relative}
.autogen_class_views_shared_carousels_carousel .carousel_outer {position: relative}
.autogen_class_views_shared_carousels_carousel.on_last_page .carousel::after
{display: none}
.autogen_class_views_shared_carousels_carousel .carousel {margin: 0 17px; overflow:
hidden; white-space: nowrap; margin-bottom: 32px}
.autogen_class_views_shared_carousels_carousel .carousel:before,
.autogen_class_views_shared_carousels_carousel .carousel:after {bottom: 0; content:
""; position: absolute; top: 0; width: 7px; z-index: 11}
.autogen_class_views_shared_carousels_carousel .carousel:before {left: 17px}
.autogen_class_views_shared_carousels_carousel .carousel:after {right: 17px}
@media (max-width: 1024px) {.autogen_class_views_shared_carousels_carousel
.carousel {margin: 0; margin-bottom: 24px}
.autogen_class_views_shared_carousels_carousel .carousel:before {left: 0}
.autogen_class_views_shared_carousels_carousel .carousel:after {right: 0}
.autogen_class_views_shared_carousels_carousel .carousel li:first-child {margin-
left: 17px}
.autogen_class_views_shared_carousels_carousel .carousel li:last-child {padding-
right: 17px}
}
@media (min-width: 1024px) {.autogen_class_views_shared_carousels_carousel
.carousel:before {background: -webkit-linear-gradient(left, white 0%, white 53%,
rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, white 0%, white
53%, rgba(255, 255, 255, 0) 100%)}
.autogen_class_views_shared_carousels_carousel .carousel:after {background:
-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 53%, white
100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 53%,
white 100%)}
}
.autogen_class_views_shared_carousels_carousel .carousel .object_cell,
.autogen_class_views_shared_carousels_carousel .carousel .cell_group {display:
inline-block; font-size: 16px; vertical-align: top; white-space: normal}
.autogen_class_views_shared_carousels_carousel .carousel .object_cell:last-
child, .autogen_class_views_shared_carousels_carousel .carousel .cell_group:last-
child {margin-right: 7px}
.autogen_class_views_shared_carousels_carousel .carousel .cell_group .object_cell
{height: auto; display: block; margin-right: 0}
.autogen_class_views_shared_carousels_carousel .carousel .cell_group
.object_cell:last-child {margin-right: 0}
.autogen_class_views_shared_carousels_carousel .carousel_scrolling {overflow-y:
hidden; padding-left: 7px; padding-top: 2px; padding-bottom: 100px; margin-bottom:
-100px}
.autogen_class_views_shared_carousels_carousel .carousel_scrollbar {background:
#E9EDF8; bottom: 20px; height: 1px; left: 24px; position: absolute; right: 24px;
opacity: 0; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-
out; -webkit-transition: all 0.25s ease-in-out}
.autogen_class_views_shared_carousels_carousel .carousel_scrollbar
.carousel_scrollbar_thumb {transition: background 0.2s ease, top 0.2s ease, height
0.2s ease; -moz-transition: background 0.2s ease, top 0.2s ease, height 0.2s ease;
-webkit-transition: background 0.2s ease, top 0.2s ease, height 0.2s ease;
background: #02a793; height: 3px; left: 0; position: absolute; top: -1px}
.autogen_class_views_shared_carousels_carousel .document_cell {margin: 0 16px 0 0}
.autogen_class_views_shared_carousels_carousel .title_wrap {margin: 0 0 16px;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:
justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align:
center; -ms-flex-align: center; align-items: center}
@media (max-width: 1024px) {.autogen_class_views_shared_carousels_carousel
.title_wrap, .autogen_class_views_shared_carousels_carousel .carousel_subtitle
{padding: 0 32px}
}
@media (max-width: 700px) {.autogen_class_views_shared_carousels_carousel
.title_wrap, .autogen_class_views_shared_carousels_carousel .carousel_subtitle
{padding: 0 16px}
}
.autogen_class_views_shared_carousels_carousel .view_more_wrap {margin-left: 16px;
white-space: nowrap}
.autogen_class_views_shared_carousels_carousel .carousel_title {font-size: 22px;
font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
padding: 0; margin: 0}
@media (max-width: 550px) {.responsive
.autogen_class_views_shared_carousels_carousel .carousel_title {font-size: 20px}
}
.autogen_class_views_shared_carousels_carousel .carousel_title a {display: inline-
block; margin: 4px 0}
.autogen_class_views_shared_carousels_carousel .carousel_skip_link {display: none;
margin-bottom: 25px; margin-left: 24px}
.autogen_class_views_shared_carousels_carousel .discover_row .carousel_skip_link
{margin-bottom: 30px}
.autogen_class_views_shared_carousels_carousel .carousel_subtitle {margin: -12px 0
16px; font-size: 16px; /*add for now - will replace with typography project*/ font-
weight: bold}

/* app/views/shared/carousels/document_cells.css @ 1524604435 */
.autogen_class_views_shared_carousels_document_cells {list-style: none; padding-
left: 0}
.autogen_class_views_shared_carousels_document_cells.document_cells {margin-bottom:
16px}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) {margin-right: 16px; margin-top:
1px}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer):first-child {margin-left: 1px}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) img {width: 149px; height: 198px}
@media (max-width: 1024px)
{.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer):first-child {margin-left: 18px}
}
@media (max-width: 700px)
{.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) {width: 117px; height: 155px}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .thumb,
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) img {width: 117px; height: 155px}
}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper .title_author
{height: 3.75em}
@media (max-width: 700px)
{.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper .title_author
{height: 3.5625em}
}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper .under_title
{display: block; font-size: 16px; overflow: hidden; line-height: 1.3125em; max-
height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical; font-size: 16px; color: #000514; font-weight: bold; margin: 6px 0 0 0}
@media (max-width: 700px)
{.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper .under_title
{display: block; font-size: 14px; overflow: hidden; line-height: 1.35714em; max-
height: 2.71428em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical; font-size: 14px}
}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper .item_author
{display: block; font-size: 14px; overflow: hidden; line-height: 1.35714em; max-
height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:
vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px)
{.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper .item_author
{display: block; font-size: 12px; overflow: hidden; line-height: 1.41667em; max-
height: 1.41667em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:
vertical; font-size: 12px}
}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper .star_ratings
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper
.star_ratings .stars {font-size: 12px; line-height: 12px; padding-right: 4px}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper
.star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px)
{.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper
.star_ratings .stars {font-size: 14px}
}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper
.star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.autogen_class_views_shared_carousels_document_cells.document_cells
.is_item:not(.is_article):not(.doc_page_footer) .under_title_wrapper
.save_for_later {color: #00293f; position: relative; display: block; bottom: 21px;
left: 3px; text-align: right; font-size: 18px}

/* app/views/shared/document_popups.css @ 1524604435 */
.document_popups {text-align: left}
.document_popups .object_popup.onboarding_book_popup {min-height: 215px; padding:
20px}
.document_popups .object_popup.onboarding_book_popup .document_description {margin-
bottom: 20px}
.document_popups .object_popup {z-index: 5; position: absolute; top: 0; left: 0;
width: 194px; min-height: 248px; margin-left: 3px; font-size: 14px; padding-bottom:
10px; background: white; background: rgba(255, 255, 255, 0.97); border: 1px solid
#E9EDF8; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)}
.document_popups .object_popup.on_left {margin-left: -3px}
.document_popups .object_popup.on_left .popup_arrow {left: auto; right: -15px;
background-image: url('https://s1-
f.scribdassets.com/images/newhome/popup_right_arrow.png?1524604509')}
.document_popups .object_popup .popup_right {display: none}
.document_popups .object_popup .title_row {font-family: 'Source Sans Pro', sans-
serif; font-size: 18px; line-height: 1.4; max-height: 50px; overflow: hidden}
.document_popups .object_popup .title_row a {color: #1C263D}
.document_popups .object_popup .creator_row {color: #57617A; font-size: 14px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0}
.document_popups .object_popup .creator_row .author:last-child {margin-right: 0}
.document_popups .object_popup .creator_row, .document_popups .object_popup
.page_count {line-height: 1.6; color: #57617A}
.document_popups .object_popup .on_rating {display: none}
.document_popups .object_popup .popup_arrow {position: absolute; left: -15px; top:
53%; margin-top: -14px; background: url('https://s2-
f.scribdassets.com/images/newhome/popup_left_arrow.png?1524604509') 50% 50% no-
repeat; width: 19px; height: 28px}
.document_popups .object_popup .popup_footer {position: absolute; bottom: 0; left:
0; right: 0}
.document_popups .object_popup .primary_action {margin: 10px 0 10px 0; white-space:
nowrap; text-align: center}
.document_popups .object_popup .primary_action .flat_btn {display: block}
.document_popups .document_popup {padding: 14px}
.document_popups .document_popup .document_description, .document_popups
.onboarding_book_popup .document_description {margin-top: 6px; margin-bottom: 6px;
line-height: 18px; max-height: 127px; min-height: 78px; overflow: hidden; color:
#1C263D}
.document_popups .document_popup .document_description p, .document_popups
.onboarding_book_popup .document_description p {font-weight: normal; margin: 0;
padding: 0}
.document_popups .document_popup .document_sub_action, .document_popups
.onboarding_book_popup .document_sub_action {margin: 10px 20px 0 20px; line-height:
25px; text-align: center}
.document_popups .document_popup .save_bookmark_btn .save, .document_popups
.onboarding_book_popup .save_bookmark_btn .save {display: inline}
.document_popups .document_popup .save_bookmark_btn .unsave, .document_popups
.onboarding_book_popup .save_bookmark_btn .unsave {display: none}
.document_popups .document_popup .save_bookmark_btn.saved .save,
.document_popups .onboarding_book_popup .save_bookmark_btn.saved .save {display:
none}
.document_popups .document_popup .save_bookmark_btn.saved .unsave, .document_popups
.onboarding_book_popup .save_bookmark_btn.saved .unsave {display: inline}

/* app/views/shared/grids/object_grid.css @ 1524604435 */
.autogen_class_views_shared_grids_object_grid {text-align: left; padding-left:
45px}
.autogen_class_views_shared_grids_object_grid.responsive_centered {text-align:
center; max-width: 1325px; margin: 0 auto}
@media (max-width: 423px)
{.autogen_class_views_shared_grids_object_grid.responsive_centered {padding-left:
24px}
}
@media (max-width: 423px)
{.autogen_class_views_shared_grids_object_grid.responsive_centered .object_cell
{margin-right: 24px}
}
.autogen_class_views_shared_grids_object_grid .object_cell {display: inline-block;
vertical-align: top; white-space: normal; text-align: left; width: 149px; margin: 0
45px 45px 0}
.autogen_class_views_shared_grids_object_grid .object_cell.is_featured
.featured_row {display: block}
.autogen_class_views_shared_grids_object_grid .object_cell.is_book .content
{display: none}
.autogen_class_views_shared_grids_object_grid .object_cell .featured_row {display:
none}
.autogen_class_views_shared_grids_object_grid .object_cell .content .title_row
{word-wrap: break-word; overflow: hidden; font-size: 14px; line-height: 18px; max-
height: 54px}
.autogen_class_views_shared_grids_object_grid .object_cell .content .author_row
{font-size: 12px; line-height: 18px}
.autogen_class_views_shared_grids_object_grid .object_cell .content .price_row,
.autogen_class_views_shared_grids_object_grid .object_cell .content .featured_row
{cursor: default; font-size: 14px; line-height: 18px}
.autogen_class_views_shared_grids_object_grid .object_cell .content .price_row
{color: #f7931e}
.autogen_class_views_shared_grids_object_grid .object_cell .content .featured_row
{color: #1E7B85}
.autogen_class_views_shared_grids_object_grid .object_cell .content
.featured_row .profile_sprite {vertical-align: top}
.autogen_class_views_shared_grids_object_grid .object_cell .content .meta_row
{font-size: 14px; line-height: 18px; color: #57617A}
.autogen_class_views_shared_grids_object_grid .object_cell.document_cell {margin-
bottom: 90px}
.autogen_class_views_shared_grids_object_grid .object_cell.document_cell .content
{display: none}
.autogen_class_views_shared_grids_object_grid .object_cell.document_cell .thumb
{margin-bottom: 0}
.autogen_class_views_shared_grids_object_grid .object_cell.user_cell {width: 150px;
text-align: center; margin-bottom: 60px}
.autogen_class_views_shared_grids_object_grid .object_cell.user_cell .thumb {width:
98px; height: 98px; margin: 0 auto; background: #ccc}
.autogen_class_views_shared_grids_object_grid .object_cell.user_cell .thumb a,
.autogen_class_views_shared_grids_object_grid .object_cell.user_cell .thumb img
{display: block}
.autogen_class_views_shared_grids_object_grid .object_cell.user_cell .user_name
{margin: 20px 0; word-wrap: break-word}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
{height: 297px; width: 308px; background-color: #FAFBFD; -webkit-transition:
background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out;
border-radius: 4px}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell:hover
{background-color: #F8F9FD}
.autogen_class_views_shared_grids_object_grid
.object_cell.curated_list_cell:hover .document_image_container .shadow_overlay
{opacity: 0.2}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link {border: 1px solid #CACED9}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .metadata {padding: 16px 16px 12px 16px}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .metadata .source {color: #57617A; font-size: 16px; margin-bottom:
6px; line-height: 1.8}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .metadata .source .source_image {height: 32px; width: 32px; float:
left; border-radius: 50%; margin-right: 8px; border: 1px solid #E9EDF8}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .metadata .title {color: #000514; display: block; font-size: 20px;
overflow: hidden; line-height: 1.25em; max-height: 2.5em; padding: 4px 0}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .metadata .subtitle {color: #1C263D; display: block; font-size:
14px; overflow: hidden; line-height: 1.5em; max-height: 3em}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .metadata.count_metadata {padding: 0 16px}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .metadata.count_metadata .count {font-size: 14px; text-transform:
uppercase}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .metadata.main_metadata {min-height: 8.4em}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .document_image_container {position: relative}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .document_image_container .document_image {width: 308px; min-
height: 102.66667px; background-color: #F8F9FD; border-top: 1px solid #E9EDF8;
border-bottom: 1px solid #E9EDF8; -webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; opacity: 0}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .document_image_container .document_image.loaded {opacity: 1}
.autogen_class_views_shared_grids_object_grid .object_cell.curated_list_cell
.collection_link .document_image_container .shadow_overlay {position: absolute;
height: 102.66667px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition:
opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; opacity: 0;
background: rgba(87, 97, 122, 0.75)}

/* app/views/shared/react/persona_icon.jsxcss @ 1524604696 */
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}

/* app/views/shared/popover.css @ 1524604435 */
.autogen_class_views_shared_popover {display: inline-block; position: relative}
.autogen_class_views_shared_popover > .popover_content {position: absolute; top: 0;
left: 0; z-index: 2700; display: none; background: #fff; border: 1px solid #E9EDF8;
border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-family: 'Source
Sans Pro', sans-serif; font-weight: normal; font-style: normal; color: #1C263D;
text-align: left; text-align: start}
.autogen_class_views_shared_popover > .popover_content:before {content: " ";
display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background: #fff; border-radius: 4px; z-index: -1}
.autogen_class_views_shared_popover > .popover_content > .popover_arrow {border-
width: 16px; z-index: -2}
.autogen_class_views_shared_popover > .popover_content > .popover_arrow:before
{display: block; content: " "; width: 30px; height: 30px; -webkit-transform:
rotate(45deg); transform: rotate(45deg); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
position: relative}
.autogen_class_views_shared_popover > .popover_content > .popover_arrow,
.autogen_class_views_shared_popover > .popover_content > .popover_arrow:after
{position: absolute; display: block; width: 0; height: 0; border-color:
transparent; border-style: solid}
.autogen_class_views_shared_popover > .popover_content > .popover_arrow:after
{border-width: 15px; content: ""}
.autogen_class_views_shared_popover.top > .popover_content {margin-top: -15px}
.autogen_class_views_shared_popover.top > .popover_content > .popover_arrow {left:
50%; bottom: -16px; margin-left: -16px; border-bottom-width: 0; border-top-color:
#E9EDF8}
.autogen_class_views_shared_popover.top > .popover_content > .popover_arrow:before
{top: -37.5px; left: -15px}
.autogen_class_views_shared_popover.top > .popover_content > .popover_arrow:after
{content: " "; bottom: 1px; margin-left: -15px; border-bottom-width: 0; border-top-
color: #fff}
.autogen_class_views_shared_popover.left > .popover_content {margin-left: -15px}
.autogen_class_views_shared_popover.left > .popover_content > .popover_arrow {top:
50%; right: -16px; margin-top: -16px; border-right-width: 0; border-left-color:
#E9EDF8}
.autogen_class_views_shared_popover.left > .popover_content > .popover_arrow:before
{top: -15px; left: -37.5px}
.autogen_class_views_shared_popover.left > .popover_content > .popover_arrow:after
{content: " "; right: 1px; bottom: -15px; border-right-width: 0; border-left-color:
#fff}
.autogen_class_views_shared_popover.right > .popover_content {margin-left: 15px}
.autogen_class_views_shared_popover.right > .popover_content > .popover_arrow {top:
50%; left: -16px; margin-top: -16px; border-left-width: 0; border-right-color:
#E9EDF8}
.autogen_class_views_shared_popover.right > .popover_content >
.popover_arrow:before {top: -15px; left: 7.5px}
.autogen_class_views_shared_popover.right > .popover_content > .popover_arrow:after
{content: " "; left: 1px; bottom: -15px; border-left-width: 0; border-right-color:
#fff}
.autogen_class_views_shared_popover.bottom > .popover_content {margin-top: 15px}
.autogen_class_views_shared_popover.bottom > .popover_content > .popover_arrow
{left: 50%; top: -16px; margin-left: -16px; border-top-width: 0; border-bottom-
color: #E9EDF8}
.autogen_class_views_shared_popover.bottom > .popover_content >
.popover_arrow:before {top: 7.5px; left: -15px}
.autogen_class_views_shared_popover.bottom > .popover_content >
.popover_arrow:after {content: " "; top: 1px; margin-left: -15px; border-top-width:
0; border-bottom-color: #fff}

/* app/views/shared/react/button_menu.css @ 1524604435 */
.autogen_class_views_shared_react_button_menu {position: relative}
.autogen_class_views_shared_react_button_menu .button_menu {background: #fff;
border-radius: 4px; border: 1px solid #E9EDF8; box-shadow: 0 0 10px rgba(0, 0, 0,
0.1); position: absolute; z-index: 2700; min-width: 220px}
.autogen_class_views_shared_react_button_menu .button_menu:before {background:
#fff; border-radius: 4px; bottom: 0; content: " "; display: block; left: 0;
position: absolute; right: 0; top: 0; z-index: -1}
@media (max-width: 400px) {.autogen_class_views_shared_react_button_menu
.button_menu:not(.no_fullscreen) {position: fixed; top: 0 !important; left: 0 !
important; right: 0 !important; bottom: 0 !important; width: auto !important}
}
.autogen_class_views_shared_react_button_menu .button_menu .button_menu_arrow
{border-width: 6px; z-index: -2}
.autogen_class_views_shared_react_button_menu .button_menu
.button_menu_arrow:before {-webkit-transform: rotate(45deg);transform:
rotate(45deg); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); content: " "; display:
block; height: 10px; position: relative; width: 10px}
.autogen_class_views_shared_react_button_menu .button_menu .button_menu_arrow,
.autogen_class_views_shared_react_button_menu .button_menu .button_menu_arrow:after
{border-color: transparent; border-style: solid; display: block; height: 0;
position: absolute; width: 0}
.autogen_class_views_shared_react_button_menu .button_menu .button_menu_arrow:after
{border-width: 5px; content: ""}
@media (max-width: 400px) {.autogen_class_views_shared_react_button_menu
.button_menu .button_menu_arrow {display: none}
}
.autogen_class_views_shared_react_button_menu .button_menu.top {bottom: calc(100% +
10px)}
.autogen_class_views_shared_react_button_menu .button_menu.top .button_menu_arrow
{bottom: -6px; border-bottom-width: 0; border-top-color: #E9EDF8}
.autogen_class_views_shared_react_button_menu .button_menu.top
.button_menu_arrow:before {top: -12.5px; left: -5px}
.autogen_class_views_shared_react_button_menu .button_menu.top
.button_menu_arrow:after {content: " "; bottom: 1px; margin-left: -5px; border-
bottom-width: 0; border-top-color: #fff}
.autogen_class_views_shared_react_button_menu .button_menu.bottom {top: calc(100% +
10px)}
.autogen_class_views_shared_react_button_menu .button_menu.bottom
.button_menu_arrow {top: -6px; border-top-width: 0; border-bottom-color: #E9EDF8}
.autogen_class_views_shared_react_button_menu .button_menu.bottom
.button_menu_arrow:before {top: 2.5px; left: -5px}
.autogen_class_views_shared_react_button_menu .button_menu.bottom
.button_menu_arrow:after {content: " "; top: 1px; margin-left: -5px; border-top-
width: 0; border-bottom-color: #fff}
.autogen_class_views_shared_react_button_menu .button_menu.left {right: -15px}
.autogen_class_views_shared_react_button_menu .button_menu.left .button_menu_arrow
{right: 15px; left: initial}
.autogen_class_views_shared_react_button_menu .button_menu.right {left: -15px}
.autogen_class_views_shared_react_button_menu .button_menu.right .button_menu_arrow
{left: 15px; margin-left: initial}
.autogen_class_views_shared_react_button_menu .button_menu .close_btn {position:
absolute; top: 16px; right: 16px; display: none}
@media (max-width: 400px) {.autogen_class_views_shared_react_button_menu
.button_menu .close_btn {display: block}
}
.autogen_class_views_shared_react_button_menu .button_menu_items {margin-bottom:
10px; max-height: 400px; overflow-y: auto}
.autogen_class_views_shared_react_button_menu .button_menu_items li {padding: 10px
20px; min-width: 320px; box-sizing: border-box}
.autogen_class_views_shared_react_button_menu .button_menu_items li a {color:
#1E7B85}
.autogen_class_views_shared_react_button_menu .button_menu_items li .pull_right
{float: right}
.autogen_class_views_shared_react_button_menu .button_menu_items li.disabled_row
{color: #E9EDF8}
.autogen_class_views_shared_react_button_menu .button_menu_items li.disabled_row a
{color: #E9EDF8}
.autogen_class_views_shared_react_button_menu .button_menu_items
li:not(.menu_heading) {cursor: pointer}
.autogen_class_views_shared_react_button_menu .button_menu_items .menu_heading
{text-transform: uppercase; font-weight: bold; padding: 4px 20px}
@media (max-width: 400px) {.autogen_class_views_shared_react_button_menu
.button_menu_items {max-height: 100vh}
}
.autogen_class_views_shared_react_button_menu .list_item {display: block; border-
bottom: 1px solid #F3F6FD; padding: 10px 20px}
.autogen_class_views_shared_react_button_menu .list_item:last-child {border-bottom:
none; margin-bottom: 6px}
.autogen_class_views_shared_react_button_menu .list_heading {font-size: 20px; text-
align: left; display: none}
@media (max-width: 400px) {.autogen_class_views_shared_react_button_menu
.list_heading {display: block}
}
.autogen_class_views_shared_react_button_menu .list_heading .close_btn {position:
absolute; top: 14px; right: 14px; cursor: pointer}

/* app/views/shared/react/card_library_button.css @ 1524604435 */
.autogen_class_views_shared_react_card_library_button {cursor: pointer; width:
32px; height: 32px; display: none; background-image: url('https://s1-
f.scribdassets.com/images/document_cells/metadata_cards/ic_add.svg?1524604509');
background-size: cover; opacity: 0.6; -webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out; display: block}
.autogen_class_views_shared_react_card_library_button:active,
.autogen_class_views_shared_react_card_library_button:hover,
.autogen_class_views_shared_react_card_library_button.hover, .keyboard_focus
.autogen_class_views_shared_react_card_library_button:focus, .keyboard_focus
.autogen_class_views_shared_react_card_library_button.in_library:focus {opacity: 1}
.autogen_class_views_shared_react_card_library_button.in_library {background-image:
url('https://s1-
f.scribdassets.com/images/document_cells/metadata_cards/ic_added.svg?1524604509');
opacity: 1}
.autogen_class_views_shared_react_card_library_button.in_library:hover,
.autogen_class_views_shared_react_card_library_button.in_library.hover,
.keyboard_focus
.autogen_class_views_shared_react_card_library_button.in_library:focus {opacity: 1;
background-image: url('https://s2-
f.scribdassets.com/images/document_cells/metadata_cards/ic_added_hover.svg?
1524604509'); background-size: 28px 28px; background-repeat: no-repeat; background-
position: 2px}
.autogen_class_views_shared_react_card_library_button .tooltip {border-radius: 4px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid #E9EDF8; background:
white; width: 160px; position: relative; z-index: 1; left: 40px; top: -5px; height:
30px; line-height: 30px; padding: 10px 0; color: #57617A; font-size: 14px; text-
align: center}
.autogen_class_views_shared_react_card_library_button .tooltip:after {content: '';
background-image: url('https://s1-
f.scribdassets.com/images/document_cells/metadata_cards/tool_tip_arrow.png?
1524604509'); background-repeat: no-repeat; position: absolute; left: -10px; top:
7px; height: 32px; width: 10px}
.autogen_class_views_shared_react_card_library_button .tooltip.left {left: -170px}
.autogen_class_views_shared_react_card_library_button .tooltip.left:after {left:
initial; right: -10px; -webkit-transform: rotate(180deg); transform:
rotate(180deg)}

/* app/views/shared/react/download_button.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}

/* app/views/shared/react/document_image.css @ 1524604435 */
.autogen_class_views_shared_react_document_image img {display: block; background-
color: #E9EDF8; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s
ease; opacity: 0}
.autogen_class_views_shared_react_document_image img.loaded {opacity: 1}

/* app/views/shared/react/forms/checkbox.jsxcss @ 1524604696 */
.auto__shared_react_forms_checkbox {position: relative}
.auto__shared_react_forms_checkbox label {cursor: pointer}
.auto__shared_react_forms_checkbox .checkbox_input {-webkit-appearance: none; -moz-
appearance: none; appearance: none}
.auto__shared_react_forms_checkbox .checkbox_label {display: block}
.auto__shared_react_forms_checkbox .checkbox_label:before {vertical-align: top;
position: relative; top: 5px; margin-right: 12px; display: inline-block; cursor:
pointer; font-family: 'scribd'; font-size: 16px; border: none; box-shadow: none;
color: #8F919E}
.auto__shared_react_forms_checkbox .checkbox_label.checked:before {color: #017f70}
.keyboard_focus .auto__shared_react_forms_checkbox .checkbox_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_checkbox .checkbox_label .input_text {color: #1C263D;
display: inline-block; vertical-align: top; line-height: 1.5em; font-family:
'Source Sans Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_checkbox .checkbox_label:hover .input_text,
.auto__shared_react_forms_checkbox .checkbox_label.focused .input_text {color:
#1C263D}
.auto__shared_react_forms_checkbox .checkbox_label:hover:before,
.auto__shared_react_forms_checkbox .checkbox_label.focused:before {color: #0D6069}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .input_text
{color: #57617A; font-weight: bold}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .description
{color: #57617A; display: block; margin-left: 28px; line-height: 1.29em; font-size:
14px; font-family: 'Source Sans Pro', sans-serif}

/* app/views/shared/react/forms/radio.jsxcss @ 1524604696 */
.auto__shared_react_forms_radio {position: relative}
.auto__shared_react_forms_radio label {cursor: pointer}
.auto__shared_react_forms_radio .radio_input {margin: 0; position: absolute; top:
0; left: 0}
.auto__shared_react_forms_radio .radio_label {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-
items: center}
.auto__shared_react_forms_radio .radio_label.checked:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label .input_text {color: #1C263D; display:
inline-block; vertical-align: top; line-height: 1.5em; font-family: 'Source Sans
Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_radio .radio_label:before {display: inline-block; font-
family: 'scribd'; margin-right: 10px; font-size: 16px; cursor: pointer; color:
#8F919E; vertical-align: top; position: relative}
.auto__shared_react_forms_radio .radio_label:hover .input_text,
.auto__shared_react_forms_radio .radio_label.focused .input_text {color: #1C263D}
.auto__shared_react_forms_radio .radio_label:hover:before,
.auto__shared_react_forms_radio .radio_label.focused:before {color: #0D6069}
.keyboard_focus .auto__shared_react_forms_radio .radio_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_radio .radio_label.checked:hover:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label.with_description {display: block}
.auto__shared_react_forms_radio .radio_label.with_description .input_text {color:
#57617A; font-weight: bold}
.auto__shared_react_forms_radio .radio_label.with_description .description {color:
#57617A; display: block; margin-left: 26px; line-height: 1.29em; font-size: 14px;
font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_radio .radio_label.with_description:before {top: 3px}

/* app/views/shared/react/forms/textarea.jsxcss @ 1524604696 */
.auto__shared_react_forms_textarea .textarea_label {margin: 14px 0 14px; width:
100%}
.auto__shared_react_forms_textarea .textarea_label label {display: block}
.auto__shared_react_forms_textarea .textarea_label .label_text {font-size: 16px;
color: #1C263D; font-weight: bold}
.auto__shared_react_forms_textarea .textarea_label .help,
.auto__shared_react_forms_textarea .textarea_label .help_bottom {font-size: 14px;
color: #57617A}
.auto__shared_react_forms_textarea .textarea_label .help {display: block}
.auto__shared_react_forms_textarea .textarea_label .help_bottom {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end;
justify-content: flex-end}
.auto__shared_react_forms_textarea .textarea_label .optional_text {font-weight:
normal}
.auto__shared_react_forms_textarea .textarea_label textarea {margin-top: 10px;
outline: none; border-radius: 4px; border: solid 1px #8F919E; padding: 8px 14px;
width: 100%; box-sizing: border-box; resize: vertical; font-size: 16px; font-
family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:focus {border-color:
#02a793; box-shadow: 0 0 1px 0 #017f70}
.auto__shared_react_forms_textarea .textarea_label textarea.disabled {background-
color: #F8F9FD}
.auto__shared_react_forms_textarea .textarea_label textarea::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::placeholder {font-
color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label .error_msg {color: #B31E30;
font-size: 14px; margin-top: 6px}
.auto__shared_react_forms_textarea .textarea_label.has_error textarea {border-
color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_textarea .textarea_label.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_textarea .textarea_label .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}

/* app/views/shared/react/forms/package.jsxcss @ 1524604696 */
.auto__shared_react_forms_checkbox {position: relative}
.auto__shared_react_forms_checkbox label {cursor: pointer}
.auto__shared_react_forms_checkbox .checkbox_input {-webkit-appearance: none; -moz-
appearance: none; appearance: none}
.auto__shared_react_forms_checkbox .checkbox_label {display: block}
.auto__shared_react_forms_checkbox .checkbox_label:before {vertical-align: top;
position: relative; top: 5px; margin-right: 12px; display: inline-block; cursor:
pointer; font-family: 'scribd'; font-size: 16px; border: none; box-shadow: none;
color: #8F919E}
.auto__shared_react_forms_checkbox .checkbox_label.checked:before {color: #017f70}
.keyboard_focus .auto__shared_react_forms_checkbox .checkbox_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_checkbox .checkbox_label .input_text {color: #1C263D;
display: inline-block; vertical-align: top; line-height: 1.5em; font-family:
'Source Sans Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_checkbox .checkbox_label:hover .input_text,
.auto__shared_react_forms_checkbox .checkbox_label.focused .input_text {color:
#1C263D}
.auto__shared_react_forms_checkbox .checkbox_label:hover:before,
.auto__shared_react_forms_checkbox .checkbox_label.focused:before {color: #0D6069}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .input_text
{color: #57617A; font-weight: bold}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .description
{color: #57617A; display: block; margin-left: 28px; line-height: 1.29em; font-size:
14px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_input_group .input_group {margin: 0 0 24px 0; padding: 0}
.auto__shared_react_forms_input_group .input_group legend {margin-bottom: 4px;
font-size: 16px; font-weight: bold}
.auto__shared_react_forms_input_group .input_group div:not(:last-child) {margin-
bottom: 8px}
.auto__shared_react_forms_input_group .input_group div:not(:last-
child).with_description {margin-bottom: 18px}
.auto__shared_react_forms_input_group .input_group.horizontal {margin: 0}
.auto__shared_react_forms_input_group .input_group.horizontal div {display: inline-
block; margin: 0 30px 0 0}
.auto__shared_react_forms_radio {position: relative}
.auto__shared_react_forms_radio label {cursor: pointer}
.auto__shared_react_forms_radio .radio_input {margin: 0; position: absolute; top:
0; left: 0}
.auto__shared_react_forms_radio .radio_label {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-
items: center}
.auto__shared_react_forms_radio .radio_label.checked:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label .input_text {color: #1C263D; display:
inline-block; vertical-align: top; line-height: 1.5em; font-family: 'Source Sans
Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_radio .radio_label:before {display: inline-block; font-
family: 'scribd'; margin-right: 10px; font-size: 16px; cursor: pointer; color:
#8F919E; vertical-align: top; position: relative}
.auto__shared_react_forms_radio .radio_label:hover .input_text,
.auto__shared_react_forms_radio .radio_label.focused .input_text {color: #1C263D}
.auto__shared_react_forms_radio .radio_label:hover:before,
.auto__shared_react_forms_radio .radio_label.focused:before {color: #0D6069}
.keyboard_focus .auto__shared_react_forms_radio .radio_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_radio .radio_label.checked:hover:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label.with_description {display: block}
.auto__shared_react_forms_radio .radio_label.with_description .input_text {color:
#57617A; font-weight: bold}
.auto__shared_react_forms_radio .radio_label.with_description .description {color:
#57617A; display: block; margin-left: 26px; line-height: 1.29em; font-size: 14px;
font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_radio .radio_label.with_description:before {top: 3px}
.auto__shared_react_forms_step_header .step_header {margin: 0px}
.auto__shared_react_forms_step_header .step_header h1 {margin: 0}
.auto__shared_react_forms_step_header .step_counter {font-size: 16px; font-weight:
bold; text-transform: uppercase; letter-spacing: 0.06em; color: #a9085e; margin:
0px}
.auto__shared_react_forms_step_header .title {font-size: 32px; font-weight: bold;
margin: 6px 0px; color: #000514}
@media (max-width: 550px) {.responsive .auto__shared_react_forms_step_header .title
{font-size: 24px}
}
.auto__shared_react_forms_step_header .subtitle {font-size: 18px; font-style:
italic; color: #57617A; font-weight: normal; margin: 0px}
.auto__shared_react_forms_step_header .step_header.billing {margin-bottom: 10px}
@media (max-width: 950px) {.auto__shared_react_forms_step_header
.step_header.billing .subtitle {display: none}
}
.auto__shared_react_forms_text_input .input_row {margin: 0 0 18px; max-width:
650px}
.auto__shared_react_forms_text_input .input_row label {display: block; font-size:
16px; font-weight: bold}
.auto__shared_react_forms_text_input .input_row .help {font-size: 14px; color:
#57617A; display: block}
.auto__shared_react_forms_text_input .input_row input {outline: none; border-
radius: 4px; border: solid 1px #8F919E; padding: 8px 14px; width: 100%; height:
40px; box-sizing: border-box}
.auto__shared_react_forms_text_input .input_row input:focus {border-color: #02a793;
box-shadow: 0 0 1px 0 #017f70}
@media screen and (-ms-high-contrast: active) {.auto__shared_react_forms_text_input
.input_row input:focus {outline: 1px dashed !important}
}
.auto__shared_react_forms_text_input .input_row input.disabled {background-color:
#F8F9FD}
.auto__shared_react_forms_text_input .input_row.password input {padding-right:
62px}
.auto__shared_react_forms_text_input .input_row.password input::-ms-clear {display:
none}
.auto__shared_react_forms_text_input .input_row .error_msg {color: #B31E30; font-
size: 14px; margin-top: 6px}
.auto__shared_react_forms_text_input .input_row abbr.asterisk_require {font-size:
120%}
.auto__shared_react_forms_text_input .input_row.has_error textarea,
.auto__shared_react_forms_text_input .input_row.has_error input[type=text],
.auto__shared_react_forms_text_input .input_row.has_error input[type=password]
{border-color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_text_input .input_row.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_text_input .input_row .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_text_input .input_row .password_toggle_btn {color:
#1E7B85; display: inline-block; font-size: 16px; font-weight: bold; padding: 1px 0;
position: absolute; right: 14px; top: 50%; vertical-align: middle; width: auto;
-webkit-transform: translateY(-50%); transform: translateY(-50%)}
.auto__shared_react_forms_text_input .input_row .input_wrapper {position: relative;
margin-top: 4px}
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.auto__shared_react_forms_textarea .textarea_label {margin: 14px 0 14px; width:
100%}
.auto__shared_react_forms_textarea .textarea_label label {display: block}
.auto__shared_react_forms_textarea .textarea_label .label_text {font-size: 16px;
color: #1C263D; font-weight: bold}
.auto__shared_react_forms_textarea .textarea_label .help,
.auto__shared_react_forms_textarea .textarea_label .help_bottom {font-size: 14px;
color: #57617A}
.auto__shared_react_forms_textarea .textarea_label .help {display: block}
.auto__shared_react_forms_textarea .textarea_label .help_bottom {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end;
justify-content: flex-end}
.auto__shared_react_forms_textarea .textarea_label .optional_text {font-weight:
normal}
.auto__shared_react_forms_textarea .textarea_label textarea {margin-top: 10px;
outline: none; border-radius: 4px; border: solid 1px #8F919E; padding: 8px 14px;
width: 100%; box-sizing: border-box; resize: vertical; font-size: 16px; font-
family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:focus {border-color:
#02a793; box-shadow: 0 0 1px 0 #017f70}
.auto__shared_react_forms_textarea .textarea_label textarea.disabled {background-
color: #F8F9FD}
.auto__shared_react_forms_textarea .textarea_label textarea::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::placeholder {font-
color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label .error_msg {color: #B31E30;
font-size: 14px; margin-top: 6px}
.auto__shared_react_forms_textarea .textarea_label.has_error textarea {border-
color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_textarea .textarea_label.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_textarea .textarea_label .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_toggle {display: inline-block; position: relative}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:before,
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {position:
absolute; right: -70px; top: 2px; content: ""; height: 20px; width: 46px;
background-color: #8F919E; border: 1px solid #8F919E; border-radius: 100px}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {border-
radius: 50%; width: 20px; border-radius: 50%; background-color: white; right:
-32px; -webkit-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-
out; -webkit-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:before
{background-color: #017f70}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:after
{right: -58px}
.auto__shared_react_forms_toggle .scribd_spinner {display: none; z-index: 21;
position: absolute; top: 0; right: -49px}
.auto__shared_react_forms_toggle .scribd_spinner.loading {display: block}

/* app/views/shared/react/forms/toggle.jsxcss @ 1524604696 */
.auto__shared_react_forms_checkbox {position: relative}
.auto__shared_react_forms_checkbox label {cursor: pointer}
.auto__shared_react_forms_checkbox .checkbox_input {-webkit-appearance: none; -moz-
appearance: none; appearance: none}
.auto__shared_react_forms_checkbox .checkbox_label {display: block}
.auto__shared_react_forms_checkbox .checkbox_label:before {vertical-align: top;
position: relative; top: 5px; margin-right: 12px; display: inline-block; cursor:
pointer; font-family: 'scribd'; font-size: 16px; border: none; box-shadow: none;
color: #8F919E}
.auto__shared_react_forms_checkbox .checkbox_label.checked:before {color: #017f70}
.keyboard_focus .auto__shared_react_forms_checkbox .checkbox_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_checkbox .checkbox_label .input_text {color: #1C263D;
display: inline-block; vertical-align: top; line-height: 1.5em; font-family:
'Source Sans Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_checkbox .checkbox_label:hover .input_text,
.auto__shared_react_forms_checkbox .checkbox_label.focused .input_text {color:
#1C263D}
.auto__shared_react_forms_checkbox .checkbox_label:hover:before,
.auto__shared_react_forms_checkbox .checkbox_label.focused:before {color: #0D6069}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .input_text
{color: #57617A; font-weight: bold}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .description
{color: #57617A; display: block; margin-left: 28px; line-height: 1.29em; font-size:
14px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_toggle {display: inline-block; position: relative}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:before,
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {position:
absolute; right: -70px; top: 2px; content: ""; height: 20px; width: 46px;
background-color: #8F919E; border: 1px solid #8F919E; border-radius: 100px}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {border-
radius: 50%; width: 20px; border-radius: 50%; background-color: white; right:
-32px; -webkit-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-
out; -webkit-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:before
{background-color: #017f70}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:after
{right: -58px}
.auto__shared_react_forms_toggle .scribd_spinner {display: none; z-index: 21;
position: absolute; top: 0; right: -49px}
.auto__shared_react_forms_toggle .scribd_spinner.loading {display: block}

/* app/views/shared/react/forms/input_group.jsxcss @ 1524604696 */
.auto__shared_react_forms_input_group .input_group {margin: 0 0 24px 0; padding: 0}
.auto__shared_react_forms_input_group .input_group legend {margin-bottom: 4px;
font-size: 16px; font-weight: bold}
.auto__shared_react_forms_input_group .input_group div:not(:last-child) {margin-
bottom: 8px}
.auto__shared_react_forms_input_group .input_group div:not(:last-
child).with_description {margin-bottom: 18px}
.auto__shared_react_forms_input_group .input_group.horizontal {margin: 0}
.auto__shared_react_forms_input_group .input_group.horizontal div {display: inline-
block; margin: 0 30px 0 0}

/* app/views/shared/react/forms/step_header.jsxcss @ 1524604696 */
.auto__shared_react_forms_step_header .step_header {margin: 0px}
.auto__shared_react_forms_step_header .step_header h1 {margin: 0}
.auto__shared_react_forms_step_header .step_counter {font-size: 16px; font-weight:
bold; text-transform: uppercase; letter-spacing: 0.06em; color: #a9085e; margin:
0px}
.auto__shared_react_forms_step_header .title {font-size: 32px; font-weight: bold;
margin: 6px 0px; color: #000514}
@media (max-width: 550px) {.responsive .auto__shared_react_forms_step_header .title
{font-size: 24px}
}
.auto__shared_react_forms_step_header .subtitle {font-size: 18px; font-style:
italic; color: #57617A; font-weight: normal; margin: 0px}
.auto__shared_react_forms_step_header .step_header.billing {margin-bottom: 10px}
@media (max-width: 950px) {.auto__shared_react_forms_step_header
.step_header.billing .subtitle {display: none}
}

/* app/views/shared/react/forms/text_input.jsxcss @ 1524604696 */
.auto__shared_react_forms_text_input .input_row {margin: 0 0 18px; max-width:
650px}
.auto__shared_react_forms_text_input .input_row label {display: block; font-size:
16px; font-weight: bold}
.auto__shared_react_forms_text_input .input_row .help {font-size: 14px; color:
#57617A; display: block}
.auto__shared_react_forms_text_input .input_row input {outline: none; border-
radius: 4px; border: solid 1px #8F919E; padding: 8px 14px; width: 100%; height:
40px; box-sizing: border-box}
.auto__shared_react_forms_text_input .input_row input:focus {border-color: #02a793;
box-shadow: 0 0 1px 0 #017f70}
@media screen and (-ms-high-contrast: active) {.auto__shared_react_forms_text_input
.input_row input:focus {outline: 1px dashed !important}
}
.auto__shared_react_forms_text_input .input_row input.disabled {background-color:
#F8F9FD}
.auto__shared_react_forms_text_input .input_row.password input {padding-right:
62px}
.auto__shared_react_forms_text_input .input_row.password input::-ms-clear {display:
none}
.auto__shared_react_forms_text_input .input_row .error_msg {color: #B31E30; font-
size: 14px; margin-top: 6px}
.auto__shared_react_forms_text_input .input_row abbr.asterisk_require {font-size:
120%}
.auto__shared_react_forms_text_input .input_row.has_error textarea,
.auto__shared_react_forms_text_input .input_row.has_error input[type=text],
.auto__shared_react_forms_text_input .input_row.has_error input[type=password]
{border-color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_text_input .input_row.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_text_input .input_row .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_text_input .input_row .password_toggle_btn {color:
#1E7B85; display: inline-block; font-size: 16px; font-weight: bold; padding: 1px 0;
position: absolute; right: 14px; top: 50%; vertical-align: middle; width: auto;
-webkit-transform: translateY(-50%); transform: translateY(-50%)}
.auto__shared_react_forms_text_input .input_row .input_wrapper {position: relative;
margin-top: 4px}
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}

/* app/views/shared/react/forms/select_input.css @ 1524604435 */
.autogen_class_views_shared_react_forms_select_input {background: white; border-
radius: 4px; height: 45px; padding: 0 14px; border: 1px solid #E9EDF8; line-height:
1.5; color: #1C263D; font-size: 16px; box-sizing: border-box; position: relative;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center}
.autogen_class_views_shared_react_forms_select_input:hover .icon {color: #0D6069}
.autogen_class_views_shared_react_forms_select_input:active .icon {color: #0D6069}
.autogen_class_views_shared_react_forms_select_input .select_current_value {-
webkit-box-flex: 1;-ms-flex: 1;flex: 1}
.autogen_class_views_shared_react_forms_select_input.focused {border-color:
#c2cdec}
.autogen_class_views_shared_react_forms_select_input .icon {font-size: 12px; color:
#1E7B85}
.autogen_class_views_shared_react_forms_select_input select {font-family: 'Source
Sans Pro', sans-serif; font-size: 16px; width: 100%; height: 100%; position:
absolute; top: 0; right: 0; opacity: 0; -webkit-appearance: none; -moz-appearance:
none; appearance: none}

/* app/views/shared/react/forms/checkbox_input.css @ 1524604435 */
.autogen_class_views_shared_react_forms_checkbox_input {position: relative}
.autogen_class_views_shared_react_forms_checkbox_input.disabled {pointer-events:
none; opacity: 0.5}
.autogen_class_views_shared_react_forms_checkbox_input label {cursor: pointer}
.autogen_class_views_shared_react_forms_checkbox_input .checkbox_label {display:
block}
.autogen_class_views_shared_react_forms_checkbox_input
.checkbox_label.checked:before {color: #1E7B85}
.autogen_class_views_shared_react_forms_checkbox_input .checkbox_label .input_text
{color: #57617A; display: inline-block; line-height: 20px; height: 20px; font-
family: 'Source Sans Pro', sans-serif}
.autogen_class_views_shared_react_forms_checkbox_input .checkbox_label:before
{display: inline-block; margin-right: 10px; font-size: 20px; cursor: pointer;
color: #E9EDF8; vertical-align: top; position: relative; top: 1px}
.autogen_class_views_shared_react_forms_checkbox_input .checkbox_label:hover
.input_text, .autogen_class_views_shared_react_forms_checkbox_input
.checkbox_label.focused .input_text {color: #1C263D}
.autogen_class_views_shared_react_forms_checkbox_input
.checkbox_label:hover:before,
.autogen_class_views_shared_react_forms_checkbox_input
.checkbox_label.focused:before {color: #0D6069}
.autogen_class_views_shared_react_forms_checkbox_input
.checkbox_label.checked:hover:before {color: #0D6069}

/* app/views/shared/react/forms/radio_input.css @ 1524604435 */
.autogen_class_views_shared_react_forms_radio_input {position: relative}
.autogen_class_views_shared_react_forms_radio_input label {cursor: pointer}
.autogen_class_views_shared_react_forms_radio_input .radio_input {margin: 0; width:
0; height: 0; position: absolute; top: 0; left: 0}
.autogen_class_views_shared_react_forms_radio_input .radio_label {display: block}
.autogen_class_views_shared_react_forms_radio_input .radio_label.checked:before
{color: #1E7B85}
.autogen_class_views_shared_react_forms_radio_input .radio_label .input_text
{color: #57617A; display: inline-block; vertical-align: top; line-height: 20px;
height: 20px; font-family: 'Source Sans Pro', sans-serif}
.autogen_class_views_shared_react_forms_radio_input .radio_label:before {display:
inline-block; font-family: 'scribd'; margin-right: 10px; font-size: 20px; cursor:
pointer; color: #E9EDF8; vertical-align: top; position: relative; top: 1px}
.autogen_class_views_shared_react_forms_radio_input .radio_label:hover .input_text,
.autogen_class_views_shared_react_forms_radio_input .radio_label.focused
.input_text {color: #1C263D}
.autogen_class_views_shared_react_forms_radio_input .radio_label:hover:before,
.autogen_class_views_shared_react_forms_radio_input .radio_label.focused:before
{color: #0D6069}
.autogen_class_views_shared_react_forms_radio_input
.radio_label.checked:hover:before {color: #0D6069}

/* app/views/shared/react/library_button.css @ 1524604435 */
.library_button {display: inline-block; position: relative}
.library_button.has_actions_select {min-width: 224px}
.library_button:hover .main_btn, .library_button.hover .main_btn,
.keyboard_focus .library_button .actions_list_wrapper .popover_content
.actions_list button.library_button:focus .main_btn, .keyboard_focus
.library_button .library_button.outline_btn:focus .main_btn {background-color:
#0D6069; border-color: #0D6069; color: #fff}
.library_button:hover .main_btn a, .library_button.hover .main_btn a,
.keyboard_focus .library_button .actions_list_wrapper .popover_content
.actions_list button.library_button:focus .main_btn a, .keyboard_focus
.library_button .library_button.outline_btn:focus .main_btn a {color: #fff}
.library_button:hover .main_btn.loading, .library_button:hover
.main_btn:disabled, .library_button.hover .main_btn.loading, .keyboard_focus
.library_button .actions_list_wrapper .popover_content .actions_list
button.library_button:focus .main_btn.loading, .keyboard_focus .library_button
.library_button.outline_btn:focus .main_btn.loading, .library_button.hover
.main_btn:disabled, .keyboard_focus .library_button .actions_list_wrapper
.popover_content .actions_list button.library_button:focus .main_btn:disabled,
.keyboard_focus .library_button .library_button.outline_btn:focus
.main_btn:disabled {border-color: #E9EDF8; background-color: #E9EDF8; color:
#57617A}
.library_button:hover .actions_select.loading:after, .library_button:hover
.actions_select:disabled:after, .library_button.hover
.actions_select.loading:after, .keyboard_focus .library_button
.actions_list_wrapper .popover_content .actions_list button.library_button:focus
.actions_select.loading:after, .keyboard_focus .library_button
.library_button.outline_btn:focus .actions_select.loading:after,
.library_button.hover .actions_select:disabled:after, .keyboard_focus
.library_button .actions_list_wrapper .popover_content .actions_list
button.library_button:focus .actions_select:disabled:after, .keyboard_focus
.library_button .library_button.outline_btn:focus .actions_select:disabled:after
{opacity: 1}
.library_button .flat_btn {padding: 0; transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out; -webkit-transition: background-
color 0.2s ease-out}
.library_button .flat_btn:hover {border-color: #0D6069; background-color: #0D6069}
.library_button .flat_btn:hover.loading, .library_button .flat_btn:hover:disabled
{border-color: #E9EDF8; background-color: #E9EDF8; color: #1C263D}
.library_button .flat_btn:active {background-color: #0D6069}
.library_button .flat_btn.loading, .library_button .flat_btn:disabled {border-
color: #E9EDF8; background-color: #E9EDF8; color: #1C263D}
.library_button .flat_btn:focus {background-color: #0D6069}
.library_button .flat_btn button {background-color: transparent; border: none;
border-radius: inherit; color: inherit; cursor: pointer; font-weight: inherit;
font-family: inherit; line-height: inherit; padding: 0; height: 100%; width:
100%; /* fix ie 11+ button 3d effect */ }
.library_button .flat_btn button span {position: relative}
.library_button .flat_btn button.loading, .library_button .flat_btn button:disabled
{border-color: #E9EDF8; background-color: #E9EDF8; color: #1C263D}
.library_button .flat_btn.loading .scribd_spinner {display: block}
.library_button .scribd_spinner {bottom: 0; display: none; left: 0; position:
absolute; right: 0; top: 0; margin: auto}
.library_button .icon-ic_audiobook_play, .library_button .icon-ic_audiobook_pause
{margin-right: 6px; font-size: 12px}
.library_button .main_button {min-width: 180px}
.library_button .main_button.has_actions_select {border-radius: 4px 0 0 4px;
border-right: 0; display: block; margin-right: 44px}
.library_button .main_button.loading, .library_button .main_button.disabled
{position: initial}
.library_button .main_button a {display: inline-block; width: 100%}
.library_button .main_button .edit_saved_btn {padding: 0}
.library_button .main_button a:focus, .library_button .main_button
.edit_saved_btn:focus, .library_button .main_button button:focus {transition:
background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
-webkit-transition: background-color 0.2s ease-out; color: white; background-color:
#0D6069; border-color: #1E7B85}
.library_button .actions_select {border-radius: 0 4px 4px 0; border-left-width: 0;
min-width: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width:
44px}
.library_button .actions_select.loading, .library_button .actions_select:disabled
{position: absolute}
.library_button .actions_select:before {bottom: 0; height: 15px; left: 0; margin:
auto; position: absolute; right: -44px; top: 0}
.library_button .actions_select:after {transition: opacity 0.2s ease-in-out; -moz-
transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out;
background-color: #1E7B85; content: ""; height: 34px; left: 0; opacity: 0.6;
position: absolute; top: 4px; width: 1px}
.library_button .actions_select.slim:after {height: 24px}
.library_button .actions_select.loading:after, .library_button
.actions_select:disabled:after {background-color: #1C263D}
.library_button .actions_select .icon-ic_down_arrow {position: relative}
.library_button .toolbar_outline_btn.main_button.has_actions_select {border-radius:
4px 0 0 4px; border-right-width: 0}
.library_button .toolbar_outline_btn.actions_select {border-left-width: 0; border-
radius: 0 4px 4px 0}
.library_button .toolbar_outline_btn.actions_select:after {background-color:
rgba(171, 171, 171, 0.5); height: 27px; top: 5px}
.library_button .toolbar_outline_btn.loading .scribd_spinner {margin-top: 5px}
.library_button .actions_list_wrapper {position: absolute; right: 0; min-width:
224px}
.library_button .actions_list_wrapper:hover {cursor: auto}
.library_button .actions_list_wrapper .popover_content {display: block; padding: 0;
position: relative; width: 100%}
.library_button .actions_list_wrapper .popover_content .actions_list {box-sizing:
border-box; display: inline-block; font-family: 'Source Sans Pro', sans-serif;
transition: background 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition:
background 0.1s ease-in-out, color 0.1s ease-in-out; -webkit-transition: background
0.1s ease-in-out, color 0.1s ease-in-out; border-color: rgba(255, 255, 255, 0.2);
border-radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; font-
size: 18px; font-weight: bold; min-height: 2.44444em; line-height: 2.44444em; min-
width: 120px; padding: 0px 30px; text-align: center; text-transform: capitalize;
height: auto; list-style: none; margin: 0; padding: 6px 0; text-align: left; width:
100%}
.library_button .actions_list_wrapper .popover_content .actions_list li {margin: 0;
text-indent: 0}
.library_button .actions_list_wrapper .popover_content .actions_list button
{background-color: transparent; border: none; color: #1E7B85; cursor: pointer;
display: block; font-family: inherit; font-weight: inherit; height: 100%; padding:
6px 12px; text-align: inherit; width: 100%; /* fix ie 11+ button 3d effect */ }
.library_button .actions_list_wrapper .popover_content .actions_list
button:hover, .library_button .actions_list_wrapper .popover_content .actions_list
button.hover, .keyboard_focus .library_button .actions_list_wrapper
.popover_content .actions_list button:focus, .library_button
.actions_list_wrapper .popover_content .actions_list button:active {color: #1E7B85}
.library_button .actions_list_wrapper .popover_content .actions_list
button:hover, .library_button .actions_list_wrapper .popover_content .actions_list
button.hover, .keyboard_focus .library_button .actions_list_wrapper
.popover_content .actions_list button:focus {background-color: #F8F9FD}
.library_button .actions_list_wrapper .popover_content .actions_list button:active
{background-color: #CACED9}
.library_button .actions_list_wrapper .popover_content .actions_list button span
{position: relative}
.library_button .actions_list_wrapper .popover_content .popover_arrow {right: 10px;
left: initial}
.library_button .actions_list_wrapper.top {bottom: 49px}
.library_button .actions_list_wrapper.top .popover_content {margin-bottom: 12px}
.library_button .actions_list_wrapper.top .popover_arrow {bottom: -12px}
.library_button .actions_list_wrapper.bottom {top: 49px}
.library_button .actions_list_wrapper.bottom .popover_content {margin-top: 12px}
.library_button .actions_list_wrapper.bottom .popover_arrow {top: -12px}
.library_button .outline_btn {background-color: transparent; color: #1E7B85; /*Type
E */ }
.library_button .outline_btn a:hover, .library_button .outline_btn:hover,
.library_button .outline_btn.hover, .keyboard_focus .library_button
.actions_list_wrapper .popover_content .actions_list button.outline_btn:focus,
.keyboard_focus .library_button .outline_btn:focus {background-color: #F8F9FD;
border-color: #1E7B85; color: #1E7B85}
.library_button .outline_btn:active, .library_button .outline_btn.activated
{background-color: #F8F9FD; border-color: #1E7B85}
.library_button .outline_btn.negate {border-color: #fff; color: #1E7B85}

/* app/views/shared/react/lists/_create_list_button.css @ 1524604435 */
.autogen_class_views_shared_react_lists_create_list_button {line-height: 1.8px}
.autogen_class_views_shared_react_lists_create_list_button .flat_btn .icon.icon
{transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out;
-webkit-transition: color 0.1s ease-in-out; color: #1E7B85; top: 3px}
.autogen_class_views_shared_react_lists_create_list_button .flat_btn:hover
.icon.icon {color: #0D6069}

/* app/views/shared/react/lists/add_to_list.css @ 1524604435 */
.autogen_class_views_shared_react_lists_add_to_list {max-height: 250px; min-width:
200px; overflow: auto}
@media (max-width: 420px) {.autogen_class_views_shared_react_lists_add_to_list
{max-height: 90vh}
}
.autogen_class_views_shared_react_lists_add_to_list,
.autogen_class_views_shared_react_lists_add_to_list ul,
.autogen_class_views_shared_react_lists_add_to_list li {list-style: none; margin:
0; padding: 0}
.autogen_class_views_shared_react_lists_add_to_list li {transition: background-
color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-transition:
background-color ease 0.3s; background-color: #fff}
.autogen_class_views_shared_react_lists_add_to_list li .flat_btn {white-space:
nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; text-align:
left; width: 100%; padding: 10px}
.autogen_class_views_shared_react_lists_add_to_list li .flat_btn:hover {color:
#1E7B85}
.autogen_class_views_shared_react_lists_add_to_list li:hover:not(.disabled_row)
{background-color: #F8F9FD}
.autogen_class_views_shared_react_lists_add_to_list li:first-child {border-radius:
4px 4px 0 0}
.autogen_class_views_shared_react_lists_add_to_list li:last-child {border-radius: 0
0 4px 4px}
.autogen_class_views_shared_react_lists_add_to_list > li:last-child:hover
{background: initial}
.autogen_class_views_shared_react_lists_add_to_list .flat_btn {outline-offset:
-3px}
.autogen_class_views_shared_react_lists_add_to_list .create_list_btn {height:
2.5625em; line-height: 2.5625em/2; border-bottom: 1px solid #E9EDF8; border-radius:
4px 4px 0 0}
.autogen_class_views_shared_react_lists_add_to_list .create_list_btn:hover {border-
bottom: 1px solid #E9EDF8}
.autogen_class_views_shared_react_lists_add_to_list .create_list_btn:hover
.icon.icon {color: #1E7B85}
.autogen_class_views_shared_react_lists_add_to_list .create_list_btn .icon {color:
#1C263D; padding-right: 5px}
.autogen_class_views_shared_react_lists_add_to_list .collections {max-height:
250px-2.5625em}
.autogen_class_views_shared_react_lists_add_to_list .collections .collection
{padding: 3px 0}
.autogen_class_views_shared_react_lists_add_to_list .collections .collection:last-
child {border: none; border-radius: 0 0 4px 4px}
.autogen_class_views_shared_react_lists_add_to_list .collections .collection
.flat_btn {padding: 4px 7px; text-transform: none; line-height: 28px}
.autogen_class_views_shared_react_lists_add_to_list .collections li .load_more
{margin-top: 0}
.autogen_class_views_shared_react_lists_add_to_list .collections li .load_more
.flat_btn {text-align: center; font-weight: normal}

/* app/views/shared/react/lists/list_items.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}

/* app/views/shared/react/cells/_base.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}

/* app/views/shared/react/cells/issue.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
body .auto__shared_react_cells_issue .list_anchor_container .list_anchor
.metadata .title {width: 80%; word-break: break-all}
body .grid .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .title_author {height: auto}
body .grid .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .author {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 1.3125em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {body .grid .auto__shared_react_cells_issue
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 14px}
}
body .grid .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .title {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A; font-weight: normal;
margin: 0}
@media (max-width: 700px) {body .grid .auto__shared_react_cells_issue
.list_anchor_container .list_anchor > .metadata .title {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
body .grid .auto__shared_react_cells_issue .list_anchor_container .controls
{bottom: -3px}
body .list .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .author {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive body .list
.auto__shared_react_cells_issue .list_anchor_container .list_anchor > .metadata
.author {font-size: 18px}
}
@media (max-width: 400px) {body .list .auto__shared_react_cells_issue
.list_anchor_container .list_anchor > .metadata .author {word-break: break-word}
}
body .list .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .title {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 2.55556em; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; word-
break: normal}
@media (max-width: 550px) {.responsive body .list
.auto__shared_react_cells_issue .list_anchor_container .list_anchor > .metadata
.title {font-size: 16px}
}
@media (max-width: 550px) {body .list .auto__shared_react_cells_issue
.list_anchor_container .list_anchor > .metadata .title {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 2.625em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
}

/* app/views/shared/react/cells/document.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.auto__shared_react_cells_document .list_anchor_container .controls
.download_button_container, .auto__shared_react_cells_document
.list_anchor_container .controls .save_button {display: inline-block}
.auto__shared_react_cells_document .list_anchor_container .controls
.download_button_container .icon, .auto__shared_react_cells_document
.list_anchor_container .controls .save_button .icon {margin-right: 0}
.auto__shared_react_cells_document .list_anchor_container .controls
.download_button_container .download_button, .auto__shared_react_cells_document
.list_anchor_container .controls .save_button .download_button {margin-right: 5px}

/* app/views/shared/react/cells/book.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.grid .auto__shared_react_cells_book .list_anchor_container .controls
.save_button.no_star_ratings {position: relative; top: 21px}

/* app/views/shared/react/cells/article.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}

/* app/views/shared/react/cells/saved/issue.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
body .auto__shared_react_cells_issue .list_anchor_container .list_anchor
.metadata .title {width: 80%; word-break: break-all}
body .grid .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .title_author {height: auto}
body .grid .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .author {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 1.3125em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {body .grid .auto__shared_react_cells_issue
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 14px}
}
body .grid .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .title {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A; font-weight: normal;
margin: 0}
@media (max-width: 700px) {body .grid .auto__shared_react_cells_issue
.list_anchor_container .list_anchor > .metadata .title {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
body .grid .auto__shared_react_cells_issue .list_anchor_container .controls
{bottom: -3px}
body .list .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .author {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive body .list
.auto__shared_react_cells_issue .list_anchor_container .list_anchor > .metadata
.author {font-size: 18px}
}
@media (max-width: 400px) {body .list .auto__shared_react_cells_issue
.list_anchor_container .list_anchor > .metadata .author {word-break: break-word}
}
body .list .auto__shared_react_cells_issue .list_anchor_container .list_anchor >
.metadata .title {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 2.55556em; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; word-
break: normal}
@media (max-width: 550px) {.responsive body .list
.auto__shared_react_cells_issue .list_anchor_container .list_anchor > .metadata
.title {font-size: 16px}
}
@media (max-width: 550px) {body .list .auto__shared_react_cells_issue
.list_anchor_container .list_anchor > .metadata .title {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 2.625em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
}

/* app/views/shared/react/cells/saved/document.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.auto__shared_react_cells_document .list_anchor_container .controls
.download_button_container, .auto__shared_react_cells_document
.list_anchor_container .controls .save_button {display: inline-block}
.auto__shared_react_cells_document .list_anchor_container .controls
.download_button_container .icon, .auto__shared_react_cells_document
.list_anchor_container .controls .save_button .icon {margin-right: 0}
.auto__shared_react_cells_document .list_anchor_container .controls
.download_button_container .download_button, .auto__shared_react_cells_document
.list_anchor_container .controls .save_button .download_button {margin-right: 5px}
/* app/views/shared/react/cells/saved/book.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}

/* app/views/shared/react/cells/saved/article.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}

/* app/views/shared/react/modals/add_to_list.css @ 1524604435 */
.autogen_class_views_shared_react_modals_add_to_list > .wrapper > .content
{padding: 0}
.autogen_class_views_shared_react_modals_add_to_list > .wrapper > .content .title
{margin: 15px 20px 20px}
.autogen_class_views_shared_react_modals_add_to_list > .wrapper > .content > ul
{width: auto; border-top: 1px solid #E9EDF8}
.autogen_class_views_shared_react_modals_add_to_list > .wrapper > .content > ul
.flat_btn {padding-left: 25px}

/* app/views/shared/react/modals/create_a_list.css @ 1524604435 */

/* app/views/shared/react/modals/delete_item_in_list.css @ 1524604435 */
.autogen_class_views_shared_react_modals_delete_item_in_list .input_group {margin-
top: 24px}
.autogen_class_views_shared_react_modals_delete_item_in_list .note {color: #57617A}
.autogen_class_views_shared_react_modals_delete_item_in_list .actions .cancel_btn
{margin-right: 30px}

/* app/views/shared/react/modals/delete_a_list.css @ 1524604435 */
.autogen_class_views_shared_react_modals_delete_a_list .note {color: #57617A}
.autogen_class_views_shared_react_modals_delete_a_list .input_group {margin-top:
24px}
.autogen_class_views_shared_react_modals_delete_a_list .actions {margin-top: 25px}

/* app/views/shared/react/reading_progress_bar.css @ 1524604435 */
.autogen_class_views_shared_react_reading_progress_bar .reading_progress_outer
{position: relative; left: 0; right: 0; height: 5px; background: #E9EDF8; border-
radius: 10px; overflow: hidden; border: 1px solid #fff}
.autogen_class_views_shared_react_reading_progress_bar .reading_progress_outer
.reading_progress_inner {height: inherit; position: absolute; top: 0; bottom: 0;
left: 0; border-radius: 10px}
.autogen_class_views_shared_react_reading_progress_bar .reading_progress_outer
.reading_progress_outer_dark_overlay {display: none; background: rgba(0, 0, 0,
0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0}

/* app/views/shared/react/review_controls.css @ 1524604435 */
.review_controls .upvote_count {font-size: 12px}
.review_controls .upvote_count span {display: block}
.review_controls .bottom {margin-top: 25px; width: 100%}
.review_controls .bottom .undo_btn {display: block}
.review_controls .bottom .separator {color: #E9EDF8}
.review_controls .bottom .vote_link, .review_controls .bottom .undo_vote_link
{display: inline-block; margin-left: 10px}

/* app/views/shared/react/review_form.css @ 1524604435 */
.review_form {padding: 0 32px 32px 32px; width: 100%; max-width: calc(650px + 2 *
32px); box-sizing: border-box; position: relative; zoom: 1}
.review_form:after {content: ""; display: table; clear: both}
@media (max-width: 400px) {.review_form {padding: 0 16px 32px 16px}
}
.review_form .review_header {text-align: center; display: none; font-size: 22px;
font-weight: bold}
@media (max-width: 550px) {.responsive .review_form .review_header {font-size:
20px}
}
@media (max-width: 950px) {.review_form .review_header {display: block}
}
#edit_review_lb .review_form {padding: 0}
.review_form .tip, .review_form .star_label, .review_form .star_rating,
.review_form .clear_rating, .review_form .rating_required_message, .review_form
.inform_saved {line-height: 42px; vertical-align: top}
.review_form .tip, .review_form .clear_rating, .review_form
.rating_required_message, .review_form .inform_saved {font-size: 14px}
.review_form .rating_required_message {color: #B31E30}
.review_form .star_label, .review_form .tip, .review_form .inform_saved {color:
#1C263D}
.review_form .star_label_text {display: inline-block; margin-right: 15px; font-
weight: bold}
@media (max-width: 950px) {.review_form .star_label_text {margin-bottom: 10px;
line-height: normal; margin-right: 0}
}
.review_form .star_ratings {display: inline-block; font-size: 40px; line-height:
40px; vertical-align: top}
.review_form .star_ratings .rating_star {color: #57617A; line-height: 1; margin-
right: 12px; font-size: 36px}
.review_form .star_ratings .rating_star:last-child {margin-right: 0}
.review_form .star_ratings .tips {margin-left: 0}
.review_form .star_ratings .tip, .review_form .star_ratings .clear_rating,
.review_form .star_ratings .rating_required_message, .review_form .star_ratings
.inform_saved {margin-left: 15px}
.review_form.has_existing_review textarea, .review_form.focused textarea {height:
130px}
.review_form .buttons {color: #57617A; float: right}
.review_form .buttons .flat_btn {margin: 0 0 0 10px}
.review_form .buttons .flat_btn:first-child {margin-left: 0px}
.review_form .buttons .warn {color: #f2736e}
.review_form .buttons .cancel_btn {margin-right: 30px}

/* app/views/shared/react/save_button.css @ 1524604435 */
.autogen_class_views_shared_react_save_button .edit_saved_btn.icon_only {color:
#00293f; min-width: 40px; min-height: 40px}
.autogen_class_views_shared_react_save_button .edit_saved_btn.icon_only .icon
{margin-right: 5px}
.autogen_class_views_shared_react_save_button .text_btn .scribd_spinner {display:
none !important}
.autogen_class_views_shared_react_save_button .text_btn.disabled.loading {color:
#E9EDF8 !important}
.autogen_class_views_shared_react_save_button .text_btn.disabled.loading .icon
{color: #E9EDF8 !important}
.autogen_class_views_shared_react_save_button .flat_btn.text_btn.icon_only {font-
size: 18px}
.autogen_class_views_shared_react_save_button
.flat_btn.text_btn.icon_only:hover,
.autogen_class_views_shared_react_save_button .flat_btn.text_btn.icon_only:focus
{color: #0D6069}
.autogen_class_views_shared_react_save_button .flat_btn.text_btn.icon_only
.icon.icon-ic_saved_for_later_1px {color: #1E7B85}
.autogen_class_views_shared_react_save_button .flat_btn.text_btn.icon_only
.icon.icon-ic_saved_for_later_1px:hover,
.autogen_class_views_shared_react_save_button .flat_btn.text_btn.icon_only
.icon.icon-ic_saved_for_later_1px:focus {color: #1E7B85; opacity: 0.8}

/* app/views/shared/react/sharing_buttons.css @ 1524604435 */
.autogen_class_views_shared_react_sharing_buttons ul {list-style-type: none;
margin: 0; min-width: 199px; padding: 0}
.autogen_class_views_shared_react_sharing_buttons ul li {display: inline-block;
margin-right: 6px}
.autogen_class_views_shared_react_sharing_buttons ul li:last-child {margin-right:
0}
.autogen_class_views_shared_react_sharing_buttons ul li .flat_btn {background-
color: white; border-radius: 50%; border: 2px solid #E9EDF8; height: 35px; line-
height: 35px; min-width: 0; min-height: 0; padding: 0; width: 35px}
.autogen_class_views_shared_react_sharing_buttons ul li .flat_btn:hover {color:
white; border: 2px solid #E9EDF8}
.autogen_class_views_shared_react_sharing_buttons ul li .flat_btn:hover .icon
{color: #0D6069}
.autogen_class_views_shared_react_sharing_buttons ul li .flat_btn:active {color:
white; border: 2px solid #E9EDF8}
.autogen_class_views_shared_react_sharing_buttons ul li .flat_btn:active .icon
{color: #0D6069}
.autogen_class_views_shared_react_sharing_buttons ul li .flat_btn .icon {font-size:
20px; margin-right: 0}
.autogen_class_views_shared_react_sharing_buttons ul li.facebook .icon {color:
#3b5998}
.autogen_class_views_shared_react_sharing_buttons ul li.twitter .icon {color:
#55acee}
.autogen_class_views_shared_react_sharing_buttons ul li.pinterest .icon {color:
#c8232c}
.autogen_class_views_shared_react_sharing_buttons ul li.linkedin .icon {color:
#0077B5}
.autogen_class_views_shared_react_sharing_buttons ul li.email .icon {color:
#146c88}

/* app/views/shared/react/star_ratings.css @ 1524604435 */
.star_ratings {position: relative}
.star_ratings .tips, .star_ratings .stats, .star_ratings .clear_rating,
.star_ratings .rating_required_message, .star_ratings .inform_saved {margin-left:
8px}
.star_ratings .clear_rating {font-weight: bold}
.star_ratings .rating_required_message {display: -webkit-inline-box;display: -ms-
inline-flexbox;display: inline-flex; -webkit-box-align: center; -ms-flex-align:
center; align-items: center; float: right}
.star_ratings .rating_required_message .message {margin-left: 4px}
@media (max-width: 950px) {.star_ratings .rating_required_message {display: block}
}
.star_ratings .stats {color: #57617A}
.star_ratings .rating_star {color: #ed8f02; cursor: pointer; display: inline-block;
line-height: 15px; padding: 0 4px 0 0; border: 0; background: none; position:
relative; text-align: center; transition: all 0.5s linear, color 0.1s ease-in-out;
-moz-transition: all 0.5s linear, color 0.1s ease-in-out; -webkit-transition: all
0.5s linear, color 0.1s ease-in-out; -webkit-transform-origin: 50% 50%; transform-
origin: 50% 50%}
.star_ratings .rating_star.light_lit {color: #ed8f02}
.star_ratings .rating_star.half_lit span {display: block; margin-right: 0}
.star_ratings .rating_star.half_lit .icon-ic_star_small_halffill {color: #ed8f02;
position: relative}
.star_ratings .rating_star.half_lit .icon-ic_star_small_outline {color: #E9EDF8;
position: absolute; top: 0; left: 0}
.star_ratings .rating_star:last-child {margin-right: 0}
.star_ratings.static .rating_star {cursor: default}
.star_ratings.current_user.rated .rating_star, .star_ratings.current_user.rated
.light_lit, .star_ratings.selecting .rating_star, .star_ratings.selecting
.light_lit {color: #57617A}

/* app/views/shared/react/upvotes.css @ 1524604435 */
.autogen_class_views_shared_react_upvotes {position: relative; display: -webkit-
box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-
align: stretch; align-items: stretch; height: 40px}
.autogen_class_views_shared_react_upvotes .prerender {display: -webkit-box;display:
-ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center;
align-items: center}
.autogen_class_views_shared_react_upvotes .upvotes {border-right: 1px solid
#E9EDF8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
align: center; -ms-flex-align: center; align-items: center}
.autogen_class_views_shared_react_upvotes .upvotes.disabled {pointer-events: none}
.autogen_class_views_shared_react_upvotes .upvotes button.vote {font-family:
inherit; border: none; background-color: transparent; cursor: pointer}
.autogen_class_views_shared_react_upvotes .upvotes
button.vote:active:not(.selected) .icon {color: #02a793; -webkit-transform:
scale(0.8); transform: scale(0.8)}
.autogen_class_views_shared_react_upvotes .upvotes button.vote.selected .icon,
.autogen_class_views_shared_react_upvotes .upvotes button.vote:hover .icon {color:
#02a793}
.autogen_class_views_shared_react_upvotes .upvotes .vote {font-size: 20px; display:
inline-block; width: 60px}
.autogen_class_views_shared_react_upvotes .upvotes .vote .icon {color: #ed8f02;
display: inline-block; -webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-
out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-webkit-transform: scale(1); transform: scale(1)}
.autogen_class_views_shared_react_upvotes .upvotes
.vote.has_selection:not(.selected) .icon {color: #02a793}
.autogen_class_views_shared_react_upvotes .upvotes .vote .count {position:
relative; top: -2px; margin-left: 3px; font-size: 16px; color: #57617A}
.autogen_class_views_shared_react_upvotes .stats {margin-left: 15px; color:
#57617A; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display:
flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.autogen_class_views_shared_react_upvotes .stats .views {margin-bottom: 2px}

/* app/views/shared/review_list.css @ 1524604435 */
.autogen_class_views_shared_review_list {min-width: 815px}
.autogen_class_views_shared_review_list .book_review_wrapper {padding: 0 32px}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review {box-
sizing: border-box; border-bottom: 1px solid #E9EDF8; display: table; padding: 24px
0; width: 100%}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review a {color:
inherit}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review a:hover
{color: #0D6069}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review a:active
{color: #0D6069}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left,
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .right
{box-sizing: border-box; display: table-cell; vertical-align: top}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
{padding-right: 12px; width: 72%; word-break: break-word}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_author {display: inline-block; line-height: 40px}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_author .persona_icon {display: inline-block; margin-right: 12px; vertical-
align: bottom}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_author a {color: #1C263D}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_author a:hover {color: #0D6069}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_author a:active {color: #0D6069}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_author a .icon {padding-left: 10px; font-size: 12px}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.object_grid {padding-left: 0; display: table-cell}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.object_grid .thumb, .autogen_class_views_shared_review_list
.book_review_wrapper .book_review .left .object_grid .object_cell {width: 108px;
height: 143px; margin-bottom: 0}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.info {display: table-cell; color: #1C263D; padding-left: 0}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.info h2 {margin: 0}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.info .book_title {display: block; font-size: 20px; overflow: hidden; line-height:
1em; max-height: 4em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-
orient: vertical; font-family: 'Source Sans Pro', sans-serif; color: #1C263D; font-
style: italic; margin: 0; white-space: normal}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.info .book_title:hover {color: #0D6069}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.info .author {font-family: 'Source Sans Pro', sans-serif; color: #1C263D; font-
size: 14px; font-weight: normal; margin: 3px 0 12px}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.info .author a {font-family: 'Source Sans Pro', sans-serif}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.info .review_body {margin-left: 0; min-height: auto}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_body {color: #57617A; margin-left: 52px; min-height: 90px; padding-right:
15px}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_body.truncate {display: block; font-size: 16px; overflow: hidden; line-
height: 1.5em; max-height: 6em}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_body .read_more {color: #1E7B85}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_body .read_more:hover {color: #0D6069}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_body .read_more:active {color: #0D6069}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_body.not_truncated .read_more {display: none}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_body.expanded {overflow: visible; max-height: none; display: block}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .left
.review_body.expanded .read_more {display: none}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .right
{border-left: 1px solid #E9EDF8; color: #57617A; font-size: 14px; padding-left:
12px; position: relative; width: 28%}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review .right
.star_ratings {margin-bottom: 5px}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review
.upvote, .autogen_class_views_shared_review_list .book_review_wrapper
.book_review .downvote {display: none}
.autogen_class_views_shared_review_list .book_review_wrapper
.book_review.upvoted .vote, .autogen_class_views_shared_review_list
.book_review_wrapper .book_review.downvoted .vote {display: none}
.autogen_class_views_shared_review_list .book_review_wrapper
.book_review.upvoted .upvote {display: block}
.autogen_class_views_shared_review_list .book_review_wrapper .book_review.downvoted
.downvote {display: block}

/* app/views/shared/search/autocompleter.css @ 1524604435 */
.autogen_class_views_shared_search_autocompleter .search_autocompleter {width:
460px; z-index: 2998; position: absolute; top: 42px; left: 0px; font-size: 14px;
line-height: 18px; border-radius: 2px; border: 1px solid #E2E2E2; box-shadow: 0
-1px 10px rgba(0, 0, 0, 0.2)}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .scroller
{overflow-y: scroll; background-color: white}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .scroller::-
webkit-scrollbar {-webkit-appearance: none; width: 6px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .scroller::-
webkit-scrollbar-track {background: #F8F9FD; border-radius: 4px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .scroller::-
webkit-scrollbar-thumb {background: #CACED9; border-radius: 10px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_section
a:hover {text-decoration: none}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_section.first_visible .ac_category {border-top: 0; box-shadow: none}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_category
{color: #146c88; position: relative; border-top: 1px solid #E2E2E2; padding: 6px 0}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_category
.ac_section_title {color: #1E7B85; position: absolute; top: 0; width: 120px;
margin-top: 5px; padding: 5px 0 5px 20px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_category
.ac_item_container {margin-left: 145px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_category
h4 {font-size: 14px; text-transform: capitalize; margin: 0; font-weight: bold}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_category.active .ac_section_title {color: #1E7B85; background-color: #F8F9FD}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_all_results h4:after {font-family: 'scribd'; font-size: 12px; margin-left: 2px;
vertical-align: middle; position: absolute; right: 10px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_all_results .ac_category {line-height: 40px; height: 40px; height: 40px; line-
height: 40px; padding-top: 0; padding-bottom: 0}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_all_results .ac_section_title {width: auto; position: static; margin-top: 0;
padding-top: 0; padding-bottom: 0}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_all_results:hover {background-color: #F8F9FD}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item
{overflow: hidden; height: 50px; padding: 6px 20px 6px 6px; position: relative;
transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-
transition: all 0.1s ease-in-out}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item
.doc_title {color: #57617A; font-weight: bold; display: block; font-size: 14px;
overflow: hidden; line-height: 1.28571em; max-height: 2.57142em}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item
.doc_author {color: #57617A; line-height: 22px; font-weight: bold; display: block;
font-size: 14px; overflow: hidden; line-height: 1.28571em; max-height: 1.28571em}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_item:hover, .autogen_class_views_shared_search_autocompleter
.search_autocompleter .ac_item.active {color: #1E7B85; background-color: #F8F9FD}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_item:hover .item_content, .autogen_class_views_shared_search_autocompleter
.search_autocompleter .ac_item.active .item_content {color: #1C263D}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_item:hover .item_content .doc_author,
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_item.active .item_content .doc_author {color: #57617A}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_item:hover .item_content .doc_title,
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_item.active .item_content .doc_title {color: #1C263D}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item
.item_image {box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); width: 36px; height:
47.83893px; position: absolute; left: 6px; background-repeat: no-repeat;
background-size: cover}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item
.item_content {color: #57617A; font-weight: bold; position: relative; top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left:
48px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_icon
{margin: 11px 7px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.sprite.ac_publishers {margin: 7px 7px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_publishers .ac_item, .autogen_class_views_shared_search_autocompleter
.search_autocompleter .ac_authors .ac_item {height: 36px}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_publishers .ac_item .item_image,
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_authors .ac_item .item_image {height: 36px; width: 36px; border-radius: 50%;
background-position: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1)}
.autogen_class_views_shared_search_autocompleter .search_autocompleter
.ac_publishers .item_content, .autogen_class_views_shared_search_autocompleter
.search_autocompleter .ac_authors .item_content {display: block; font-size: 14px;
overflow: hidden; line-height: 1.28571em; max-height: 2.57142em}
.autogen_class_views_shared_search_autocompleter .search_autocompleter em,
.autogen_class_views_shared_search_autocompleter .search_autocompleter strong
{font-weight: bold; font-style: normal; background: #F8F9FD}

/* app/views/shared/sharing_buttons.css @ 1524604435 */
.autogen_class_views_shared_sharing_buttons {list-style-type: none; padding: 0;
margin: 0}
.autogen_class_views_shared_sharing_buttons.single_line .share_button {display:
inline-block; margin-right: 6px}
.autogen_class_views_shared_sharing_buttons.single_line .share_button:last-child
{margin-right: 0}
.autogen_class_views_shared_sharing_buttons.single_line .icon {font-size: 18px}
.autogen_class_views_shared_sharing_buttons.single_line > div a:hover {color:
#0D6069}
.autogen_class_views_shared_sharing_buttons.single_line > div a:active {color:
#0D6069}
.autogen_class_views_shared_sharing_buttons.single_line .facebook a {color:
#3b5998; position: relative; top: -1px}
.autogen_class_views_shared_sharing_buttons.single_line .twitter a {color: #55acee}
.autogen_class_views_shared_sharing_buttons.single_line .pinterest a {color:
#c8232c}
.autogen_class_views_shared_sharing_buttons.single_line .email a {color: #146c88}
.autogen_class_views_shared_sharing_buttons.stacked .share_button {padding: 14px
14px 10px 8px}
.autogen_class_views_shared_sharing_buttons.stacked .label {vertical-align: middle;
margin: 0 6px}
.autogen_class_views_shared_sharing_buttons.stacked .facebook a:hover {color:
#3b5998}
.autogen_class_views_shared_sharing_buttons.stacked .twitter a:hover {color:
#55acee}
.autogen_class_views_shared_sharing_buttons.stacked .pinterest a:hover {color:
#c8232c}
.autogen_class_views_shared_sharing_buttons.stacked .email a:hover {color: #146c88}
.autogen_class_views_shared_sharing_buttons .icon {display: inline-block; font-
size: 20px; vertical-align: middle}
.autogen_class_views_shared_sharing_buttons .share_buttons {margin: 0; padding: 0}

/* app/views/shared/smart_tabs.css @ 1524604435 */
.autogen_class_views_shared_smart_tabs .hover_menu.open .sub_menu {opacity: 1}
.autogen_class_views_shared_smart_tabs .sub_menu {top: 30px; left: 0; line-height:
35px; padding: 0; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
border: 1px solid #E9EDF8; opacity: 0; transition: opacity 0.5s ease; -moz-
transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease}
.autogen_class_views_shared_smart_tabs .sub_menu .menu_item {text-transform: none;
padding: 0 18px; color: #57617A; height: 35px; white-space: nowrap}
.autogen_class_views_shared_smart_tabs .sub_menu .menu_item:hover {background:
#EAEAEA; color: #1E7B85}
.autogen_class_views_shared_smart_tabs .tab.last {margin-right: 0}

/* app/views/chrome/_language_selector.css @ 1524604435 */
.autogen_class_views_chrome_language_selector .language_label,
.autogen_class_views_chrome_language_selector .language {display: inline-block}
.autogen_class_views_chrome_language_selector .language .language_link {border:
none; background: #F8F9FD; color: #1E7B85; transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-
out}
.autogen_class_views_chrome_language_selector .language .language_link:hover,
.autogen_class_views_chrome_language_selector .language .language_link:active
{color: #0D6069}
.autogen_class_views_chrome_language_selector .language_selector {box-sizing:
border-box; padding: 1em 0; width: 12.5em; text-align: left; color: #1C263D}
.autogen_class_views_chrome_language_selector .language_selector .language_list
{padding: 0; margin: 0}
.autogen_class_views_chrome_language_selector .language_selector .language_list
.item {list-style: none}
.autogen_class_views_chrome_language_selector .language_selector .language_list
.item.active {color: #1C263D; font-weight: bold}
.autogen_class_views_chrome_language_selector .language_selector .language_list
.item a {display: block; color: #57617A; padding: 0 2em; line-height: 2.4em;
height: 2.4em; width: 8.5em; transition: all 0.2s ease-in-out; -moz-transition: all
0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background:
transparent}
.autogen_class_views_chrome_language_selector .language_selector .language_list
.item a:hover {color: #57617A; background: #E9EDF8}

/* app/views/chrome/_branding.css @ 1524604435 */
.leader_branding {text-align: left; background: white; border-bottom: 1px solid
#E9EDF8}
.leader_branding .inner {width: 996px; margin: 0 auto 0 auto; padding: 14px 0}
.leader_branding h2 {font-size: 16px; white-space: nowrap; font-weight: normal;
margin: 0}
.leader_branding h2 .sub {color: #57617A}

/* app/views/chrome/_footer_links.css @ 1524604435 */
.autogen_class_views_chrome_footer_links {position: relative; padding: 20px 0 12px
0; border-top: 1px solid #E9EDF8; font-size: 12px; line-height: 12px}
.autogen_class_views_chrome_footer_links .secondary {color: #57617A; display:
inline-block; margin: 0 10px}
.autogen_class_views_chrome_footer_links a.secondary:hover {color: #0D6069}
.autogen_class_views_chrome_footer_links .dot_divider {color: #57617A; position:
relative; top: -3px}
.autogen_class_views_chrome_footer_links .footer_cell {display: inline-block; font-
size: 12px}
.autogen_class_views_chrome_footer_links ul {margin: 0; padding: 0}
.autogen_class_views_chrome_footer_links ul li {display: inline-block}

/* app/views/chrome/_social_buttons.css @ 1524604435 */
.autogen_class_views_chrome_social_buttons {padding: 0; margin: 0}
.autogen_class_views_chrome_social_buttons .icontainer {display: inline-block;
vertical-align: top}
.autogen_class_views_chrome_social_buttons .icon {display: inline-block; font-size:
21px; vertical-align: top; margin: 12px 6px}
.autogen_class_views_chrome_social_buttons .icon:hover:hover {color: #0D6069}
.autogen_class_views_chrome_social_buttons .icon:hover:active {color: #0D6069}
.autogen_class_views_chrome_social_buttons .icon.scribd {color: #1E7B85}
.autogen_class_views_chrome_social_buttons .icon.facebook {color: #3b5998}
.autogen_class_views_chrome_social_buttons .icon.twitter {color: #55acee}
.autogen_class_views_chrome_social_buttons .icon.twitter {color: #55acee}
.autogen_class_views_chrome_social_buttons .icon.pinterest {color: #c8232c}

/* app/views/chrome/_user_menu.css @ 1524604435 */
.autogen_class_views_chrome_user_menu {display: none; background-color: #fff; min-
width: 240px; position: absolute; border: 2px solid #E9EDF8; padding: 0; padding-
top: 10px; right: 17px; top: 60px; text-align: left}
.autogen_class_views_chrome_user_menu .user_util_close_btn {display: none; border:
none; cursor: pointer; background: white; color: inherit}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_menu
.user_util_close_btn {display: block; position: absolute; top: 13px; right: 17px;
padding: 10px; font-size: 14px}
.responsive .autogen_class_views_chrome_user_menu .user_util_close_btn:hover,
.responsive .autogen_class_views_chrome_user_menu .user_util_close_btn .hover,
.keyboard_focus .responsive .autogen_class_views_chrome_user_menu
.user_util_close_btn .user_util_close_btn:focus {background: #F8F9FD}
.responsive .autogen_class_views_chrome_user_menu .user_util_close_btn:active
{color: #F8F9FD; background: #1C263D}
}
.autogen_class_views_chrome_user_menu .list {padding-left: 0; margin-bottom: 0}
.autogen_class_views_chrome_user_menu .list li {list-style: none}
.autogen_class_views_chrome_user_menu .list .row {transition: background-color
0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color
0.2s; box-sizing: border-box; color: #57617A; font-size: 16px; display: block;
height: 100%; padding: 4px 16px; width: 100%}
.autogen_class_views_chrome_user_menu .list .row:hover,
.autogen_class_views_chrome_user_menu .list .row:active {opacity: 0.8}
.keyboard_focus .autogen_class_views_chrome_user_menu .list .row:focus {opacity:
0.8}
.autogen_class_views_chrome_user_menu .list .section_separator {margin: 0 16px;
padding: 5px 0}
.autogen_class_views_chrome_user_menu .list .section_separator.border_top {border-
top: 1px solid #E9EDF8}
.autogen_class_views_chrome_user_menu .list .upload_action_btn {display: none}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_menu
.list .upload_action_btn {display: block}
}
.autogen_class_views_chrome_user_menu .top {font-size: 18px; color: #1C263D; line-
height: normal; padding: 12px 16px}
@media (max-width: 550px) {.responsive .autogen_class_views_chrome_user_menu .top
{font-size: 16px}
}
.autogen_class_views_chrome_user_menu .top .user_name:hover {text-decoration: none}
.autogen_class_views_chrome_user_menu .top strong {color: #57617A}
.autogen_class_views_chrome_user_menu .top .view_profile {font-size: 14px; color:
#57617A}
.autogen_class_views_chrome_user_menu .new {font-size: 14px; font-weight: bold;
color: #57617A; background: #E9EDF8; border-radius: 12px; padding: 2px 4px; float:
right}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_menu {top:
61px; left: 0; right: 0; height: 100vh; border: none}
}

/* app/views/chrome/_user_util.css @ 1524604435 */
.autogen_class_views_chrome_user_util {cursor: pointer; height: 58px; background:
transparent; border: none; padding: 0 24px}
.autogen_class_views_chrome_user_util .user_menu_btn {border: none; background-
color: transparent; position: relative; top: 9px}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_util
.user_menu_btn {display: none}
}
.autogen_class_views_chrome_user_util .persona_icon {color: #1E7B85}
@media (max-width: 700px) {.autogen_class_views_chrome_user_util .persona_icon
{margin: 0 18px}
}
.autogen_class_views_chrome_user_util .overflow_icon {position: absolute; top:
18px; right: 23px; font-size: 20px; color: #0D6069; visibility: hidden}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_util
.overflow_icon {visibility: visible}
}
.autogen_class_views_chrome_user_util .arrow {position: absolute; top: 25px; right:
30px; font-size: 10px; color: #1E7B85}
@media (max-width: 1024px) {.responsive .autogen_class_views_chrome_user_util
.arrow {right: 30px}
}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_util .arrow
{display: none}
}
.autogen_class_views_chrome_user_util:hover .overflow_icon,
.autogen_class_views_chrome_user_util:hover .persona_icon,
.autogen_class_views_chrome_user_util:hover .arrow,
.autogen_class_views_chrome_user_util.hover .overflow_icon, .keyboard_focus
.autogen_class_views_chrome_user_util:focus .overflow_icon,
.autogen_class_views_chrome_user_util.hover .persona_icon, .keyboard_focus
.autogen_class_views_chrome_user_util:focus .persona_icon,
.autogen_class_views_chrome_user_util.hover .arrow, .keyboard_focus
.autogen_class_views_chrome_user_util:focus .arrow {color: #0D6069}
.autogen_class_views_chrome_user_util:hover img,
.autogen_class_views_chrome_user_util.hover img, .keyboard_focus
.autogen_class_views_chrome_user_util:focus img {opacity: 0.8}
.autogen_class_views_chrome_user_util .bare_user {zoom: 1}
.autogen_class_views_chrome_user_util .bare_user:after {content: ""; display:
table; clear: both}
.autogen_class_views_chrome_user_util .bare_user .user_pic,
.autogen_class_views_chrome_user_util .bare_user .user_name {float: right}
.autogen_class_views_chrome_user_util .bare_user .user_pic {margin-right: 45px}
@media (max-width: 600px) {.responsive .autogen_class_views_chrome_user_util
.bare_user .user_pic {margin-right: 18px}
}
.autogen_class_views_chrome_user_util .bare_user .user_name {color: white; margin-
top: 15px}
@media (max-width: 600px) {.responsive .autogen_class_views_chrome_user_util
.bare_user .user_name {display: none}
}
.autogen_class_views_chrome_user_util .bare_user .icon-ic_user_circle {margin-top:
10px}
.autogen_class_views_chrome_user_util .with_padding {padding: 0 24px}
.autogen_class_views_chrome_user_util .icon-ic_right_caret_alt {font-size: 9px;
position: relative; margin-left: 5px; vertical-align: middle}
.autogen_class_views_chrome_user_util .notification_count {color: white;
background: #cc0000; position: relative; top: -8px; left: 4px; padding: 1px 6px;
border-radius: 8px; font-weight: bold; border-top: 1px solid #ff6666; border-
bottom: 1px solid #990000; box-shadow: 0px 0px 3px red; text-shadow: 1px 1px 0px
#990000}
@media (max-width: 1024px) {.responsive .autogen_class_views_chrome_user_util
{padding: 0 24px 0 10px}
}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_util
{width: 20px; padding: 0 10px}
}
@media (max-width: 700px) {.bare .autogen_class_views_chrome_user_util {width:
auto}
}

/* app/views/chrome/browse_all_menu.css @ 1524604435 */
.autogen_class_views_chrome_browse_all_menu {/*The dropdown menu escapes from the
header container */ position: absolute; left: 0; right: 0; top: 62px; overflow-y:
scroll; /*The dropdown menu takes over the screen and hides initially */ height:
100vh; display: none; /*The dropdown menu has z-index 1 greater than the top nav to
hide the nav bar on narrow */ z-index: 21; /*The dropdown menu has an transparent
overlay effect above 1024px */ background-color: rgba(87, 97, 122, 0.35); /*
#slate600 */ /*clear*/ }
@media (max-width: 1024px) {.responsive .autogen_class_views_chrome_browse_all_menu
{background-color: white}
}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_browse_all_menu
{top: 61px}
}
.autogen_class_views_chrome_browse_all_menu ul {margin: 0; padding: 0}
.autogen_class_views_chrome_browse_all_menu ul li {list-style: none; line-height:
normal}
.autogen_class_views_chrome_browse_all_menu .menu_wrapper {background: white}
.autogen_class_views_chrome_browse_all_menu .menu {max-width: 1024px; margin: 0
auto; padding-bottom: 100px; /* for scrolling to bottom elements */ padding: 10px
24px 20px 24px; position: relative; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-
flex-direction: column; flex-direction: column}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_title {font-size:
16px; font-weight: bold; color: #1C263D; margin: 10px 15px; padding-bottom: 10px;
text-transform: uppercase; border-bottom: 1px solid #E9EDF8}
.autogen_class_views_chrome_browse_all_menu .menu .close_btn {position: absolute;
padding: 10px; top: 15px; right: 40px; font-size: 14px; cursor: pointer;
background: white; border: none; color: #1C263D; transition: none; -moz-transition:
none; -webkit-transition: none}
.autogen_class_views_chrome_browse_all_menu .menu .close_btn:hover,
.autogen_class_views_chrome_browse_all_menu .menu .close_btn.hover, .keyboard_focus
.autogen_class_views_chrome_browse_all_menu .menu .close_btn:focus, .keyboard_focus
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list .close_btn.content_type_btn:focus
{background: #F8F9FD}
.autogen_class_views_chrome_browse_all_menu .menu .close_btn:active {color:
#F8F9FD; background: #1C263D}
@media (max-width: 700px) {.responsive
.autogen_class_views_chrome_browse_all_menu .menu .close_btn {top: 13px; right:
17px}
}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types {margin: 0 10px}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list {display: -webkit-box;display: -ms-
flexbox;display: flex}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list li {width: 25%}
@media (max-width: 1024px) {.responsive .autogen_class_views_chrome_browse_all_menu
.menu .browse_by_content_type_container .all_content_types ul.content_type_list li
{width: 50%}
}
@media (max-width: 700px) {.responsive
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list li {width: 100%}
}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list .content_type_btn {display: inline-block}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list .content_type_btn .icon_and_text_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center; font-size: 16px; color:
#1E7B85; padding: 10px 5px}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list .content_type_btn .icon_and_text_wrapper
.icon {font-size: 27px; padding-right: 12px}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list .content_type_btn .icon_and_text_wrapper
.content_type_name {color: #1C263D}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list .content_type_btn:hover .content_type_name,
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list .content_type_btn.hover .content_type_name,
.keyboard_focus .autogen_class_views_chrome_browse_all_menu .menu
.browse_by_content_type_container .all_content_types ul.content_type_list
.content_type_btn:focus .content_type_name {opacity: 0.9}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list .content_type_btn:hover .icon,
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container
.all_content_types ul.content_type_list .content_type_btn.hover .icon,
.keyboard_focus .autogen_class_views_chrome_browse_all_menu .menu
.browse_by_content_type_container .all_content_types ul.content_type_list
.content_type_btn:focus .icon {color: #0D6069}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_interest_container
.all_interests {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-
box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 25em; margin:
10px}
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_interest_container
.all_interests .interest_block {margin: 0px; margin-top: 10px}
@media (max-width: 1024px) {.responsive .autogen_class_views_chrome_browse_all_menu
.menu .browse_by_interest_container .all_interests {height: 1000px}
.responsive .autogen_class_views_chrome_browse_all_menu .menu
.browse_by_interest_container .all_interests .top_level_interest.parent_interest
{line-height: 1.9em}
.responsive .autogen_class_views_chrome_browse_all_menu .menu
.browse_by_interest_container .all_interests .interest_block .child_interest {line-
height: 2em}
}
@media (max-width: 700px) {.responsive
.autogen_class_views_chrome_browse_all_menu .menu .browse_by_interest_container
.all_interests {height: auto}
}
@media (max-width: 1024px) {.responsive .autogen_class_views_chrome_browse_all_menu
.menu .browse_by_content_type_container .content_type_list {-ms-flex-wrap:
wrap;flex-wrap: wrap}
}
@media (max-width: 700px) {.responsive
.autogen_class_views_chrome_browse_all_menu .menu {padding-bottom: 100px; padding:
10px 1px 20px 1px}
}

/* app/views/chrome/column_footer.css @ 1524604435 */
.autogen_class_views_chrome_column_footer {border-top: 1px solid #E9EDF8;
background: #F8F9FD}
.autogen_class_views_chrome_column_footer .column_footer {margin: 0 auto; width:
820px; padding-top: 25px; text-align: center}
.autogen_class_views_chrome_column_footer .column_footer .primary_links {margin: 0
auto; padding: 0}
.autogen_class_views_chrome_column_footer .column_footer .primary_links li {list-
style: none; display: inline-block}
.autogen_class_views_chrome_column_footer .column_footer .primary_links li a
{display: inline-block; padding: 0 30px; font-size: 12px; color: #1C263D; font-
weight: bold; text-transform: uppercase; letter-spacing: 0.1em; text-align: left}
.autogen_class_views_chrome_column_footer .column_footer .primary_links li a:hover
{color: #0D6069}
.autogen_class_views_chrome_column_footer .column_footer .primary_links li a:active
{color: #0D6069}
.autogen_class_views_chrome_column_footer .column_footer .primary_links li
a.contact {display: inline}
.autogen_class_views_chrome_column_footer .column_footer .social_container {height:
31px; padding: 14px 0 35px 0}
.autogen_class_views_chrome_column_footer .column_footer .social_container
.social_icons {display: inline-block; vertical-align: top}
.autogen_class_views_chrome_column_footer .column_footer .social_container
.mobile_icons {position: relative; top: -3px; display: inline-block; margin: 0 0 0
5px; padding: 0}
.autogen_class_views_chrome_column_footer .column_footer .social_container
.mobile_icons li {display: inline-block}
.autogen_class_views_chrome_column_footer .column_footer .social_container
.mobile_icons li a {margin: 9px 8px 0 0; display: inline-block; vertical-align:
middle}
.autogen_class_views_chrome_column_footer .column_footer .social_container
.mobile_icons .app_store_link {height: 35px}
.autogen_class_views_chrome_column_footer .back_to_top_link,
.autogen_class_views_chrome_column_footer .primary_links {display: -webkit-inline-
box;display: -ms-inline-flexbox;display: inline-flex}
@media (max-width: 768px) {.autogen_class_views_chrome_column_footer
.back_to_top_link, .autogen_class_views_chrome_column_footer .primary_links
{display: block}
}
.autogen_class_views_chrome_column_footer .back_to_top_link {display: none; margin-
right: 20px}
@media (max-width: 768px) {.autogen_class_views_chrome_column_footer
.back_to_top_link {margin-right: 0px}
}
@media (max-width: 600px) {.responsive .autogen_class_views_chrome_column_footer
.column_footer {width: 300px}
.responsive .autogen_class_views_chrome_column_footer .hide_on_responsive {display:
none}
.responsive .autogen_class_views_chrome_column_footer .primary_links {width: auto}
.responsive .autogen_class_views_chrome_column_footer .primary_links a {display:
block; width: auto; padding: 5px 0; text-align: center}
.responsive .autogen_class_views_chrome_column_footer .primary_links a.contact
{display: block}
.responsive .autogen_class_views_chrome_column_footer .social_container {height:
73px; padding: 8px 0 35px 0}
.responsive .autogen_class_views_chrome_column_footer .secondary_links {padding:
15px 0}
.responsive .autogen_class_views_chrome_column_footer .secondary_links .secondary
{margin: 3px 12px}
}
.autogen_class_views_chrome_column_footer .directory_links {font-size: 12px; color:
#57617A; padding: 0 0 20px 0; margin: 0}
.autogen_class_views_chrome_column_footer .directory_links li {display: inline-
block}
.autogen_class_views_chrome_column_footer .directory_links li a {display: inline-
block; margin: 0 5px; color: #57617A}

/* app/views/chrome/flash.css @ 1524604435 */
.flash_container .flash {font-size: 16px; text-align: center}
.flash_container .flash.success {background-color: #DFF0D8; border-color: #3C763D;
color: #3C763D}
.flash_container .flash.notice {background-color: #F3F6FD; border-color: #1C263D;
color: flash_notice_text_color}
.flash_container .flash.error {background-color: #F2DEDE; border-color: #B31E30;
color: #B31E30}
.flash_container .flash .icon {display: inline-block; font-size: 20px; margin-
right: 5px; position: relative; top: 3px}
.flash_container .flash a:not(.flat_btn), .flash_container .flash
a:hover:not(.flat_btn), .flash_container .flash a:active:not(.flat_btn) {color:
inherit; font-weight: bold; text-decoration: underline}
.flash_container .flash.standard {overflow: hidden; padding-bottom: 0; padding-
left: 24px; padding-right: 64px; padding-top: 0; position: relative; height: 0}
@media (max-width: 700px) {.flash_container .flash.standard {padding-left: 16px;
padding-right: 48px}
}
.flash_container .flash.standard.non_dismissible {padding-right: 24px}
@media (max-width: 700px) {.flash_container .flash.standard.non_dismissible
{padding-right: 16px}
}
.flash_container .flash.standard .content {padding: 18px 0}
.flash_container .flash.standard .flash_close_button {bottom: 0; color: inherit;
height: 30px; margin: auto; padding: 1px 0; position: absolute; right: 16px; top:
0; width: 30px}
@media (max-width: 700px) {.flash_container .flash.standard .flash_close_button
{right: 8px}
}
.flash_container .flash.standard.success {border-bottom: 1px solid rgba(60, 118,
64, 0.3)}
.flash_container .flash.standard.notice {border-bottom: 1px solid rgba(28, 38, 61,
0.2)}
.flash_container .flash.standard.error {border-bottom: 1px solid rgba(179, 30, 48,
0.2)}
.flash_container .flash.standard.error.dunning_nway_loss_aversion {background-
color: #B31E30; color: #FAFBFD}
.flash_container .flash.standard.warning {border: 1px solid rgba(179, 30, 48, 0.2);
text-align: left; padding-left: 20px; padding-right: 20px; margin-bottom: 16px}
.flash_container .flash.standard.warning .content {display: -webkit-box;display:
-ms-flexbox;display: flex}
.flash_container .flash.standard.warning .content .icon {margin-right: 20px}
.flash_container .flash.toast {border-radius: 4px; border-style: solid; border-
width: 1px; left: 0; margin: auto; padding: 16px 18px; position: fixed; right: 0;
top: 33px; -webkit-transition: opacity .5s ease-in; transition: opacity .5s ease-
in; width: 275px; z-index: 30001}
.flash_container .flash.toast.flash-appear {opacity: 0.01}
.flash_container .flash.toast.flash-appear.flash-appear-active {opacity: 1}
.flash_container .flash.toast.flash-leave {opacity: 1}
.flash_container .flash.toast.flash-leave.flash-leave-active {opacity: 0.01}

/* app/views/chrome/footer.css @ 1524604435 */
.autogen_class_views_chrome_footer {background: #F8F9FD; border-top: 2px solid
#E9EDF8; text-align: center}
.autogen_class_views_chrome_footer.narrow_columns .columns {max-width: 650px;
margin: 0 auto 30px auto}
.autogen_class_views_chrome_footer.narrow_columns .joint_column {width: 50%}
.autogen_class_views_chrome_footer.narrow_columns .inner {display: block}
.autogen_class_views_chrome_footer.narrow_columns .social_container .mobile_icons
{position: static; margin: 20px 0 0 0; padding: 0}
.autogen_class_views_chrome_footer.narrow_columns .social_container .mobile_icons
li {display: inline-block}
.autogen_class_views_chrome_footer.narrow_columns .social_container .mobile_icons
li .app_link {display: inline-block; margin: 0; margin-right: 20px}
.autogen_class_views_chrome_footer .back_to_top_link {display: none; vertical-
align: top; position: relative; top: 30px}
@media (max-width: 950px) {.autogen_class_views_chrome_footer .back_to_top_link
{margin: 0 0 30px 30px; float: left}
}
.autogen_class_views_chrome_footer .inner {position: relative; padding: 30px;
margin: 0 auto; display: inline-block}
.autogen_class_views_chrome_footer .list {list-style: none; margin: 0; padding: 0;
margin-top: 8px}
.autogen_class_views_chrome_footer .list li {line-height: 24px}
.autogen_class_views_chrome_footer .social_container .icon {display: inline-block;
margin: 0 10px 0 0; font-size: 24px}
.autogen_class_views_chrome_footer .social_container .list {margin-top: 0px}
.autogen_class_views_chrome_footer .social_container .social_icons {margin-bottom:
20px}
.autogen_class_views_chrome_footer .social_container .mobile_icons {padding: 0;
margin: 0}
.autogen_class_views_chrome_footer .social_container .mobile_icons .app_store_img
{height: 40px}
.autogen_class_views_chrome_footer .social_container .mobile_icons li {display:
block}
.autogen_class_views_chrome_footer .social_container .mobile_icons li .app_link
{display: block; margin-bottom: 4px}
.autogen_class_views_chrome_footer .social_container .mobile_icons li .app_link img
{display: block}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_footer
.social_container .mobile_icons {margin-top: 0px}
}
.autogen_class_views_chrome_footer .columns {position: relative; text-align: left;
margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_footer .columns
{-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack:
start; justify-content: flex-start}
.responsive .autogen_class_views_chrome_footer .columns .column {margin-bottom:
10px; width: 50%}
}
.autogen_class_views_chrome_footer .joint_column {width: 152px; display: inline-
block; vertical-align: top; text-align: left}
.autogen_class_views_chrome_footer .joint_column .column {display: block; width:
auto; margin-bottom: 18px}
.autogen_class_views_chrome_footer .joint_column .column:last-child {margin-bottom:
0}
.autogen_class_views_chrome_footer .column {width: 152px; display: inline-block;
vertical-align: top; text-align: left}
.autogen_class_views_chrome_footer .column:not(.social_container) a {font-size:
12px; color: #444444}
.autogen_class_views_chrome_footer .column:not(.social_container) a:hover {color:
#0D6069}
.autogen_class_views_chrome_footer .column:not(.social_container) a:active {color:
#0D6069}
.autogen_class_views_chrome_footer .column:not(.social_container) a .icon {font-
size: 12px}
.autogen_class_views_chrome_footer .column:last-child {margin-right: 0}
.autogen_class_views_chrome_footer .column .social_title {margin: 0; color:
#666666; letter-spacing: 0.075em; text-transform: uppercase; font-size: 14px; font-
weight: bold}
.autogen_class_views_chrome_footer .ad_choices {margin-right: 4px; position:
relative; overflow: hidden; height: 12px; width: 13px; display: inline-block; top:
2px}
.autogen_class_views_chrome_footer .ad_choices .ad_choices_icon {position:
absolute; top: -14px; left: -78px; max-width: none}

/* app/views/chrome/header.css @ 1524604435 */
.autogen_class_views_chrome_header {position: relative; padding-right: 19px; z-
index: 20; background: #FAFBFD; margin: 0; padding: 0; text-align: left; /*
#progress_bar_mount {position: absolute; left: 0; top: 0; width: 100%}
*/ }
.responsive .autogen_class_views_chrome_header {position: fixed; top: 0; left: 0;
width: 100%}
.fixed_min_width .autogen_class_views_chrome_header {min-width: 320px}
.autogen_class_views_chrome_header .header_upper {height: 3.75em; background:
#FAFBFD; position: relative; z-index: 1; border-bottom: 2px solid #E9EDF8; padding:
0 24px 0 24px; top: 0; max-height: 70px}
.autogen_class_views_chrome_header .header_upper .bxc {border: 0; clip: rect(0 0 0
0); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position:
absolute}
.autogen_class_views_chrome_header .header_upper .user_util {display: inline-block;
transition: margin-right 0.25s ease; -moz-transition: margin-right 0.25s ease;
-webkit-transition: margin-right 0.25s ease; z-index: 1; margin: 0 2px; vertical-
align: top}
.autogen_class_views_chrome_header .header_upper .user_util
.user_profile_image.missing {color: #1E7B85}
.autogen_class_views_chrome_header .header_upper .icon_btn {display: inline-block;
font-size: 14px}
.autogen_class_views_chrome_header .header_upper .icon_btn .icon_btn_text {font-
size: 16px; font-weight: bold; color: #1E7B85; padding-left: 8px}
.autogen_class_views_chrome_header .header_upper .icon_btn .icon {display: inline-
block; font-size: 20px; vertical-align: top; position: relative; top: -1px; color:
#1E7B85}
.autogen_class_views_chrome_header .header_upper .icon_btn .icon,
.autogen_class_views_chrome_header .header_upper .icon_btn .icon_btn_text
{transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -webkit-
transition: opacity 0.2s ease; color: #1E7B85}
.autogen_class_views_chrome_header .header_upper .icon_btn .icon:hover,
.autogen_class_views_chrome_header .header_upper .icon_btn .icon:focus,
.autogen_class_views_chrome_header .header_upper .icon_btn .icon_btn_text:hover,
.autogen_class_views_chrome_header .header_upper .icon_btn .icon_btn_text:focus
{color: #0D6069}
.autogen_class_views_chrome_header .header_upper .icon_btn.library_btn
.new_items_indicator {display: none; left: 30px; top: 16px}
.autogen_class_views_chrome_header .header_upper .icon_btn.library_btn.new_items
.new_items_indicator {display: inline}
.autogen_class_views_chrome_header .header_upper .icon_btn:hover,
.autogen_class_views_chrome_header .header_upper .icon_btn.hover,
.keyboard_focus .autogen_class_views_chrome_header .header_upper .icon_btn:focus
{color: #0D6069}
.autogen_class_views_chrome_header .header_upper .icon_btn:hover .icon,
.autogen_class_views_chrome_header .header_upper .icon_btn:hover .icon_btn_text,
.autogen_class_views_chrome_header .header_upper .icon_btn:hover .arrow,
.autogen_class_views_chrome_header .header_upper .icon_btn.hover .icon,
.keyboard_focus .autogen_class_views_chrome_header .header_upper .icon_btn:focus
.icon, .autogen_class_views_chrome_header .header_upper .icon_btn.hover
.icon_btn_text, .keyboard_focus .autogen_class_views_chrome_header .header_upper
.icon_btn:focus .icon_btn_text, .autogen_class_views_chrome_header .header_upper
.icon_btn.hover .arrow, .keyboard_focus .autogen_class_views_chrome_header
.header_upper .icon_btn:focus .arrow {color: #0D6069}
.autogen_class_views_chrome_header .header_upper .icon_btn:hover.library_btn
.new_items, .autogen_class_views_chrome_header .header_upper
.icon_btn.hover.library_btn .new_items, .keyboard_focus
.autogen_class_views_chrome_header .header_upper .icon_btn.library_btn:focus
.new_items {background-color: #87064b}
.autogen_class_views_chrome_header .header_upper .sign_in_btn {margin-left: 20px;
margin-right: 20px}
.autogen_class_views_chrome_header .header_upper .right_tools {display: inline-
block; float: right}
.autogen_class_views_chrome_header .header_upper .responsive_sign_in_overflow
{display: none}
@media (max-width: 1024px) {.responsive .autogen_class_views_chrome_header
.header_upper .right_tools .upload_btn .icon_btn_text, .responsive
.autogen_class_views_chrome_header .header_upper .right_tools .library_btn
.icon_btn_text {display: none}
.responsive .autogen_class_views_chrome_header .header_upper .right_tools .icon_btn
{padding: 0 10px}
.responsive .autogen_class_views_chrome_header .header_upper .right_tools
.icon_btn.library_btn {width: 44px; text-align: center; padding: 0}
.responsive .autogen_class_views_chrome_header .header_upper .right_tools
.icon_btn.library_btn .new_items_indicator {left: 23px}
.responsive .autogen_class_views_chrome_header .header_upper .right_tools
.persona_icon {margin: 0}
.responsive .autogen_class_views_chrome_header .header_upper .right_tools
.user_sign_in {display: inline-block}
.responsive .autogen_class_views_chrome_header .header_upper .right_tools
.user_sign_in .outline_btn {display: none}
.responsive .autogen_class_views_chrome_header .header_upper .right_tools
.responsive_sign_in_overflow {background: transparent; border: none; cursor:
pointer; display: inline-block; padding: 0 18px}
.responsive .autogen_class_views_chrome_header .header_upper .right_tools
.responsive_sign_in_overflow .overflow_icon {line-height: 58px; height: 58px;
color: #1E7B85}
}
@media (max-width: 700px) {.responsive .autogen_class_views_chrome_header
.header_upper {padding: 0px 5px 0px 16px}
.responsive .autogen_class_views_chrome_header .header_upper.logged_out
.browse_all_container .browse_all_btn {right: 100px; top: 2px}
.responsive .autogen_class_views_chrome_header .header_upper .right_tools
.responsive_search_btn {cursor: pointer; width: 44px; text-align: center; padding:
0; display: inline-block !important; background: transparent; border: none}
.responsive .autogen_class_views_chrome_header .header_upper .upload_btn,
.responsive .autogen_class_views_chrome_header .header_upper
.search_input_container {display: none}
.responsive .autogen_class_views_chrome_header .header_upper
.browse_all_container .browse_all_btn {margin: 0 2px; position: absolute; width:
44px; text-align: center; padding: 0; right: 148px; top: 0px}
.responsive .autogen_class_views_chrome_header .header_upper
.browse_all_container .browse_all_btn .icon_btn_text, .responsive
.autogen_class_views_chrome_header .header_upper .browse_all_container
.browse_all_btn .arrow {display: none}
.responsive .autogen_class_views_chrome_header .header_upper .user_util {padding:
0; width: 44px; text-align: center}
.responsive .autogen_class_views_chrome_header .header_upper .scribd_blue_long_logo
{width: 107px; height: 25px}
.responsive .autogen_class_views_chrome_header .header_upper .icon_btn {font-size:
22px}
}
.autogen_class_views_chrome_header .icon_btn {color: #1E7B85; transition:
background 0.2s; -moz-transition: background 0.2s; -webkit-transition: background
0.2s; background-color: transparent; height: 58px; line-height: 58px; margin: 0
2px; padding: 0 20px}
.autogen_class_views_chrome_header .icon_btn .icon {line-height: 58px}
.autogen_class_views_chrome_header .user_menu_btn .persona_icon {border-radius:
40px; overflow: hidden; height: 40px; width: 40px}
.autogen_class_views_chrome_header .browse_all_container {display: inline-block;
margin-left: 25px}
@media (max-width: 950px) {.autogen_class_views_chrome_header .browse_all_container
{margin-left: 20px}
}
.autogen_class_views_chrome_header .browse_all_container .browse_all_btn {position:
relative; background-color: transparent; border: none; font-family: inherit;
height: 58px; line-height: 58px; margin: 0; padding: 0 15px; cursor: pointer}
.autogen_class_views_chrome_header .browse_all_container .browse_all_btn .arrow
{height: 50%; margin: 3px; margin-left: 7px; font-size: 10px; color: #1E7B85}
.autogen_class_views_chrome_header .browse_all_container .browse_all_btn:hover,
.autogen_class_views_chrome_header .browse_all_container .browse_all_btn.hover,
.keyboard_focus .autogen_class_views_chrome_header .browse_all_container
.browse_all_btn:focus {color: #0D6069}
.autogen_class_views_chrome_header .header_logo {display: inline-block; vertical-
align: top; margin-top: 17px; z-index: 4; position: relative}
.autogen_class_views_chrome_header .header_logo .scribd_blue_long_logo_wrapper,
.autogen_class_views_chrome_header .header_logo .scribd_blue_long_logo {margin: 0}
.autogen_class_views_chrome_header .archive_onboarding_library_target {-webkit-
transition: opacity 1s ease-in-out, color 1s ease-in-out;transition: opacity 1s
ease-in-out, color 1s ease-in-out; position: relative}
.autogen_class_views_chrome_header
.archive_onboarding_library_target.introduction_highlight_target_enter {opacity:
0.01}
.autogen_class_views_chrome_header
.archive_onboarding_library_target.introduction_highlight_target {z-index: 999999 !
important; opacity: 1; color: #1E7B85}
.autogen_class_views_chrome_header
.archive_onboarding_library_target.introduction_highlight_target .icon_btn_text,
.autogen_class_views_chrome_header
.archive_onboarding_library_target.introduction_highlight_target .icon-
globalnav_library {color: #1E7B85; opacity: 1}
.autogen_class_views_chrome_header
.archive_onboarding_library_target.introduction_highlight_target:before {opacity:
1}
.autogen_class_views_chrome_header
.archive_onboarding_library_target.introduction_highlight_target:after {content:
''; background: transparent; position: absolute; top: 0; left: 0; right: 0; bottom:
0}
.autogen_class_views_chrome_header.bare .user_util_btn {padding: 0}
@media (max-width: 700px) {.autogen_class_views_chrome_header.bare .user_util_btn
{padding: 0 10px}
}
.autogen_class_views_chrome_header.payments_header .header_upper {min-height:
3.75em; height: auto; max-height: none; position: relative; display: -webkit-box;
display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-
direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-
pack: stretch; align-content: stretch}
.autogen_class_views_chrome_header.payments_header #progress_bar_mount {-webkit-
box-flex: 1;-ms-flex-positive: 1;flex-grow: 1}
.autogen_class_views_chrome_header .header_upper .search_input_container {display:
inline-block; margin-left: 25px}
@media (max-width: 950px) {.autogen_class_views_chrome_header .header_upper
.search_input_container {margin-left: 20px}
}
.autogen_class_views_chrome_header .header_upper .search_input_container
.search_input {height: 2em; padding-bottom: 0px; padding-top: 0px; width: 140px;
transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out;
-webkit-transition: width 0.2s ease-in-out}
@media (min-width: 800px) {.autogen_class_views_chrome_header .header_upper
.search_input_container .search_input.focused {width: 230px}
}
.autogen_class_views_chrome_header .header_upper .search_input_container
.search_button {height: 2em; min-height: 2em}
.autogen_class_views_chrome_header.responsive_wide .header_upper
.search_input_container {display: inline-block !important}
.autogen_class_views_chrome_header .search_back_btn {display: none; font-size:
23px; height: 33px; left: 0; position: absolute; top: 12px; -webkit-transform:
rotate(180deg); transform: rotate(180deg); width: 30px}
.responsive .autogen_class_views_chrome_header.search_responsive_input
.header_upper {padding: 0}
.responsive .autogen_class_views_chrome_header.search_responsive_input
.header_upper .search_input_container {left: 30px; margin-left: 0; position:
absolute; top: 14px; width: calc(100% - 43px)}
.responsive .autogen_class_views_chrome_header.search_responsive_input
.header_upper .search_input_container .search_input {width: 100%}

/* app/views/shared/_review_form_lightbox.css @ 1524604435 */
.autogen_class_views_shared_review_form_lightbox {min-width: 600px}
.autogen_class_views_shared_review_form_lightbox .review_form {padding: 0}

/* app/views/recommenders/modules/content_cohesive_carousel.css @ 1524604435 */
.autogen_class_views_recommenders_modules_content_cohesive_carousel
.carousel_wrap .carousel {height: 19.0625em}
@media (max-width: 700px)
{.autogen_class_views_recommenders_modules_content_cohesive_carousel .carousel_wrap
.carousel {height: 14.875em}
}
.
autogen_class_views_recommenders_modules_content_cohesive_carousel.magazine_carouse
l .carousel_wrap .carousel {height: 15.625em}
@media (max-width: 700px)
{.autogen_class_views_recommenders_modules_content_cohesive_carousel.magazine_carou
sel .carousel_wrap .carousel {height: 12.75em}
}

/* app/views/book_preview/_all_reviews.css @ 1524604435 */
.autogen_class_views_book_preview_all_reviews {border-bottom: 1px solid
transparent}
.autogen_class_views_book_preview_all_reviews .book_review_wrapper {margin: 0 46px}
.autogen_class_views_book_preview_all_reviews .header {padding: 46px 0; margin: 0
48px; border-bottom: 1px dashed #E9EDF8}
.autogen_class_views_book_preview_all_reviews .header h3 {text-align: center; font-
size: 22px; font-weight: bold}
@media (max-width: 550px) {.responsive
.autogen_class_views_book_preview_all_reviews .header h3 {font-size: 20px}
}
.autogen_class_views_book_preview_all_reviews .header .back {display: inline-block;
vertical-align: top; position: relative; float: left; width: 25px; height: 25px}
.autogen_class_views_book_preview_all_reviews .header .back:hover:after {border-
color: #0D6069}
.autogen_class_views_book_preview_all_reviews .header .back:after {content: '';
position: absolute; width: 12px; height: 12px; background: transparent; top: 4px;
left: 3px; border: 2px solid #1E7B85; border-top: none; border-right: none;
-webkit-transform: rotate(45deg); transform: rotate(45deg)}
.autogen_class_views_book_preview_all_reviews .rate_review {display: block}
.autogen_class_views_book_preview_all_reviews .load_more {text-align: center;
margin: 32px 0}

/* app/views/book_preview/components/_actions.jsxcss @ 1524604696 */
.auto__book_preview_components_actions .actions {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; height: 44px; white-space:
nowrap}
.auto__book_preview_components_actions .actions .first_btn_container {margin-right:
12px; position: relative}
.auto__book_preview_components_actions .actions .membership_details {position:
absolute; left: 0; right: 0; margin-top: 8px; font-size: 14px; line-height: 14px;
text-align: center; color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack:
center; justify-content: center; /*applied popover style arrow to button menu so we
can use react menu instead of popover widget*/ }
.auto__book_preview_components_actions .actions .membership_details .icon-
ic_abouttitle {margin-left: 5px}
.auto__book_preview_components_actions .actions .membership_details
.button_menu.popover_style {left: 40px; top: calc(100% - 80px); right: auto}
.auto__book_preview_components_actions .actions .membership_details
.button_menu.popover_style .button_menu_arrow {border-width: 16px; z-index: -2;
top: 50%; left: -16px; margin-top: -16px; border-left-width: 0; border-right-color:
#E9EDF8}
.auto__book_preview_components_actions .actions .membership_details
.button_menu.popover_style .button_menu_arrow:before {display: block; content: " ";
width: 30px; height: 30px; -webkit-transform: rotate(45deg); transform:
rotate(45deg); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; top:
-15px; left: 7.5px}
.auto__book_preview_components_actions .actions .membership_details
.button_menu.popover_style .button_menu_arrow,
.auto__book_preview_components_actions .actions .membership_details
.button_menu.popover_style .button_menu_arrow:after {position: absolute; display:
block; width: 0; height: 0; border-color: transparent; border-style: solid}
.auto__book_preview_components_actions .actions .membership_details
.button_menu.popover_style .button_menu_arrow:after {border-width: 15px; content: "
"; left: 1px; bottom: -15px; border-left-width: 0; border-right-color: white; top:
auto; margin-left: initial}
.auto__book_preview_components_actions .actions .membership_details
.popover_content {text-align: left; margin: 0px; list-style: none}
.auto__book_preview_components_actions .actions .membership_details
.popover_content li {text-indent: -11px; margin-left: 11px}
.auto__book_preview_components_actions .actions .membership_details
.popover_content li:before {position: relative; top: -1px; content: "\2022"; color:
#509ba8; padding-right: 0.5em}
.auto__book_preview_components_actions .actions .save_bookmark_btn {padding: 0}
.auto__book_preview_components_actions .actions .save_bookmark_btn.saved
span.in_library {display: inline}
.auto__book_preview_components_actions .actions .save_bookmark_btn.saved
.not_in_library {display: none}
.auto__book_preview_components_actions .actions
.save_bookmark_btn.saved:not(.disabled):hover .remove_from_library {display:
inline}
.auto__book_preview_components_actions .actions
.save_bookmark_btn.saved:not(.disabled):hover span.in_library {display: none}
.auto__book_preview_components_actions .actions .save_bookmark_btn .in_library,
.auto__book_preview_components_actions .actions .save_bookmark_btn
.remove_from_library {display: none}
.auto__book_preview_components_actions .actions .save_bookmark_btn [class*=icon]
{position: relative; top: -1px; margin-right: 2px; font-size: 11px}
@media (max-width: 700px) {.auto__book_preview_components_actions .actions {-
webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:
column;flex-direction: column}
.auto__book_preview_components_actions .actions .first_btn_container {margin: auto}
.auto__book_preview_components_actions .actions .cta,
.auto__book_preview_components_actions .actions .library_button {display: block;
width: 260px; margin: 5px auto}
.auto__book_preview_components_actions .actions .membership_details {display: none}
}
.auto__book_preview_components_actions .actions .edit_saved_btn {padding: 0 10px}

/* app/views/book_preview/components/available_in.jsxcss @ 1524604696 */
.auto__book_preview_components_available_in .also_available {text-align: center}
.auto__book_preview_components_available_in .also_available span {position:
relative; top: 2px; margin-right: 4px; font-size: 14px}
@media (max-width: 700px) {.auto__book_preview_components_available_in
.also_available {margin-top: 0; margin-bottom: 14px}
}

/* app/views/book_preview/components/book_price.jsxcss @ 1524604696 */
.auto__book_preview_components_book_price .bookprice_container {width: 13.125em;
padding: 6px; background-color: #F8F9FD; border: 1px solid #E9EDF8; border-radius:
2px; padding-right: 11px}
.auto__book_preview_components_book_price .bookprice_container > * {color: #57617A}
.auto__book_preview_components_book_price .bookprice_container .title {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start}
.auto__book_preview_components_book_price .bookprice_container .title .icon {font-
size: 16px; margin: 2px 4px auto 0px}
.auto__book_preview_components_book_price .bookprice_container .title .title_text
{font-size: 14px; font-weight: 600; line-height: 1.3em}
.auto__book_preview_components_book_price .bookprice_container .subtitle {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-
size: 12px; margin-left: 20px}
.auto__book_preview_components_book_price .bookprice_container .subtitle
.strikethrough {text-decoration: line-through; margin-left: 5px}
.auto__book_preview_components_book_price .bookprice_container.save {width:
15.625em}
.auto__book_preview_components_book_price .bookprice_container.included
{background: none; border: none}
@media (max-width: 700px) {.auto__book_preview_components_book_price
.bookprice_container {margin: auto; margin-bottom: 0px; background: none; border:
none}
}

/* app/views/book_preview/components/free_trial_banner.jsxcss @ 1524604696 */
.auto__book_preview_components_free_trial_banner .restriction_banner {padding: 26px
48px 28px; background: #F8F9FD; border-bottom: 1px solid #E9EDF8; border-top-left-
radius: 4px; border-top-right-radius: 4px}
.auto__book_preview_components_free_trial_banner .restriction_banner h2 {margin-
top: 0px; margin-bottom: 3px; text-align: left; text-transform: none; color:
#1C263D; font-family: 'Source Sans Pro', sans-serif; font-size: 22px; font-weight:
normal; font-style: italic}
.auto__book_preview_components_free_trial_banner .restriction_banner em {margin: 0
0 12px; color: #57617A; font-size: 16px; font-weight: normal; display: block; font-
style: normal}
.auto__book_preview_components_free_trial_banner .restriction_banner em:last-child
{margin-bottom: 0}
.auto__book_preview_components_free_trial_banner .restriction_banner.single_heading
{padding-bottom: 18px}
@media (max-width: 700px) {.auto__book_preview_components_free_trial_banner
.restriction_banner {text-align: center}
.auto__book_preview_components_free_trial_banner .restriction_banner h2 {text-
align: center}
}
@media (max-width: 700px) and (max-width: 450px)
{.auto__book_preview_components_free_trial_banner .restriction_banner .flat_btn
{width: 225px; padding: 0}
}

/* app/views/book_preview/_preview_content.css @ 1524604435 */
.autogen_class_views_book_preview_preview_content {padding: 64px 54px}
@media (max-width: 1024px) {.autogen_class_views_book_preview_preview_content
{padding: 0px 28px 44px}
}
@media (max-width: 550px) {.autogen_class_views_book_preview_preview_content
{padding: 0px 20px 30px}
}
.autogen_class_views_book_preview_preview_content .heading {margin: 0 0 30px; font-
size: 22px; font-weight: bold}
@media (max-width: 550px) {.responsive
.autogen_class_views_book_preview_preview_content .heading {font-size: 20px}
}
@media (max-width: 950px) {.autogen_class_views_book_preview_preview_content
.heading {text-align: center}
}
.autogen_class_views_book_preview_preview_content .preview_wrapper {height: 600px;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; box-shadow: 0 2px 4px 0 rgba(87, 97, 122, 0.16); border: 1px
solid #E9EDF8}
@media (max-width: 1024px) {.autogen_class_views_book_preview_preview_content
.preview_wrapper {height: 592px}
}
@media (max-width: 550px) {.autogen_class_views_book_preview_preview_content
.preview_wrapper {height: 430px}
}
.autogen_class_views_book_preview_preview_content .title {margin: 0; padding: 12px
12px 14px; height: 1em; overflow: hidden; text-overflow: ellipsis; white-space:
nowrap; text-align: center; color: #1C263D; font-size: 16px; border-bottom: 1px
solid #E9EDF8}
.autogen_class_views_book_preview_preview_content .preview {-webkit-box-flex: 1;-
ms-flex-positive: 1;flex-grow: 1; padding: 54px 54px 0px; overflow-y: scroll;
overflow-x: hidden; position: relative; border-bottom: 1px solid #E9EDF8}
@media (max-width: 550px) {.autogen_class_views_book_preview_preview_content
.preview {padding: 20px 20px 0px}
}
.autogen_class_views_book_preview_preview_content .preview .end_of_preview
{position: relative; bottom: 236px; margin-bottom: -236px; text-align: center;
padding-bottom: 44px}
.autogen_class_views_book_preview_preview_content .preview .end_of_preview
.gradient {height: 236px; background-image: -webkit-linear-gradient(top, rgba(255,
255, 255, 0.5), #ffffff); background-image: linear-gradient(to bottom, rgba(255,
255, 255, 0.5), #ffffff)}
.autogen_class_views_book_preview_preview_content .preview .end_of_preview span
{margin: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%);
transform: translateX(-50%); bottom: 44px; width: 100%; font-weight: bold; color:
#1C263D; font-size: 18px}
@media (max-width: 550px) {.responsive
.autogen_class_views_book_preview_preview_content .preview .end_of_preview span
{font-size: 16px}
}
.autogen_class_views_book_preview_preview_content .preview #preview_content {font-
size: body_size_medium}
.autogen_class_views_book_preview_preview_content .preview #preview_content h2
{font-size: 22px; font-weight: bold; margin: 24px 0}
@media (max-width: 550px) {.responsive
.autogen_class_views_book_preview_preview_content .preview #preview_content h2
{font-size: 20px}
}
.autogen_class_views_book_preview_preview_content .cta_wrapper {text-align: center;
padding: 16px 0}
.autogen_class_views_book_preview_preview_content .progress {margin-top: 16px;
text-align: center; color: #1C263D; font-weight: bold; text-transform: uppercase;
letter-spacing: 0.06em; font-size: 14px}

/* app/views/book_preview/recommenders.css @ 1524604435 */
.autogen_class_views_book_preview_recommenders .recommenders .quick_reads_container
.article_tile:nth-child(2) {margin: 0px 25px}
@media (max-width: 800px) {.autogen_class_views_book_preview_recommenders
.recommenders .quick_reads_container .article_tile:nth-child(2) {margin: 25px 0}
}
@media (max-width: 800px) {.autogen_class_views_book_preview_recommenders
.recommenders .quick_reads_container .has_wide_image {display: none}
}
@media (max-width: 800px) {.autogen_class_views_book_preview_recommenders
.recommenders .quick_reads_container .image_and_text_container {height: 90px}
}
@media (max-width: 1024px) {.autogen_class_views_book_preview_recommenders
.recommenders .paddles_container {width: 100%}
}
.autogen_class_views_book_preview_recommenders .header_label {margin-top: 0; font-
size: 22px; font-weight: bold}
@media (max-width: 550px) {.responsive
.autogen_class_views_book_preview_recommenders .header_label {font-size: 20px}
}
@media (max-width: 950px) {.autogen_class_views_book_preview_recommenders
.header_label {text-align: center}
}

/* app/views/book_preview/review.css @ 1524604435 */
.autogen_class_views_book_preview_review .body {background: white; margin: 0 auto;
max-width: 1000px; min-height: 600px; padding: 32px 0 90px}
.autogen_class_views_book_preview_review .body h1 {border-bottom: 1px dotted
#CACED9; font-size: 16px; font-weight: bold; margin: 0 90px; padding-bottom: 30px;
text-align: center; text-transform: uppercase}
.autogen_class_views_book_preview_review .body .review_form {margin: 16px auto}
.autogen_class_views_book_preview_review .body .book_details {border-bottom: 1px
solid #CACED9; margin: 0 120px; padding: 40px 0 30px; white-space: nowrap}
.autogen_class_views_book_preview_review .body .book_details .cover {display:
table-cell}
.autogen_class_views_book_preview_review .body .book_details .cover .object_grid
{padding-left: 0}
.autogen_class_views_book_preview_review .body .book_details .cover .object_grid
.object_cell {margin-bottom: 0}
.autogen_class_views_book_preview_review .body .book_details .cover .thumb,
.autogen_class_views_book_preview_review .body .book_details .cover .object_cell
{width: 108px; height: 143px}
.autogen_class_views_book_preview_review .body .book_details .info {display: table-
cell; vertical-align: top}
.autogen_class_views_book_preview_review .body .book_details .info .book_title
{display: block; font-size: 20px; overflow: hidden; line-height: 1em; max-height:
4em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
font-family: 'Source Sans Pro', sans-serif; color: inherit; font-style: italic;
white-space: normal}
.autogen_class_views_book_preview_review .body .book_details .info
.book_title:hover {color: #0D6069}
.autogen_class_views_book_preview_review .body .book_details .info
.book_title:active {color: #0D6069}
.autogen_class_views_book_preview_review .body .book_details .info .author {font-
family: 'Source Sans Pro', sans-serif; font-size: 14px; margin: 3px 0 6px; color:
inherit}
.autogen_class_views_book_preview_review .body .book_details .info .author a {font-
family: 'Source Sans Pro', sans-serif; color: inherit; font-weight: normal}
.autogen_class_views_book_preview_review .body .book_details .info .author a:hover
{color: #0D6069}
.autogen_class_views_book_preview_review .body .book_details .info .author a:active
{color: #0D6069}
.autogen_class_views_book_preview_review .body .review_list {min-width: 760px;
margin: 0 120px}
.autogen_class_views_book_preview_review .body .review_list .book_review_wrapper
{padding: 0}
.autogen_class_views_book_preview_review .body .review_list .book_review {border-
bottom: none; padding-left: 0; padding-right: 0}
.autogen_class_views_book_preview_review .body .actions {border-top: 1px dotted
#CACED9; padding: 30px 0 56px; text-align: center}
.autogen_class_views_book_preview_review .body .actions .flat_btn {margin: 0 10px}
.autogen_class_views_book_preview_review .body .document_carousel {margin: 0 50px}
.autogen_class_views_book_preview_review .body .document_carousel .carousel_title
{margin-top: 0; font-size: 18px}
.autogen_class_views_book_preview_review .body .document_carousel .object_cell
{margin-right: 27px}
.autogen_class_views_book_preview_review .body .document_carousel
.object_cell:last-child {margin-right: 0}

/* app/views/book_preview/_reviews.css @ 1524604435 */
.autogen_class_views_book_preview_reviews h2 {color: #57617A; margin-top: 0; text-
align: center}
.autogen_class_views_book_preview_reviews .review_form {margin: 0 auto 40px auto}
.autogen_class_views_book_preview_reviews .review_form,
.autogen_class_views_book_preview_reviews .post_message,
.autogen_class_views_book_preview_reviews .first_to_review {border-bottom: 1px
dashed #E9EDF8; padding-bottom: 40px}
.autogen_class_views_book_preview_reviews .post_message,
.autogen_class_views_book_preview_reviews .first_to_review {margin-bottom: 40px}
.autogen_class_views_book_preview_reviews .review_form.hidden,
.autogen_class_views_book_preview_reviews span.react_mount_node:last-child
.review_form {border-bottom: none; margin-bottom: 0; padding-bottom: 0}
.autogen_class_views_book_preview_reviews .read_all_reviews {text-align: center;
margin-top: 32px}
.autogen_class_views_book_preview_reviews .first_to_review {font-size: 24px}
.autogen_class_views_book_preview_reviews .post_message {display: none; font-
weight: lighter; text-align: center}
.autogen_class_views_book_preview_reviews .book_review_wrapper:first-child
.book_review {padding-top: 0}
.autogen_class_views_book_preview_reviews .book_review_wrapper.current_user_review
{background: #FAFBFD}
.autogen_class_views_book_preview_reviews
.book_review_wrapper.current_user_review .book_review {padding-top: 24px; border-
bottom: none}
.autogen_class_views_book_preview_reviews .review_header {font-size: 22px; font-
weight: bold; border-top: 1px solid #E9EDF8; display: none; text-align: center;
padding: 55px 31px 0 31px; max-width: 714px; margin: 0 auto}
@media (max-width: 550px) {.responsive .autogen_class_views_book_preview_reviews
.review_header {font-size: 20px}
}
@media (max-width: 950px) {.autogen_class_views_book_preview_reviews .review_header
{display: block}
}
@media (max-width: 700px) {.autogen_class_views_book_preview_reviews .review_header
{padding-top: 20px}
}

/* app/views/book_preview/show.css @ 1524604435 */
.autogen_class_views_book_preview_show {padding-top: 24px; padding-bottom: 60px;
background: rgba(87, 97, 122, 0.75); text-align: center}
.autogen_class_views_book_preview_show.lightbox {background: rgba(87, 97, 122,
0.75); position: absolute; box-shadow: none; min-height: 100vh; width: 100%}
.autogen_class_views_book_preview_show.lightbox > .main .close {display: block;
position: absolute; border: 0; top: 0; right: 0; z-index: 2}
.autogen_class_views_book_preview_show.lightbox .lightbox_flash_container {max-
width: 912px; margin: 0 auto}
.autogen_class_views_book_preview_show.lightbox .lightbox_flash_container .flash
{border-radius: 4px; margin-bottom: 24px}
.autogen_class_views_book_preview_show.lightbox .lightbox_flash_container .content
{padding: 18px 0 !important}
@media (max-width: 950px) {.autogen_class_views_book_preview_show.lightbox
.lightbox_flash_container {margin-top: 0; border-radius: 0}
.autogen_class_views_book_preview_show.lightbox .lightbox_flash_container .flash
{margin: 0}
}
.autogen_class_views_book_preview_show.lightbox .list_items .list_item
.list_anchor_container .list_anchor {padding-right: 0}
.autogen_class_views_book_preview_show.reviews > .main .summary {display: none}
.autogen_class_views_book_preview_show.reviews > .main .reviews {display: block}
.autogen_class_views_book_preview_show.all_reviews > .main .overview {display:
none}
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews {display:
block}
.autogen_class_views_book_preview_show.loading .loading_shroud {display: block; z-
index: 2999}
.autogen_class_views_book_preview_show.fade_in_loader .loading_shroud {opacity: 1}
.autogen_class_views_book_preview_show .loading_shroud {opacity: 0}
.autogen_class_views_book_preview_show .box {margin-top: 24px; box-shadow: 0 0 10px
rgba(0, 0, 0, 0.15); background: #fff; border-radius: 4px}
.autogen_class_views_book_preview_show .box.overview {position: relative}
.autogen_class_views_book_preview_show .box.overview,
.autogen_class_views_book_preview_show .box.all_reviews {margin-top: 0}
.autogen_class_views_book_preview_show .recommenders {padding: 32px 16px 16px}
.autogen_class_views_book_preview_show .recommenders:empty {display: none}
.autogen_class_views_book_preview_show .recommenders .document_carousel {margin-
bottom: 24px}
.autogen_class_views_book_preview_show .recommenders .document_carousel:last-of-
type {margin-bottom: 0}
.autogen_class_views_book_preview_show .recommenders .document_carousel
.carousel_title {margin-top: 0}
.autogen_class_views_book_preview_show .recommenders .document_carousel
.list_item.object_cell {margin-right: 11px !important; /* overrides content
cohesive carousel */ }
.autogen_class_views_book_preview_show .document_carousel .carousel_title {font-
size: 18px; font-weight: normal; margin-bottom: 4px}
.autogen_class_views_book_preview_show .document_carousel .document_cell {margin-
right: 24px}
.autogen_class_views_book_preview_show .document_carousel .document_cell h3
{margin-top: 20px; display: block; font-size: 16px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical; padding-bottom: 1px; color: #1C263D; font-weight: normal;
text-transform: none; font-family: 'Source Sans Pro', sans-serif; text-align:
center}
.autogen_class_views_book_preview_show .icon_list {margin: 0; padding: 0; list-
style: none; text-align: center}
.autogen_class_views_book_preview_show .icon_list.centered li {width: 170px; text-
align: center; margin-left: 8px; margin-right: 8px}
.autogen_class_views_book_preview_show .icon_list.centered li a span,
.autogen_class_views_book_preview_show .icon_list.centered li .persona_icon {text-
align: center; margin-right: 0; margin-bottom: 10px}
.autogen_class_views_book_preview_show .icon_list.centered li .name {color:
#1C263D; display: block; text-align: center}
.autogen_class_views_book_preview_show .icon_list.no_icons .persona_icon {display:
none}
.autogen_class_views_book_preview_show .icon_list li {display: inline-block;
vertical-align: top; margin: 0 14px 28px; line-height: 40px}
.autogen_class_views_book_preview_show .icon_list li .persona_icon {display:
inline-block; vertical-align: top; margin-right: 6px}
.autogen_class_views_book_preview_show .icon_list li .name {position: relative;
top: -2px; display: inline-block; vertical-align: middle; font-size: 14px; text-
align: left}
.autogen_class_views_book_preview_show .icon_list li .name div {line-height: 1.3}
.autogen_class_views_book_preview_show .icon_list li .name .type {font-size: 12px;
color: #57617A; text-transform: uppercase}
.autogen_class_views_book_preview_show .popover_content {padding: 18px 22px; color:
#57617A; font-size: 12px; line-height: 22px}
.autogen_class_views_book_preview_show .close {display: none; padding: 10px;
background: transparent; color: #57617A; line-height: 1; font-size: 22px; cursor:
pointer}
.autogen_class_views_book_preview_show .close:hover {color: #509ba8}
.autogen_class_views_book_preview_show .close:active {color: #0D6069}
.autogen_class_views_book_preview_show .loading_shroud {position: fixed; top: 0;
left: 0; right: 0; bottom: 0; z-index: 1; display: none; opacity: 0; transition:
all 0.8s ease-in-out, opacity 0.4s ease-in-out; -moz-transition: all 0.8s ease-in-
out, opacity 0.4s ease-in-out; -webkit-transition: all 0.8s ease-in-out, opacity
0.4s ease-in-out; background: #57617A}
.autogen_class_views_book_preview_show a.author {white-space: nowrap}
.autogen_class_views_book_preview_show > .main {box-sizing: border-box; display:
inline-block; vertical-align: top; max-width: 912px; width: 100%; position:
relative; text-align: left}
.autogen_class_views_book_preview_show > .main .overview.box .header {padding:
48px; padding-bottom: 60px; border-bottom: 1px solid #E9EDF8; display: -webkit-box;
display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-
direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack:
start; -ms-flex-pack: start; justify-content: flex-start}
.autogen_class_views_book_preview_show > .main .overview.box .header
.start_reading_cover.clickable {cursor: pointer}
.autogen_class_views_book_preview_show > .main .overview.box .header .left_side
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content:
flex-start; width: 192px}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover,
.autogen_class_views_book_preview_show > .main .overview.box .header
.main_thumbnail_container {position: relative; width: 192px; height: 256px; margin:
0px auto}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
#available_in_module_web, .autogen_class_views_book_preview_show > .main
.overview.box .header .main_thumbnail_container #available_in_module_web {position:
absolute; width: 100%}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell, .autogen_class_views_book_preview_show > .main .overview.box
.header .main_thumbnail_container .document_cell {width: 192px; height: 256px}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell.has_flag.is_unavailable .thumb > img,
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell.has_flag.is_geo_restricted .thumb > img,
.autogen_class_views_book_preview_show > .main .overview.box .header
.main_thumbnail_container .document_cell.has_flag.is_unavailable .thumb > img,
.autogen_class_views_book_preview_show > .main .overview.box .header
.main_thumbnail_container .document_cell.has_flag.is_geo_restricted .thumb > img
{opacity: 0.5}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag, .autogen_class_views_book_preview_show > .main
.overview.box .header .main_thumbnail_container .document_cell .flag {position:
absolute; z-index: 10; /*needs to be higher than book cell but lower than button
menus*/ text-align: center; text-transform: capitalize; width: 190px; border: 1px
solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block;
line-height: 24px; font-size: 14px; display: block; line-height: 24px}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select, .autogen_class_views_book_preview_show >
.main .overview.box .header .main_thumbnail_container .document_cell
.flag.is_scribd_select {position: absolute; top: 0; left: 0; width: 45px; height:
45px; font-size: 16px; color: #fff; opacity: 0.9; background: none; border: none;
background: none; z-index: 2; display: block}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select:after, .autogen_class_views_book_preview_show
> .main .overview.box .header .main_thumbnail_container .document_cell
.flag.is_scribd_select:after {position: absolute; top: 0; content: ""; display:
block; border-style: solid}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select:before,
.autogen_class_views_book_preview_show > .main .overview.box .header
.main_thumbnail_container .document_cell .flag.is_scribd_select:before {border-
width: 47px 47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent
transparent}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select:after, .autogen_class_views_book_preview_show
> .main .overview.box .header .main_thumbnail_container .document_cell
.flag.is_scribd_select:after {border-width: 45px 45px 0 0; border-color: #fff
transparent transparent transparent}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select span, .autogen_class_views_book_preview_show
> .main .overview.box .header .main_thumbnail_container .document_cell
.flag.is_scribd_select span {position: absolute; top: 0; left: 0; width: 25.875px;
height: 27.9px; line-height: 27.9px; z-index: 2; text-align: center; background-
repeat: no-repeat; background-size: 100%; color: #1E7B85}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell.in_library, .autogen_class_views_book_preview_show > .main
.overview.box .header .main_thumbnail_container .document_cell.in_library {margin-
bottom: 24px}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .reading_progress_outer, .autogen_class_views_book_preview_show >
.main .overview.box .header .main_thumbnail_container .document_cell
.reading_progress_outer {bottom: -16px; border: 1px solid #fff}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .thumb, .autogen_class_views_book_preview_show > .main .overview.box
.header .main_thumbnail_container .document_cell .thumb {width: 192px; height:
256px; margin-bottom: 0}
@media (max-width: 800px) {.autogen_class_views_book_preview_show > .main
.overview.box .header .cover .document_cell .thumb,
.autogen_class_views_book_preview_show > .main .overview.box .header
.main_thumbnail_container .document_cell .thumb {width: 144px; height: 186px}
}
@media (max-width: 800px) {.autogen_class_views_book_preview_show > .main
.overview.box .header .cover, .autogen_class_views_book_preview_show > .main
.overview.box .header .main_thumbnail_container {width: 144px; height: 186px}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
#available_in_module_web, .autogen_class_views_book_preview_show > .main
.overview.box .header .main_thumbnail_container #available_in_module_web {width:
100%}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell, .autogen_class_views_book_preview_show > .main .overview.box
.header .main_thumbnail_container .document_cell {width: 144px; height: 186px}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag, .autogen_class_views_book_preview_show > .main
.overview.box .header .main_thumbnail_container .document_cell .flag {position:
absolute; z-index: 10; /*needs to be higher than book cell but lower than button
menus*/ text-align: center; text-transform: capitalize; width: 142px; border: 1px
solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block;
line-height: 24px; font-size: 14px; display: block; line-height: 24px}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select, .autogen_class_views_book_preview_show >
.main .overview.box .header .main_thumbnail_container .document_cell
.flag.is_scribd_select {position: absolute; top: 0; left: 0; width: 45px; height:
45px; font-size: 16px; color: #fff; opacity: 0.9; background: none; border: none;
background: none; z-index: 2; display: block}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select:after, .autogen_class_views_book_preview_show
> .main .overview.box .header .main_thumbnail_container .document_cell
.flag.is_scribd_select:after {position: absolute; top: 0; content: ""; display:
block; border-style: solid}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select:before,
.autogen_class_views_book_preview_show > .main .overview.box .header
.main_thumbnail_container .document_cell .flag.is_scribd_select:before {border-
width: 47px 47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent
transparent}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select:after, .autogen_class_views_book_preview_show
> .main .overview.box .header .main_thumbnail_container .document_cell
.flag.is_scribd_select:after {border-width: 45px 45px 0 0; border-color: #fff
transparent transparent transparent}
.autogen_class_views_book_preview_show > .main .overview.box .header .cover
.document_cell .flag.is_scribd_select span, .autogen_class_views_book_preview_show
> .main .overview.box .header .main_thumbnail_container .document_cell
.flag.is_scribd_select span {position: absolute; top: 0; left: 0; width: 25.875px;
height: 27.9px; line-height: 27.9px; z-index: 2; text-align: center; background-
repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
@media (max-width: 700px) {.autogen_class_views_book_preview_show > .main
.overview.box .header .cover, .autogen_class_views_book_preview_show > .main
.overview.box .header .main_thumbnail_container {margin-bottom: 10px}
}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata {-
ms-flex-preferred-size: 0;flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1;
flex-grow: 1; position: relative; box-sizing: border-box; zoom: 1; padding-left:
34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between}
.autogen_class_views_book_preview_show > .main .overview.box .header
.metadata:after {content: ""; display: table; clear: both}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.header_top_section {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction:
column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start;
justify-content: flex-start}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.ratings_and_sharing {margin-top: 12px; padding-top: 8px; border-top: 1px solid
#E9EDF8}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata .row
.asyncable {display: inline-block}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata h1
{margin: 0; font-size: 26px; line-height: 1.25em; font-weight: bold; color:
#1C263D}
@media (max-width: 667px) {.autogen_class_views_book_preview_show > .main
.overview.box .header .metadata h1 {font-size: 18px; line-height: 26px}
}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
h1.long {font-size: 18px; line-height: 26px}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
h2, .autogen_class_views_book_preview_show > .main .overview.box .header
.metadata .author {margin: 0; font-family: 'Source Sans Pro', sans-serif; font-
size: 16px; line-height: 1}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata h2
a, .autogen_class_views_book_preview_show > .main .overview.box .header
.metadata .author a {font-family: 'Source Sans Pro', sans-serif; font-weight:
normal}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.author {margin-top: 7px; font-weight: bold; display: block}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.songbook {font-size: 14px; color: #57617A; margin-bottom: 8px}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.star_ratings, .autogen_class_views_book_preview_show > .main .overview.box .header
.metadata .length {display: inline-block; vertical-align: top; line-height: 26px;
white-space: nowrap; color: #57617A}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.length {text-transform: capitalize}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.star_ratings {display: inline; margin-right: 1px; line-height: 26px; vertical-
align: top}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata .sep
{display: inline-block; vertical-align: top; height: 26px; border-right: 1px solid
#E9EDF8; margin: 0 12px}
@media (max-width: 865px) {.autogen_class_views_book_preview_show > .main
.overview.box .header .metadata .sep {border: none; margin: 0 5px}
}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons {display: inline-block; vertical-align: top; line-height: 26px}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons .like, .autogen_class_views_book_preview_show > .main
.overview.box .header .metadata .sharing_buttons .embed {display: none}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons li {display: inline-block; vertical-align: top; box-sizing:
border-box; margin-right: 10px; line-height: 1; font-size: 20px; cursor: pointer}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons li:last-child {margin-right: 0}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons li.facebook .icon {color: #3b5998}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons li.twitter .icon {color: #55acee}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons li.pinterest .icon {color: #c8232c}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons li.email .icon {color: #146c88; position: relative; top: 1px}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons li a {padding: 0; line-height: 1; display: inline}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.sharing_buttons li .label {display: none}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.price_and_buttons {margin-top: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto;
flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-
box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.price_and_buttons #actions_module {margin-top: auto}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.price_and_buttons #bookprice_module {height: 100%; display: -webkit-box; display:
-ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction:
normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack:
center; -ms-flex-pack: center; justify-content: center; margin: 20px 0px}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.save_bookmark_btn {padding: 0}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.save_bookmark_btn.saved span.in_library {display: inline}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.save_bookmark_btn.saved .not_in_library {display: none}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.save_bookmark_btn.saved:not(.disabled):hover .remove_from_library {display:
inline}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.save_bookmark_btn.saved:not(.disabled):hover span.in_library {display: none}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.save_bookmark_btn .in_library, .autogen_class_views_book_preview_show > .main
.overview.box .header .metadata .save_bookmark_btn .remove_from_library {display:
none}
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.save_bookmark_btn [class*=icon] {position: relative; top: -1px; margin-right: 2px;
font-size: 11px}
.autogen_class_views_book_preview_show > .main .content_tabs {border-bottom: 1px
solid #E9EDF8; background: #F8F9FD}
.autogen_class_views_book_preview_show > .main .content_tabs .tab_nav {margin: 0;
height: 50px; line-height: 47px}
.autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .tab_list
{padding: 0; margin: 0; line-height: inherit}
.autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .tab_list
.tab_list_elements {display: inline; line-height: inherit}
.autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .tab_list
.tab_list_elements .tab {padding: 0; border: 0; margin: 0 23px; font-size: 16px}
.autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .tab_list
.tab_list_elements .tab.current {border-bottom: solid 3px #1E7B85; color: #0D6069}
.autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .tab_list
.tab_list_elements .tab:hover {color: #0D6069}
.autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .hover_menu
{display: none}
.autogen_class_views_book_preview_show > .main .content {padding: 40px 48px 60px}
.autogen_class_views_book_preview_show > .main .interests {margin: 5px 0 15px 0}
@media (max-width: 950px) {.autogen_class_views_book_preview_show > .main
.interests .interest_pills {padding-left: 32px}
}
.autogen_class_views_book_preview_show > .main .interests_title,
.autogen_class_views_book_preview_show > .main .from_publisher,
.autogen_class_views_book_preview_show > .main .editors_note > h3 {color: #1C263D;
text-align: left; margin-bottom: 8px; font-size: 18px; font-weight: bold; line-
height: 1.3}
@media (max-width: 950px) {.autogen_class_views_book_preview_show > .main
.interests_title, .autogen_class_views_book_preview_show > .main
.from_publisher, .autogen_class_views_book_preview_show > .main .editors_note > h3
{font-size: 22px; font-weight: bold}
}
@media (max-width: 950px) and (max-width: 550px) {.responsive
.autogen_class_views_book_preview_show > .main .interests_title, .responsive
.autogen_class_views_book_preview_show > .main .from_publisher, .responsive
.autogen_class_views_book_preview_show > .main .editors_note > h3 {font-size: 20px}
}
.autogen_class_views_book_preview_show > .main .editors_note > h3 {text-align:
center; margin-bottom: 20px}
.autogen_class_views_book_preview_show > .main .summary .block {padding: 40px 32px
40px; border-bottom: 1px dashed #E9EDF8; text-align: center}
.autogen_class_views_book_preview_show > .main .summary .block:last-child {border-
bottom: 0; padding-bottom: 0}
.autogen_class_views_book_preview_show > .main .summary .block .description:last-
child {border-bottom: 0; padding-bottom: 0}
.autogen_class_views_book_preview_show > .main .summary .block > h3 {line-height:
1; margin-bottom: 18px; font-size: 14px}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
{padding-top: 0; padding-bottom: 0; border-bottom: 0}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview +
.table_of_contents {border-top: 1px dashed #E9EDF8}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview h3
{margin-bottom: 24px}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview li
{line-height: 1}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument, .autogen_class_views_book_preview_show > .main .summary
.sheet_music_overview .difficulty {display: inline-block; width: 40px; height:
40px; margin-bottom: 10px}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.difficulty.advanced {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_difficulty_advanced.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.difficulty.beginner {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_difficulty_beginner.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.difficulty.intermediate {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_difficulty_intermediate.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.difficulty.mixed {background: url('https://s2-
f.scribdassets.com/images/book_preview/ic_difficulty_mixed.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.brass, .autogen_class_views_book_preview_show > .main .summary
.sheet_music_overview .instrument.trumpet, .autogen_class_views_book_preview_show >
.main .summary .sheet_music_overview .instrument.tuba,
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.trombone, .autogen_class_views_book_preview_show > .main .summary
.sheet_music_overview .instrument.french_horn,
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.tenor_sax, .autogen_class_views_book_preview_show > .main .summary
.sheet_music_overview .instrument.alto_sax {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_brass.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.drums_percussion {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_drums-percussion.svg?
1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.guitar, .autogen_class_views_book_preview_show > .main .summary
.sheet_music_overview .instrument.bass, .autogen_class_views_book_preview_show >
.main .summary .sheet_music_overview .instrument.ukulele {background:
url('https://s2-f.scribdassets.com/images/book_preview/ic_instrument_guitar-bass-
fretted.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.piano {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_piano.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.cello, .autogen_class_views_book_preview_show > .main .summary
.sheet_music_overview .instrument.violin, .autogen_class_views_book_preview_show
> .main .summary .sheet_music_overview .instrument.viola,
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.double_bass {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_strings.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.vocal {background: url('https://s1-
f.scribdassets.com/images/book_preview/ic_instrument_vocal.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.woodwinds, .autogen_class_views_book_preview_show > .main .summary
.sheet_music_overview .instrument.clarinet, .autogen_class_views_book_preview_show
> .main .summary .sheet_music_overview .instrument.flute_piccolo,
.autogen_class_views_book_preview_show > .main .summary .sheet_music_overview
.instrument.recorder {background: url('https://s2-
f.scribdassets.com/images/book_preview/ic_instrument_woodwind.svg?1524604509')}
.autogen_class_views_book_preview_show > .main .summary .editors_note {padding:
26px 32px 30px; margin-bottom: 40px; background: #F8F9FD; color: #57617A}
.autogen_class_views_book_preview_show > .main .summary .editors_note em {font-
family: 'Source Sans Pro', sans-serif; display: block; font-style: italic; font-
weight: bold; text-align: center; margin-top: 28px; margin-bottom: 13px; line-
height: 1}
.autogen_class_views_book_preview_show > .main .summary .editors_note .name {text-
align: center; margin-top: 20px}
.autogen_class_views_book_preview_show > .main .summary .editors_note .editor
{text-align: center; font-size: 12px; color: #57617A; text-transform: uppercase}
.autogen_class_views_book_preview_show > .main .summary .categories {text-align:
center; margin-bottom: 19px; overflow: hidden}
.autogen_class_views_book_preview_show > .main .summary .categories:first-child
{height: 34px}
.autogen_class_views_book_preview_show > .main .summary .categories:not(:first-
child):before {content: ""; display: block; margin: 0 32px; padding-bottom: 40px;
border-top: 1px solid #E9EDF8}
.autogen_class_views_book_preview_show > .main .summary .categories .category_btn
{box-sizing: border-box; display: inline-block; font-family: 'Source Sans Pro',
sans-serif; transition: background 0.1s ease-in-out, color 0.1s ease-in-out; -moz-
transition: background 0.1s ease-in-out, color 0.1s ease-in-out; -webkit-
transition: background 0.1s ease-in-out, color 0.1s ease-in-out; border-color:
rgba(255, 255, 255, 0.2); border-radius: 4px; border-style: solid; border-width:
1px; cursor: pointer; font-size: 18px; font-weight: bold; min-height: 2.44444em;
line-height: 2.44444em; min-width: 120px; padding: 0px 30px; text-align: center;
text-transform: capitalize; font-size: 12px; height: 34px; line-height: 33px;
margin: 0 0.5em 15px}
.autogen_class_views_book_preview_show > .main .summary .description {padding: 0 0
36px; font-size: 16px; line-height: 1.5em; color: #57617A}
.autogen_class_views_book_preview_show > .main .summary .description:nth-last-
child(3) {border-bottom: 0; padding-bottom: 0}
.autogen_class_views_book_preview_show > .main .summary .description * {line-
height: inherit}
.autogen_class_views_book_preview_show > .main .summary .description br {display:
block; margin-bottom: 24px}
.autogen_class_views_book_preview_show > .main .summary .description br + br
{margin: 0 0 24px 0}
.autogen_class_views_book_preview_show > .main .summary .description .topics
{margin-top: 24px}
.autogen_class_views_book_preview_show > .main .summary .description.truncated
.published {display: none}
.autogen_class_views_book_preview_show > .main .summary .description .published
{margin-top: 24px}
.autogen_class_views_book_preview_show > .main .summary .description .published
.popover_trigger {cursor: pointer; margin-left: 8px; display: inline-block;
position: relative; top: 2px}
.autogen_class_views_book_preview_show > .main .summary .description .published
.popover_content {white-space: nowrap}
.autogen_class_views_book_preview_show > .main .summary .description .published
.popover_content .availability {margin-top: 10px}
.autogen_class_views_book_preview_show > .main .summary .description .published
.popover_content ol {margin: 0; padding: 0; list-style-position: inside}
.autogen_class_views_book_preview_show > .main .summary .description .published
.popover_content .data_row .icon {padding-left: 5px; padding-right: 5px; font-size:
10px}
.autogen_class_views_book_preview_show > .main .summary .btn_wrapper {text-align:
center}
.autogen_class_views_book_preview_show > .main .summary .series {text-align: left}
.autogen_class_views_book_preview_show > .main .summary .series .document_carousel
{margin-left: -32px; margin-right: -32px}
.autogen_class_views_book_preview_show > .main .summary .series .list_item {margin-
right: 24px}
.autogen_class_views_book_preview_show > .main .summary .characters {padding-
bottom: 12px}
.autogen_class_views_book_preview_show > .main .summary .sample {line-height: 40px}
.autogen_class_views_book_preview_show > .main .summary .sample h3 {margin-bottom:
26px}
.autogen_class_views_book_preview_show > .main .summary .sample .contributors,
.autogen_class_views_book_preview_show > .main .summary .sample .flat_btn {display:
inline-block; vertical-align: middle}
.autogen_class_views_book_preview_show > .main .summary .sample .contributors
{margin-right: 30px}
.autogen_class_views_book_preview_show > .main .summary .sample .contributors li
{margin-bottom: 0}
.autogen_class_views_book_preview_show > .main .summary .contributors.block
.icon_list {margin-bottom: -28px}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents
{padding-left: 0; padding-right: 0}
.autogen_class_views_book_preview_show > .main .summary
.table_of_contents.truncated tr:nth-child(n+7) {display: none}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents.top
{border-bottom: 0}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents +
.description:before {content: ""; display: block; padding-bottom: 40px; border-top:
1px solid #E9EDF8}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents table
{width: 100%}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents table
tr:hover {background-color: #F8F9FD}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents table
tr:hover a {color: #1E7B85}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents table td
{text-align: left; line-height: 40px; font-size: 16px; color: #57617A}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents table
td:first-child {padding-left: 32px}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents table
td:last-child {padding-right: 32px; text-align: right}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents table td
a {display: block; color: #57617A}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents p {text-
align: left; line-height: 40px; margin-left: 32px; margin-right: 32px; margin-
bottom: 0}
.autogen_class_views_book_preview_show > .main .summary .table_of_contents p a
{text-transform: uppercase; font-weight: bold; font-size: 14px}
@media (max-width: 1045px) {.autogen_class_views_book_preview_show:not(.lightbox)
{padding-top: 0; background: #fff}
.autogen_class_views_book_preview_show:not(.lightbox) > .main {max-width: none}
.autogen_class_views_book_preview_show:not(.lightbox) > .main .box {box-shadow:
none; border-radius: 0; margin-bottom: 0}
}
@media (max-width: 950px) {.autogen_class_views_book_preview_show.reviews.lightbox,
.autogen_class_views_book_preview_show.all_reviews.lightbox,
.autogen_class_views_book_preview_show.lightbox {margin: 0; padding: 0}
.autogen_class_views_book_preview_show.reviews.lightbox > .main,
.autogen_class_views_book_preview_show.all_reviews.lightbox > .main,
.autogen_class_views_book_preview_show.lightbox > .main {background: #fff}
.autogen_class_views_book_preview_show.reviews.lightbox .box,
.autogen_class_views_book_preview_show.all_reviews.lightbox .box,
.autogen_class_views_book_preview_show.lightbox .box {border-radius: none; box-
shadow: none; margin-bottom: none}
}
@media (max-width: 950px) {.autogen_class_views_book_preview_show.reviews >
.main .overview, .autogen_class_views_book_preview_show.reviews > .main
.summary, .autogen_class_views_book_preview_show.reviews > .main .all_reviews,
.autogen_class_views_book_preview_show.all_reviews > .main .overview,
.autogen_class_views_book_preview_show.all_reviews > .main .summary,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews,
.autogen_class_views_book_preview_show > .main .overview,
.autogen_class_views_book_preview_show > .main .summary,
.autogen_class_views_book_preview_show > .main .all_reviews {display: block}
.autogen_class_views_book_preview_show.reviews > .main .overview.box .header,
.autogen_class_views_book_preview_show.all_reviews > .main .overview.box
.header, .autogen_class_views_book_preview_show > .main .overview.box .header
{padding-left: 32px; padding-right: 32px}
.autogen_class_views_book_preview_show.reviews > .main .overview.box .header
.also_available, .autogen_class_views_book_preview_show.all_reviews > .main
.overview.box .header .also_available, .autogen_class_views_book_preview_show >
.main .overview.box .header .also_available {white-space: nowrap}
.autogen_class_views_book_preview_show.reviews > .main .summary,
.autogen_class_views_book_preview_show.all_reviews > .main .summary,
.autogen_class_views_book_preview_show > .main .summary {padding-bottom: 32px}
.autogen_class_views_book_preview_show.reviews > .main .summary h3,
.autogen_class_views_book_preview_show.reviews > .main .summary .description,
.autogen_class_views_book_preview_show.all_reviews > .main .summary h3,
.autogen_class_views_book_preview_show.all_reviews > .main .summary
.description, .autogen_class_views_book_preview_show > .main .summary h3,
.autogen_class_views_book_preview_show > .main .summary .description {padding-left:
32px; padding-right: 32px}
.autogen_class_views_book_preview_show.reviews > .main .summary
.sheet_music_overview, .autogen_class_views_book_preview_show.all_reviews >
.main .summary .sheet_music_overview, .autogen_class_views_book_preview_show >
.main .summary .sheet_music_overview {padding-top: 32px}
.autogen_class_views_book_preview_show.reviews > .main .summary
.sheet_music_overview .icon_list li,
.autogen_class_views_book_preview_show.all_reviews > .main .summary
.sheet_music_overview .icon_list li, .autogen_class_views_book_preview_show > .main
.summary .sheet_music_overview .icon_list li {margin-bottom: 32px}
.autogen_class_views_book_preview_show.reviews > .main .summary .table_of_contents,
.autogen_class_views_book_preview_show.reviews > .main .summary
.table_of_contents.top, .autogen_class_views_book_preview_show.all_reviews >
.main .summary .table_of_contents,
.autogen_class_views_book_preview_show.all_reviews > .main .summary
.table_of_contents.top, .autogen_class_views_book_preview_show > .main .summary
.table_of_contents, .autogen_class_views_book_preview_show > .main .summary
.table_of_contents.top {border-bottom: 1px dashed #E9EDF8; margin-bottom: 32px}
.autogen_class_views_book_preview_show.reviews > .main .summary .from_publisher,
.autogen_class_views_book_preview_show.all_reviews > .main .summary
.from_publisher, .autogen_class_views_book_preview_show > .main .summary
.from_publisher {margin: 32px 0px 20px}
.autogen_class_views_book_preview_show.reviews > .main .content_tabs,
.autogen_class_views_book_preview_show.all_reviews > .main .content_tabs,
.autogen_class_views_book_preview_show > .main .content_tabs {display: none}
.autogen_class_views_book_preview_show.reviews > .main .content,
.autogen_class_views_book_preview_show.all_reviews > .main .content,
.autogen_class_views_book_preview_show > .main .content {padding: 0}
.autogen_class_views_book_preview_show.reviews > .main .reviews .review_list,
.autogen_class_views_book_preview_show.reviews > .main .reviews
.read_all_reviews, .autogen_class_views_book_preview_show.all_reviews > .main
.reviews .review_list, .autogen_class_views_book_preview_show.all_reviews >
.main .reviews .read_all_reviews, .autogen_class_views_book_preview_show > .main
.reviews .review_list, .autogen_class_views_book_preview_show > .main .reviews
.read_all_reviews {display: none}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.post_message, .autogen_class_views_book_preview_show.reviews > .main .reviews
.synched .first_to_review, .autogen_class_views_book_preview_show.all_reviews >
.main .reviews .synched .post_message,
.autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched
.first_to_review, .autogen_class_views_book_preview_show > .main .reviews
.synched .post_message, .autogen_class_views_book_preview_show > .main .reviews
.synched .first_to_review {background: #fff; margin-bottom: 0; padding: 32px 32px
0; position: relative; top: 1px; z-index: 2; border-top: 1px solid #E9EDF8; border-
bottom: 0}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form, .autogen_class_views_book_preview_show.all_reviews > .main
.reviews .synched .review_form, .autogen_class_views_book_preview_show > .main
.reviews .synched .review_form {padding-top: 32px; border-bottom: 0; padding-
bottom: 0}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .star_ratings, .autogen_class_views_book_preview_show.all_reviews >
.main .reviews .synched .review_form .star_ratings,
.autogen_class_views_book_preview_show > .main .reviews .synched .review_form
.star_ratings {padding-bottom: 46px; position: relative}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .star_ratings, .autogen_class_views_book_preview_show.reviews >
.main .reviews .synched .review_form .clear_rating,
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .inform_saved, .autogen_class_views_book_preview_show.reviews >
.main .reviews .synched .review_form .tips,
.autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched
.review_form .star_ratings, .autogen_class_views_book_preview_show.all_reviews >
.main .reviews .synched .review_form .clear_rating,
.autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched
.review_form .inform_saved, .autogen_class_views_book_preview_show.all_reviews >
.main .reviews .synched .review_form .tips, .autogen_class_views_book_preview_show
> .main .reviews .synched .review_form .star_ratings,
.autogen_class_views_book_preview_show > .main .reviews .synched .review_form
.clear_rating, .autogen_class_views_book_preview_show > .main .reviews .synched
.review_form .inform_saved, .autogen_class_views_book_preview_show > .main .reviews
.synched .review_form .tips {display: block}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .clear_rating, .autogen_class_views_book_preview_show.reviews >
.main .reviews .synched .review_form .inform_saved,
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .tips, .autogen_class_views_book_preview_show.reviews > .main .reviews
.synched .review_form .rating_required_message,
.autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched
.review_form .clear_rating, .autogen_class_views_book_preview_show.all_reviews >
.main .reviews .synched .review_form .inform_saved,
.autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched
.review_form .tips, .autogen_class_views_book_preview_show.all_reviews > .main
.reviews .synched .review_form .rating_required_message,
.autogen_class_views_book_preview_show > .main .reviews .synched .review_form
.clear_rating, .autogen_class_views_book_preview_show > .main .reviews .synched
.review_form .inform_saved, .autogen_class_views_book_preview_show > .main .reviews
.synched .review_form .tips, .autogen_class_views_book_preview_show > .main
.reviews .synched .review_form .rating_required_message {position: absolute;
bottom: 4px; left: 0; right: 0; margin: 0; padding: 0}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .tip, .autogen_class_views_book_preview_show.all_reviews > .main
.reviews .synched .review_form .tip, .autogen_class_views_book_preview_show > .main
.reviews .synched .review_form .tip {margin: 0}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .clear_rating, .autogen_class_views_book_preview_show.all_reviews >
.main .reviews .synched .review_form .clear_rating,
.autogen_class_views_book_preview_show > .main .reviews .synched .review_form
.clear_rating {display: block}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .textarea_tip, .autogen_class_views_book_preview_show.all_reviews >
.main .reviews .synched .review_form .textarea_tip,
.autogen_class_views_book_preview_show > .main .reviews .synched .review_form
.textarea_tip {margin-top: 13px}
.autogen_class_views_book_preview_show.reviews > .main .review_list,
.autogen_class_views_book_preview_show.all_reviews > .main .review_list,
.autogen_class_views_book_preview_show > .main .review_list {min-width: 0}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews
.synched, .autogen_class_views_book_preview_show > .main .all_reviews .synched
{border-top: 1px solid #E9EDF8}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .back,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.back, .autogen_class_views_book_preview_show > .main .all_reviews .synched .back
{display: none}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.review_list, .autogen_class_views_book_preview_show.all_reviews > .main
.all_reviews .synched .review_list, .autogen_class_views_book_preview_show >
.main .all_reviews .synched .review_list {min-width: auto}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.header, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews
.synched .header, .autogen_class_views_book_preview_show > .main .all_reviews
.synched .header {padding: 32px 32px 20px; border-bottom: 0}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.header h3, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews
.synched .header h3, .autogen_class_views_book_preview_show > .main .all_reviews
.synched .header h3 {color: #1C263D}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper, .autogen_class_views_book_preview_show.all_reviews > .main
.all_reviews .synched .book_review_wrapper, .autogen_class_views_book_preview_show
> .main .all_reviews .synched .book_review_wrapper {margin: 0}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review, .autogen_class_views_book_preview_show >
.main .all_reviews .synched .book_review_wrapper .book_review {position: relative;
padding-bottom: 40px}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .left,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .left, .autogen_class_views_book_preview_show
> .main .all_reviews .synched .book_review_wrapper .book_review .left {width: 100%}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .left,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .left, .autogen_class_views_book_preview_show
> .main .all_reviews .synched .book_review_wrapper .book_review .left {position:
relative; padding-right: 0; z-index: 1}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right, .autogen_class_views_book_preview_show
> .main .all_reviews .synched .book_review_wrapper .book_review .right {border:
none; height: 100%; left: 0; padding: 0; position: absolute; width: 100%}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .star_ratings,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .star_ratings,
.autogen_class_views_book_preview_show > .main .all_reviews .synched
.book_review_wrapper .book_review .right .star_ratings {position: absolute; right:
0}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .vote,
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .upvote_count,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .vote,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .upvote_count,
.autogen_class_views_book_preview_show > .main .all_reviews .synched
.book_review_wrapper .book_review .right .vote,
.autogen_class_views_book_preview_show > .main .all_reviews .synched
.book_review_wrapper .book_review .right .upvote_count {display: none}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom,
.autogen_class_views_book_preview_show > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom {position: absolute; bottom: 40px}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom .permalink,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom .permalink,
.autogen_class_views_book_preview_show > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom .permalink {position: absolute;
right: 0; bottom: 0}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .rating_star:last-child,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .rating_star:last-child,
.autogen_class_views_book_preview_show > .main .all_reviews .synched
.book_review_wrapper .book_review .right .rating_star:last-child {margin-right: 0;
padding-right: 0}
.autogen_class_views_book_preview_show.reviews > .main .recommenders,
.autogen_class_views_book_preview_show.all_reviews > .main .recommenders,
.autogen_class_views_book_preview_show > .main .recommenders {padding-left: 0;
padding-right: 0}
.autogen_class_views_book_preview_show.reviews > .main .recommenders
.carousel_widget, .autogen_class_views_book_preview_show.all_reviews > .main
.recommenders .carousel_widget, .autogen_class_views_book_preview_show > .main
.recommenders .carousel_widget {margin-bottom: 0}
}
@media (max-width: 700px) {.autogen_class_views_book_preview_show.reviews >
.main .overview.box .header, .autogen_class_views_book_preview_show.all_reviews
> .main .overview.box .header, .autogen_class_views_book_preview_show > .main
.overview.box .header {text-align: center; padding: 30px 0 0; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column}
.autogen_class_views_book_preview_show.reviews > .main .overview.box .header
.left_side, .autogen_class_views_book_preview_show.all_reviews > .main
.overview.box .header .left_side, .autogen_class_views_book_preview_show > .main
.overview.box .header .left_side {width: 100%}
.autogen_class_views_book_preview_show.reviews > .main .overview.box .header
.metadata, .autogen_class_views_book_preview_show.all_reviews > .main .overview.box
.header .metadata, .autogen_class_views_book_preview_show > .main .overview.box
.header .metadata {margin: 0 auto; padding: 0; height: auto; -ms-flex-preferred-
size: auto; flex-basis: auto; -webkit-box-flex: auto; -ms-flex-positive: auto;
flex-grow: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-
flex-direction: column-reverse; flex-direction: column-reverse}
.autogen_class_views_book_preview_show.reviews > .main .overview.box .header
.metadata h1, .autogen_class_views_book_preview_show.all_reviews > .main
.overview.box .header .metadata h1, .autogen_class_views_book_preview_show >
.main .overview.box .header .metadata h1 {margin: 15px 0px; padding: 0 32px}
.autogen_class_views_book_preview_show.reviews > .main .overview.box .header
.metadata .ratings_and_sharing, .autogen_class_views_book_preview_show.all_reviews
> .main .overview.box .header .metadata .ratings_and_sharing,
.autogen_class_views_book_preview_show > .main .overview.box .header .metadata
.ratings_and_sharing {margin-bottom: 14px}
.autogen_class_views_book_preview_show.reviews > .main .overview.box .header
.metadata .actions, .autogen_class_views_book_preview_show.all_reviews > .main
.overview.box .header .metadata .actions, .autogen_class_views_book_preview_show
> .main .overview.box .header .metadata .actions {height: auto}
.autogen_class_views_book_preview_show.reviews > .main .summary .interests,
.autogen_class_views_book_preview_show.all_reviews > .main .summary .interests,
.autogen_class_views_book_preview_show > .main .summary .interests {display: none}
.autogen_class_views_book_preview_show.reviews > .main .summary .sample.block
h3, .autogen_class_views_book_preview_show.reviews > .main .summary
.sample.block .contributors, .autogen_class_views_book_preview_show.all_reviews
> .main .summary .sample.block h3,
.autogen_class_views_book_preview_show.all_reviews > .main .summary
.sample.block .contributors, .autogen_class_views_book_preview_show > .main
.summary .sample.block h3, .autogen_class_views_book_preview_show > .main
.summary .sample.block .contributors {display: none}
.autogen_class_views_book_preview_show.reviews > .main .summary .description
.published .popover_trigger, .autogen_class_views_book_preview_show.all_reviews
> .main .summary .description .published .popover_trigger,
.autogen_class_views_book_preview_show > .main .summary .description .published
.popover_trigger {display: none}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form, .autogen_class_views_book_preview_show.all_reviews > .main
.reviews .synched .review_form, .autogen_class_views_book_preview_show > .main
.reviews .synched .review_form {padding-top: 0}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .star_label, .autogen_class_views_book_preview_show.all_reviews >
.main .reviews .synched .review_form .star_label,
.autogen_class_views_book_preview_show > .main .reviews .synched .review_form
.star_label {margin-top: 32px}
.autogen_class_views_book_preview_show.reviews > .main .reviews .synched
.review_form .star_ratings .rating_star,
.autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched
.review_form .star_ratings .rating_star, .autogen_class_views_book_preview_show
> .main .reviews .synched .review_form .star_ratings .rating_star {font-size: 30px;
line-height: 30px}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.header, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews
.synched .header, .autogen_class_views_book_preview_show > .main .all_reviews
.synched .header {padding: 32px 0 0; margin: 0}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper, .autogen_class_views_book_preview_show.all_reviews > .main
.all_reviews .synched .book_review_wrapper, .autogen_class_views_book_preview_show
> .main .all_reviews .synched .book_review_wrapper {margin: 0}
}
@media (max-width: 700px) and (max-width: 450px)
{.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .persona_icon,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .persona_icon, .autogen_class_views_book_preview_show >
.main .all_reviews .synched .book_review_wrapper .persona_icon {display: none}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .review_author,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .review_author, .autogen_class_views_book_preview_show > .main
.all_reviews .synched .book_review_wrapper .review_author {display: block; margin-
bottom: 40px; text-align: center; line-height: normal}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .review_body,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .review_body, .autogen_class_views_book_preview_show >
.main .all_reviews .synched .book_review_wrapper .review_body {min-height: auto;
margin-left: 0; padding-right: 0}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review, .autogen_class_views_book_preview_show >
.main .all_reviews .synched .book_review_wrapper .book_review {padding-top: 32px;
padding-bottom: 65px}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .star_ratings,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .star_ratings,
.autogen_class_views_book_preview_show > .main .all_reviews .synched
.book_review_wrapper .book_review .right .star_ratings {top: 30px; width: 100%;
text-align: center; z-index: 1}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom,
.autogen_class_views_book_preview_show > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom {bottom: 45px; text-align: center}
.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom .permalink,
.autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom .permalink,
.autogen_class_views_book_preview_show > .main .all_reviews .synched
.book_review_wrapper .book_review .right .bottom .permalink {display: inline-block;
position: initial; margin-top: 3px}
}
.autogen_class_views_book_preview_show .availability_info_container
.availability_info.show {padding-top: 4px; margin-bottom: 10px}
.autogen_class_views_book_preview_show .availability_info_container.mobile
{display: none}
@media (max-width: 700px) {.autogen_class_views_book_preview_show
.availability_info_container.mobile {width: 100%; display: block; margin-bottom:
16px}
.autogen_class_views_book_preview_show .availability_info_container.mobile
.availability_info {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction:
row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-
content: center}
.autogen_class_views_book_preview_show .availability_info_container.web {display:
none}
}
.autogen_class_views_book_preview_show #available_in_module_mobile {display: none}
@media (max-width: 700px) {.autogen_class_views_book_preview_show
#available_in_module_web {display: none}
.autogen_class_views_book_preview_show #available_in_module_mobile {display: block}
}

/* app/views/shared/promos/annual_offer/lightbox_container.jsxcss @ 1524604696 */
.auto__account_settings_cancel_order_modal_content_pause_modal {height: 100%}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: 600px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container {padding: 10px; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-
flex-direction: column; flex-direction: column}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container .modal_title {font-size: 22px; font-weight: bold; color: #000514}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container .modal_title {font-size: 20px}
}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.lite_modal .modal_subtitle {margin-bottom: 20px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .error
{font-size: 14px; font-weight: bold; color: #d12338; margin-bottom: 10px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .cta_row
{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-
box-pack: end; -ms-flex-pack: end; justify-content: flex-end}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.cta_row .text_btn {font-weight: bold; margin: 10px 30px}
.auto__account_settings_cancel_order_modal_content_pause_modal {height: 100%}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: 600px}
@media (max-width: 600px)
{.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: none}
}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-
box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column; text-align: left}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .actions
{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-
box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.actions .scribd_spinner {display: none; position: absolute; right: 85px; top: 8px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.actions .scribd_spinner.loading {display: block}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_icon {width: 150px; height: 150px; margin: 10px auto}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction:
column; flex-direction: column}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .pause_duration_row {margin-top: 20px; text-align: left}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .pause_duration_row select {margin-left: 10px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .error {font-size: 14px; font-weight: bold; color:
#d12338; margin-bottom: 10px}
.auto__account_settings_cancel_order_offer_item {width: 50%; display: inline-block}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item {width:
100%}
}
.auto__account_settings_cancel_order_offer_item .offer_component {margin-bottom:
20px; text-align: center; padding: 28px; min-height: 250px; height: 250px;
position: relative}
@media (max-width: 870px) {.auto__account_settings_cancel_order_offer_item
.offer_component {height: 280px}
}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item
.offer_component {height: auto}
}
@media (max-width: 460px) {.auto__account_settings_cancel_order_offer_item
.offer_component {padding: 20px; height: auto}
}
.auto__account_settings_cancel_order_offer_item .offer_component.border {border-
left: solid 2px #E9EDF8}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item
.offer_component.border {border-left: none; border-top: solid 2px #E9EDF8}
}
.auto__account_settings_cancel_order_offer_item .offer_component
.offer_component_icon {width: 84px; height: 84px}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_title
{font-size: 22px; font-weight: bold; margin: 16px auto 10px auto}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_offer_item .offer_component .offer_title
{font-size: 20px}
}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_subtitle
{margin: 10px auto 100px auto}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_footer
{width: 100%; height: 60px}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_btn_row
{position: absolute; bottom: 0; right: 0; left: 0}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_btn
{margin: 10px auto}
.auto__account_settings_cancel_order_cancel_container .cancel_container
{background-color: white; max-width: 930px; margin: auto; display: block; height:
auto}
.auto__account_settings_cancel_order_cancel_container .modal_container {padding:
20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; text-align: justify}
.auto__account_settings_cancel_order_cancel_container .modal_container .modal_title
{font-size: 22px; font-weight: bold; color: #000514}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_cancel_container .modal_container .modal_title
{font-size: 20px}
}
.auto__account_settings_cancel_order_cancel_container .text_btn {font-weight: bold}
.auto__account_settings_cancel_order_cancel_container .sidebar_title,
.auto__account_settings_cancel_order_cancel_container .small_title {font-size:
18px; font-weight: bold; line-height: 1.3}
.auto__account_settings_cancel_order_cancel_container .footer_row {border-top:
solid 1px #E9EDF8; padding: 28px 0px}
.auto__account_settings_cancel_order_cancel_container .cta_row {width: 100%;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end;
-ms-flex-pack: end; justify-content: flex-end}
@media (max-width: 700px) {.auto__account_settings_cancel_order_cancel_container
.cta_row {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-
direction: column;flex-direction: column; text-align: center}
}
.auto__account_settings_cancel_order_cancel_container .right_side {padding: 0 24px;
box-sizing: border-box}
@media (min-width: 700px) and (max-width: 1024px)
{.auto__account_settings_cancel_order_cancel_container .step_one_body {-webkit-box-
orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column}
.auto__account_settings_cancel_order_cancel_container .step_one_body .right_side
{width: 100%}
.auto__account_settings_cancel_order_cancel_container .step_one_body .icon_sidebar
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%}
.auto__account_settings_cancel_order_cancel_container .step_one_body
.icon_sidebar .icon_row {margin: 20px}
}
.auto__account_settings_cancel_order_cancel_container .carousels_container
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; width: 100%}
@media (min-width: 1024px)
{.auto__account_settings_cancel_order_cancel_container .carousels_container
.top_carousel_container {padding-right: 40px}
}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_wrap {margin-bottom: 24px}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_title .title_link {color: #1C263D}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_subtitle {color: #57617A; font-size: 18px; font-weight: bold; font-style:
italic; line-height: 1.3}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.view_more_wrap {display: none}
.auto__account_settings_cancel_order_feedback_step .feedback_container {padding:
40px; position: relative}
.auto__account_settings_cancel_order_feedback_step .feedback_container
.scribd_spinner {position: absolute; left: 50%; top: 50%; z-index: 5000}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.small_title {font-size: 18px; margin: 1em 0}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.form_options {padding-bottom: 24px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.form_options .access_helper {display: none}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; color: #1C263D; width: 90%; margin-bottom: 16px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .radio_label {font-size: 16px; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .radio_label:before {top: 3px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .input_text {display: -webkit-box;display: -ms-flexbox;display: flex;
height: auto}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .textarea_label {margin-left: 35px; margin-bottom: 10px; margin-top:
16px; font-size: 14px; font-weight: bold}
@media (max-width: 1024px) {.auto__account_settings_cancel_order_feedback_step
.textarea_component {width: 80%}
.auto__account_settings_cancel_order_feedback_step .textarea_component .textarea
{width: 70%}
}
@media (min-width: 700px) and (max-width: 1024px)
{.auto__account_settings_cancel_order_feedback_step .textarea_component {width:
80%}
.auto__account_settings_cancel_order_feedback_step .textarea_component .textarea
{width: 200px}
}
.auto__account_settings_cancel_order_feedback_step .flash_container
.flash.standard.error {border: 1px solid rgba(179, 30, 48, 0.2); text-align: left;
padding-left: 20px; padding-right: 20px; margin-bottom: 16px}
.auto__account_settings_cancel_order_feedback_step .flash_container .content
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center}
.auto__account_settings_cancel_order_feedback_step .flash_container .content .icon
{top: 0px}
.auto__shared_react_forms_checkbox {position: relative}
.auto__shared_react_forms_checkbox label {cursor: pointer}
.auto__shared_react_forms_checkbox .checkbox_input {-webkit-appearance: none; -moz-
appearance: none; appearance: none}
.auto__shared_react_forms_checkbox .checkbox_label {display: block}
.auto__shared_react_forms_checkbox .checkbox_label:before {vertical-align: top;
position: relative; top: 5px; margin-right: 12px; display: inline-block; cursor:
pointer; font-family: 'scribd'; font-size: 16px; border: none; box-shadow: none;
color: #8F919E}
.auto__shared_react_forms_checkbox .checkbox_label.checked:before {color: #017f70}
.keyboard_focus .auto__shared_react_forms_checkbox .checkbox_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_checkbox .checkbox_label .input_text {color: #1C263D;
display: inline-block; vertical-align: top; line-height: 1.5em; font-family:
'Source Sans Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_checkbox .checkbox_label:hover .input_text,
.auto__shared_react_forms_checkbox .checkbox_label.focused .input_text {color:
#1C263D}
.auto__shared_react_forms_checkbox .checkbox_label:hover:before,
.auto__shared_react_forms_checkbox .checkbox_label.focused:before {color: #0D6069}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .input_text
{color: #57617A; font-weight: bold}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .description
{color: #57617A; display: block; margin-left: 28px; line-height: 1.29em; font-size:
14px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_input_group .input_group {margin: 0 0 24px 0; padding: 0}
.auto__shared_react_forms_input_group .input_group legend {margin-bottom: 4px;
font-size: 16px; font-weight: bold}
.auto__shared_react_forms_input_group .input_group div:not(:last-child) {margin-
bottom: 8px}
.auto__shared_react_forms_input_group .input_group div:not(:last-
child).with_description {margin-bottom: 18px}
.auto__shared_react_forms_input_group .input_group.horizontal {margin: 0}
.auto__shared_react_forms_input_group .input_group.horizontal div {display: inline-
block; margin: 0 30px 0 0}
.auto__shared_react_forms_radio {position: relative}
.auto__shared_react_forms_radio label {cursor: pointer}
.auto__shared_react_forms_radio .radio_input {margin: 0; position: absolute; top:
0; left: 0}
.auto__shared_react_forms_radio .radio_label {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-
items: center}
.auto__shared_react_forms_radio .radio_label.checked:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label .input_text {color: #1C263D; display:
inline-block; vertical-align: top; line-height: 1.5em; font-family: 'Source Sans
Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_radio .radio_label:before {display: inline-block; font-
family: 'scribd'; margin-right: 10px; font-size: 16px; cursor: pointer; color:
#8F919E; vertical-align: top; position: relative}
.auto__shared_react_forms_radio .radio_label:hover .input_text,
.auto__shared_react_forms_radio .radio_label.focused .input_text {color: #1C263D}
.auto__shared_react_forms_radio .radio_label:hover:before,
.auto__shared_react_forms_radio .radio_label.focused:before {color: #0D6069}
.keyboard_focus .auto__shared_react_forms_radio .radio_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_radio .radio_label.checked:hover:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label.with_description {display: block}
.auto__shared_react_forms_radio .radio_label.with_description .input_text {color:
#57617A; font-weight: bold}
.auto__shared_react_forms_radio .radio_label.with_description .description {color:
#57617A; display: block; margin-left: 26px; line-height: 1.29em; font-size: 14px;
font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_radio .radio_label.with_description:before {top: 3px}
.auto__shared_react_forms_step_header .step_header {margin: 0px}
.auto__shared_react_forms_step_header .step_header h1 {margin: 0}
.auto__shared_react_forms_step_header .step_counter {font-size: 16px; font-weight:
bold; text-transform: uppercase; letter-spacing: 0.06em; color: #a9085e; margin:
0px}
.auto__shared_react_forms_step_header .title {font-size: 32px; font-weight: bold;
margin: 6px 0px; color: #000514}
@media (max-width: 550px) {.responsive .auto__shared_react_forms_step_header .title
{font-size: 24px}
}
.auto__shared_react_forms_step_header .subtitle {font-size: 18px; font-style:
italic; color: #57617A; font-weight: normal; margin: 0px}
.auto__shared_react_forms_step_header .step_header.billing {margin-bottom: 10px}
@media (max-width: 950px) {.auto__shared_react_forms_step_header
.step_header.billing .subtitle {display: none}
}
.auto__shared_react_forms_text_input .input_row {margin: 0 0 18px; max-width:
650px}
.auto__shared_react_forms_text_input .input_row label {display: block; font-size:
16px; font-weight: bold}
.auto__shared_react_forms_text_input .input_row .help {font-size: 14px; color:
#57617A; display: block}
.auto__shared_react_forms_text_input .input_row input {outline: none; border-
radius: 4px; border: solid 1px #8F919E; padding: 8px 14px; width: 100%; height:
40px; box-sizing: border-box}
.auto__shared_react_forms_text_input .input_row input:focus {border-color: #02a793;
box-shadow: 0 0 1px 0 #017f70}
@media screen and (-ms-high-contrast: active) {.auto__shared_react_forms_text_input
.input_row input:focus {outline: 1px dashed !important}
}
.auto__shared_react_forms_text_input .input_row input.disabled {background-color:
#F8F9FD}
.auto__shared_react_forms_text_input .input_row.password input {padding-right:
62px}
.auto__shared_react_forms_text_input .input_row.password input::-ms-clear {display:
none}
.auto__shared_react_forms_text_input .input_row .error_msg {color: #B31E30; font-
size: 14px; margin-top: 6px}
.auto__shared_react_forms_text_input .input_row abbr.asterisk_require {font-size:
120%}
.auto__shared_react_forms_text_input .input_row.has_error textarea,
.auto__shared_react_forms_text_input .input_row.has_error input[type=text],
.auto__shared_react_forms_text_input .input_row.has_error input[type=password]
{border-color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_text_input .input_row.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_text_input .input_row .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_text_input .input_row .password_toggle_btn {color:
#1E7B85; display: inline-block; font-size: 16px; font-weight: bold; padding: 1px 0;
position: absolute; right: 14px; top: 50%; vertical-align: middle; width: auto;
-webkit-transform: translateY(-50%); transform: translateY(-50%)}
.auto__shared_react_forms_text_input .input_row .input_wrapper {position: relative;
margin-top: 4px}
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.auto__shared_react_forms_textarea .textarea_label {margin: 14px 0 14px; width:
100%}
.auto__shared_react_forms_textarea .textarea_label label {display: block}
.auto__shared_react_forms_textarea .textarea_label .label_text {font-size: 16px;
color: #1C263D; font-weight: bold}
.auto__shared_react_forms_textarea .textarea_label .help,
.auto__shared_react_forms_textarea .textarea_label .help_bottom {font-size: 14px;
color: #57617A}
.auto__shared_react_forms_textarea .textarea_label .help {display: block}
.auto__shared_react_forms_textarea .textarea_label .help_bottom {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end;
justify-content: flex-end}
.auto__shared_react_forms_textarea .textarea_label .optional_text {font-weight:
normal}
.auto__shared_react_forms_textarea .textarea_label textarea {margin-top: 10px;
outline: none; border-radius: 4px; border: solid 1px #8F919E; padding: 8px 14px;
width: 100%; box-sizing: border-box; resize: vertical; font-size: 16px; font-
family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:focus {border-color:
#02a793; box-shadow: 0 0 1px 0 #017f70}
.auto__shared_react_forms_textarea .textarea_label textarea.disabled {background-
color: #F8F9FD}
.auto__shared_react_forms_textarea .textarea_label textarea::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::placeholder {font-
color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label .error_msg {color: #B31E30;
font-size: 14px; margin-top: 6px}
.auto__shared_react_forms_textarea .textarea_label.has_error textarea {border-
color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_textarea .textarea_label.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_textarea .textarea_label .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_toggle {display: inline-block; position: relative}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:before,
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {position:
absolute; right: -70px; top: 2px; content: ""; height: 20px; width: 46px;
background-color: #8F919E; border: 1px solid #8F919E; border-radius: 100px}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {border-
radius: 50%; width: 20px; border-radius: 50%; background-color: white; right:
-32px; -webkit-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-
out; -webkit-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:before
{background-color: #017f70}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:after
{right: -58px}
.auto__shared_react_forms_toggle .scribd_spinner {display: none; z-index: 21;
position: absolute; top: 0; right: -49px}
.auto__shared_react_forms_toggle .scribd_spinner.loading {display: block}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar {line-height:
inherit; list-style: none; padding: 0; margin: 0; width: 250px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar li {line-height:
inherit}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
margin: 20px 0px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar
.icon_row.clickable:hover {opacity: 0.8}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row .icon
{font-size: 30px; color: #1E7B85; margin-right: 10px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row
.icon_label {margin-top: 3px; font-size: 18px; color: #57617A}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row
.icon_label {font-size: 16px}
}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon, .auto__account_settings_cancel_order_icon_sidebar .icon_sidebar
.icon_row.gray .icon_label_bold,
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label {color: #57617A}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label_bold {font-size: 22px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label_bold {font-size: 20px}
}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label {margin-left: 3px; margin-top: 4px}
@media (max-width: 550px) {.auto__account_settings_cancel_order_icon_sidebar
.icon_sidebar .icon_row.gray .icon_label {margin-top: 2px; /*to accomodate for
type_header4 of icon label bold */ }
}
.auto__account_settings_cancel_order_incentive_step .step_header {margin-bottom:
40px}
.auto__account_settings_cancel_order_incentive_step .incentive_step {padding: 40px}
.auto__account_settings_cancel_order_incentive_step .incentive_step .step_body
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row}
.auto__account_settings_cancel_order_incentive_step .offer_list {line-height:
inherit; list-style: none; padding: 0; margin: 0; width: 100%; display: -webkit-
box; display: -ms-flexbox; display: flex}
.auto__account_settings_cancel_order_incentive_step .offer_list li {line-height:
inherit}
@media (max-width: 750px) {.auto__account_settings_cancel_order_incentive_step
.offer_list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-
direction: column;flex-direction: column}
}
.auto__account_settings_cancel_order_module_step {padding: 40px 32px}
@media (max-width: 700px) {.auto__account_settings_cancel_order_module_step
{padding: 20px 24px 40px 24px}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_module_step
{padding: 20px 16px 40px 16px}
}
.auto__account_settings_cancel_order_module_step .module_body {margin: 24px 0 40px}
.auto__account_settings_cancel_order_module_step .cta_row {border-top: 1px solid
#E9EDF8; padding-top: 26px}
.auto__account_settings_cancel_order_module_step .cta_row .flat_btn {height: auto;
min-height: 44px; max-height: none}
@media (max-width: 700px) {.auto__account_settings_cancel_order_module_step
.cta_row {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-
direction: column-reverse;flex-direction: column-reverse}
.auto__account_settings_cancel_order_module_step .cta_row .flat_btn {width: 300px;
margin: 20px auto}
}
.auto__account_settings_cancel_order_module_step .keep_membership_btn {margin-
right: 40px; margin-left: 20px}
.auto__account_settings_cancel_order_module_step .continue_link {margin-top: 10px}
.auto__account_settings_cancel_order_module_step .disclaimer {font-size: 14px;
margin-top: 16px; color: #57617A; padding-bottom: 24px}
.auto__account_settings_cancel_order_module_step .disclaimer a {color: #57617A;
text-decoration: underline}
.auto__account_settings_cancel_order_module_step .rec_heading {font-size: 18px;
font-weight: bold; line-height: 1.3; color: #57617A; margin: 0 0 16px; text-
transform: uppercase}
.auto__account_settings_cancel_order_module_step .recommenders .title_wrap
{padding: 0}
.auto__account_settings_cancel_order_module_step .recommenders .paddles_container
{width: 100%}
.auto__account_settings_cancel_order_module_step .recommenders .carousel {margin:
0}
.auto__account_settings_cancel_order_module_step .recommenders .carousel:before
{left: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel:after
{right: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel li:first-
child {margin-left: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel ul
{margin: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel
li:not(.interest_tile_wrapper) {margin-left: 12px}
.auto__account_settings_cancel_order_modules_basic .wrapper {padding: 14px 24px
20px; margin-bottom: 24px; background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_basic .wrapper .copy {text-align:
center; color: #1C263D; margin: 0; padding-bottom: 20px; font-size: 20px; font-
weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_basic .wrapper .copy {font-size: 18px}
}
.auto__account_settings_cancel_order_modules_basic .content_type_list {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: -webkit-box; display:
-ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {line-
height: inherit}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {width:
18%; padding: 0 1%}
.auto__account_settings_cancel_order_modules_basic .content_type_list a {display:
-webkit-box;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items:
center}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 80px; height: 80px; border-radius: 50%; background-color: #87064b; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-
align: center; align-items: center}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {color: white; font-size: 40px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{margin-top: 12px; text-align: center; color: #57617A; font-weight: bold; font-
size: 18px}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{font-size: 16px}
}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_basic
.content_type_list {display: block}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {width:
50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-
flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-
direction: normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:last-child
{margin-bottom: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n) {padding: 0 0 0 10px; margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n + 1) {padding: 0 10px 0 0; margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_basic .content_type_list a {-webkit-
box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-
direction: row}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 60px; height: 60px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {font-size: 30px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{margin: 0 0 0 20px; text-align: left; font-size: 18px; font-weight: bold; line-
height: 1.3}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_basic
.content_type_list li {width: 100%; display: -webkit-box; display: -ms-flexbox;
display: flex}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:last-child
{margin-bottom: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n) {padding: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n + 1) {padding: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 48px; height: 48px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {font-size: 22px}
}
.auto__account_settings_cancel_order_modules_basic .unlimited {color: #a9085e}
.auto__account_settings_cancel_order_modules_lifestyle .wrapper {line-height:
inherit; list-style: none; padding: 0; margin: 0; margin: 24px auto 0; padding:
20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; max-width: 802px}
.auto__account_settings_cancel_order_modules_lifestyle .wrapper li {line-height:
inherit}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_lifestyle .wrapper {-webkit-box-
orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column; max-width: 398px}
}
@media (max-width: 550px)
{.auto__account_settings_cancel_order_modules_lifestyle .wrapper {max-width: 342px}
}
.auto__account_settings_cancel_order_modules_lifestyle .item {width: 218px; text-
align: center}
.auto__account_settings_cancel_order_modules_lifestyle .item img {width: 150px;
height: 100px; margin-bottom: 10px}
.auto__account_settings_cancel_order_modules_lifestyle .item .title {font-size:
18px; font-weight: bold; line-height: 1.3; display: block}
.auto__account_settings_cancel_order_modules_lifestyle .item .subtitle {font-size:
16px; color: #57617A}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_lifestyle .item {width: auto;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
text-align: left; margin-bottom: 40px}
.auto__account_settings_cancel_order_modules_lifestyle .item img {display: inline-
block; margin: 0 30px 0 0}
}
@media (max-width: 550px)
{.auto__account_settings_cancel_order_modules_lifestyle .item {margin-bottom: 30px}
.auto__account_settings_cancel_order_modules_lifestyle .item img {width: 108px;
height: 72px; margin: 0 16px 0 0}
}
.auto__account_settings_cancel_order_modules_fomo .wrapper {padding: 0 8px;
background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_fomo .header {font-size: 22px; font-
weight: bold; padding: 20px 0 16px; margin: 0; text-align: center}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_fomo .header {font-size: 20px}
}
.auto__account_settings_cancel_order_modules_fomo .book_list {line-height: inherit;
list-style: none; padding: 0; margin: 0; margin: 0 40px; padding: 30% 0 0.5%;
position: relative; overflow: hidden}
.auto__account_settings_cancel_order_modules_fomo .book_list li {line-height:
inherit}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_fomo
.book_list {padding-top: 33%; margin: 0 8px}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_list {padding-top: 32%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item {position: absolute}
.auto__account_settings_cancel_order_modules_fomo .book_item:first-child {left:
2.5%}
.auto__account_settings_cancel_order_modules_fomo .book_item:first-child,
.auto__account_settings_cancel_order_modules_fomo .book_item:last-child {width:
17.04%; top: 11%}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 6%}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 5%}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 4%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(2),
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(4) {width:
21.1%; z-index: 2; top: 5%}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(2), .auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(4) {top: 3%}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(2), .auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(4) {top: 2%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(2) {left:
29%; -webkit-transform: translate(-50%); transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(3) {width:
24.1%; z-index: 3; left: 50%; top: 0; -webkit-transform: translate(-50%);
transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(4) {left:
71%; -webkit-transform: translate(-50%); transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:last-child {right:
1.5%}
.auto__account_settings_cancel_order_modules_fomo .book_image {width: 100%;
-webkit-box-reflect: below 0px linear-gradient(180deg, rgba(255, 255, 255, 0) 80%,
white 193%); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17)}
.auto__account_settings_cancel_order_modules_my_precious .wrapper {margin-top:
24px; padding: 6px 0 20px}
.auto__account_settings_cancel_order_modules_my_precious .header {font-size: 20px;
font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_my_precious .header {font-size: 18px}
}
.auto__account_settings_cancel_order_modules_my_precious .content_wrapper {display:
-webkit-box;display: -ms-flexbox;display: flex}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.content_wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-
flex-direction: column;flex-direction: column}
}
.auto__account_settings_cancel_order_modules_my_precious .chart {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: inline-block; width:
calc(50% - 5px); margin-right: 5px}
.auto__account_settings_cancel_order_modules_my_precious .chart li {line-height:
inherit}
.auto__account_settings_cancel_order_modules_my_precious .chart .row {height:
2.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items:
center}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .icon {font-
size: 24px; width: 24px; color: #00293f; padding: 8px 12px 8px 0px; border-right:
1px solid #57617A}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .bar {height:
28px; background-color: #a9085e; border: solid transparent 1px}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .bar_copy
{padding-left: 16px; white-space: nowrap}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.chart {margin: 0 0 24px; display: block; width: 100%}
}
.auto__account_settings_cancel_order_modules_my_precious .promo_wrapper {display:
-webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-
pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align:
center; -ms-flex-align: center; align-items: center; min-height: 12.5em; width:
calc(50% - 5px); margin-left: 5px; background-color: #F8F9FD}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.promo_wrapper {margin: 0; display: -webkit-box; display: -ms-flexbox; display:
flex; width: 100%}
}
.auto__account_settings_cancel_order_modules_my_precious .promo {margin: 0 8px;
max-width: 398px; width: 100%; display: -webkit-box; display: -ms-flexbox; display:
flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-
direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__account_settings_cancel_order_modules_my_precious .promo .image {width:
150px; height: 100px}
.auto__account_settings_cancel_order_modules_my_precious .promo .copy {width:
inherit; font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_my_precious .promo .copy {font-size:
18px}
}
.auto__account_settings_cancel_order_modules_my_precious .promo.stacked {-webkit-
box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column; margin: 20px}
.auto__account_settings_cancel_order_modules_my_precious .promo.stacked .image
{width: 108px; height: 72px; margin-bottom: 10px}
.auto__account_settings_cancel_order_modules_quantification .wrapper {padding: 24px
0 20px; background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_quantification .wrapper .sub_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; max-width: 802px; margin:
0 auto}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .wrapper .sub_wrapper
{max-width: 300px; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column}
}
.auto__account_settings_cancel_order_modules_quantification .list {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: -webkit-box; display:
-ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center;
align-items: center; padding-left: 16px}
.auto__account_settings_cancel_order_modules_quantification .list li {line-height:
inherit}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .list {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
padding: 0; border-bottom: 4px solid #1C263D}
}
.auto__account_settings_cancel_order_modules_quantification .item {width: 114px;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; font-size: 14px}
.auto__account_settings_cancel_order_modules_quantification .item .icon {width:
1em; height: 1em; font-size: 48px; margin: 0 auto 16px}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .item {width: 100%;
-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction:
row; flex-direction: row; margin-bottom: 20px}
.auto__account_settings_cancel_order_modules_quantification .item .icon {margin: 0
20px 0 10px}
.auto__account_settings_cancel_order_modules_quantification .item:nth-child(5)
{margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_quantification .item:first-child
{padding-left: 40px}
}
.auto__account_settings_cancel_order_modules_quantification .price {font-size:
14px; color: #a9085e; display: block}
.auto__account_settings_cancel_order_modules_quantification .math {color: #000514;
font-size: 42px; padding: 0 10px}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .math.bottom {display:
none}
}
.auto__account_settings_cancel_order_modules_quantification .math.left {padding: 0;
display: none}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .math.left {display:
block}
}
.auto__account_settings_cancel_order_modules_quantification .included {font-size:
20px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_quantification .included {font-size:
18px}
}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center;
-ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
padding-right: 16px}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{font-size: 18px}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{font-size: 16px}
}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .total_wrapper
{margin: 10px 0 0 35px; padding: 0}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{display: inline-block}
}
.auto__account_settings_forms_base .page_content .info {margin-bottom: 24px}
.auto__account_settings_forms_base .page_content
.account_settings_form.change_email_notifications_form .input_group {margin-bottom:
0}
.auto__account_settings_forms_base .page_content
.account_settings_form.change_email_notifications_form .input_group legend {margin-
bottom: 8px; white-space: normal; display: table}
.auto__account_settings_forms_edit_profile .last_nonprimary_email {margin-bottom:
40px}
.auto__account_settings_lightboxes_no_history_modal .no_history_modal_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-
box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-
align: center; height: 520px}
.auto__account_settings_sections_account .account_section .col_left .row_label
{margin: 0 0 16px 0}
.auto__account_settings_sections_account .account_section .col_right .credit_detail
{margin-bottom: 4px}
.auto__account_settings_sections_account .account_section .col_right
.credit_detail.large {font-size: 18px}
.auto__account_settings_sections_account .account_section .col_right
.credit_detail.small {font-size: 14px}
.auto__account_settings_sections_account .account_section .col_right .info.plan
{font-size: 20px}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice {border: 1px solid rgba(28, 38, 61, 0.2)}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice .content {text-align: left; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice .content .icon {width: 60px}
.auto__account_settings_sections_account .account_section .col_right
.notification_text {text-align: left}
.auto__account_settings_sections_account .account_section .col_right .faq_link
{display: inline-block; color: #1C263D; margin-bottom: 0px}
.auto__account_settings_sections_api .api_section .col_right .info.list_item
{margin-bottom: 0}
.auto__account_settings_sections_api .api_section .col_right .label {font-weight:
bold; margin-bottom: 4px}
.auto__account_settings_sections_api .api_section .col_right .label .subtext {font-
weight: normal}
.auto__account_settings_sections_api .api_section .col_right .last_child {margin-
bottom: 60px}
@media (max-width: 700px) {.auto__account_settings_sections_api .api_section
.col_right .auto__shared_react_forms_toggle {width: 205px}
}
.auto__account_settings_sections_personal .list_anchor .metadata .star_ratings,
.auto__account_settings_sections_personal .list_anchor .metadata .upvotes {display:
none}
.auto__account_settings_sections_personal .personal_section .col_left {text-align:
center}
.auto__account_settings_sections_personal .personal_section .col_left .image_link
{margin: auto}
.auto__account_settings_sections_personal .personal_section .col_left
.image_link.edit {font-size: 14px}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview {position: relative}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .user_image {height: 72px; width: 72px; border-radius: 50%;
border: 1px solid #E9EDF8}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .scribd_spinner {display: none; position: absolute; top: 20px;
left: calc(50% - 15px)}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .scribd_spinner.loading {display: block}
.auto__account_settings_sections_personal .personal_section .col_right
.caption_style {font-size: 14px; margin-bottom: 8px}
.auto__account_settings_sections_personal .personal_section .col_right .middle
{display: inline-block; width: 50%; vertical-align: top}
.auto__account_settings_sections_personal .personal_section .col_right .right
{display: inline-block; width: 50%}
.auto__account_settings_sections_personal .personal_section .col_right .right
.facebook_user_info {margin-top: 12px}
.auto__account_settings_sections_personal .personal_section .col_right .right
.facebook_user_info .info {margin-bottom: 0}
.auto__account_settings_sections_personal .personal_section .label {font-weight:
bold; margin-bottom: 4px; font-size: 16px}
.auto__account_settings_sections_personal .personal_section .info.password {margin-
bottom: 0}
.auto__account_settings_sections_personal .personal_section .info.about .view_link
{display: inline; font-size: 16px}
.auto__account_settings_sections_personal .personal_section .info.about .hide
{display: none}
.auto__account_settings_sections_personal .personal_section .info.about .hide.shown
{display: inline}
.auto__account_settings_sections_personal .personal_section .info.wrap {margin-
bottom: 5px; padding-right: 16px; word-wrap: break-word}
.auto__account_settings_sections_personal .personal_section .info.wrap a {display:
inline; margin-left: 5px}
.auto__account_settings_sections_personal .personal_section .info.wrap.last_email
{margin-bottom: 24px}
.auto__account_settings_sections_personal .personal_section .margin_bottom {margin-
bottom: 24px}
@media (max-width: 700px) {.auto__account_settings_sections_personal
.personal_section .col_right .middle, .auto__account_settings_sections_personal
.personal_section .col_right .right {display: block; width: 100%}
}
.lightbox .delete_email_modal .title {display: inline; word-break: break-all}
.auto__account_settings_sections_uploads .uploads_section .col_right .last_child
{margin-bottom: 60px}
@media (max-width: 700px) {.auto__account_settings_sections_uploads
.uploads_section .col_right .auto__shared_react_forms_toggle {width: 205px}
}
.auto__account_settings_tables_payment_history {margin-bottom: 60px}
.auto__account_settings_tables_payment_history .payment_history_table .col_1
{width: 17.5%}
.auto__account_settings_tables_payment_history .payment_history_table .col_2
{width: 50%}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .refunded {font-weight: bold; text-transform: uppercase;
letter-spacing: 0.06em; color: #57617A}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .valid_until {color: #57617A}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .word_wrap {display: block; margin-bottom: 0; word-wrap:
break-word}
@media (max-width: 700px) {.auto__account_settings_tables_payment_history
.payment_history_table .col_1 {width: 25%}
.auto__account_settings_tables_payment_history .payment_history_table .col_2
{width: 40%}
}
@media (max-width: 550px) {.auto__account_settings_tables_payment_history
.payment_history_table .col_2, .auto__account_settings_tables_payment_history
.payment_history_table .col_3 {width: 0%}
}
.auto__account_settings_plans_plan_module .plan_module_container {text-align:
center; border: 1px solid #E9EDF8; margin: 0 0 12px 0; padding: 28px; height:
19.125em; width: 16.25em; box-sizing: border-box; border-radius: 3px; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid
#E9EDF8}
.auto__account_settings_plans_plan_module .plan_module_container.tall {min-height:
460px; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container .info_top {height:
100px}
.auto__account_settings_plans_plan_module .plan_module_container .title_container
{padding: 0 10px}
.auto__account_settings_plans_plan_module .plan_module_container .plan_title {font-
size: 22px; font-weight: bold; margin: 0px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .plan_title {font-size: 20px}
}
.auto__account_settings_plans_plan_module .plan_module_container .extra_tag {font-
size: 14px; font-weight: 600; line-height: 1.3em; margin-top: 0.125em; color:
#a9085e}
.auto__account_settings_plans_plan_module .plan_module_container .price_container
{margin: 6px auto; position: relative; height: 1.875em}
.auto__account_settings_plans_plan_module .plan_module_container .price_row
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
position: absolute; bottom: 0; left: 0; right: 0}
.auto__account_settings_plans_plan_module .plan_module_container .price_row > *
{color: #1C263D}
.auto__account_settings_plans_plan_module .plan_module_container .price_row .price
{font-size: 36px; font-weight: bold; font-weight: normal; color: #57617A; line-
height: 14px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .price_row .price {font-size: 28px}
}
.auto__account_settings_plans_plan_module .plan_module_container .price_row
.per_month {font-size: 18px; margin-left: 6px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .price_row .per_month {font-size: 16px}
}
.auto__account_settings_plans_plan_module .plan_module_container .subtitle {font-
size: 14px; color: #57617A; margin-top: 8px}
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row a,
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row
button, .auto__account_settings_plans_plan_module .plan_module_container
.bottom_row .button {width: 100%; margin-bottom: 0}
.auto__account_settings_plans_plan_module .plan_module_container
.bottom_row.bottom_text {font-size: 14px; color: #1C263D; font-weight: normal}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
{line-height: inherit; list-style: none; padding: 0; margin: 0; font-size: 14px;
text-align: left}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points li
{line-height: inherit}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
.bullet {margin: 20px; margin-right: 0px}
@media (max-width: 700px) {.auto__account_settings_plans_plan_module
.plan_module_container {text-align: left; margin-bottom: 12px; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container.tall {min-height:
0; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container .info_top {height:
auto}
.auto__account_settings_plans_plan_module .plan_module_container .title_container
{padding: 0px; margin-bottom: 15px}
.auto__account_settings_plans_plan_module .plan_module_container
.title_container.with_extra_tag {margin-bottom: 4px}
.auto__account_settings_plans_plan_module .plan_module_container .extra_tag
{margin-bottom: 14px}
.auto__account_settings_plans_plan_module .plan_module_container .price_row {-
webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start}
.auto__account_settings_plans_plan_module .plan_module_container .subtitle {text-
align: left}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
.bullet {margin: 20px 0}
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row
{margin-top: 24px}
}
.auto__account_settings_plans_plan_module .below_cta_text {text-align: center;
font-size: 14px; color: #57617A}
.auto__account_settings_plans_change_plans {width: 100%}
.auto__account_settings_plans_change_plans .subtitle {font-size: 16px; font-weight:
bold; font-weight: normal; margin: 0 0 20px 0}
.auto__account_settings_plans_change_plans .plans_row {line-height: inherit; list-
style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack:
justify; justify-content: space-between; width: 600px; margin: auto; box-sizing:
border-box; padding: 28px; padding-top: 0px}
.auto__account_settings_plans_change_plans .plans_row li {line-height: inherit}
.auto__account_settings_plans_change_plans .plans_row .plan_module_container
.plan_title {font-size: 24px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width:
16.375em; box-sizing: border-box; margin: auto; font-size: 14px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .icon {width:
1.875em; margin-right: 10px; color: #57617A; line-height: 20px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .caption_text
{display: inline-block; color: #57617A}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .toc_link
{font-weight: bold; text-decoration: underline; color: #57617A; display: inline-
block}
@media (max-width: 700px) {.auto__account_settings_plans_change_plans .plans_row {-
webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:
column;flex-direction: column; width: 100%}
.auto__account_settings_plans_change_plans .plans_row .plan_container {width: 100%;
margin: auto}
.auto__account_settings_plans_change_plans .plans_row .plan_container
.plan_module_container {margin: auto}
}
.auto__account_settings_value_props {margin-bottom: 41px}
.auto__account_settings_value_props .info_tile {background-color: #FAFBFD; border:
1px solid #E9EDF8; border-radius: 4px; width: 18.875em; height: 12.75em; margin:
7px; width: auto; height: auto; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-
flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-
pack: start; justify-content: flex-start; padding: 28px; box-sizing: border-box}
.auto__account_settings_value_props .info_tile .title {font-size: 20px; font-
weight: bold}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .title {font-size: 18px}
}
.auto__account_settings_value_props .info_tile .title,
.auto__account_settings_value_props .info_tile .subtitle {margin: auto}
.auto__account_settings_value_props .info_tile .title {font-size: 22px; font-
weight: bold; border-bottom: 0px}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .title {font-size: 20px}
}
.auto__account_settings_value_props .info_tile .subtitle {display: inline-block;
font-size: 18px}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .subtitle {font-size: 16px}
}
.auto__account_settings_value_props .info_tile .subtitle a {display: inline-block;
font-weight: bold; text-decoration: underline}
.auto__account_settings_value_props .info_tile .categories {line-height: inherit;
list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-
wrap: wrap; padding: 0px; width: 100%; max-width: 43.75em; box-sizing: border-box;
margin: auto}
.auto__account_settings_value_props .info_tile .categories li {line-height:
inherit}
.auto__account_settings_value_props .info_tile .categories .category {margin: 22px
35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; width: 9.8125em; text-align: center}
.auto__account_settings_value_props .info_tile .categories .category .cat_name
{font-size: 20px; font-weight: bold; color: #1C263D}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .categories .category .cat_name {font-size: 18px}
}
.auto__account_settings_value_props .info_tile .categories .category .cat_subtitle
{font-size: 16px; color: #57617A; font-weight: normal}
.auto__account_settings_value_props .info_tile .categories .category .icon {font-
size: 34px; margin: auto; font-weight: normal}
@media (max-width: 850px) {.auto__account_settings_value_props .info_tile
.categories {padding: 0px 35px}
.auto__account_settings_value_props .info_tile .categories .category {margin: 35px
0px}
}
@media (max-width: 950px) {.auto__account_settings_value_props .info_tile {padding:
28px 0px}
.auto__account_settings_value_props .info_tile .categories {max-width: 31.25em}
.auto__account_settings_value_props .info_tile .categories li {width: 45%}
.auto__account_settings_value_props .info_tile .categories .category {-webkit-box-
orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-
direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content:
flex-start; width: auto; margin: 13px 0px; width: 100%}
.auto__account_settings_value_props .info_tile .categories .category .cat_text
{text-align: left; margin-left: 15px}
.auto__account_settings_value_props .info_tile .categories .category .icon {margin:
0px; width: 34px}
}
@media (max-width: 550px) {.auto__account_settings_value_props .info_tile {padding:
20px}
.auto__account_settings_value_props .info_tile .subtitle,
.auto__account_settings_value_props .info_tile .title {margin-left: 0px}
.auto__account_settings_value_props .info_tile .categories {margin: 0px; padding:
0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-
direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack:
start; justify-content: flex-start}
.auto__account_settings_value_props .info_tile .categories li {width: 100%}
.auto__account_settings_value_props .info_tile .categories .category {margin-left:
0px}
}
.auto__account_settings_value_props .disclaimer,
.auto__account_settings_value_props .details_link {display: inline-block; font-
size: 14px}
.auto__account_settings_value_props .disclaimer {margin-left: 20px}
.auto__account_settings_value_props .disclaimer .details_link {color: #57617A;
font-weight: normal; text-decoration: underline}
.auto__shared_promos_annual_offer_lightbox_container .lightbox {min-width: 600px;
max-width: none; width: 37.5em}
@media (max-width: 700px) {.auto__shared_promos_annual_offer_lightbox_container
.lightbox {width: auto; width: 100vw; max-width: 100%; min-width: 0}
}
@media (max-width: 700px) {.auto__shared_promos_annual_offer_lightbox_container
.wrapper {width: 100vw; max-width: 100%; margin: auto}
}
.auto__shared_promos_annual_offer_lightbox_container .wrapper .content {padding:
0px; border-width: 0}
.auto__shared_promos_annual_offer_lightbox_container .wrapper .close_button {z-
index: 4; position: absolute}
.auto__shared_promos_annual_offer_lightbox_container .wrapper .close_button span
{font-weight: bold}
.auto__shared_promos_annual_offer_lightbox_container .promo_modal .wrapper
.close_button {color: white}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container {position:
relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; height: 100%; margin: 0 auto; position: relative; padding: 0px}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container {box-sizing: border-box; width: 100%; display: -webkit-box;
display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-
direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-
pack: center; -ms-flex-pack: center; justify-content: center; padding: 28px;
padding-bottom: 0px}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container > * {text-align: center}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container .header {font-size: 32px; font-weight: bold; margin: 0px auto}
@media (max-width: 550px) {.responsive
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container .header {font-size: 24px}
}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container .subtitle {font-size: 18px}
@media (max-width: 550px) {.responsive
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container .subtitle {font-size: 16px}
}
.auto__shared_promos_annual_offer_plans {width: 100%}
.auto__shared_promos_annual_offer_plans .plans_row {line-height: inherit; list-
style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack:
justify; justify-content: space-between; width: 100%; box-sizing: border-box;
padding: 28px; padding-top: 0px}
.auto__shared_promos_annual_offer_plans .plans_row li {line-height: inherit}
.auto__shared_promos_annual_offer_plans .plans_row .plan_module_container {margin:
0 0 12px 0}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-
box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-
pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 16.375em;
box-sizing: border-box; margin: auto; font-size: 14px}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .icon {width:
2.5em; margin-right: 10px; color: #57617A; line-height: 20px}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .caption_text
{display: inline-block; color: #57617A}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .toc_link {font-
weight: bold; text-decoration: underline; color: #57617A}
@media (max-width: 700px) {.auto__shared_promos_annual_offer_plans .plans_row {-
webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:
column;flex-direction: column}
.auto__shared_promos_annual_offer_plans .plans_row .plan_container {width: 100%;
margin: auto}
.auto__shared_promos_annual_offer_plans .plans_row .plan_container
.plan_module_container {margin: 0px auto 12px auto}
}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container {position:
relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; height: 100%; margin: 0 auto; position: relative; padding: 0px}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container {box-sizing: border-box; height: 16.5625em; width: 100%; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding:
28px; background-color: #00293f; border-radius: 4px 4px 0 0}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container > * {color: white; text-align: center}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .header {font-size: 32px; font-weight: bold; margin: 10px auto}
@media (max-width: 550px) {.responsive
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .header {font-size: 24px}
}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .subtitle {font-size: 18px}
@media (max-width: 550px) {.responsive
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .subtitle {font-size: 16px}
}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .learn_more_btn {width: 9.1875em; margin: 0 auto}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container .book_row
{line-height: inherit; list-style: none; padding: 0; margin: 0; height: 151px;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-
between; width: 100%; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap;
overflow: hidden; padding: 0 28px}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container .book_row li
{line-height: inherit}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container .book_row
.doc_thumb {display: inline-block; width: 72px; height: 96px; background-size:
cover; background-repeat: no-repeat; margin: 28px 3px; border: 1px solid #E9EDF8}

/* app/views/shared/promos/annual_offer/page.jsxcss @ 1524604696 */
.auto__account_settings_cancel_order_modal_content_pause_modal {height: 100%}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: 600px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container {padding: 10px; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-
flex-direction: column; flex-direction: column}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container .modal_title {font-size: 22px; font-weight: bold; color: #000514}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container .modal_title {font-size: 20px}
}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.lite_modal .modal_subtitle {margin-bottom: 20px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .error
{font-size: 14px; font-weight: bold; color: #d12338; margin-bottom: 10px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .cta_row
{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-
box-pack: end; -ms-flex-pack: end; justify-content: flex-end}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.cta_row .text_btn {font-weight: bold; margin: 10px 30px}
.auto__account_settings_cancel_order_modal_content_pause_modal {height: 100%}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: 600px}
@media (max-width: 600px)
{.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: none}
}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-
box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column; text-align: left}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .actions
{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-
box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.actions .scribd_spinner {display: none; position: absolute; right: 85px; top: 8px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.actions .scribd_spinner.loading {display: block}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_icon {width: 150px; height: 150px; margin: 10px auto}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction:
column; flex-direction: column}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .pause_duration_row {margin-top: 20px; text-align: left}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .pause_duration_row select {margin-left: 10px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .error {font-size: 14px; font-weight: bold; color:
#d12338; margin-bottom: 10px}
.auto__account_settings_cancel_order_offer_item {width: 50%; display: inline-block}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item {width:
100%}
}
.auto__account_settings_cancel_order_offer_item .offer_component {margin-bottom:
20px; text-align: center; padding: 28px; min-height: 250px; height: 250px;
position: relative}
@media (max-width: 870px) {.auto__account_settings_cancel_order_offer_item
.offer_component {height: 280px}
}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item
.offer_component {height: auto}
}
@media (max-width: 460px) {.auto__account_settings_cancel_order_offer_item
.offer_component {padding: 20px; height: auto}
}
.auto__account_settings_cancel_order_offer_item .offer_component.border {border-
left: solid 2px #E9EDF8}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item
.offer_component.border {border-left: none; border-top: solid 2px #E9EDF8}
}
.auto__account_settings_cancel_order_offer_item .offer_component
.offer_component_icon {width: 84px; height: 84px}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_title
{font-size: 22px; font-weight: bold; margin: 16px auto 10px auto}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_offer_item .offer_component .offer_title
{font-size: 20px}
}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_subtitle
{margin: 10px auto 100px auto}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_footer
{width: 100%; height: 60px}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_btn_row
{position: absolute; bottom: 0; right: 0; left: 0}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_btn
{margin: 10px auto}
.auto__account_settings_cancel_order_cancel_container .cancel_container
{background-color: white; max-width: 930px; margin: auto; display: block; height:
auto}
.auto__account_settings_cancel_order_cancel_container .modal_container {padding:
20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; text-align: justify}
.auto__account_settings_cancel_order_cancel_container .modal_container .modal_title
{font-size: 22px; font-weight: bold; color: #000514}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_cancel_container .modal_container .modal_title
{font-size: 20px}
}
.auto__account_settings_cancel_order_cancel_container .text_btn {font-weight: bold}
.auto__account_settings_cancel_order_cancel_container .sidebar_title,
.auto__account_settings_cancel_order_cancel_container .small_title {font-size:
18px; font-weight: bold; line-height: 1.3}
.auto__account_settings_cancel_order_cancel_container .footer_row {border-top:
solid 1px #E9EDF8; padding: 28px 0px}
.auto__account_settings_cancel_order_cancel_container .cta_row {width: 100%;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end;
-ms-flex-pack: end; justify-content: flex-end}
@media (max-width: 700px) {.auto__account_settings_cancel_order_cancel_container
.cta_row {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-
direction: column;flex-direction: column; text-align: center}
}
.auto__account_settings_cancel_order_cancel_container .right_side {padding: 0 24px;
box-sizing: border-box}
@media (min-width: 700px) and (max-width: 1024px)
{.auto__account_settings_cancel_order_cancel_container .step_one_body {-webkit-box-
orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column}
.auto__account_settings_cancel_order_cancel_container .step_one_body .right_side
{width: 100%}
.auto__account_settings_cancel_order_cancel_container .step_one_body .icon_sidebar
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%}
.auto__account_settings_cancel_order_cancel_container .step_one_body
.icon_sidebar .icon_row {margin: 20px}
}
.auto__account_settings_cancel_order_cancel_container .carousels_container
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; width: 100%}
@media (min-width: 1024px)
{.auto__account_settings_cancel_order_cancel_container .carousels_container
.top_carousel_container {padding-right: 40px}
}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_wrap {margin-bottom: 24px}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_title .title_link {color: #1C263D}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_subtitle {color: #57617A; font-size: 18px; font-weight: bold; font-style:
italic; line-height: 1.3}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.view_more_wrap {display: none}
.auto__account_settings_cancel_order_feedback_step .feedback_container {padding:
40px; position: relative}
.auto__account_settings_cancel_order_feedback_step .feedback_container
.scribd_spinner {position: absolute; left: 50%; top: 50%; z-index: 5000}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.small_title {font-size: 18px; margin: 1em 0}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.form_options {padding-bottom: 24px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.form_options .access_helper {display: none}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; color: #1C263D; width: 90%; margin-bottom: 16px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .radio_label {font-size: 16px; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .radio_label:before {top: 3px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .input_text {display: -webkit-box;display: -ms-flexbox;display: flex;
height: auto}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .textarea_label {margin-left: 35px; margin-bottom: 10px; margin-top:
16px; font-size: 14px; font-weight: bold}
@media (max-width: 1024px) {.auto__account_settings_cancel_order_feedback_step
.textarea_component {width: 80%}
.auto__account_settings_cancel_order_feedback_step .textarea_component .textarea
{width: 70%}
}
@media (min-width: 700px) and (max-width: 1024px)
{.auto__account_settings_cancel_order_feedback_step .textarea_component {width:
80%}
.auto__account_settings_cancel_order_feedback_step .textarea_component .textarea
{width: 200px}
}
.auto__account_settings_cancel_order_feedback_step .flash_container
.flash.standard.error {border: 1px solid rgba(179, 30, 48, 0.2); text-align: left;
padding-left: 20px; padding-right: 20px; margin-bottom: 16px}
.auto__account_settings_cancel_order_feedback_step .flash_container .content
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center}
.auto__account_settings_cancel_order_feedback_step .flash_container .content .icon
{top: 0px}
.auto__shared_react_forms_checkbox {position: relative}
.auto__shared_react_forms_checkbox label {cursor: pointer}
.auto__shared_react_forms_checkbox .checkbox_input {-webkit-appearance: none; -moz-
appearance: none; appearance: none}
.auto__shared_react_forms_checkbox .checkbox_label {display: block}
.auto__shared_react_forms_checkbox .checkbox_label:before {vertical-align: top;
position: relative; top: 5px; margin-right: 12px; display: inline-block; cursor:
pointer; font-family: 'scribd'; font-size: 16px; border: none; box-shadow: none;
color: #8F919E}
.auto__shared_react_forms_checkbox .checkbox_label.checked:before {color: #017f70}
.keyboard_focus .auto__shared_react_forms_checkbox .checkbox_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_checkbox .checkbox_label .input_text {color: #1C263D;
display: inline-block; vertical-align: top; line-height: 1.5em; font-family:
'Source Sans Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_checkbox .checkbox_label:hover .input_text,
.auto__shared_react_forms_checkbox .checkbox_label.focused .input_text {color:
#1C263D}
.auto__shared_react_forms_checkbox .checkbox_label:hover:before,
.auto__shared_react_forms_checkbox .checkbox_label.focused:before {color: #0D6069}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .input_text
{color: #57617A; font-weight: bold}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .description
{color: #57617A; display: block; margin-left: 28px; line-height: 1.29em; font-size:
14px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_input_group .input_group {margin: 0 0 24px 0; padding: 0}
.auto__shared_react_forms_input_group .input_group legend {margin-bottom: 4px;
font-size: 16px; font-weight: bold}
.auto__shared_react_forms_input_group .input_group div:not(:last-child) {margin-
bottom: 8px}
.auto__shared_react_forms_input_group .input_group div:not(:last-
child).with_description {margin-bottom: 18px}
.auto__shared_react_forms_input_group .input_group.horizontal {margin: 0}
.auto__shared_react_forms_input_group .input_group.horizontal div {display: inline-
block; margin: 0 30px 0 0}
.auto__shared_react_forms_radio {position: relative}
.auto__shared_react_forms_radio label {cursor: pointer}
.auto__shared_react_forms_radio .radio_input {margin: 0; position: absolute; top:
0; left: 0}
.auto__shared_react_forms_radio .radio_label {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-
items: center}
.auto__shared_react_forms_radio .radio_label.checked:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label .input_text {color: #1C263D; display:
inline-block; vertical-align: top; line-height: 1.5em; font-family: 'Source Sans
Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_radio .radio_label:before {display: inline-block; font-
family: 'scribd'; margin-right: 10px; font-size: 16px; cursor: pointer; color:
#8F919E; vertical-align: top; position: relative}
.auto__shared_react_forms_radio .radio_label:hover .input_text,
.auto__shared_react_forms_radio .radio_label.focused .input_text {color: #1C263D}
.auto__shared_react_forms_radio .radio_label:hover:before,
.auto__shared_react_forms_radio .radio_label.focused:before {color: #0D6069}
.keyboard_focus .auto__shared_react_forms_radio .radio_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_radio .radio_label.checked:hover:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label.with_description {display: block}
.auto__shared_react_forms_radio .radio_label.with_description .input_text {color:
#57617A; font-weight: bold}
.auto__shared_react_forms_radio .radio_label.with_description .description {color:
#57617A; display: block; margin-left: 26px; line-height: 1.29em; font-size: 14px;
font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_radio .radio_label.with_description:before {top: 3px}
.auto__shared_react_forms_step_header .step_header {margin: 0px}
.auto__shared_react_forms_step_header .step_header h1 {margin: 0}
.auto__shared_react_forms_step_header .step_counter {font-size: 16px; font-weight:
bold; text-transform: uppercase; letter-spacing: 0.06em; color: #a9085e; margin:
0px}
.auto__shared_react_forms_step_header .title {font-size: 32px; font-weight: bold;
margin: 6px 0px; color: #000514}
@media (max-width: 550px) {.responsive .auto__shared_react_forms_step_header .title
{font-size: 24px}
}
.auto__shared_react_forms_step_header .subtitle {font-size: 18px; font-style:
italic; color: #57617A; font-weight: normal; margin: 0px}
.auto__shared_react_forms_step_header .step_header.billing {margin-bottom: 10px}
@media (max-width: 950px) {.auto__shared_react_forms_step_header
.step_header.billing .subtitle {display: none}
}
.auto__shared_react_forms_text_input .input_row {margin: 0 0 18px; max-width:
650px}
.auto__shared_react_forms_text_input .input_row label {display: block; font-size:
16px; font-weight: bold}
.auto__shared_react_forms_text_input .input_row .help {font-size: 14px; color:
#57617A; display: block}
.auto__shared_react_forms_text_input .input_row input {outline: none; border-
radius: 4px; border: solid 1px #8F919E; padding: 8px 14px; width: 100%; height:
40px; box-sizing: border-box}
.auto__shared_react_forms_text_input .input_row input:focus {border-color: #02a793;
box-shadow: 0 0 1px 0 #017f70}
@media screen and (-ms-high-contrast: active) {.auto__shared_react_forms_text_input
.input_row input:focus {outline: 1px dashed !important}
}
.auto__shared_react_forms_text_input .input_row input.disabled {background-color:
#F8F9FD}
.auto__shared_react_forms_text_input .input_row.password input {padding-right:
62px}
.auto__shared_react_forms_text_input .input_row.password input::-ms-clear {display:
none}
.auto__shared_react_forms_text_input .input_row .error_msg {color: #B31E30; font-
size: 14px; margin-top: 6px}
.auto__shared_react_forms_text_input .input_row abbr.asterisk_require {font-size:
120%}
.auto__shared_react_forms_text_input .input_row.has_error textarea,
.auto__shared_react_forms_text_input .input_row.has_error input[type=text],
.auto__shared_react_forms_text_input .input_row.has_error input[type=password]
{border-color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_text_input .input_row.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_text_input .input_row .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_text_input .input_row .password_toggle_btn {color:
#1E7B85; display: inline-block; font-size: 16px; font-weight: bold; padding: 1px 0;
position: absolute; right: 14px; top: 50%; vertical-align: middle; width: auto;
-webkit-transform: translateY(-50%); transform: translateY(-50%)}
.auto__shared_react_forms_text_input .input_row .input_wrapper {position: relative;
margin-top: 4px}
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.auto__shared_react_forms_textarea .textarea_label {margin: 14px 0 14px; width:
100%}
.auto__shared_react_forms_textarea .textarea_label label {display: block}
.auto__shared_react_forms_textarea .textarea_label .label_text {font-size: 16px;
color: #1C263D; font-weight: bold}
.auto__shared_react_forms_textarea .textarea_label .help,
.auto__shared_react_forms_textarea .textarea_label .help_bottom {font-size: 14px;
color: #57617A}
.auto__shared_react_forms_textarea .textarea_label .help {display: block}
.auto__shared_react_forms_textarea .textarea_label .help_bottom {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end;
justify-content: flex-end}
.auto__shared_react_forms_textarea .textarea_label .optional_text {font-weight:
normal}
.auto__shared_react_forms_textarea .textarea_label textarea {margin-top: 10px;
outline: none; border-radius: 4px; border: solid 1px #8F919E; padding: 8px 14px;
width: 100%; box-sizing: border-box; resize: vertical; font-size: 16px; font-
family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:focus {border-color:
#02a793; box-shadow: 0 0 1px 0 #017f70}
.auto__shared_react_forms_textarea .textarea_label textarea.disabled {background-
color: #F8F9FD}
.auto__shared_react_forms_textarea .textarea_label textarea::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::placeholder {font-
color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label .error_msg {color: #B31E30;
font-size: 14px; margin-top: 6px}
.auto__shared_react_forms_textarea .textarea_label.has_error textarea {border-
color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_textarea .textarea_label.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_textarea .textarea_label .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_toggle {display: inline-block; position: relative}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:before,
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {position:
absolute; right: -70px; top: 2px; content: ""; height: 20px; width: 46px;
background-color: #8F919E; border: 1px solid #8F919E; border-radius: 100px}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {border-
radius: 50%; width: 20px; border-radius: 50%; background-color: white; right:
-32px; -webkit-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-
out; -webkit-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:before
{background-color: #017f70}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:after
{right: -58px}
.auto__shared_react_forms_toggle .scribd_spinner {display: none; z-index: 21;
position: absolute; top: 0; right: -49px}
.auto__shared_react_forms_toggle .scribd_spinner.loading {display: block}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar {line-height:
inherit; list-style: none; padding: 0; margin: 0; width: 250px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar li {line-height:
inherit}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
margin: 20px 0px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar
.icon_row.clickable:hover {opacity: 0.8}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row .icon
{font-size: 30px; color: #1E7B85; margin-right: 10px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row
.icon_label {margin-top: 3px; font-size: 18px; color: #57617A}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row
.icon_label {font-size: 16px}
}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon, .auto__account_settings_cancel_order_icon_sidebar .icon_sidebar
.icon_row.gray .icon_label_bold,
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label {color: #57617A}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label_bold {font-size: 22px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label_bold {font-size: 20px}
}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label {margin-left: 3px; margin-top: 4px}
@media (max-width: 550px) {.auto__account_settings_cancel_order_icon_sidebar
.icon_sidebar .icon_row.gray .icon_label {margin-top: 2px; /*to accomodate for
type_header4 of icon label bold */ }
}
.auto__account_settings_cancel_order_incentive_step .step_header {margin-bottom:
40px}
.auto__account_settings_cancel_order_incentive_step .incentive_step {padding: 40px}
.auto__account_settings_cancel_order_incentive_step .incentive_step .step_body
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row}
.auto__account_settings_cancel_order_incentive_step .offer_list {line-height:
inherit; list-style: none; padding: 0; margin: 0; width: 100%; display: -webkit-
box; display: -ms-flexbox; display: flex}
.auto__account_settings_cancel_order_incentive_step .offer_list li {line-height:
inherit}
@media (max-width: 750px) {.auto__account_settings_cancel_order_incentive_step
.offer_list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-
direction: column;flex-direction: column}
}
.auto__account_settings_cancel_order_module_step {padding: 40px 32px}
@media (max-width: 700px) {.auto__account_settings_cancel_order_module_step
{padding: 20px 24px 40px 24px}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_module_step
{padding: 20px 16px 40px 16px}
}
.auto__account_settings_cancel_order_module_step .module_body {margin: 24px 0 40px}
.auto__account_settings_cancel_order_module_step .cta_row {border-top: 1px solid
#E9EDF8; padding-top: 26px}
.auto__account_settings_cancel_order_module_step .cta_row .flat_btn {height: auto;
min-height: 44px; max-height: none}
@media (max-width: 700px) {.auto__account_settings_cancel_order_module_step
.cta_row {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-
direction: column-reverse;flex-direction: column-reverse}
.auto__account_settings_cancel_order_module_step .cta_row .flat_btn {width: 300px;
margin: 20px auto}
}
.auto__account_settings_cancel_order_module_step .keep_membership_btn {margin-
right: 40px; margin-left: 20px}
.auto__account_settings_cancel_order_module_step .continue_link {margin-top: 10px}
.auto__account_settings_cancel_order_module_step .disclaimer {font-size: 14px;
margin-top: 16px; color: #57617A; padding-bottom: 24px}
.auto__account_settings_cancel_order_module_step .disclaimer a {color: #57617A;
text-decoration: underline}
.auto__account_settings_cancel_order_module_step .rec_heading {font-size: 18px;
font-weight: bold; line-height: 1.3; color: #57617A; margin: 0 0 16px; text-
transform: uppercase}
.auto__account_settings_cancel_order_module_step .recommenders .title_wrap
{padding: 0}
.auto__account_settings_cancel_order_module_step .recommenders .paddles_container
{width: 100%}
.auto__account_settings_cancel_order_module_step .recommenders .carousel {margin:
0}
.auto__account_settings_cancel_order_module_step .recommenders .carousel:before
{left: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel:after
{right: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel li:first-
child {margin-left: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel ul
{margin: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel
li:not(.interest_tile_wrapper) {margin-left: 12px}
.auto__account_settings_cancel_order_modules_basic .wrapper {padding: 14px 24px
20px; margin-bottom: 24px; background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_basic .wrapper .copy {text-align:
center; color: #1C263D; margin: 0; padding-bottom: 20px; font-size: 20px; font-
weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_basic .wrapper .copy {font-size: 18px}
}
.auto__account_settings_cancel_order_modules_basic .content_type_list {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: -webkit-box; display:
-ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {line-
height: inherit}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {width:
18%; padding: 0 1%}
.auto__account_settings_cancel_order_modules_basic .content_type_list a {display:
-webkit-box;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items:
center}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 80px; height: 80px; border-radius: 50%; background-color: #87064b; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-
align: center; align-items: center}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {color: white; font-size: 40px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{margin-top: 12px; text-align: center; color: #57617A; font-weight: bold; font-
size: 18px}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{font-size: 16px}
}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_basic
.content_type_list {display: block}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {width:
50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-
flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-
direction: normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:last-child
{margin-bottom: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n) {padding: 0 0 0 10px; margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n + 1) {padding: 0 10px 0 0; margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_basic .content_type_list a {-webkit-
box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-
direction: row}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 60px; height: 60px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {font-size: 30px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{margin: 0 0 0 20px; text-align: left; font-size: 18px; font-weight: bold; line-
height: 1.3}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_basic
.content_type_list li {width: 100%; display: -webkit-box; display: -ms-flexbox;
display: flex}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:last-child
{margin-bottom: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n) {padding: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n + 1) {padding: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 48px; height: 48px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {font-size: 22px}
}
.auto__account_settings_cancel_order_modules_basic .unlimited {color: #a9085e}
.auto__account_settings_cancel_order_modules_lifestyle .wrapper {line-height:
inherit; list-style: none; padding: 0; margin: 0; margin: 24px auto 0; padding:
20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; max-width: 802px}
.auto__account_settings_cancel_order_modules_lifestyle .wrapper li {line-height:
inherit}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_lifestyle .wrapper {-webkit-box-
orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column; max-width: 398px}
}
@media (max-width: 550px)
{.auto__account_settings_cancel_order_modules_lifestyle .wrapper {max-width: 342px}
}
.auto__account_settings_cancel_order_modules_lifestyle .item {width: 218px; text-
align: center}
.auto__account_settings_cancel_order_modules_lifestyle .item img {width: 150px;
height: 100px; margin-bottom: 10px}
.auto__account_settings_cancel_order_modules_lifestyle .item .title {font-size:
18px; font-weight: bold; line-height: 1.3; display: block}
.auto__account_settings_cancel_order_modules_lifestyle .item .subtitle {font-size:
16px; color: #57617A}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_lifestyle .item {width: auto;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
text-align: left; margin-bottom: 40px}
.auto__account_settings_cancel_order_modules_lifestyle .item img {display: inline-
block; margin: 0 30px 0 0}
}
@media (max-width: 550px)
{.auto__account_settings_cancel_order_modules_lifestyle .item {margin-bottom: 30px}
.auto__account_settings_cancel_order_modules_lifestyle .item img {width: 108px;
height: 72px; margin: 0 16px 0 0}
}
.auto__account_settings_cancel_order_modules_fomo .wrapper {padding: 0 8px;
background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_fomo .header {font-size: 22px; font-
weight: bold; padding: 20px 0 16px; margin: 0; text-align: center}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_fomo .header {font-size: 20px}
}
.auto__account_settings_cancel_order_modules_fomo .book_list {line-height: inherit;
list-style: none; padding: 0; margin: 0; margin: 0 40px; padding: 30% 0 0.5%;
position: relative; overflow: hidden}
.auto__account_settings_cancel_order_modules_fomo .book_list li {line-height:
inherit}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_fomo
.book_list {padding-top: 33%; margin: 0 8px}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_list {padding-top: 32%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item {position: absolute}
.auto__account_settings_cancel_order_modules_fomo .book_item:first-child {left:
2.5%}
.auto__account_settings_cancel_order_modules_fomo .book_item:first-child,
.auto__account_settings_cancel_order_modules_fomo .book_item:last-child {width:
17.04%; top: 11%}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 6%}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 5%}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 4%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(2),
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(4) {width:
21.1%; z-index: 2; top: 5%}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(2), .auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(4) {top: 3%}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(2), .auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(4) {top: 2%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(2) {left:
29%; -webkit-transform: translate(-50%); transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(3) {width:
24.1%; z-index: 3; left: 50%; top: 0; -webkit-transform: translate(-50%);
transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(4) {left:
71%; -webkit-transform: translate(-50%); transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:last-child {right:
1.5%}
.auto__account_settings_cancel_order_modules_fomo .book_image {width: 100%;
-webkit-box-reflect: below 0px linear-gradient(180deg, rgba(255, 255, 255, 0) 80%,
white 193%); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17)}
.auto__account_settings_cancel_order_modules_my_precious .wrapper {margin-top:
24px; padding: 6px 0 20px}
.auto__account_settings_cancel_order_modules_my_precious .header {font-size: 20px;
font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_my_precious .header {font-size: 18px}
}
.auto__account_settings_cancel_order_modules_my_precious .content_wrapper {display:
-webkit-box;display: -ms-flexbox;display: flex}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.content_wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-
flex-direction: column;flex-direction: column}
}
.auto__account_settings_cancel_order_modules_my_precious .chart {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: inline-block; width:
calc(50% - 5px); margin-right: 5px}
.auto__account_settings_cancel_order_modules_my_precious .chart li {line-height:
inherit}
.auto__account_settings_cancel_order_modules_my_precious .chart .row {height:
2.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items:
center}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .icon {font-
size: 24px; width: 24px; color: #00293f; padding: 8px 12px 8px 0px; border-right:
1px solid #57617A}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .bar {height:
28px; background-color: #a9085e; border: solid transparent 1px}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .bar_copy
{padding-left: 16px; white-space: nowrap}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.chart {margin: 0 0 24px; display: block; width: 100%}
}
.auto__account_settings_cancel_order_modules_my_precious .promo_wrapper {display:
-webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-
pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align:
center; -ms-flex-align: center; align-items: center; min-height: 12.5em; width:
calc(50% - 5px); margin-left: 5px; background-color: #F8F9FD}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.promo_wrapper {margin: 0; display: -webkit-box; display: -ms-flexbox; display:
flex; width: 100%}
}
.auto__account_settings_cancel_order_modules_my_precious .promo {margin: 0 8px;
max-width: 398px; width: 100%; display: -webkit-box; display: -ms-flexbox; display:
flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-
direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__account_settings_cancel_order_modules_my_precious .promo .image {width:
150px; height: 100px}
.auto__account_settings_cancel_order_modules_my_precious .promo .copy {width:
inherit; font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_my_precious .promo .copy {font-size:
18px}
}
.auto__account_settings_cancel_order_modules_my_precious .promo.stacked {-webkit-
box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column; margin: 20px}
.auto__account_settings_cancel_order_modules_my_precious .promo.stacked .image
{width: 108px; height: 72px; margin-bottom: 10px}
.auto__account_settings_cancel_order_modules_quantification .wrapper {padding: 24px
0 20px; background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_quantification .wrapper .sub_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; max-width: 802px; margin:
0 auto}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .wrapper .sub_wrapper
{max-width: 300px; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column}
}
.auto__account_settings_cancel_order_modules_quantification .list {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: -webkit-box; display:
-ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center;
align-items: center; padding-left: 16px}
.auto__account_settings_cancel_order_modules_quantification .list li {line-height:
inherit}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .list {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
padding: 0; border-bottom: 4px solid #1C263D}
}
.auto__account_settings_cancel_order_modules_quantification .item {width: 114px;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; font-size: 14px}
.auto__account_settings_cancel_order_modules_quantification .item .icon {width:
1em; height: 1em; font-size: 48px; margin: 0 auto 16px}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .item {width: 100%;
-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction:
row; flex-direction: row; margin-bottom: 20px}
.auto__account_settings_cancel_order_modules_quantification .item .icon {margin: 0
20px 0 10px}
.auto__account_settings_cancel_order_modules_quantification .item:nth-child(5)
{margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_quantification .item:first-child
{padding-left: 40px}
}
.auto__account_settings_cancel_order_modules_quantification .price {font-size:
14px; color: #a9085e; display: block}
.auto__account_settings_cancel_order_modules_quantification .math {color: #000514;
font-size: 42px; padding: 0 10px}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .math.bottom {display:
none}
}
.auto__account_settings_cancel_order_modules_quantification .math.left {padding: 0;
display: none}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .math.left {display:
block}
}
.auto__account_settings_cancel_order_modules_quantification .included {font-size:
20px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_quantification .included {font-size:
18px}
}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center;
-ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
padding-right: 16px}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{font-size: 18px}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{font-size: 16px}
}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .total_wrapper
{margin: 10px 0 0 35px; padding: 0}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{display: inline-block}
}
.auto__account_settings_forms_base .page_content .info {margin-bottom: 24px}
.auto__account_settings_forms_base .page_content
.account_settings_form.change_email_notifications_form .input_group {margin-bottom:
0}
.auto__account_settings_forms_base .page_content
.account_settings_form.change_email_notifications_form .input_group legend {margin-
bottom: 8px; white-space: normal; display: table}
.auto__account_settings_forms_edit_profile .last_nonprimary_email {margin-bottom:
40px}
.auto__account_settings_lightboxes_no_history_modal .no_history_modal_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-
box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-
align: center; height: 520px}
.auto__account_settings_sections_account .account_section .col_left .row_label
{margin: 0 0 16px 0}
.auto__account_settings_sections_account .account_section .col_right .credit_detail
{margin-bottom: 4px}
.auto__account_settings_sections_account .account_section .col_right
.credit_detail.large {font-size: 18px}
.auto__account_settings_sections_account .account_section .col_right
.credit_detail.small {font-size: 14px}
.auto__account_settings_sections_account .account_section .col_right .info.plan
{font-size: 20px}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice {border: 1px solid rgba(28, 38, 61, 0.2)}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice .content {text-align: left; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice .content .icon {width: 60px}
.auto__account_settings_sections_account .account_section .col_right
.notification_text {text-align: left}
.auto__account_settings_sections_account .account_section .col_right .faq_link
{display: inline-block; color: #1C263D; margin-bottom: 0px}
.auto__account_settings_sections_api .api_section .col_right .info.list_item
{margin-bottom: 0}
.auto__account_settings_sections_api .api_section .col_right .label {font-weight:
bold; margin-bottom: 4px}
.auto__account_settings_sections_api .api_section .col_right .label .subtext {font-
weight: normal}
.auto__account_settings_sections_api .api_section .col_right .last_child {margin-
bottom: 60px}
@media (max-width: 700px) {.auto__account_settings_sections_api .api_section
.col_right .auto__shared_react_forms_toggle {width: 205px}
}
.auto__account_settings_sections_personal .list_anchor .metadata .star_ratings,
.auto__account_settings_sections_personal .list_anchor .metadata .upvotes {display:
none}
.auto__account_settings_sections_personal .personal_section .col_left {text-align:
center}
.auto__account_settings_sections_personal .personal_section .col_left .image_link
{margin: auto}
.auto__account_settings_sections_personal .personal_section .col_left
.image_link.edit {font-size: 14px}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview {position: relative}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .user_image {height: 72px; width: 72px; border-radius: 50%;
border: 1px solid #E9EDF8}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .scribd_spinner {display: none; position: absolute; top: 20px;
left: calc(50% - 15px)}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .scribd_spinner.loading {display: block}
.auto__account_settings_sections_personal .personal_section .col_right
.caption_style {font-size: 14px; margin-bottom: 8px}
.auto__account_settings_sections_personal .personal_section .col_right .middle
{display: inline-block; width: 50%; vertical-align: top}
.auto__account_settings_sections_personal .personal_section .col_right .right
{display: inline-block; width: 50%}
.auto__account_settings_sections_personal .personal_section .col_right .right
.facebook_user_info {margin-top: 12px}
.auto__account_settings_sections_personal .personal_section .col_right .right
.facebook_user_info .info {margin-bottom: 0}
.auto__account_settings_sections_personal .personal_section .label {font-weight:
bold; margin-bottom: 4px; font-size: 16px}
.auto__account_settings_sections_personal .personal_section .info.password {margin-
bottom: 0}
.auto__account_settings_sections_personal .personal_section .info.about .view_link
{display: inline; font-size: 16px}
.auto__account_settings_sections_personal .personal_section .info.about .hide
{display: none}
.auto__account_settings_sections_personal .personal_section .info.about .hide.shown
{display: inline}
.auto__account_settings_sections_personal .personal_section .info.wrap {margin-
bottom: 5px; padding-right: 16px; word-wrap: break-word}
.auto__account_settings_sections_personal .personal_section .info.wrap a {display:
inline; margin-left: 5px}
.auto__account_settings_sections_personal .personal_section .info.wrap.last_email
{margin-bottom: 24px}
.auto__account_settings_sections_personal .personal_section .margin_bottom {margin-
bottom: 24px}
@media (max-width: 700px) {.auto__account_settings_sections_personal
.personal_section .col_right .middle, .auto__account_settings_sections_personal
.personal_section .col_right .right {display: block; width: 100%}
}
.lightbox .delete_email_modal .title {display: inline; word-break: break-all}
.auto__account_settings_sections_uploads .uploads_section .col_right .last_child
{margin-bottom: 60px}
@media (max-width: 700px) {.auto__account_settings_sections_uploads
.uploads_section .col_right .auto__shared_react_forms_toggle {width: 205px}
}
.auto__account_settings_tables_payment_history {margin-bottom: 60px}
.auto__account_settings_tables_payment_history .payment_history_table .col_1
{width: 17.5%}
.auto__account_settings_tables_payment_history .payment_history_table .col_2
{width: 50%}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .refunded {font-weight: bold; text-transform: uppercase;
letter-spacing: 0.06em; color: #57617A}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .valid_until {color: #57617A}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .word_wrap {display: block; margin-bottom: 0; word-wrap:
break-word}
@media (max-width: 700px) {.auto__account_settings_tables_payment_history
.payment_history_table .col_1 {width: 25%}
.auto__account_settings_tables_payment_history .payment_history_table .col_2
{width: 40%}
}
@media (max-width: 550px) {.auto__account_settings_tables_payment_history
.payment_history_table .col_2, .auto__account_settings_tables_payment_history
.payment_history_table .col_3 {width: 0%}
}
.auto__account_settings_plans_plan_module .plan_module_container {text-align:
center; border: 1px solid #E9EDF8; margin: 0 0 12px 0; padding: 28px; height:
19.125em; width: 16.25em; box-sizing: border-box; border-radius: 3px; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid
#E9EDF8}
.auto__account_settings_plans_plan_module .plan_module_container.tall {min-height:
460px; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container .info_top {height:
100px}
.auto__account_settings_plans_plan_module .plan_module_container .title_container
{padding: 0 10px}
.auto__account_settings_plans_plan_module .plan_module_container .plan_title {font-
size: 22px; font-weight: bold; margin: 0px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .plan_title {font-size: 20px}
}
.auto__account_settings_plans_plan_module .plan_module_container .extra_tag {font-
size: 14px; font-weight: 600; line-height: 1.3em; margin-top: 0.125em; color:
#a9085e}
.auto__account_settings_plans_plan_module .plan_module_container .price_container
{margin: 6px auto; position: relative; height: 1.875em}
.auto__account_settings_plans_plan_module .plan_module_container .price_row
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
position: absolute; bottom: 0; left: 0; right: 0}
.auto__account_settings_plans_plan_module .plan_module_container .price_row > *
{color: #1C263D}
.auto__account_settings_plans_plan_module .plan_module_container .price_row .price
{font-size: 36px; font-weight: bold; font-weight: normal; color: #57617A; line-
height: 14px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .price_row .price {font-size: 28px}
}
.auto__account_settings_plans_plan_module .plan_module_container .price_row
.per_month {font-size: 18px; margin-left: 6px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .price_row .per_month {font-size: 16px}
}
.auto__account_settings_plans_plan_module .plan_module_container .subtitle {font-
size: 14px; color: #57617A; margin-top: 8px}
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row a,
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row
button, .auto__account_settings_plans_plan_module .plan_module_container
.bottom_row .button {width: 100%; margin-bottom: 0}
.auto__account_settings_plans_plan_module .plan_module_container
.bottom_row.bottom_text {font-size: 14px; color: #1C263D; font-weight: normal}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
{line-height: inherit; list-style: none; padding: 0; margin: 0; font-size: 14px;
text-align: left}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points li
{line-height: inherit}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
.bullet {margin: 20px; margin-right: 0px}
@media (max-width: 700px) {.auto__account_settings_plans_plan_module
.plan_module_container {text-align: left; margin-bottom: 12px; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container.tall {min-height:
0; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container .info_top {height:
auto}
.auto__account_settings_plans_plan_module .plan_module_container .title_container
{padding: 0px; margin-bottom: 15px}
.auto__account_settings_plans_plan_module .plan_module_container
.title_container.with_extra_tag {margin-bottom: 4px}
.auto__account_settings_plans_plan_module .plan_module_container .extra_tag
{margin-bottom: 14px}
.auto__account_settings_plans_plan_module .plan_module_container .price_row {-
webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start}
.auto__account_settings_plans_plan_module .plan_module_container .subtitle {text-
align: left}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
.bullet {margin: 20px 0}
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row
{margin-top: 24px}
}
.auto__account_settings_plans_plan_module .below_cta_text {text-align: center;
font-size: 14px; color: #57617A}
.auto__account_settings_plans_change_plans {width: 100%}
.auto__account_settings_plans_change_plans .subtitle {font-size: 16px; font-weight:
bold; font-weight: normal; margin: 0 0 20px 0}
.auto__account_settings_plans_change_plans .plans_row {line-height: inherit; list-
style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack:
justify; justify-content: space-between; width: 600px; margin: auto; box-sizing:
border-box; padding: 28px; padding-top: 0px}
.auto__account_settings_plans_change_plans .plans_row li {line-height: inherit}
.auto__account_settings_plans_change_plans .plans_row .plan_module_container
.plan_title {font-size: 24px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width:
16.375em; box-sizing: border-box; margin: auto; font-size: 14px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .icon {width:
1.875em; margin-right: 10px; color: #57617A; line-height: 20px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .caption_text
{display: inline-block; color: #57617A}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .toc_link
{font-weight: bold; text-decoration: underline; color: #57617A; display: inline-
block}
@media (max-width: 700px) {.auto__account_settings_plans_change_plans .plans_row {-
webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:
column;flex-direction: column; width: 100%}
.auto__account_settings_plans_change_plans .plans_row .plan_container {width: 100%;
margin: auto}
.auto__account_settings_plans_change_plans .plans_row .plan_container
.plan_module_container {margin: auto}
}
.auto__account_settings_value_props {margin-bottom: 41px}
.auto__account_settings_value_props .info_tile {background-color: #FAFBFD; border:
1px solid #E9EDF8; border-radius: 4px; width: 18.875em; height: 12.75em; margin:
7px; width: auto; height: auto; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-
flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-
pack: start; justify-content: flex-start; padding: 28px; box-sizing: border-box}
.auto__account_settings_value_props .info_tile .title {font-size: 20px; font-
weight: bold}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .title {font-size: 18px}
}
.auto__account_settings_value_props .info_tile .title,
.auto__account_settings_value_props .info_tile .subtitle {margin: auto}
.auto__account_settings_value_props .info_tile .title {font-size: 22px; font-
weight: bold; border-bottom: 0px}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .title {font-size: 20px}
}
.auto__account_settings_value_props .info_tile .subtitle {display: inline-block;
font-size: 18px}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .subtitle {font-size: 16px}
}
.auto__account_settings_value_props .info_tile .subtitle a {display: inline-block;
font-weight: bold; text-decoration: underline}
.auto__account_settings_value_props .info_tile .categories {line-height: inherit;
list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-
wrap: wrap; padding: 0px; width: 100%; max-width: 43.75em; box-sizing: border-box;
margin: auto}
.auto__account_settings_value_props .info_tile .categories li {line-height:
inherit}
.auto__account_settings_value_props .info_tile .categories .category {margin: 22px
35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; width: 9.8125em; text-align: center}
.auto__account_settings_value_props .info_tile .categories .category .cat_name
{font-size: 20px; font-weight: bold; color: #1C263D}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .categories .category .cat_name {font-size: 18px}
}
.auto__account_settings_value_props .info_tile .categories .category .cat_subtitle
{font-size: 16px; color: #57617A; font-weight: normal}
.auto__account_settings_value_props .info_tile .categories .category .icon {font-
size: 34px; margin: auto; font-weight: normal}
@media (max-width: 850px) {.auto__account_settings_value_props .info_tile
.categories {padding: 0px 35px}
.auto__account_settings_value_props .info_tile .categories .category {margin: 35px
0px}
}
@media (max-width: 950px) {.auto__account_settings_value_props .info_tile {padding:
28px 0px}
.auto__account_settings_value_props .info_tile .categories {max-width: 31.25em}
.auto__account_settings_value_props .info_tile .categories li {width: 45%}
.auto__account_settings_value_props .info_tile .categories .category {-webkit-box-
orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-
direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content:
flex-start; width: auto; margin: 13px 0px; width: 100%}
.auto__account_settings_value_props .info_tile .categories .category .cat_text
{text-align: left; margin-left: 15px}
.auto__account_settings_value_props .info_tile .categories .category .icon {margin:
0px; width: 34px}
}
@media (max-width: 550px) {.auto__account_settings_value_props .info_tile {padding:
20px}
.auto__account_settings_value_props .info_tile .subtitle,
.auto__account_settings_value_props .info_tile .title {margin-left: 0px}
.auto__account_settings_value_props .info_tile .categories {margin: 0px; padding:
0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-
direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack:
start; justify-content: flex-start}
.auto__account_settings_value_props .info_tile .categories li {width: 100%}
.auto__account_settings_value_props .info_tile .categories .category {margin-left:
0px}
}
.auto__account_settings_value_props .disclaimer,
.auto__account_settings_value_props .details_link {display: inline-block; font-
size: 14px}
.auto__account_settings_value_props .disclaimer {margin-left: 20px}
.auto__account_settings_value_props .disclaimer .details_link {color: #57617A;
font-weight: normal; text-decoration: underline}
.auto__shared_promos_annual_offer_plans {width: 100%}
.auto__shared_promos_annual_offer_plans .plans_row {line-height: inherit; list-
style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack:
justify; justify-content: space-between; width: 100%; box-sizing: border-box;
padding: 28px; padding-top: 0px}
.auto__shared_promos_annual_offer_plans .plans_row li {line-height: inherit}
.auto__shared_promos_annual_offer_plans .plans_row .plan_module_container {margin:
0 0 12px 0}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-
box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-
pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 16.375em;
box-sizing: border-box; margin: auto; font-size: 14px}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .icon {width:
2.5em; margin-right: 10px; color: #57617A; line-height: 20px}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .caption_text
{display: inline-block; color: #57617A}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .toc_link {font-
weight: bold; text-decoration: underline; color: #57617A}
@media (max-width: 700px) {.auto__shared_promos_annual_offer_plans .plans_row {-
webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:
column;flex-direction: column}
.auto__shared_promos_annual_offer_plans .plans_row .plan_container {width: 100%;
margin: auto}
.auto__shared_promos_annual_offer_plans .plans_row .plan_container
.plan_module_container {margin: 0px auto 12px auto}
}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page {background-
color: white; height: 100%}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page .header_container
{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction:
column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-
content: flex-end; width: 100%; height: 250px}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page
.header_background {height: 200px; position: absolute; top: 0; width: 100%;
background-image: url('https://s1-
f.scribdassets.com/images/account_settings/annual_offer/annual_plan_hero.png?
1524604509'); background-size: cover; background-position: center}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page .header_bottom
{margin: 0 auto; z-index: 3}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page .limited_time
{font-weight: bold; text-transform: uppercase; letter-spacing: 0.06em; font-size:
14px; color: #a9085e; text-align: center; width: 100%}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page .title,
.auto__shared_promos_annual_offer_page .annual_offer_landing_page .subtitle {text-
align: center}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page .title {margin:
11px auto 8px auto; font-size: 32px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_promos_annual_offer_page
.annual_offer_landing_page .title {font-size: 24px}
}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page .subtitle
{margin: 0 auto; text-align: center; font-weight: normal; color: #1C263D; font-
size: 18px}
@media (max-width: 550px) {.responsive .auto__shared_promos_annual_offer_page
.annual_offer_landing_page .subtitle {font-size: 16px}
}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page .plans_row
{width: 36.0625em; margin: 24px auto}
.auto__shared_promos_annual_offer_page .annual_offer_landing_page .plans_row
.plan_module_container {margin: 12px}
@media (max-width: 700px) {.auto__shared_promos_annual_offer_page
.annual_offer_landing_page .plans_row {margin-top: 12px; width: 100%}
}

/* app/views/shared/promos/annual_offer/plans.jsxcss @ 1524604696 */
.auto__account_settings_cancel_order_modal_content_pause_modal {height: 100%}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: 600px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container {padding: 10px; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-
flex-direction: column; flex-direction: column}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container .modal_title {font-size: 22px; font-weight: bold; color: #000514}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container .modal_title {font-size: 20px}
}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.lite_modal .modal_subtitle {margin-bottom: 20px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .error
{font-size: 14px; font-weight: bold; color: #d12338; margin-bottom: 10px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .cta_row
{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-
box-pack: end; -ms-flex-pack: end; justify-content: flex-end}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.cta_row .text_btn {font-weight: bold; margin: 10px 30px}
.auto__account_settings_cancel_order_modal_content_pause_modal {height: 100%}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: 600px}
@media (max-width: 600px)
{.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: none}
}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-
box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column; text-align: left}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .actions
{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-
box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.actions .scribd_spinner {display: none; position: absolute; right: 85px; top: 8px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.actions .scribd_spinner.loading {display: block}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_icon {width: 150px; height: 150px; margin: 10px auto}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction:
column; flex-direction: column}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .pause_duration_row {margin-top: 20px; text-align: left}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .pause_duration_row select {margin-left: 10px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .error {font-size: 14px; font-weight: bold; color:
#d12338; margin-bottom: 10px}
.auto__account_settings_cancel_order_offer_item {width: 50%; display: inline-block}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item {width:
100%}
}
.auto__account_settings_cancel_order_offer_item .offer_component {margin-bottom:
20px; text-align: center; padding: 28px; min-height: 250px; height: 250px;
position: relative}
@media (max-width: 870px) {.auto__account_settings_cancel_order_offer_item
.offer_component {height: 280px}
}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item
.offer_component {height: auto}
}
@media (max-width: 460px) {.auto__account_settings_cancel_order_offer_item
.offer_component {padding: 20px; height: auto}
}
.auto__account_settings_cancel_order_offer_item .offer_component.border {border-
left: solid 2px #E9EDF8}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item
.offer_component.border {border-left: none; border-top: solid 2px #E9EDF8}
}
.auto__account_settings_cancel_order_offer_item .offer_component
.offer_component_icon {width: 84px; height: 84px}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_title
{font-size: 22px; font-weight: bold; margin: 16px auto 10px auto}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_offer_item .offer_component .offer_title
{font-size: 20px}
}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_subtitle
{margin: 10px auto 100px auto}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_footer
{width: 100%; height: 60px}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_btn_row
{position: absolute; bottom: 0; right: 0; left: 0}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_btn
{margin: 10px auto}
.auto__account_settings_cancel_order_cancel_container .cancel_container
{background-color: white; max-width: 930px; margin: auto; display: block; height:
auto}
.auto__account_settings_cancel_order_cancel_container .modal_container {padding:
20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; text-align: justify}
.auto__account_settings_cancel_order_cancel_container .modal_container .modal_title
{font-size: 22px; font-weight: bold; color: #000514}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_cancel_container .modal_container .modal_title
{font-size: 20px}
}
.auto__account_settings_cancel_order_cancel_container .text_btn {font-weight: bold}
.auto__account_settings_cancel_order_cancel_container .sidebar_title,
.auto__account_settings_cancel_order_cancel_container .small_title {font-size:
18px; font-weight: bold; line-height: 1.3}
.auto__account_settings_cancel_order_cancel_container .footer_row {border-top:
solid 1px #E9EDF8; padding: 28px 0px}
.auto__account_settings_cancel_order_cancel_container .cta_row {width: 100%;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end;
-ms-flex-pack: end; justify-content: flex-end}
@media (max-width: 700px) {.auto__account_settings_cancel_order_cancel_container
.cta_row {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-
direction: column;flex-direction: column; text-align: center}
}
.auto__account_settings_cancel_order_cancel_container .right_side {padding: 0 24px;
box-sizing: border-box}
@media (min-width: 700px) and (max-width: 1024px)
{.auto__account_settings_cancel_order_cancel_container .step_one_body {-webkit-box-
orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column}
.auto__account_settings_cancel_order_cancel_container .step_one_body .right_side
{width: 100%}
.auto__account_settings_cancel_order_cancel_container .step_one_body .icon_sidebar
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%}
.auto__account_settings_cancel_order_cancel_container .step_one_body
.icon_sidebar .icon_row {margin: 20px}
}
.auto__account_settings_cancel_order_cancel_container .carousels_container
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; width: 100%}
@media (min-width: 1024px)
{.auto__account_settings_cancel_order_cancel_container .carousels_container
.top_carousel_container {padding-right: 40px}
}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_wrap {margin-bottom: 24px}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_title .title_link {color: #1C263D}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_subtitle {color: #57617A; font-size: 18px; font-weight: bold; font-style:
italic; line-height: 1.3}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.view_more_wrap {display: none}
.auto__account_settings_cancel_order_feedback_step .feedback_container {padding:
40px; position: relative}
.auto__account_settings_cancel_order_feedback_step .feedback_container
.scribd_spinner {position: absolute; left: 50%; top: 50%; z-index: 5000}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.small_title {font-size: 18px; margin: 1em 0}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.form_options {padding-bottom: 24px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.form_options .access_helper {display: none}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; color: #1C263D; width: 90%; margin-bottom: 16px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .radio_label {font-size: 16px; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .radio_label:before {top: 3px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .input_text {display: -webkit-box;display: -ms-flexbox;display: flex;
height: auto}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .textarea_label {margin-left: 35px; margin-bottom: 10px; margin-top:
16px; font-size: 14px; font-weight: bold}
@media (max-width: 1024px) {.auto__account_settings_cancel_order_feedback_step
.textarea_component {width: 80%}
.auto__account_settings_cancel_order_feedback_step .textarea_component .textarea
{width: 70%}
}
@media (min-width: 700px) and (max-width: 1024px)
{.auto__account_settings_cancel_order_feedback_step .textarea_component {width:
80%}
.auto__account_settings_cancel_order_feedback_step .textarea_component .textarea
{width: 200px}
}
.auto__account_settings_cancel_order_feedback_step .flash_container
.flash.standard.error {border: 1px solid rgba(179, 30, 48, 0.2); text-align: left;
padding-left: 20px; padding-right: 20px; margin-bottom: 16px}
.auto__account_settings_cancel_order_feedback_step .flash_container .content
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center}
.auto__account_settings_cancel_order_feedback_step .flash_container .content .icon
{top: 0px}
.auto__shared_react_forms_checkbox {position: relative}
.auto__shared_react_forms_checkbox label {cursor: pointer}
.auto__shared_react_forms_checkbox .checkbox_input {-webkit-appearance: none; -moz-
appearance: none; appearance: none}
.auto__shared_react_forms_checkbox .checkbox_label {display: block}
.auto__shared_react_forms_checkbox .checkbox_label:before {vertical-align: top;
position: relative; top: 5px; margin-right: 12px; display: inline-block; cursor:
pointer; font-family: 'scribd'; font-size: 16px; border: none; box-shadow: none;
color: #8F919E}
.auto__shared_react_forms_checkbox .checkbox_label.checked:before {color: #017f70}
.keyboard_focus .auto__shared_react_forms_checkbox .checkbox_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_checkbox .checkbox_label .input_text {color: #1C263D;
display: inline-block; vertical-align: top; line-height: 1.5em; font-family:
'Source Sans Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_checkbox .checkbox_label:hover .input_text,
.auto__shared_react_forms_checkbox .checkbox_label.focused .input_text {color:
#1C263D}
.auto__shared_react_forms_checkbox .checkbox_label:hover:before,
.auto__shared_react_forms_checkbox .checkbox_label.focused:before {color: #0D6069}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .input_text
{color: #57617A; font-weight: bold}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .description
{color: #57617A; display: block; margin-left: 28px; line-height: 1.29em; font-size:
14px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_input_group .input_group {margin: 0 0 24px 0; padding: 0}
.auto__shared_react_forms_input_group .input_group legend {margin-bottom: 4px;
font-size: 16px; font-weight: bold}
.auto__shared_react_forms_input_group .input_group div:not(:last-child) {margin-
bottom: 8px}
.auto__shared_react_forms_input_group .input_group div:not(:last-
child).with_description {margin-bottom: 18px}
.auto__shared_react_forms_input_group .input_group.horizontal {margin: 0}
.auto__shared_react_forms_input_group .input_group.horizontal div {display: inline-
block; margin: 0 30px 0 0}
.auto__shared_react_forms_radio {position: relative}
.auto__shared_react_forms_radio label {cursor: pointer}
.auto__shared_react_forms_radio .radio_input {margin: 0; position: absolute; top:
0; left: 0}
.auto__shared_react_forms_radio .radio_label {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-
items: center}
.auto__shared_react_forms_radio .radio_label.checked:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label .input_text {color: #1C263D; display:
inline-block; vertical-align: top; line-height: 1.5em; font-family: 'Source Sans
Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_radio .radio_label:before {display: inline-block; font-
family: 'scribd'; margin-right: 10px; font-size: 16px; cursor: pointer; color:
#8F919E; vertical-align: top; position: relative}
.auto__shared_react_forms_radio .radio_label:hover .input_text,
.auto__shared_react_forms_radio .radio_label.focused .input_text {color: #1C263D}
.auto__shared_react_forms_radio .radio_label:hover:before,
.auto__shared_react_forms_radio .radio_label.focused:before {color: #0D6069}
.keyboard_focus .auto__shared_react_forms_radio .radio_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_radio .radio_label.checked:hover:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label.with_description {display: block}
.auto__shared_react_forms_radio .radio_label.with_description .input_text {color:
#57617A; font-weight: bold}
.auto__shared_react_forms_radio .radio_label.with_description .description {color:
#57617A; display: block; margin-left: 26px; line-height: 1.29em; font-size: 14px;
font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_radio .radio_label.with_description:before {top: 3px}
.auto__shared_react_forms_step_header .step_header {margin: 0px}
.auto__shared_react_forms_step_header .step_header h1 {margin: 0}
.auto__shared_react_forms_step_header .step_counter {font-size: 16px; font-weight:
bold; text-transform: uppercase; letter-spacing: 0.06em; color: #a9085e; margin:
0px}
.auto__shared_react_forms_step_header .title {font-size: 32px; font-weight: bold;
margin: 6px 0px; color: #000514}
@media (max-width: 550px) {.responsive .auto__shared_react_forms_step_header .title
{font-size: 24px}
}
.auto__shared_react_forms_step_header .subtitle {font-size: 18px; font-style:
italic; color: #57617A; font-weight: normal; margin: 0px}
.auto__shared_react_forms_step_header .step_header.billing {margin-bottom: 10px}
@media (max-width: 950px) {.auto__shared_react_forms_step_header
.step_header.billing .subtitle {display: none}
}
.auto__shared_react_forms_text_input .input_row {margin: 0 0 18px; max-width:
650px}
.auto__shared_react_forms_text_input .input_row label {display: block; font-size:
16px; font-weight: bold}
.auto__shared_react_forms_text_input .input_row .help {font-size: 14px; color:
#57617A; display: block}
.auto__shared_react_forms_text_input .input_row input {outline: none; border-
radius: 4px; border: solid 1px #8F919E; padding: 8px 14px; width: 100%; height:
40px; box-sizing: border-box}
.auto__shared_react_forms_text_input .input_row input:focus {border-color: #02a793;
box-shadow: 0 0 1px 0 #017f70}
@media screen and (-ms-high-contrast: active) {.auto__shared_react_forms_text_input
.input_row input:focus {outline: 1px dashed !important}
}
.auto__shared_react_forms_text_input .input_row input.disabled {background-color:
#F8F9FD}
.auto__shared_react_forms_text_input .input_row.password input {padding-right:
62px}
.auto__shared_react_forms_text_input .input_row.password input::-ms-clear {display:
none}
.auto__shared_react_forms_text_input .input_row .error_msg {color: #B31E30; font-
size: 14px; margin-top: 6px}
.auto__shared_react_forms_text_input .input_row abbr.asterisk_require {font-size:
120%}
.auto__shared_react_forms_text_input .input_row.has_error textarea,
.auto__shared_react_forms_text_input .input_row.has_error input[type=text],
.auto__shared_react_forms_text_input .input_row.has_error input[type=password]
{border-color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_text_input .input_row.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_text_input .input_row .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_text_input .input_row .password_toggle_btn {color:
#1E7B85; display: inline-block; font-size: 16px; font-weight: bold; padding: 1px 0;
position: absolute; right: 14px; top: 50%; vertical-align: middle; width: auto;
-webkit-transform: translateY(-50%); transform: translateY(-50%)}
.auto__shared_react_forms_text_input .input_row .input_wrapper {position: relative;
margin-top: 4px}
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.auto__shared_react_forms_textarea .textarea_label {margin: 14px 0 14px; width:
100%}
.auto__shared_react_forms_textarea .textarea_label label {display: block}
.auto__shared_react_forms_textarea .textarea_label .label_text {font-size: 16px;
color: #1C263D; font-weight: bold}
.auto__shared_react_forms_textarea .textarea_label .help,
.auto__shared_react_forms_textarea .textarea_label .help_bottom {font-size: 14px;
color: #57617A}
.auto__shared_react_forms_textarea .textarea_label .help {display: block}
.auto__shared_react_forms_textarea .textarea_label .help_bottom {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end;
justify-content: flex-end}
.auto__shared_react_forms_textarea .textarea_label .optional_text {font-weight:
normal}
.auto__shared_react_forms_textarea .textarea_label textarea {margin-top: 10px;
outline: none; border-radius: 4px; border: solid 1px #8F919E; padding: 8px 14px;
width: 100%; box-sizing: border-box; resize: vertical; font-size: 16px; font-
family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:focus {border-color:
#02a793; box-shadow: 0 0 1px 0 #017f70}
.auto__shared_react_forms_textarea .textarea_label textarea.disabled {background-
color: #F8F9FD}
.auto__shared_react_forms_textarea .textarea_label textarea::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::placeholder {font-
color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label .error_msg {color: #B31E30;
font-size: 14px; margin-top: 6px}
.auto__shared_react_forms_textarea .textarea_label.has_error textarea {border-
color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_textarea .textarea_label.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_textarea .textarea_label .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_toggle {display: inline-block; position: relative}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:before,
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {position:
absolute; right: -70px; top: 2px; content: ""; height: 20px; width: 46px;
background-color: #8F919E; border: 1px solid #8F919E; border-radius: 100px}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {border-
radius: 50%; width: 20px; border-radius: 50%; background-color: white; right:
-32px; -webkit-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-
out; -webkit-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:before
{background-color: #017f70}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:after
{right: -58px}
.auto__shared_react_forms_toggle .scribd_spinner {display: none; z-index: 21;
position: absolute; top: 0; right: -49px}
.auto__shared_react_forms_toggle .scribd_spinner.loading {display: block}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar {line-height:
inherit; list-style: none; padding: 0; margin: 0; width: 250px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar li {line-height:
inherit}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
margin: 20px 0px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar
.icon_row.clickable:hover {opacity: 0.8}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row .icon
{font-size: 30px; color: #1E7B85; margin-right: 10px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row
.icon_label {margin-top: 3px; font-size: 18px; color: #57617A}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row
.icon_label {font-size: 16px}
}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon, .auto__account_settings_cancel_order_icon_sidebar .icon_sidebar
.icon_row.gray .icon_label_bold,
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label {color: #57617A}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label_bold {font-size: 22px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label_bold {font-size: 20px}
}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label {margin-left: 3px; margin-top: 4px}
@media (max-width: 550px) {.auto__account_settings_cancel_order_icon_sidebar
.icon_sidebar .icon_row.gray .icon_label {margin-top: 2px; /*to accomodate for
type_header4 of icon label bold */ }
}
.auto__account_settings_cancel_order_incentive_step .step_header {margin-bottom:
40px}
.auto__account_settings_cancel_order_incentive_step .incentive_step {padding: 40px}
.auto__account_settings_cancel_order_incentive_step .incentive_step .step_body
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row}
.auto__account_settings_cancel_order_incentive_step .offer_list {line-height:
inherit; list-style: none; padding: 0; margin: 0; width: 100%; display: -webkit-
box; display: -ms-flexbox; display: flex}
.auto__account_settings_cancel_order_incentive_step .offer_list li {line-height:
inherit}
@media (max-width: 750px) {.auto__account_settings_cancel_order_incentive_step
.offer_list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-
direction: column;flex-direction: column}
}
.auto__account_settings_cancel_order_module_step {padding: 40px 32px}
@media (max-width: 700px) {.auto__account_settings_cancel_order_module_step
{padding: 20px 24px 40px 24px}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_module_step
{padding: 20px 16px 40px 16px}
}
.auto__account_settings_cancel_order_module_step .module_body {margin: 24px 0 40px}
.auto__account_settings_cancel_order_module_step .cta_row {border-top: 1px solid
#E9EDF8; padding-top: 26px}
.auto__account_settings_cancel_order_module_step .cta_row .flat_btn {height: auto;
min-height: 44px; max-height: none}
@media (max-width: 700px) {.auto__account_settings_cancel_order_module_step
.cta_row {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-
direction: column-reverse;flex-direction: column-reverse}
.auto__account_settings_cancel_order_module_step .cta_row .flat_btn {width: 300px;
margin: 20px auto}
}
.auto__account_settings_cancel_order_module_step .keep_membership_btn {margin-
right: 40px; margin-left: 20px}
.auto__account_settings_cancel_order_module_step .continue_link {margin-top: 10px}
.auto__account_settings_cancel_order_module_step .disclaimer {font-size: 14px;
margin-top: 16px; color: #57617A; padding-bottom: 24px}
.auto__account_settings_cancel_order_module_step .disclaimer a {color: #57617A;
text-decoration: underline}
.auto__account_settings_cancel_order_module_step .rec_heading {font-size: 18px;
font-weight: bold; line-height: 1.3; color: #57617A; margin: 0 0 16px; text-
transform: uppercase}
.auto__account_settings_cancel_order_module_step .recommenders .title_wrap
{padding: 0}
.auto__account_settings_cancel_order_module_step .recommenders .paddles_container
{width: 100%}
.auto__account_settings_cancel_order_module_step .recommenders .carousel {margin:
0}
.auto__account_settings_cancel_order_module_step .recommenders .carousel:before
{left: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel:after
{right: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel li:first-
child {margin-left: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel ul
{margin: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel
li:not(.interest_tile_wrapper) {margin-left: 12px}
.auto__account_settings_cancel_order_modules_basic .wrapper {padding: 14px 24px
20px; margin-bottom: 24px; background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_basic .wrapper .copy {text-align:
center; color: #1C263D; margin: 0; padding-bottom: 20px; font-size: 20px; font-
weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_basic .wrapper .copy {font-size: 18px}
}
.auto__account_settings_cancel_order_modules_basic .content_type_list {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: -webkit-box; display:
-ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {line-
height: inherit}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {width:
18%; padding: 0 1%}
.auto__account_settings_cancel_order_modules_basic .content_type_list a {display:
-webkit-box;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items:
center}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 80px; height: 80px; border-radius: 50%; background-color: #87064b; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-
align: center; align-items: center}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {color: white; font-size: 40px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{margin-top: 12px; text-align: center; color: #57617A; font-weight: bold; font-
size: 18px}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{font-size: 16px}
}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_basic
.content_type_list {display: block}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {width:
50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-
flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-
direction: normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:last-child
{margin-bottom: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n) {padding: 0 0 0 10px; margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n + 1) {padding: 0 10px 0 0; margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_basic .content_type_list a {-webkit-
box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-
direction: row}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 60px; height: 60px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {font-size: 30px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{margin: 0 0 0 20px; text-align: left; font-size: 18px; font-weight: bold; line-
height: 1.3}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_basic
.content_type_list li {width: 100%; display: -webkit-box; display: -ms-flexbox;
display: flex}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:last-child
{margin-bottom: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n) {padding: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n + 1) {padding: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 48px; height: 48px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {font-size: 22px}
}
.auto__account_settings_cancel_order_modules_basic .unlimited {color: #a9085e}
.auto__account_settings_cancel_order_modules_lifestyle .wrapper {line-height:
inherit; list-style: none; padding: 0; margin: 0; margin: 24px auto 0; padding:
20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; max-width: 802px}
.auto__account_settings_cancel_order_modules_lifestyle .wrapper li {line-height:
inherit}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_lifestyle .wrapper {-webkit-box-
orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column; max-width: 398px}
}
@media (max-width: 550px)
{.auto__account_settings_cancel_order_modules_lifestyle .wrapper {max-width: 342px}
}
.auto__account_settings_cancel_order_modules_lifestyle .item {width: 218px; text-
align: center}
.auto__account_settings_cancel_order_modules_lifestyle .item img {width: 150px;
height: 100px; margin-bottom: 10px}
.auto__account_settings_cancel_order_modules_lifestyle .item .title {font-size:
18px; font-weight: bold; line-height: 1.3; display: block}
.auto__account_settings_cancel_order_modules_lifestyle .item .subtitle {font-size:
16px; color: #57617A}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_lifestyle .item {width: auto;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
text-align: left; margin-bottom: 40px}
.auto__account_settings_cancel_order_modules_lifestyle .item img {display: inline-
block; margin: 0 30px 0 0}
}
@media (max-width: 550px)
{.auto__account_settings_cancel_order_modules_lifestyle .item {margin-bottom: 30px}
.auto__account_settings_cancel_order_modules_lifestyle .item img {width: 108px;
height: 72px; margin: 0 16px 0 0}
}
.auto__account_settings_cancel_order_modules_fomo .wrapper {padding: 0 8px;
background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_fomo .header {font-size: 22px; font-
weight: bold; padding: 20px 0 16px; margin: 0; text-align: center}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_fomo .header {font-size: 20px}
}
.auto__account_settings_cancel_order_modules_fomo .book_list {line-height: inherit;
list-style: none; padding: 0; margin: 0; margin: 0 40px; padding: 30% 0 0.5%;
position: relative; overflow: hidden}
.auto__account_settings_cancel_order_modules_fomo .book_list li {line-height:
inherit}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_fomo
.book_list {padding-top: 33%; margin: 0 8px}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_list {padding-top: 32%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item {position: absolute}
.auto__account_settings_cancel_order_modules_fomo .book_item:first-child {left:
2.5%}
.auto__account_settings_cancel_order_modules_fomo .book_item:first-child,
.auto__account_settings_cancel_order_modules_fomo .book_item:last-child {width:
17.04%; top: 11%}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 6%}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 5%}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 4%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(2),
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(4) {width:
21.1%; z-index: 2; top: 5%}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(2), .auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(4) {top: 3%}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(2), .auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(4) {top: 2%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(2) {left:
29%; -webkit-transform: translate(-50%); transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(3) {width:
24.1%; z-index: 3; left: 50%; top: 0; -webkit-transform: translate(-50%);
transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(4) {left:
71%; -webkit-transform: translate(-50%); transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:last-child {right:
1.5%}
.auto__account_settings_cancel_order_modules_fomo .book_image {width: 100%;
-webkit-box-reflect: below 0px linear-gradient(180deg, rgba(255, 255, 255, 0) 80%,
white 193%); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17)}
.auto__account_settings_cancel_order_modules_my_precious .wrapper {margin-top:
24px; padding: 6px 0 20px}
.auto__account_settings_cancel_order_modules_my_precious .header {font-size: 20px;
font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_my_precious .header {font-size: 18px}
}
.auto__account_settings_cancel_order_modules_my_precious .content_wrapper {display:
-webkit-box;display: -ms-flexbox;display: flex}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.content_wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-
flex-direction: column;flex-direction: column}
}
.auto__account_settings_cancel_order_modules_my_precious .chart {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: inline-block; width:
calc(50% - 5px); margin-right: 5px}
.auto__account_settings_cancel_order_modules_my_precious .chart li {line-height:
inherit}
.auto__account_settings_cancel_order_modules_my_precious .chart .row {height:
2.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items:
center}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .icon {font-
size: 24px; width: 24px; color: #00293f; padding: 8px 12px 8px 0px; border-right:
1px solid #57617A}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .bar {height:
28px; background-color: #a9085e; border: solid transparent 1px}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .bar_copy
{padding-left: 16px; white-space: nowrap}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.chart {margin: 0 0 24px; display: block; width: 100%}
}
.auto__account_settings_cancel_order_modules_my_precious .promo_wrapper {display:
-webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-
pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align:
center; -ms-flex-align: center; align-items: center; min-height: 12.5em; width:
calc(50% - 5px); margin-left: 5px; background-color: #F8F9FD}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.promo_wrapper {margin: 0; display: -webkit-box; display: -ms-flexbox; display:
flex; width: 100%}
}
.auto__account_settings_cancel_order_modules_my_precious .promo {margin: 0 8px;
max-width: 398px; width: 100%; display: -webkit-box; display: -ms-flexbox; display:
flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-
direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__account_settings_cancel_order_modules_my_precious .promo .image {width:
150px; height: 100px}
.auto__account_settings_cancel_order_modules_my_precious .promo .copy {width:
inherit; font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_my_precious .promo .copy {font-size:
18px}
}
.auto__account_settings_cancel_order_modules_my_precious .promo.stacked {-webkit-
box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column; margin: 20px}
.auto__account_settings_cancel_order_modules_my_precious .promo.stacked .image
{width: 108px; height: 72px; margin-bottom: 10px}
.auto__account_settings_cancel_order_modules_quantification .wrapper {padding: 24px
0 20px; background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_quantification .wrapper .sub_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; max-width: 802px; margin:
0 auto}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .wrapper .sub_wrapper
{max-width: 300px; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column}
}
.auto__account_settings_cancel_order_modules_quantification .list {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: -webkit-box; display:
-ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center;
align-items: center; padding-left: 16px}
.auto__account_settings_cancel_order_modules_quantification .list li {line-height:
inherit}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .list {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
padding: 0; border-bottom: 4px solid #1C263D}
}
.auto__account_settings_cancel_order_modules_quantification .item {width: 114px;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; font-size: 14px}
.auto__account_settings_cancel_order_modules_quantification .item .icon {width:
1em; height: 1em; font-size: 48px; margin: 0 auto 16px}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .item {width: 100%;
-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction:
row; flex-direction: row; margin-bottom: 20px}
.auto__account_settings_cancel_order_modules_quantification .item .icon {margin: 0
20px 0 10px}
.auto__account_settings_cancel_order_modules_quantification .item:nth-child(5)
{margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_quantification .item:first-child
{padding-left: 40px}
}
.auto__account_settings_cancel_order_modules_quantification .price {font-size:
14px; color: #a9085e; display: block}
.auto__account_settings_cancel_order_modules_quantification .math {color: #000514;
font-size: 42px; padding: 0 10px}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .math.bottom {display:
none}
}
.auto__account_settings_cancel_order_modules_quantification .math.left {padding: 0;
display: none}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .math.left {display:
block}
}
.auto__account_settings_cancel_order_modules_quantification .included {font-size:
20px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_quantification .included {font-size:
18px}
}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center;
-ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
padding-right: 16px}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{font-size: 18px}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{font-size: 16px}
}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .total_wrapper
{margin: 10px 0 0 35px; padding: 0}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{display: inline-block}
}
.auto__account_settings_forms_base .page_content .info {margin-bottom: 24px}
.auto__account_settings_forms_base .page_content
.account_settings_form.change_email_notifications_form .input_group {margin-bottom:
0}
.auto__account_settings_forms_base .page_content
.account_settings_form.change_email_notifications_form .input_group legend {margin-
bottom: 8px; white-space: normal; display: table}
.auto__account_settings_forms_edit_profile .last_nonprimary_email {margin-bottom:
40px}
.auto__account_settings_lightboxes_no_history_modal .no_history_modal_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-
box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-
align: center; height: 520px}
.auto__account_settings_sections_account .account_section .col_left .row_label
{margin: 0 0 16px 0}
.auto__account_settings_sections_account .account_section .col_right .credit_detail
{margin-bottom: 4px}
.auto__account_settings_sections_account .account_section .col_right
.credit_detail.large {font-size: 18px}
.auto__account_settings_sections_account .account_section .col_right
.credit_detail.small {font-size: 14px}
.auto__account_settings_sections_account .account_section .col_right .info.plan
{font-size: 20px}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice {border: 1px solid rgba(28, 38, 61, 0.2)}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice .content {text-align: left; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice .content .icon {width: 60px}
.auto__account_settings_sections_account .account_section .col_right
.notification_text {text-align: left}
.auto__account_settings_sections_account .account_section .col_right .faq_link
{display: inline-block; color: #1C263D; margin-bottom: 0px}
.auto__account_settings_sections_api .api_section .col_right .info.list_item
{margin-bottom: 0}
.auto__account_settings_sections_api .api_section .col_right .label {font-weight:
bold; margin-bottom: 4px}
.auto__account_settings_sections_api .api_section .col_right .label .subtext {font-
weight: normal}
.auto__account_settings_sections_api .api_section .col_right .last_child {margin-
bottom: 60px}
@media (max-width: 700px) {.auto__account_settings_sections_api .api_section
.col_right .auto__shared_react_forms_toggle {width: 205px}
}
.auto__account_settings_sections_personal .list_anchor .metadata .star_ratings,
.auto__account_settings_sections_personal .list_anchor .metadata .upvotes {display:
none}
.auto__account_settings_sections_personal .personal_section .col_left {text-align:
center}
.auto__account_settings_sections_personal .personal_section .col_left .image_link
{margin: auto}
.auto__account_settings_sections_personal .personal_section .col_left
.image_link.edit {font-size: 14px}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview {position: relative}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .user_image {height: 72px; width: 72px; border-radius: 50%;
border: 1px solid #E9EDF8}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .scribd_spinner {display: none; position: absolute; top: 20px;
left: calc(50% - 15px)}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .scribd_spinner.loading {display: block}
.auto__account_settings_sections_personal .personal_section .col_right
.caption_style {font-size: 14px; margin-bottom: 8px}
.auto__account_settings_sections_personal .personal_section .col_right .middle
{display: inline-block; width: 50%; vertical-align: top}
.auto__account_settings_sections_personal .personal_section .col_right .right
{display: inline-block; width: 50%}
.auto__account_settings_sections_personal .personal_section .col_right .right
.facebook_user_info {margin-top: 12px}
.auto__account_settings_sections_personal .personal_section .col_right .right
.facebook_user_info .info {margin-bottom: 0}
.auto__account_settings_sections_personal .personal_section .label {font-weight:
bold; margin-bottom: 4px; font-size: 16px}
.auto__account_settings_sections_personal .personal_section .info.password {margin-
bottom: 0}
.auto__account_settings_sections_personal .personal_section .info.about .view_link
{display: inline; font-size: 16px}
.auto__account_settings_sections_personal .personal_section .info.about .hide
{display: none}
.auto__account_settings_sections_personal .personal_section .info.about .hide.shown
{display: inline}
.auto__account_settings_sections_personal .personal_section .info.wrap {margin-
bottom: 5px; padding-right: 16px; word-wrap: break-word}
.auto__account_settings_sections_personal .personal_section .info.wrap a {display:
inline; margin-left: 5px}
.auto__account_settings_sections_personal .personal_section .info.wrap.last_email
{margin-bottom: 24px}
.auto__account_settings_sections_personal .personal_section .margin_bottom {margin-
bottom: 24px}
@media (max-width: 700px) {.auto__account_settings_sections_personal
.personal_section .col_right .middle, .auto__account_settings_sections_personal
.personal_section .col_right .right {display: block; width: 100%}
}
.lightbox .delete_email_modal .title {display: inline; word-break: break-all}
.auto__account_settings_sections_uploads .uploads_section .col_right .last_child
{margin-bottom: 60px}
@media (max-width: 700px) {.auto__account_settings_sections_uploads
.uploads_section .col_right .auto__shared_react_forms_toggle {width: 205px}
}
.auto__account_settings_tables_payment_history {margin-bottom: 60px}
.auto__account_settings_tables_payment_history .payment_history_table .col_1
{width: 17.5%}
.auto__account_settings_tables_payment_history .payment_history_table .col_2
{width: 50%}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .refunded {font-weight: bold; text-transform: uppercase;
letter-spacing: 0.06em; color: #57617A}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .valid_until {color: #57617A}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .word_wrap {display: block; margin-bottom: 0; word-wrap:
break-word}
@media (max-width: 700px) {.auto__account_settings_tables_payment_history
.payment_history_table .col_1 {width: 25%}
.auto__account_settings_tables_payment_history .payment_history_table .col_2
{width: 40%}
}
@media (max-width: 550px) {.auto__account_settings_tables_payment_history
.payment_history_table .col_2, .auto__account_settings_tables_payment_history
.payment_history_table .col_3 {width: 0%}
}
.auto__account_settings_plans_plan_module .plan_module_container {text-align:
center; border: 1px solid #E9EDF8; margin: 0 0 12px 0; padding: 28px; height:
19.125em; width: 16.25em; box-sizing: border-box; border-radius: 3px; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid
#E9EDF8}
.auto__account_settings_plans_plan_module .plan_module_container.tall {min-height:
460px; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container .info_top {height:
100px}
.auto__account_settings_plans_plan_module .plan_module_container .title_container
{padding: 0 10px}
.auto__account_settings_plans_plan_module .plan_module_container .plan_title {font-
size: 22px; font-weight: bold; margin: 0px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .plan_title {font-size: 20px}
}
.auto__account_settings_plans_plan_module .plan_module_container .extra_tag {font-
size: 14px; font-weight: 600; line-height: 1.3em; margin-top: 0.125em; color:
#a9085e}
.auto__account_settings_plans_plan_module .plan_module_container .price_container
{margin: 6px auto; position: relative; height: 1.875em}
.auto__account_settings_plans_plan_module .plan_module_container .price_row
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
position: absolute; bottom: 0; left: 0; right: 0}
.auto__account_settings_plans_plan_module .plan_module_container .price_row > *
{color: #1C263D}
.auto__account_settings_plans_plan_module .plan_module_container .price_row .price
{font-size: 36px; font-weight: bold; font-weight: normal; color: #57617A; line-
height: 14px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .price_row .price {font-size: 28px}
}
.auto__account_settings_plans_plan_module .plan_module_container .price_row
.per_month {font-size: 18px; margin-left: 6px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .price_row .per_month {font-size: 16px}
}
.auto__account_settings_plans_plan_module .plan_module_container .subtitle {font-
size: 14px; color: #57617A; margin-top: 8px}
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row a,
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row
button, .auto__account_settings_plans_plan_module .plan_module_container
.bottom_row .button {width: 100%; margin-bottom: 0}
.auto__account_settings_plans_plan_module .plan_module_container
.bottom_row.bottom_text {font-size: 14px; color: #1C263D; font-weight: normal}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
{line-height: inherit; list-style: none; padding: 0; margin: 0; font-size: 14px;
text-align: left}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points li
{line-height: inherit}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
.bullet {margin: 20px; margin-right: 0px}
@media (max-width: 700px) {.auto__account_settings_plans_plan_module
.plan_module_container {text-align: left; margin-bottom: 12px; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container.tall {min-height:
0; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container .info_top {height:
auto}
.auto__account_settings_plans_plan_module .plan_module_container .title_container
{padding: 0px; margin-bottom: 15px}
.auto__account_settings_plans_plan_module .plan_module_container
.title_container.with_extra_tag {margin-bottom: 4px}
.auto__account_settings_plans_plan_module .plan_module_container .extra_tag
{margin-bottom: 14px}
.auto__account_settings_plans_plan_module .plan_module_container .price_row {-
webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start}
.auto__account_settings_plans_plan_module .plan_module_container .subtitle {text-
align: left}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
.bullet {margin: 20px 0}
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row
{margin-top: 24px}
}
.auto__account_settings_plans_plan_module .below_cta_text {text-align: center;
font-size: 14px; color: #57617A}
.auto__account_settings_plans_change_plans {width: 100%}
.auto__account_settings_plans_change_plans .subtitle {font-size: 16px; font-weight:
bold; font-weight: normal; margin: 0 0 20px 0}
.auto__account_settings_plans_change_plans .plans_row {line-height: inherit; list-
style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack:
justify; justify-content: space-between; width: 600px; margin: auto; box-sizing:
border-box; padding: 28px; padding-top: 0px}
.auto__account_settings_plans_change_plans .plans_row li {line-height: inherit}
.auto__account_settings_plans_change_plans .plans_row .plan_module_container
.plan_title {font-size: 24px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width:
16.375em; box-sizing: border-box; margin: auto; font-size: 14px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .icon {width:
1.875em; margin-right: 10px; color: #57617A; line-height: 20px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .caption_text
{display: inline-block; color: #57617A}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .toc_link
{font-weight: bold; text-decoration: underline; color: #57617A; display: inline-
block}
@media (max-width: 700px) {.auto__account_settings_plans_change_plans .plans_row {-
webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:
column;flex-direction: column; width: 100%}
.auto__account_settings_plans_change_plans .plans_row .plan_container {width: 100%;
margin: auto}
.auto__account_settings_plans_change_plans .plans_row .plan_container
.plan_module_container {margin: auto}
}
.auto__account_settings_value_props {margin-bottom: 41px}
.auto__account_settings_value_props .info_tile {background-color: #FAFBFD; border:
1px solid #E9EDF8; border-radius: 4px; width: 18.875em; height: 12.75em; margin:
7px; width: auto; height: auto; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-
flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-
pack: start; justify-content: flex-start; padding: 28px; box-sizing: border-box}
.auto__account_settings_value_props .info_tile .title {font-size: 20px; font-
weight: bold}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .title {font-size: 18px}
}
.auto__account_settings_value_props .info_tile .title,
.auto__account_settings_value_props .info_tile .subtitle {margin: auto}
.auto__account_settings_value_props .info_tile .title {font-size: 22px; font-
weight: bold; border-bottom: 0px}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .title {font-size: 20px}
}
.auto__account_settings_value_props .info_tile .subtitle {display: inline-block;
font-size: 18px}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .subtitle {font-size: 16px}
}
.auto__account_settings_value_props .info_tile .subtitle a {display: inline-block;
font-weight: bold; text-decoration: underline}
.auto__account_settings_value_props .info_tile .categories {line-height: inherit;
list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-
wrap: wrap; padding: 0px; width: 100%; max-width: 43.75em; box-sizing: border-box;
margin: auto}
.auto__account_settings_value_props .info_tile .categories li {line-height:
inherit}
.auto__account_settings_value_props .info_tile .categories .category {margin: 22px
35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; width: 9.8125em; text-align: center}
.auto__account_settings_value_props .info_tile .categories .category .cat_name
{font-size: 20px; font-weight: bold; color: #1C263D}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .categories .category .cat_name {font-size: 18px}
}
.auto__account_settings_value_props .info_tile .categories .category .cat_subtitle
{font-size: 16px; color: #57617A; font-weight: normal}
.auto__account_settings_value_props .info_tile .categories .category .icon {font-
size: 34px; margin: auto; font-weight: normal}
@media (max-width: 850px) {.auto__account_settings_value_props .info_tile
.categories {padding: 0px 35px}
.auto__account_settings_value_props .info_tile .categories .category {margin: 35px
0px}
}
@media (max-width: 950px) {.auto__account_settings_value_props .info_tile {padding:
28px 0px}
.auto__account_settings_value_props .info_tile .categories {max-width: 31.25em}
.auto__account_settings_value_props .info_tile .categories li {width: 45%}
.auto__account_settings_value_props .info_tile .categories .category {-webkit-box-
orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-
direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content:
flex-start; width: auto; margin: 13px 0px; width: 100%}
.auto__account_settings_value_props .info_tile .categories .category .cat_text
{text-align: left; margin-left: 15px}
.auto__account_settings_value_props .info_tile .categories .category .icon {margin:
0px; width: 34px}
}
@media (max-width: 550px) {.auto__account_settings_value_props .info_tile {padding:
20px}
.auto__account_settings_value_props .info_tile .subtitle,
.auto__account_settings_value_props .info_tile .title {margin-left: 0px}
.auto__account_settings_value_props .info_tile .categories {margin: 0px; padding:
0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-
direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack:
start; justify-content: flex-start}
.auto__account_settings_value_props .info_tile .categories li {width: 100%}
.auto__account_settings_value_props .info_tile .categories .category {margin-left:
0px}
}
.auto__account_settings_value_props .disclaimer,
.auto__account_settings_value_props .details_link {display: inline-block; font-
size: 14px}
.auto__account_settings_value_props .disclaimer {margin-left: 20px}
.auto__account_settings_value_props .disclaimer .details_link {color: #57617A;
font-weight: normal; text-decoration: underline}
.auto__shared_promos_annual_offer_plans {width: 100%}
.auto__shared_promos_annual_offer_plans .plans_row {line-height: inherit; list-
style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack:
justify; justify-content: space-between; width: 100%; box-sizing: border-box;
padding: 28px; padding-top: 0px}
.auto__shared_promos_annual_offer_plans .plans_row li {line-height: inherit}
.auto__shared_promos_annual_offer_plans .plans_row .plan_module_container {margin:
0 0 12px 0}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-
box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-
pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 16.375em;
box-sizing: border-box; margin: auto; font-size: 14px}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .icon {width:
2.5em; margin-right: 10px; color: #57617A; line-height: 20px}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .caption_text
{display: inline-block; color: #57617A}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .toc_link {font-
weight: bold; text-decoration: underline; color: #57617A}
@media (max-width: 700px) {.auto__shared_promos_annual_offer_plans .plans_row {-
webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:
column;flex-direction: column}
.auto__shared_promos_annual_offer_plans .plans_row .plan_container {width: 100%;
margin: auto}
.auto__shared_promos_annual_offer_plans .plans_row .plan_container
.plan_module_container {margin: 0px auto 12px auto}
}

/* app/views/shared/promos/annual_offer/plans_modal.jsxcss @ 1524604696 */
.auto__account_settings_cancel_order_modal_content_pause_modal {height: 100%}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: 600px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container {padding: 10px; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-
flex-direction: column; flex-direction: column}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container .modal_title {font-size: 22px; font-weight: bold; color: #000514}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container .modal_title {font-size: 20px}
}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.lite_modal .modal_subtitle {margin-bottom: 20px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .error
{font-size: 14px; font-weight: bold; color: #d12338; margin-bottom: 10px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .cta_row
{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-
box-pack: end; -ms-flex-pack: end; justify-content: flex-end}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.cta_row .text_btn {font-weight: bold; margin: 10px 30px}
.auto__account_settings_cancel_order_modal_content_pause_modal {height: 100%}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: 600px}
@media (max-width: 600px)
{.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox {max-
width: none}
}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.modal_container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-
box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column; text-align: left}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox .actions
{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-
box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.actions .scribd_spinner {display: none; position: absolute; right: 85px; top: 8px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.actions .scribd_spinner.loading {display: block}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_icon {width: 150px; height: 150px; margin: 10px auto}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction:
column; flex-direction: column}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .pause_duration_row {margin-top: 20px; text-align: left}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .pause_duration_row select {margin-left: 10px}
.auto__account_settings_cancel_order_modal_content_pause_modal .lightbox
.pause_modal .pause_form .error {font-size: 14px; font-weight: bold; color:
#d12338; margin-bottom: 10px}
.auto__account_settings_cancel_order_offer_item {width: 50%; display: inline-block}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item {width:
100%}
}
.auto__account_settings_cancel_order_offer_item .offer_component {margin-bottom:
20px; text-align: center; padding: 28px; min-height: 250px; height: 250px;
position: relative}
@media (max-width: 870px) {.auto__account_settings_cancel_order_offer_item
.offer_component {height: 280px}
}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item
.offer_component {height: auto}
}
@media (max-width: 460px) {.auto__account_settings_cancel_order_offer_item
.offer_component {padding: 20px; height: auto}
}
.auto__account_settings_cancel_order_offer_item .offer_component.border {border-
left: solid 2px #E9EDF8}
@media (max-width: 750px) {.auto__account_settings_cancel_order_offer_item
.offer_component.border {border-left: none; border-top: solid 2px #E9EDF8}
}
.auto__account_settings_cancel_order_offer_item .offer_component
.offer_component_icon {width: 84px; height: 84px}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_title
{font-size: 22px; font-weight: bold; margin: 16px auto 10px auto}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_offer_item .offer_component .offer_title
{font-size: 20px}
}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_subtitle
{margin: 10px auto 100px auto}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_footer
{width: 100%; height: 60px}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_btn_row
{position: absolute; bottom: 0; right: 0; left: 0}
.auto__account_settings_cancel_order_offer_item .offer_component .offer_btn
{margin: 10px auto}
.auto__account_settings_cancel_order_cancel_container .cancel_container
{background-color: white; max-width: 930px; margin: auto; display: block; height:
auto}
.auto__account_settings_cancel_order_cancel_container .modal_container {padding:
20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; text-align: justify}
.auto__account_settings_cancel_order_cancel_container .modal_container .modal_title
{font-size: 22px; font-weight: bold; color: #000514}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_cancel_container .modal_container .modal_title
{font-size: 20px}
}
.auto__account_settings_cancel_order_cancel_container .text_btn {font-weight: bold}
.auto__account_settings_cancel_order_cancel_container .sidebar_title,
.auto__account_settings_cancel_order_cancel_container .small_title {font-size:
18px; font-weight: bold; line-height: 1.3}
.auto__account_settings_cancel_order_cancel_container .footer_row {border-top:
solid 1px #E9EDF8; padding: 28px 0px}
.auto__account_settings_cancel_order_cancel_container .cta_row {width: 100%;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end;
-ms-flex-pack: end; justify-content: flex-end}
@media (max-width: 700px) {.auto__account_settings_cancel_order_cancel_container
.cta_row {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-
direction: column;flex-direction: column; text-align: center}
}
.auto__account_settings_cancel_order_cancel_container .right_side {padding: 0 24px;
box-sizing: border-box}
@media (min-width: 700px) and (max-width: 1024px)
{.auto__account_settings_cancel_order_cancel_container .step_one_body {-webkit-box-
orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column}
.auto__account_settings_cancel_order_cancel_container .step_one_body .right_side
{width: 100%}
.auto__account_settings_cancel_order_cancel_container .step_one_body .icon_sidebar
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%}
.auto__account_settings_cancel_order_cancel_container .step_one_body
.icon_sidebar .icon_row {margin: 20px}
}
.auto__account_settings_cancel_order_cancel_container .carousels_container
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; width: 100%}
@media (min-width: 1024px)
{.auto__account_settings_cancel_order_cancel_container .carousels_container
.top_carousel_container {padding-right: 40px}
}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_wrap {margin-bottom: 24px}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_title .title_link {color: #1C263D}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.carousel_subtitle {color: #57617A; font-size: 18px; font-weight: bold; font-style:
italic; line-height: 1.3}
.auto__account_settings_cancel_order_cancel_container .carousels_container
.view_more_wrap {display: none}
.auto__account_settings_cancel_order_feedback_step .feedback_container {padding:
40px; position: relative}
.auto__account_settings_cancel_order_feedback_step .feedback_container
.scribd_spinner {position: absolute; left: 50%; top: 50%; z-index: 5000}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.small_title {font-size: 18px; margin: 1em 0}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.form_options {padding-bottom: 24px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.form_options .access_helper {display: none}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; color: #1C263D; width: 90%; margin-bottom: 16px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .radio_label {font-size: 16px; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .radio_label:before {top: 3px}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .input_text {display: -webkit-box;display: -ms-flexbox;display: flex;
height: auto}
.auto__account_settings_cancel_order_feedback_step .step_body .feedback_form
.radio_row .textarea_label {margin-left: 35px; margin-bottom: 10px; margin-top:
16px; font-size: 14px; font-weight: bold}
@media (max-width: 1024px) {.auto__account_settings_cancel_order_feedback_step
.textarea_component {width: 80%}
.auto__account_settings_cancel_order_feedback_step .textarea_component .textarea
{width: 70%}
}
@media (min-width: 700px) and (max-width: 1024px)
{.auto__account_settings_cancel_order_feedback_step .textarea_component {width:
80%}
.auto__account_settings_cancel_order_feedback_step .textarea_component .textarea
{width: 200px}
}
.auto__account_settings_cancel_order_feedback_step .flash_container
.flash.standard.error {border: 1px solid rgba(179, 30, 48, 0.2); text-align: left;
padding-left: 20px; padding-right: 20px; margin-bottom: 16px}
.auto__account_settings_cancel_order_feedback_step .flash_container .content
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center}
.auto__account_settings_cancel_order_feedback_step .flash_container .content .icon
{top: 0px}
.auto__shared_react_forms_checkbox {position: relative}
.auto__shared_react_forms_checkbox label {cursor: pointer}
.auto__shared_react_forms_checkbox .checkbox_input {-webkit-appearance: none; -moz-
appearance: none; appearance: none}
.auto__shared_react_forms_checkbox .checkbox_label {display: block}
.auto__shared_react_forms_checkbox .checkbox_label:before {vertical-align: top;
position: relative; top: 5px; margin-right: 12px; display: inline-block; cursor:
pointer; font-family: 'scribd'; font-size: 16px; border: none; box-shadow: none;
color: #8F919E}
.auto__shared_react_forms_checkbox .checkbox_label.checked:before {color: #017f70}
.keyboard_focus .auto__shared_react_forms_checkbox .checkbox_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_checkbox .checkbox_label .input_text {color: #1C263D;
display: inline-block; vertical-align: top; line-height: 1.5em; font-family:
'Source Sans Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_checkbox .checkbox_label:hover .input_text,
.auto__shared_react_forms_checkbox .checkbox_label.focused .input_text {color:
#1C263D}
.auto__shared_react_forms_checkbox .checkbox_label:hover:before,
.auto__shared_react_forms_checkbox .checkbox_label.focused:before {color: #0D6069}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .input_text
{color: #57617A; font-weight: bold}
.auto__shared_react_forms_checkbox .checkbox_label.with_description .description
{color: #57617A; display: block; margin-left: 28px; line-height: 1.29em; font-size:
14px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_input_group .input_group {margin: 0 0 24px 0; padding: 0}
.auto__shared_react_forms_input_group .input_group legend {margin-bottom: 4px;
font-size: 16px; font-weight: bold}
.auto__shared_react_forms_input_group .input_group div:not(:last-child) {margin-
bottom: 8px}
.auto__shared_react_forms_input_group .input_group div:not(:last-
child).with_description {margin-bottom: 18px}
.auto__shared_react_forms_input_group .input_group.horizontal {margin: 0}
.auto__shared_react_forms_input_group .input_group.horizontal div {display: inline-
block; margin: 0 30px 0 0}
.auto__shared_react_forms_radio {position: relative}
.auto__shared_react_forms_radio label {cursor: pointer}
.auto__shared_react_forms_radio .radio_input {margin: 0; position: absolute; top:
0; left: 0}
.auto__shared_react_forms_radio .radio_label {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-
items: center}
.auto__shared_react_forms_radio .radio_label.checked:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label .input_text {color: #1C263D; display:
inline-block; vertical-align: top; line-height: 1.5em; font-family: 'Source Sans
Pro', sans-serif; font-size: 16px}
.auto__shared_react_forms_radio .radio_label:before {display: inline-block; font-
family: 'scribd'; margin-right: 10px; font-size: 16px; cursor: pointer; color:
#8F919E; vertical-align: top; position: relative}
.auto__shared_react_forms_radio .radio_label:hover .input_text,
.auto__shared_react_forms_radio .radio_label.focused .input_text {color: #1C263D}
.auto__shared_react_forms_radio .radio_label:hover:before,
.auto__shared_react_forms_radio .radio_label.focused:before {color: #0D6069}
.keyboard_focus .auto__shared_react_forms_radio .radio_label.focused:before
{outline: 2px solid #02a793; outline-offset: 2px}
.auto__shared_react_forms_radio .radio_label.checked:hover:before {color: #0D6069}
.auto__shared_react_forms_radio .radio_label.with_description {display: block}
.auto__shared_react_forms_radio .radio_label.with_description .input_text {color:
#57617A; font-weight: bold}
.auto__shared_react_forms_radio .radio_label.with_description .description {color:
#57617A; display: block; margin-left: 26px; line-height: 1.29em; font-size: 14px;
font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_radio .radio_label.with_description:before {top: 3px}
.auto__shared_react_forms_step_header .step_header {margin: 0px}
.auto__shared_react_forms_step_header .step_header h1 {margin: 0}
.auto__shared_react_forms_step_header .step_counter {font-size: 16px; font-weight:
bold; text-transform: uppercase; letter-spacing: 0.06em; color: #a9085e; margin:
0px}
.auto__shared_react_forms_step_header .title {font-size: 32px; font-weight: bold;
margin: 6px 0px; color: #000514}
@media (max-width: 550px) {.responsive .auto__shared_react_forms_step_header .title
{font-size: 24px}
}
.auto__shared_react_forms_step_header .subtitle {font-size: 18px; font-style:
italic; color: #57617A; font-weight: normal; margin: 0px}
.auto__shared_react_forms_step_header .step_header.billing {margin-bottom: 10px}
@media (max-width: 950px) {.auto__shared_react_forms_step_header
.step_header.billing .subtitle {display: none}
}
.auto__shared_react_forms_text_input .input_row {margin: 0 0 18px; max-width:
650px}
.auto__shared_react_forms_text_input .input_row label {display: block; font-size:
16px; font-weight: bold}
.auto__shared_react_forms_text_input .input_row .help {font-size: 14px; color:
#57617A; display: block}
.auto__shared_react_forms_text_input .input_row input {outline: none; border-
radius: 4px; border: solid 1px #8F919E; padding: 8px 14px; width: 100%; height:
40px; box-sizing: border-box}
.auto__shared_react_forms_text_input .input_row input:focus {border-color: #02a793;
box-shadow: 0 0 1px 0 #017f70}
@media screen and (-ms-high-contrast: active) {.auto__shared_react_forms_text_input
.input_row input:focus {outline: 1px dashed !important}
}
.auto__shared_react_forms_text_input .input_row input.disabled {background-color:
#F8F9FD}
.auto__shared_react_forms_text_input .input_row.password input {padding-right:
62px}
.auto__shared_react_forms_text_input .input_row.password input::-ms-clear {display:
none}
.auto__shared_react_forms_text_input .input_row .error_msg {color: #B31E30; font-
size: 14px; margin-top: 6px}
.auto__shared_react_forms_text_input .input_row abbr.asterisk_require {font-size:
120%}
.auto__shared_react_forms_text_input .input_row.has_error textarea,
.auto__shared_react_forms_text_input .input_row.has_error input[type=text],
.auto__shared_react_forms_text_input .input_row.has_error input[type=password]
{border-color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_text_input .input_row.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_text_input .input_row .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_text_input .input_row .password_toggle_btn {color:
#1E7B85; display: inline-block; font-size: 16px; font-weight: bold; padding: 1px 0;
position: absolute; right: 14px; top: 50%; vertical-align: middle; width: auto;
-webkit-transform: translateY(-50%); transform: translateY(-50%)}
.auto__shared_react_forms_text_input .input_row .input_wrapper {position: relative;
margin-top: 4px}
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.auto__shared_react_forms_textarea .textarea_label {margin: 14px 0 14px; width:
100%}
.auto__shared_react_forms_textarea .textarea_label label {display: block}
.auto__shared_react_forms_textarea .textarea_label .label_text {font-size: 16px;
color: #1C263D; font-weight: bold}
.auto__shared_react_forms_textarea .textarea_label .help,
.auto__shared_react_forms_textarea .textarea_label .help_bottom {font-size: 14px;
color: #57617A}
.auto__shared_react_forms_textarea .textarea_label .help {display: block}
.auto__shared_react_forms_textarea .textarea_label .help_bottom {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end;
justify-content: flex-end}
.auto__shared_react_forms_textarea .textarea_label .optional_text {font-weight:
normal}
.auto__shared_react_forms_textarea .textarea_label textarea {margin-top: 10px;
outline: none; border-radius: 4px; border: solid 1px #8F919E; padding: 8px 14px;
width: 100%; box-sizing: border-box; resize: vertical; font-size: 16px; font-
family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:focus {border-color:
#02a793; box-shadow: 0 0 1px 0 #017f70}
.auto__shared_react_forms_textarea .textarea_label textarea.disabled {background-
color: #F8F9FD}
.auto__shared_react_forms_textarea .textarea_label textarea::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea:-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea::placeholder {font-
color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-webkit-input-
placeholder {font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro',
sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea ::-moz-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label textarea :-ms-input-placeholder
{font-color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif}
.auto__shared_react_forms_textarea .textarea_label .error_msg {color: #B31E30;
font-size: 14px; margin-top: 6px}
.auto__shared_react_forms_textarea .textarea_label.has_error textarea {border-
color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.auto__shared_react_forms_textarea .textarea_label.has_error .error_msg {display:
block; text-align: left}
.auto__shared_react_forms_textarea .textarea_label .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
.auto__shared_react_forms_toggle {display: inline-block; position: relative}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:before,
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {position:
absolute; right: -70px; top: 2px; content: ""; height: 20px; width: 46px;
background-color: #8F919E; border: 1px solid #8F919E; border-radius: 100px}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label:after {border-
radius: 50%; width: 20px; border-radius: 50%; background-color: white; right:
-32px; -webkit-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-
out; -webkit-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:before
{background-color: #017f70}
.auto__shared_react_forms_toggle .toggle_checkbox .checkbox_label.checked:after
{right: -58px}
.auto__shared_react_forms_toggle .scribd_spinner {display: none; z-index: 21;
position: absolute; top: 0; right: -49px}
.auto__shared_react_forms_toggle .scribd_spinner.loading {display: block}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar {line-height:
inherit; list-style: none; padding: 0; margin: 0; width: 250px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar li {line-height:
inherit}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
margin: 20px 0px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar
.icon_row.clickable:hover {opacity: 0.8}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row .icon
{font-size: 30px; color: #1E7B85; margin-right: 10px}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row
.icon_label {margin-top: 3px; font-size: 18px; color: #57617A}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row
.icon_label {font-size: 16px}
}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon, .auto__account_settings_cancel_order_icon_sidebar .icon_sidebar
.icon_row.gray .icon_label_bold,
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label {color: #57617A}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label_bold {font-size: 22px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label_bold {font-size: 20px}
}
.auto__account_settings_cancel_order_icon_sidebar .icon_sidebar .icon_row.gray
.icon_label {margin-left: 3px; margin-top: 4px}
@media (max-width: 550px) {.auto__account_settings_cancel_order_icon_sidebar
.icon_sidebar .icon_row.gray .icon_label {margin-top: 2px; /*to accomodate for
type_header4 of icon label bold */ }
}
.auto__account_settings_cancel_order_incentive_step .step_header {margin-bottom:
40px}
.auto__account_settings_cancel_order_incentive_step .incentive_step {padding: 40px}
.auto__account_settings_cancel_order_incentive_step .incentive_step .step_body
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row}
.auto__account_settings_cancel_order_incentive_step .offer_list {line-height:
inherit; list-style: none; padding: 0; margin: 0; width: 100%; display: -webkit-
box; display: -ms-flexbox; display: flex}
.auto__account_settings_cancel_order_incentive_step .offer_list li {line-height:
inherit}
@media (max-width: 750px) {.auto__account_settings_cancel_order_incentive_step
.offer_list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-
direction: column;flex-direction: column}
}
.auto__account_settings_cancel_order_module_step {padding: 40px 32px}
@media (max-width: 700px) {.auto__account_settings_cancel_order_module_step
{padding: 20px 24px 40px 24px}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_module_step
{padding: 20px 16px 40px 16px}
}
.auto__account_settings_cancel_order_module_step .module_body {margin: 24px 0 40px}
.auto__account_settings_cancel_order_module_step .cta_row {border-top: 1px solid
#E9EDF8; padding-top: 26px}
.auto__account_settings_cancel_order_module_step .cta_row .flat_btn {height: auto;
min-height: 44px; max-height: none}
@media (max-width: 700px) {.auto__account_settings_cancel_order_module_step
.cta_row {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-
direction: column-reverse;flex-direction: column-reverse}
.auto__account_settings_cancel_order_module_step .cta_row .flat_btn {width: 300px;
margin: 20px auto}
}
.auto__account_settings_cancel_order_module_step .keep_membership_btn {margin-
right: 40px; margin-left: 20px}
.auto__account_settings_cancel_order_module_step .continue_link {margin-top: 10px}
.auto__account_settings_cancel_order_module_step .disclaimer {font-size: 14px;
margin-top: 16px; color: #57617A; padding-bottom: 24px}
.auto__account_settings_cancel_order_module_step .disclaimer a {color: #57617A;
text-decoration: underline}
.auto__account_settings_cancel_order_module_step .rec_heading {font-size: 18px;
font-weight: bold; line-height: 1.3; color: #57617A; margin: 0 0 16px; text-
transform: uppercase}
.auto__account_settings_cancel_order_module_step .recommenders .title_wrap
{padding: 0}
.auto__account_settings_cancel_order_module_step .recommenders .paddles_container
{width: 100%}
.auto__account_settings_cancel_order_module_step .recommenders .carousel {margin:
0}
.auto__account_settings_cancel_order_module_step .recommenders .carousel:before
{left: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel:after
{right: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel li:first-
child {margin-left: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel ul
{margin: 0px}
.auto__account_settings_cancel_order_module_step .recommenders .carousel
li:not(.interest_tile_wrapper) {margin-left: 12px}
.auto__account_settings_cancel_order_modules_basic .wrapper {padding: 14px 24px
20px; margin-bottom: 24px; background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_basic .wrapper .copy {text-align:
center; color: #1C263D; margin: 0; padding-bottom: 20px; font-size: 20px; font-
weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_basic .wrapper .copy {font-size: 18px}
}
.auto__account_settings_cancel_order_modules_basic .content_type_list {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: -webkit-box; display:
-ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {line-
height: inherit}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {width:
18%; padding: 0 1%}
.auto__account_settings_cancel_order_modules_basic .content_type_list a {display:
-webkit-box;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items:
center}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 80px; height: 80px; border-radius: 50%; background-color: #87064b; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-
align: center; align-items: center}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {color: white; font-size: 40px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{margin-top: 12px; text-align: center; color: #57617A; font-weight: bold; font-
size: 18px}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{font-size: 16px}
}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_basic
.content_type_list {display: block}
.auto__account_settings_cancel_order_modules_basic .content_type_list li {width:
50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-
flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-
direction: normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:last-child
{margin-bottom: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n) {padding: 0 0 0 10px; margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n + 1) {padding: 0 10px 0 0; margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_basic .content_type_list a {-webkit-
box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-
direction: row}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 60px; height: 60px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {font-size: 30px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .content_copy
{margin: 0 0 0 20px; text-align: left; font-size: 18px; font-weight: bold; line-
height: 1.3}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_basic
.content_type_list li {width: 100%; display: -webkit-box; display: -ms-flexbox;
display: flex}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:last-child
{margin-bottom: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n) {padding: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list li:nth-
child(2n + 1) {padding: 0}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
{width: 48px; height: 48px}
.auto__account_settings_cancel_order_modules_basic .content_type_list .icon_wrapper
.icon {font-size: 22px}
}
.auto__account_settings_cancel_order_modules_basic .unlimited {color: #a9085e}
.auto__account_settings_cancel_order_modules_lifestyle .wrapper {line-height:
inherit; list-style: none; padding: 0; margin: 0; margin: 24px auto 0; padding:
20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; max-width: 802px}
.auto__account_settings_cancel_order_modules_lifestyle .wrapper li {line-height:
inherit}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_lifestyle .wrapper {-webkit-box-
orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column; max-width: 398px}
}
@media (max-width: 550px)
{.auto__account_settings_cancel_order_modules_lifestyle .wrapper {max-width: 342px}
}
.auto__account_settings_cancel_order_modules_lifestyle .item {width: 218px; text-
align: center}
.auto__account_settings_cancel_order_modules_lifestyle .item img {width: 150px;
height: 100px; margin-bottom: 10px}
.auto__account_settings_cancel_order_modules_lifestyle .item .title {font-size:
18px; font-weight: bold; line-height: 1.3; display: block}
.auto__account_settings_cancel_order_modules_lifestyle .item .subtitle {font-size:
16px; color: #57617A}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_lifestyle .item {width: auto;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
text-align: left; margin-bottom: 40px}
.auto__account_settings_cancel_order_modules_lifestyle .item img {display: inline-
block; margin: 0 30px 0 0}
}
@media (max-width: 550px)
{.auto__account_settings_cancel_order_modules_lifestyle .item {margin-bottom: 30px}
.auto__account_settings_cancel_order_modules_lifestyle .item img {width: 108px;
height: 72px; margin: 0 16px 0 0}
}
.auto__account_settings_cancel_order_modules_fomo .wrapper {padding: 0 8px;
background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_fomo .header {font-size: 22px; font-
weight: bold; padding: 20px 0 16px; margin: 0; text-align: center}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_fomo .header {font-size: 20px}
}
.auto__account_settings_cancel_order_modules_fomo .book_list {line-height: inherit;
list-style: none; padding: 0; margin: 0; margin: 0 40px; padding: 30% 0 0.5%;
position: relative; overflow: hidden}
.auto__account_settings_cancel_order_modules_fomo .book_list li {line-height:
inherit}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_fomo
.book_list {padding-top: 33%; margin: 0 8px}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_list {padding-top: 32%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item {position: absolute}
.auto__account_settings_cancel_order_modules_fomo .book_item:first-child {left:
2.5%}
.auto__account_settings_cancel_order_modules_fomo .book_item:first-child,
.auto__account_settings_cancel_order_modules_fomo .book_item:last-child {width:
17.04%; top: 11%}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 6%}
}
@media (max-width: 550px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 5%}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:first-child, .auto__account_settings_cancel_order_modules_fomo
.book_item:last-child {top: 4%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(2),
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(4) {width:
21.1%; z-index: 2; top: 5%}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(2), .auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(4) {top: 3%}
}
@media (max-width: 400px) {.auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(2), .auto__account_settings_cancel_order_modules_fomo
.book_item:nth-child(4) {top: 2%}
}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(2) {left:
29%; -webkit-transform: translate(-50%); transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(3) {width:
24.1%; z-index: 3; left: 50%; top: 0; -webkit-transform: translate(-50%);
transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:nth-child(4) {left:
71%; -webkit-transform: translate(-50%); transform: translate(-50%)}
.auto__account_settings_cancel_order_modules_fomo .book_item:last-child {right:
1.5%}
.auto__account_settings_cancel_order_modules_fomo .book_image {width: 100%;
-webkit-box-reflect: below 0px linear-gradient(180deg, rgba(255, 255, 255, 0) 80%,
white 193%); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17)}
.auto__account_settings_cancel_order_modules_my_precious .wrapper {margin-top:
24px; padding: 6px 0 20px}
.auto__account_settings_cancel_order_modules_my_precious .header {font-size: 20px;
font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_my_precious .header {font-size: 18px}
}
.auto__account_settings_cancel_order_modules_my_precious .content_wrapper {display:
-webkit-box;display: -ms-flexbox;display: flex}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.content_wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-
flex-direction: column;flex-direction: column}
}
.auto__account_settings_cancel_order_modules_my_precious .chart {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: inline-block; width:
calc(50% - 5px); margin-right: 5px}
.auto__account_settings_cancel_order_modules_my_precious .chart li {line-height:
inherit}
.auto__account_settings_cancel_order_modules_my_precious .chart .row {height:
2.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items:
center}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .icon {font-
size: 24px; width: 24px; color: #00293f; padding: 8px 12px 8px 0px; border-right:
1px solid #57617A}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .bar {height:
28px; background-color: #a9085e; border: solid transparent 1px}
.auto__account_settings_cancel_order_modules_my_precious .chart .row .bar_copy
{padding-left: 16px; white-space: nowrap}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.chart {margin: 0 0 24px; display: block; width: 100%}
}
.auto__account_settings_cancel_order_modules_my_precious .promo_wrapper {display:
-webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-
pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align:
center; -ms-flex-align: center; align-items: center; min-height: 12.5em; width:
calc(50% - 5px); margin-left: 5px; background-color: #F8F9FD}
@media (max-width: 700px) {.auto__account_settings_cancel_order_modules_my_precious
.promo_wrapper {margin: 0; display: -webkit-box; display: -ms-flexbox; display:
flex; width: 100%}
}
.auto__account_settings_cancel_order_modules_my_precious .promo {margin: 0 8px;
max-width: 398px; width: 100%; display: -webkit-box; display: -ms-flexbox; display:
flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-
direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__account_settings_cancel_order_modules_my_precious .promo .image {width:
150px; height: 100px}
.auto__account_settings_cancel_order_modules_my_precious .promo .copy {width:
inherit; font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_my_precious .promo .copy {font-size:
18px}
}
.auto__account_settings_cancel_order_modules_my_precious .promo.stacked {-webkit-
box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-
direction: column; margin: 20px}
.auto__account_settings_cancel_order_modules_my_precious .promo.stacked .image
{width: 108px; height: 72px; margin-bottom: 10px}
.auto__account_settings_cancel_order_modules_quantification .wrapper {padding: 24px
0 20px; background-color: #F8F9FD}
.auto__account_settings_cancel_order_modules_quantification .wrapper .sub_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; max-width: 802px; margin:
0 auto}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .wrapper .sub_wrapper
{max-width: 300px; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column}
}
.auto__account_settings_cancel_order_modules_quantification .list {line-height:
inherit; list-style: none; padding: 0; margin: 0; display: -webkit-box; display:
-ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center;
align-items: center; padding-left: 16px}
.auto__account_settings_cancel_order_modules_quantification .list li {line-height:
inherit}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .list {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
padding: 0; border-bottom: 4px solid #1C263D}
}
.auto__account_settings_cancel_order_modules_quantification .item {width: 114px;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; font-size: 14px}
.auto__account_settings_cancel_order_modules_quantification .item .icon {width:
1em; height: 1em; font-size: 48px; margin: 0 auto 16px}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .item {width: 100%;
-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction:
row; flex-direction: row; margin-bottom: 20px}
.auto__account_settings_cancel_order_modules_quantification .item .icon {margin: 0
20px 0 10px}
.auto__account_settings_cancel_order_modules_quantification .item:nth-child(5)
{margin-bottom: 16px}
.auto__account_settings_cancel_order_modules_quantification .item:first-child
{padding-left: 40px}
}
.auto__account_settings_cancel_order_modules_quantification .price {font-size:
14px; color: #a9085e; display: block}
.auto__account_settings_cancel_order_modules_quantification .math {color: #000514;
font-size: 42px; padding: 0 10px}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .math.bottom {display:
none}
}
.auto__account_settings_cancel_order_modules_quantification .math.left {padding: 0;
display: none}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .math.left {display:
block}
}
.auto__account_settings_cancel_order_modules_quantification .included {font-size:
20px; font-weight: bold}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_quantification .included {font-size:
18px}
}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center;
-ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
padding-right: 16px}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{font-size: 18px}
@media (max-width: 550px) {.responsive
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{font-size: 16px}
}
@media (max-width: 700px)
{.auto__account_settings_cancel_order_modules_quantification .total_wrapper
{margin: 10px 0 0 35px; padding: 0}
.auto__account_settings_cancel_order_modules_quantification .total_wrapper .price
{display: inline-block}
}
.auto__account_settings_forms_base .page_content .info {margin-bottom: 24px}
.auto__account_settings_forms_base .page_content
.account_settings_form.change_email_notifications_form .input_group {margin-bottom:
0}
.auto__account_settings_forms_base .page_content
.account_settings_form.change_email_notifications_form .input_group legend {margin-
bottom: 8px; white-space: normal; display: table}
.auto__account_settings_forms_edit_profile .last_nonprimary_email {margin-bottom:
40px}
.auto__account_settings_lightboxes_no_history_modal .no_history_modal_wrapper
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:
center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-
box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-
align: center; height: 520px}
.auto__account_settings_sections_account .account_section .col_left .row_label
{margin: 0 0 16px 0}
.auto__account_settings_sections_account .account_section .col_right .credit_detail
{margin-bottom: 4px}
.auto__account_settings_sections_account .account_section .col_right
.credit_detail.large {font-size: 18px}
.auto__account_settings_sections_account .account_section .col_right
.credit_detail.small {font-size: 14px}
.auto__account_settings_sections_account .account_section .col_right .info.plan
{font-size: 20px}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice {border: 1px solid rgba(28, 38, 61, 0.2)}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice .content {text-align: left; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row}
.auto__account_settings_sections_account .account_section .col_right
.flash_container .flash.unlimited_notice .content .icon {width: 60px}
.auto__account_settings_sections_account .account_section .col_right
.notification_text {text-align: left}
.auto__account_settings_sections_account .account_section .col_right .faq_link
{display: inline-block; color: #1C263D; margin-bottom: 0px}
.auto__account_settings_sections_api .api_section .col_right .info.list_item
{margin-bottom: 0}
.auto__account_settings_sections_api .api_section .col_right .label {font-weight:
bold; margin-bottom: 4px}
.auto__account_settings_sections_api .api_section .col_right .label .subtext {font-
weight: normal}
.auto__account_settings_sections_api .api_section .col_right .last_child {margin-
bottom: 60px}
@media (max-width: 700px) {.auto__account_settings_sections_api .api_section
.col_right .auto__shared_react_forms_toggle {width: 205px}
}
.auto__account_settings_sections_personal .list_anchor .metadata .star_ratings,
.auto__account_settings_sections_personal .list_anchor .metadata .upvotes {display:
none}
.auto__account_settings_sections_personal .personal_section .col_left {text-align:
center}
.auto__account_settings_sections_personal .personal_section .col_left .image_link
{margin: auto}
.auto__account_settings_sections_personal .personal_section .col_left
.image_link.edit {font-size: 14px}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview {position: relative}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .user_image {height: 72px; width: 72px; border-radius: 50%;
border: 1px solid #E9EDF8}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .scribd_spinner {display: none; position: absolute; top: 20px;
left: calc(50% - 15px)}
.auto__account_settings_sections_personal .personal_section .col_left
.user_image_preview .scribd_spinner.loading {display: block}
.auto__account_settings_sections_personal .personal_section .col_right
.caption_style {font-size: 14px; margin-bottom: 8px}
.auto__account_settings_sections_personal .personal_section .col_right .middle
{display: inline-block; width: 50%; vertical-align: top}
.auto__account_settings_sections_personal .personal_section .col_right .right
{display: inline-block; width: 50%}
.auto__account_settings_sections_personal .personal_section .col_right .right
.facebook_user_info {margin-top: 12px}
.auto__account_settings_sections_personal .personal_section .col_right .right
.facebook_user_info .info {margin-bottom: 0}
.auto__account_settings_sections_personal .personal_section .label {font-weight:
bold; margin-bottom: 4px; font-size: 16px}
.auto__account_settings_sections_personal .personal_section .info.password {margin-
bottom: 0}
.auto__account_settings_sections_personal .personal_section .info.about .view_link
{display: inline; font-size: 16px}
.auto__account_settings_sections_personal .personal_section .info.about .hide
{display: none}
.auto__account_settings_sections_personal .personal_section .info.about .hide.shown
{display: inline}
.auto__account_settings_sections_personal .personal_section .info.wrap {margin-
bottom: 5px; padding-right: 16px; word-wrap: break-word}
.auto__account_settings_sections_personal .personal_section .info.wrap a {display:
inline; margin-left: 5px}
.auto__account_settings_sections_personal .personal_section .info.wrap.last_email
{margin-bottom: 24px}
.auto__account_settings_sections_personal .personal_section .margin_bottom {margin-
bottom: 24px}
@media (max-width: 700px) {.auto__account_settings_sections_personal
.personal_section .col_right .middle, .auto__account_settings_sections_personal
.personal_section .col_right .right {display: block; width: 100%}
}
.lightbox .delete_email_modal .title {display: inline; word-break: break-all}
.auto__account_settings_sections_uploads .uploads_section .col_right .last_child
{margin-bottom: 60px}
@media (max-width: 700px) {.auto__account_settings_sections_uploads
.uploads_section .col_right .auto__shared_react_forms_toggle {width: 205px}
}
.auto__account_settings_tables_payment_history {margin-bottom: 60px}
.auto__account_settings_tables_payment_history .payment_history_table .col_1
{width: 17.5%}
.auto__account_settings_tables_payment_history .payment_history_table .col_2
{width: 50%}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .refunded {font-weight: bold; text-transform: uppercase;
letter-spacing: 0.06em; color: #57617A}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .valid_until {color: #57617A}
.auto__account_settings_tables_payment_history .payment_history_table
.responsive_table_body .word_wrap {display: block; margin-bottom: 0; word-wrap:
break-word}
@media (max-width: 700px) {.auto__account_settings_tables_payment_history
.payment_history_table .col_1 {width: 25%}
.auto__account_settings_tables_payment_history .payment_history_table .col_2
{width: 40%}
}
@media (max-width: 550px) {.auto__account_settings_tables_payment_history
.payment_history_table .col_2, .auto__account_settings_tables_payment_history
.payment_history_table .col_3 {width: 0%}
}
.auto__account_settings_plans_plan_module .plan_module_container {text-align:
center; border: 1px solid #E9EDF8; margin: 0 0 12px 0; padding: 28px; height:
19.125em; width: 16.25em; box-sizing: border-box; border-radius: 3px; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid
#E9EDF8}
.auto__account_settings_plans_plan_module .plan_module_container.tall {min-height:
460px; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container .info_top {height:
100px}
.auto__account_settings_plans_plan_module .plan_module_container .title_container
{padding: 0 10px}
.auto__account_settings_plans_plan_module .plan_module_container .plan_title {font-
size: 22px; font-weight: bold; margin: 0px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .plan_title {font-size: 20px}
}
.auto__account_settings_plans_plan_module .plan_module_container .extra_tag {font-
size: 14px; font-weight: 600; line-height: 1.3em; margin-top: 0.125em; color:
#a9085e}
.auto__account_settings_plans_plan_module .plan_module_container .price_container
{margin: 6px auto; position: relative; height: 1.875em}
.auto__account_settings_plans_plan_module .plan_module_container .price_row
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
position: absolute; bottom: 0; left: 0; right: 0}
.auto__account_settings_plans_plan_module .plan_module_container .price_row > *
{color: #1C263D}
.auto__account_settings_plans_plan_module .plan_module_container .price_row .price
{font-size: 36px; font-weight: bold; font-weight: normal; color: #57617A; line-
height: 14px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .price_row .price {font-size: 28px}
}
.auto__account_settings_plans_plan_module .plan_module_container .price_row
.per_month {font-size: 18px; margin-left: 6px}
@media (max-width: 550px) {.responsive .auto__account_settings_plans_plan_module
.plan_module_container .price_row .per_month {font-size: 16px}
}
.auto__account_settings_plans_plan_module .plan_module_container .subtitle {font-
size: 14px; color: #57617A; margin-top: 8px}
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row a,
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row
button, .auto__account_settings_plans_plan_module .plan_module_container
.bottom_row .button {width: 100%; margin-bottom: 0}
.auto__account_settings_plans_plan_module .plan_module_container
.bottom_row.bottom_text {font-size: 14px; color: #1C263D; font-weight: normal}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
{line-height: inherit; list-style: none; padding: 0; margin: 0; font-size: 14px;
text-align: left}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points li
{line-height: inherit}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
.bullet {margin: 20px; margin-right: 0px}
@media (max-width: 700px) {.auto__account_settings_plans_plan_module
.plan_module_container {text-align: left; margin-bottom: 12px; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container.tall {min-height:
0; height: auto}
.auto__account_settings_plans_plan_module .plan_module_container .info_top {height:
auto}
.auto__account_settings_plans_plan_module .plan_module_container .title_container
{padding: 0px; margin-bottom: 15px}
.auto__account_settings_plans_plan_module .plan_module_container
.title_container.with_extra_tag {margin-bottom: 4px}
.auto__account_settings_plans_plan_module .plan_module_container .extra_tag
{margin-bottom: 14px}
.auto__account_settings_plans_plan_module .plan_module_container .price_row {-
webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start}
.auto__account_settings_plans_plan_module .plan_module_container .subtitle {text-
align: left}
.auto__account_settings_plans_plan_module .plan_module_container .bullet_points
.bullet {margin: 20px 0}
.auto__account_settings_plans_plan_module .plan_module_container .bottom_row
{margin-top: 24px}
}
.auto__account_settings_plans_plan_module .below_cta_text {text-align: center;
font-size: 14px; color: #57617A}
.auto__account_settings_plans_change_plans {width: 100%}
.auto__account_settings_plans_change_plans .subtitle {font-size: 16px; font-weight:
bold; font-weight: normal; margin: 0 0 20px 0}
.auto__account_settings_plans_change_plans .plans_row {line-height: inherit; list-
style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack:
justify; justify-content: space-between; width: 600px; margin: auto; box-sizing:
border-box; padding: 28px; padding-top: 0px}
.auto__account_settings_plans_change_plans .plans_row li {line-height: inherit}
.auto__account_settings_plans_change_plans .plans_row .plan_module_container
.plan_title {font-size: 24px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption {display:
-webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width:
16.375em; box-sizing: border-box; margin: auto; font-size: 14px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .icon {width:
1.875em; margin-right: 10px; color: #57617A; line-height: 20px}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .caption_text
{display: inline-block; color: #57617A}
.auto__account_settings_plans_change_plans .plans_row .plan_caption .toc_link
{font-weight: bold; text-decoration: underline; color: #57617A; display: inline-
block}
@media (max-width: 700px) {.auto__account_settings_plans_change_plans .plans_row {-
webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:
column;flex-direction: column; width: 100%}
.auto__account_settings_plans_change_plans .plans_row .plan_container {width: 100%;
margin: auto}
.auto__account_settings_plans_change_plans .plans_row .plan_container
.plan_module_container {margin: auto}
}
.auto__account_settings_value_props {margin-bottom: 41px}
.auto__account_settings_value_props .info_tile {background-color: #FAFBFD; border:
1px solid #E9EDF8; border-radius: 4px; width: 18.875em; height: 12.75em; margin:
7px; width: auto; height: auto; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-
flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-
pack: start; justify-content: flex-start; padding: 28px; box-sizing: border-box}
.auto__account_settings_value_props .info_tile .title {font-size: 20px; font-
weight: bold}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .title {font-size: 18px}
}
.auto__account_settings_value_props .info_tile .title,
.auto__account_settings_value_props .info_tile .subtitle {margin: auto}
.auto__account_settings_value_props .info_tile .title {font-size: 22px; font-
weight: bold; border-bottom: 0px}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .title {font-size: 20px}
}
.auto__account_settings_value_props .info_tile .subtitle {display: inline-block;
font-size: 18px}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .subtitle {font-size: 16px}
}
.auto__account_settings_value_props .info_tile .subtitle a {display: inline-block;
font-weight: bold; text-decoration: underline}
.auto__account_settings_value_props .info_tile .categories {line-height: inherit;
list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction:
normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-
wrap: wrap; padding: 0px; width: 100%; max-width: 43.75em; box-sizing: border-box;
margin: auto}
.auto__account_settings_value_props .info_tile .categories li {line-height:
inherit}
.auto__account_settings_value_props .info_tile .categories .category {margin: 22px
35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; width: 9.8125em; text-align: center}
.auto__account_settings_value_props .info_tile .categories .category .cat_name
{font-size: 20px; font-weight: bold; color: #1C263D}
@media (max-width: 550px) {.responsive .auto__account_settings_value_props
.info_tile .categories .category .cat_name {font-size: 18px}
}
.auto__account_settings_value_props .info_tile .categories .category .cat_subtitle
{font-size: 16px; color: #57617A; font-weight: normal}
.auto__account_settings_value_props .info_tile .categories .category .icon {font-
size: 34px; margin: auto; font-weight: normal}
@media (max-width: 850px) {.auto__account_settings_value_props .info_tile
.categories {padding: 0px 35px}
.auto__account_settings_value_props .info_tile .categories .category {margin: 35px
0px}
}
@media (max-width: 950px) {.auto__account_settings_value_props .info_tile {padding:
28px 0px}
.auto__account_settings_value_props .info_tile .categories {max-width: 31.25em}
.auto__account_settings_value_props .info_tile .categories li {width: 45%}
.auto__account_settings_value_props .info_tile .categories .category {-webkit-box-
orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-
direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content:
flex-start; width: auto; margin: 13px 0px; width: 100%}
.auto__account_settings_value_props .info_tile .categories .category .cat_text
{text-align: left; margin-left: 15px}
.auto__account_settings_value_props .info_tile .categories .category .icon {margin:
0px; width: 34px}
}
@media (max-width: 550px) {.auto__account_settings_value_props .info_tile {padding:
20px}
.auto__account_settings_value_props .info_tile .subtitle,
.auto__account_settings_value_props .info_tile .title {margin-left: 0px}
.auto__account_settings_value_props .info_tile .categories {margin: 0px; padding:
0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-
direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack:
start; justify-content: flex-start}
.auto__account_settings_value_props .info_tile .categories li {width: 100%}
.auto__account_settings_value_props .info_tile .categories .category {margin-left:
0px}
}
.auto__account_settings_value_props .disclaimer,
.auto__account_settings_value_props .details_link {display: inline-block; font-
size: 14px}
.auto__account_settings_value_props .disclaimer {margin-left: 20px}
.auto__account_settings_value_props .disclaimer .details_link {color: #57617A;
font-weight: normal; text-decoration: underline}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container {position:
relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; height: 100%; margin: 0 auto; position: relative; padding: 0px}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container {box-sizing: border-box; width: 100%; display: -webkit-box;
display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-
direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-
pack: center; -ms-flex-pack: center; justify-content: center; padding: 28px;
padding-bottom: 0px}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container > * {text-align: center}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container .header {font-size: 32px; font-weight: bold; margin: 0px auto}
@media (max-width: 550px) {.responsive
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container .header {font-size: 24px}
}
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container .subtitle {font-size: 18px}
@media (max-width: 550px) {.responsive
.auto__shared_promos_annual_offer_plans_modal .annual_offer_container
.header_container .subtitle {font-size: 16px}
}
.auto__shared_promos_annual_offer_plans {width: 100%}
.auto__shared_promos_annual_offer_plans .plans_row {line-height: inherit; list-
style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack:
justify; justify-content: space-between; width: 100%; box-sizing: border-box;
padding: 28px; padding-top: 0px}
.auto__shared_promos_annual_offer_plans .plans_row li {line-height: inherit}
.auto__shared_promos_annual_offer_plans .plans_row .plan_module_container {margin:
0 0 12px 0}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption {display: -webkit-
box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-
box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-
pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 16.375em;
box-sizing: border-box; margin: auto; font-size: 14px}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .icon {width:
2.5em; margin-right: 10px; color: #57617A; line-height: 20px}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .caption_text
{display: inline-block; color: #57617A}
.auto__shared_promos_annual_offer_plans .plans_row .plan_caption .toc_link {font-
weight: bold; text-decoration: underline; color: #57617A}
@media (max-width: 700px) {.auto__shared_promos_annual_offer_plans .plans_row {-
webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:
column;flex-direction: column}
.auto__shared_promos_annual_offer_plans .plans_row .plan_container {width: 100%;
margin: auto}
.auto__shared_promos_annual_offer_plans .plans_row .plan_container
.plan_module_container {margin: 0px auto 12px auto}
}

/* app/views/shared/promos/annual_offer/promo_modal.jsxcss @ 1524604696 */
.auto__shared_react_download_button .download_button {color: #00293f}
.auto__shared_react_persona_icon {color: white; display: inline-block; font-size:
16px; overflow: hidden; text-align: center; background-color: #E9EDF8; box-sizing:
border-box; color: #57617A}
.auto__shared_react_persona_icon.large {font-size: 20px; font-weight: bold}
@media (max-width: 550px) {.responsive .auto__shared_react_persona_icon.large
{font-size: 18px}
}
.auto__shared_react_persona_icon.icon-ic_user_circle {background-color:
transparent; color: #1E7B85; font-size: 40px}
.auto__shared_react_persona_icon.small,
.auto__shared_react_persona_icon.small.icon-ic_user_circle {border-radius: 40px;
height: 40px; line-height: 40px; width: 40px}
.auto__shared_react_persona_icon.medium,
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {border-radius: 50px;
height: 50px; line-height: 50px; width: 50px}
.auto__shared_react_persona_icon.large,
.auto__shared_react_persona_icon.large.icon-ic_user_circle {border-radius: 72px;
height: 72px; line-height: 72px; width: 72px}
.auto__shared_react_persona_icon.medium.icon-ic_user_circle {font-size: 50px}
.auto__shared_react_persona_icon.large.icon-ic_user_circle {font-size: 72px}
.auto__shared_react_tables_responsive_table .responsive_table {border-collapse:
collapse; width: 100%; table-layout: fixed}
.auto__shared_react_tables_responsive_table .responsive_table td,
.auto__shared_react_tables_responsive_table .responsive_table th {padding: 20px
40px 20px 0}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child,
.auto__shared_react_tables_responsive_table .responsive_table th:first-child
{padding-left: 30px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child,
.auto__shared_react_tables_responsive_table .responsive_table th:last-child
{padding-right: 30px}
.auto__shared_react_tables_responsive_table .responsive_table
.responsive_table_body tr:nth-child(odd) {background-color: #F8F9FD}
@media (max-width: 550px) {.auto__shared_react_tables_responsive_table
.responsive_table {/* set other col widths to zero in individual components */ }
.auto__shared_react_tables_responsive_table .responsive_table
.col_1.responsive_col_1 {width: 100%}
.auto__shared_react_tables_responsive_table .responsive_table td {padding: 10px
30px; display: block}
.auto__shared_react_tables_responsive_table .responsive_table td:first-child
{padding-top: 20px}
.auto__shared_react_tables_responsive_table .responsive_table td:last-child
{padding-bottom: 20px}
}
.auto__shared_react_tab_navigation {position: relative; overflow: hidden; max-
height: 2.25em}
.auto__shared_react_tab_navigation ul, .auto__shared_react_tab_navigation li {line-
height: normal; list-style: none; margin: 0; padding: 0}
.auto__shared_react_tab_navigation ul {white-space: nowrap; overflow-x: scroll;
overflow-y: hidden; padding-bottom: 100px; margin-bottom: -100px}
.auto__shared_react_tab_navigation a {outline-offset: -2px}
.auto__shared_react_tab_navigation li {display: inline-block; padding-right: 15px}
@media (min-width: 950px) {.auto__shared_react_tab_navigation li {padding-right:
24px}
}
.auto__shared_react_tab_navigation li a {color: #57617A; display: inline-block;
padding-bottom: 12px}
.auto__shared_react_tab_navigation li a:hover {color: #0D6069}
.auto__shared_react_tab_navigation li a:active {color: #0D6069}
.auto__shared_react_tab_navigation li.selected a {border-bottom: 3px solid #1E7B85;
color: #1E7B85; font-weight: bold}
.auto__shared_react_tab_navigation li:last-child {padding-right: 0}
.auto__shared_react_tab_navigation .paddle {bottom: 0; color: #57617A; display:
inline-block; font-size: 20px; position: absolute; text-align: center; top: 0;
width: 20px; z-index: 19}
.auto__shared_react_tab_navigation .paddle:hover {color: #1E7B85}
.auto__shared_react_tab_navigation .paddle .icon {position: absolute; top: 1px}
.auto__shared_react_tab_navigation .paddle.paddle_back {background: -webkit-linear-
gradient(left, white 85%, rgba(255, 255, 255, 0) 100%);background: linear-
gradient(to right, white 85%, rgba(255, 255, 255, 0) 100%); left: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_back .icon {left: -5px}
.auto__shared_react_tab_navigation .paddle.paddle_forward {background: -webkit-
linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%);background: linear-
gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%); right: -1px}
.auto__shared_react_tab_navigation .paddle.paddle_forward .icon {right: -1px}
.auto__shared_react_content_carousel .carousel_outer {position: relative}
.auto__shared_react_content_carousel .paddles_container {position: absolute; width:
100%; z-index: 12}
.auto__shared_react_content_carousel .paddles_container .paddle {position:
absolute; top: 90px}
.auto__shared_react_content_carousel .paddles_container .paddle_icon {font-size:
24px; width: 17px; color: #57617A; display: block}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 0}
.auto__shared_react_content_carousel .paddles_container .page_left .paddle_icon {-
webkit-transform: rotate(180deg);transform: rotate(180deg)}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 0}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .paddle {width:
30px; height: 30px; background-color: white; border-radius: 50%; border: 1px solid
#E9EDF8; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.auto__shared_react_content_carousel .paddle:hover {background-color: #F8F9FD}
.auto__shared_react_content_carousel .paddle .paddle_icon {font-size: 20px; height:
18px; position: relative; top: 7px; left: 3px}
.auto__shared_react_content_carousel .paddles_container .page_left {left: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right {right: 18px}
.auto__shared_react_content_carousel .paddles_container .page_right .paddle_icon
{left: 10px; top: 5px}
.auto__shared_react_content_carousel .all_paddles .page_right {right: 56px}
}
@media (max-width: 1290px) and (max-width: 950px)
{.auto__shared_react_content_carousel .all_paddles .page_right {right: 19px}
}
@media (max-width: 1290px) {.auto__shared_react_content_carousel .all_paddles
.page_left {left: 18px}
}
.auto__shared_react_content_carousel .carousel {margin: 0 17px; overflow-y: hidden}
@media (max-width: 1024px) {.auto__shared_react_content_carousel .carousel {margin:
0 0 0 17px}
}
.auto__shared_react_content_carousel .carousel:before,
.auto__shared_react_content_carousel .carousel:after {bottom: 0; content: "";
position: absolute; top: 0; width: 7px; z-index: 11}
.auto__shared_react_content_carousel .carousel:before {left: 17px}
.auto__shared_react_content_carousel .carousel:after {right: 17px}
.auto__shared_react_content_carousel .carousel_scrolling {overflow: auto; margin: 0
6px -100px; padding: 2px 0px 100px}
.auto__shared_react_content_carousel .carousel_unordered_list {list-style-type:
none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-
direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:
space-between; padding: 0px}
.auto__shared_react_lists_list_items ul, .auto__shared_react_lists_list_items li
{list-style: none; padding: 0; margin: 0}
.auto__shared_react_cells_base .banner_flag, .auto__shared_react_cells_base .flag
{position: absolute; z-index: 10; /*needs to be higher than book cell but lower
than button menus*/ text-align: center; text-transform: capitalize; width: 106px;
border: 1px solid rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display:
block; line-height: 24px; font-size: 14px; display: block; line-height: 24px; font-
size: 12px; display: block; line-height: 22px}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {position: absolute; top: 0;
left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9;
background: none; border: none; background: none; z-index: 2; display: block}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {position: absolute;
top: 0; content: ""; display: block; border-style: solid}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:before,
.auto__shared_react_cells_base .flag.is_scribd_select:before {border-width: 47px
47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select:after,
.auto__shared_react_cells_base .flag.is_scribd_select:after {border-width: 45px
45px 0 0; border-color: #fff transparent transparent transparent}
.auto__shared_react_cells_base .banner_flag.is_scribd_select span,
.auto__shared_react_cells_base .flag.is_scribd_select span {position: absolute;
top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2;
text-align: center; background-repeat: no-repeat; background-size: 100%; color:
#1E7B85}
.auto__shared_react_cells_base .banner_flag.is_purchase,
.auto__shared_react_cells_base .flag.is_purchase {background: #1E7B85; color:
white}
.auto__shared_react_cells_base .banner_flag.is_geo_restricted,
.auto__shared_react_cells_base .banner_flag.is_unavailable,
.auto__shared_react_cells_base .flag.is_geo_restricted,
.auto__shared_react_cells_base .flag.is_unavailable {color: white; background:
black}
.auto__shared_react_cells_base .banner_flag.is_expiring_content,
.auto__shared_react_cells_base .flag.is_expiring_content {color: white; background:
#57617A}
.auto__shared_react_cells_base .banner_flag.is_sample,
.auto__shared_react_cells_base .flag.is_sample {color: black; background: #C1C1BE}
.auto__shared_react_cells_base .banner_flag.is_available_soon,
.auto__shared_react_cells_base .flag.is_available_soon {background: #DFF0D8; color:
#3C763D}
.auto__shared_react_cells_base .banner_flag.is_scribd_select,
.auto__shared_react_cells_base .flag.is_scribd_select {background: none}
.auto__shared_react_cells_base .banner_flag.is_scribd_select .icon-
ic_scribd_badge_logo, .auto__shared_react_cells_base .flag.is_scribd_select .icon-
ic_scribd_badge_logo {color: #1E7B85}
.auto__shared_react_cells_base .undo_container, .auto__shared_react_cells_base
.list_anchor, .auto__shared_react_cells_base .list_anchor_container {outline-
offset: -4px}
.auto__shared_react_cells_base .undo_container {display: -webkit-box;display: -ms-
flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-
flex-pack: center; justify-content: center; padding: 24px; background: #F8F9FD}
.auto__shared_react_cells_base .undo_container .flat_btn {font-weight: bold}
.auto__shared_react_cells_base .undo {display: -webkit-box;display: -ms-
flexbox;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-
box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.auto__shared_react_cells_base .list_anchor_container {position: relative}
.auto__shared_react_cells_base .list_anchor_container .list_anchor {transition:
background-color ease 0.3s; -moz-transition: background-color ease 0.3s; -webkit-
transition: background-color ease 0.3s; background-color: #fff; color: inherit;
display: block}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item
{background-color: #F8F9FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor.new_item:hover
{background-color: #F3F6FD}
.auto__shared_react_cells_base .list_anchor_container .list_anchor:hover,
.auto__shared_react_cells_base .list_anchor_container .list_anchor:focus {color:
inherit; opacity: 0.9}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image {border:
1px solid #E9EDF8}
.auto__shared_react_cells_base .list_anchor_container .list_anchor .author {font-
weight: normal}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.read_time_estimate {color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container {margin-top: auto; color: #57617A}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.marked_as_finished_container .icon-ic_finished_small {font-size: 16px; padding-
right: 6px; color: #017f70}
.auto__shared_react_cells_base .list_anchor_container .list_anchor
.new_items_indicator {z-index: 2; top: 10px; left: 10px}
@media (max-width: 550px) {.auto__shared_react_cells_base .list_anchor_container
.list_anchor .new_items_indicator {top: 5px; left: 5px}
}
.grid .auto__shared_react_cells_base .list_anchor_container {padding: 1px; width:
9.4375em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .banner_flag, .grid
.auto__shared_react_cells_base .list_anchor_container .flag {position: absolute; z-
index: 10; /*needs to be higher than book cell but lower than button menus*/ text-
align: center; text-transform: capitalize; width: 149px; border: 1px solid
rgba(255, 255, 255, 0.5); height: auto; font-size: 16px; display: block; line-
height: 24px; font-size: 14px; display: block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .banner_flag, .grid .auto__shared_react_cells_base
.list_anchor_container .flag {position: absolute; z-index: 10; /*needs to be higher
than book cell but lower than button menus*/ text-align: center; text-transform:
capitalize; width: 117px; border: 1px solid rgba(255, 255, 255, 0.5); height: auto;
font-size: 16px; display: block; line-height: 24px; font-size: 14px; display:
block; line-height: 24px}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select {position: absolute; top: 0; left: 0;
width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9; background:
none; border: none; background: none; z-index: 2; display: block}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {position: absolute; top: 0;
content: ""; display: block; border-style: solid}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:before, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:before {border-width: 47px 47px 0 0;
border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select:after, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select:after {border-width: 45px 45px 0 0;
border-color: #fff transparent transparent transparent}
.grid .auto__shared_react_cells_base .list_anchor_container
.banner_flag.is_scribd_select span, .grid .auto__shared_react_cells_base
.list_anchor_container .flag.is_scribd_select span {position: absolute; top: 0;
left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 2; text-
align: center; background-repeat: no-repeat; background-size: 100%; color: #1E7B85}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor {outline-
offset: -1px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 149px; height: 198px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image, .grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .image img, .grid
.auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.react_document_image {width: 117px; height: 155px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title_author {height: 3.75em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title_author {height: 3.5625em}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .title {display: block; font-size: 16px; overflow: hidden; line-height:
1.3125em; max-height: 2.625em; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; font-size: 16px; color: #000514; font-weight: bold;
margin: 4px 0 0 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .title {display: block; font-size:
14px; overflow: hidden; line-height: 1.35714em; max-height: 2.71428em; display:
-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .author {display: block; font-size: 14px; overflow: hidden; line-height:
1.35714em; max-height: 1.35714em; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; font-size: 14px; color: #57617A}
@media (max-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .author {display: block; font-size:
12px; overflow: hidden; line-height: 1.41667em; max-height: 1.41667em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .interest {display: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container {height: 21px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes {border-right: none}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote {font-family: inherit; padding: 0px;
font-size: 14px; width: auto}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .upvotes_container .upvotes .vote .count {font-size: 14px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars {font-size: 12px; line-height: 12px; padding-right:
4px}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stars .rating_star {padding-right: 1px}
@media (min-width: 700px) {.grid .auto__shared_react_cells_base
.list_anchor_container .list_anchor .metadata .star_ratings .stars {font-size:
14px}
}
.grid .auto__shared_react_cells_base .list_anchor_container .list_anchor
.metadata .star_ratings .stats {font-size: 12px; color: #57617A; margin-left: 0px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; bottom: -2px; right: 0}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
{min-width: 13.5px; min-height: 18px}
.grid .auto__shared_react_cells_base .list_anchor_container .controls .flat_btn
.scribd_spinner {left: -9px; top: -1px}
.list .auto__shared_react_cells_base {border-top: 1px solid #E9EDF8}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor {display:
-webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow: row nowrap; flex-
flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-
content: space-between; padding: 24px 30px 24px 24px}
@media (max-width: 700px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor {padding: 16px 30px 16px 16px}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
{position: relative}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image,
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
img, .list .auto__shared_react_cells_base .list_anchor_container .list_anchor
.image .react_document_image {width: 108px; height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta {transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s;
-webkit-transition: opacity ease 0.3s; bottom: 0; left: 0; color: #fff; font-size:
14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-
align: center; width: 100%}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.reader {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor .image
.hover_cta.book_page {background: #1E7B85}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-
left: 12px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-weight:
bold; display: block; font-size: 20px; overflow: hidden; line-height: 1.25em; max-
height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:
vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .title {word-break: break-word}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .author {font-size: 18px; display: block; font-size: 18px; overflow:
hidden; line-height: 1.27778em; max-height: 1.27778em; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {font-size: 16px}
}
@media (max-width: 550px) {.list .auto__shared_react_cells_base
.list_anchor_container .list_anchor > .metadata .author {display: block; font-size:
16px; overflow: hidden; line-height: 1.3125em; max-height: 1.3125em; display:
-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container {height: 21px; margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes {border-right: none}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .upvote {margin-right: 5px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .upvotes_container .upvotes .vote {padding: 0px; font-size: 16px; width:
auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .reading_progress_wrapper {margin-top: 10px; max-width: 285px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .star_ratings {margin-top: 6px}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor >
.metadata .read_time_estimate {margin-top: auto}
.list .auto__shared_react_cells_base .list_anchor_container .list_anchor:hover
.image .hover_cta, .list .auto__shared_react_cells_base .list_anchor_container
.list_anchor:focus .image .hover_cta {opacity: 1}
.list .auto__shared_react_cells_base .list_anchor_container .undo_container
{height: 144px}
.list .auto__shared_react_cells_base .list_anchor_container .controls {position:
absolute; right: -14px; top: 24px}
.auto__shared_react_cells_base.flat_btn.text_btn {border-top: 0 !important}
.auto__shared_react_cells_article .undo_container {min-height: 135px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor {display:
block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-flow:
row nowrap; flex-flow: row nowrap; padding-left: 0; margin-bottom: 10px; width:
100%}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .image img, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 28px; width: 28px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image {box-shadow: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata {color: #57617A; display: -webkit-box; display: -ms-flexbox;
display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex:
1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align:
center; align-items: center}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper .header .metadata .read_time_estimate {white-space: nowrap}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .author {font-size: 16px; line-height: inherit; color: inherit;
margin: 0 0 0 10px; vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate {position: initial; text-transform: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container {margin: 0; display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .read_time_estimate:before, .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .interest:before,
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .marked_as_finished_container:before {content: "\2022"; color:
#CACED9; display: inline-block; margin: 0 10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .metadata .interest {display: block; font-size: 16px; overflow: hidden;
line-height: 1.625em; max-height: 1.625em; display: -webkit-box; -webkit-line-
clamp: 1; -webkit-box-orient: vertical}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .image, .auto__shared_react_cells_article .list_anchor_container
.list_anchor .wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata {vertical-align: top}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata {display: inline-block}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .author {display: block;
font-size: 14px; overflow: hidden; line-height: 1.35714em; max-height: 1.35714em;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-
size: 14px; margin-bottom: -10px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate {display: inline-block; font-size: 12px; overflow:
visible; position: relative}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .read_time_estimate:before, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .read_time_estimate:before {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .interest, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .metadata .interest {display: none}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.metadata .marked_as_finished_container {position: relative; font-size: 12px; top:
2px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .metadata .marked_as_finished_container .icon-ic_finished_small,
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .metadata .marked_as_finished_container .icon-ic_finished_small {font-
size: 12px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .title {border-bottom: 6px}
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.body .description {color: #1C263D; font-size: 14px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container {width: 7.4375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
{height: 17.3125em}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor {height: 14.375em}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header {overflow: hidden}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image, .grid
.auto__shared_react_cells_article .list_anchor_container .list_anchor .wrapper
.header .image img, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .image .react_document_image
{height: 24px; width: 24px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{font-size: 12px; color: #57617A}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px; max-width: 110px; overflow:
hidden; text-overflow: ellipsis; white-space: nowrap}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .author {max-width:
83px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .read_time_estimate {left: 10px; top: 4px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{top: 0}
}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container {width:
119px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image {height: 84px}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image {height: initial}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container .react_document_image img {border: 1px solid
#E9EDF8}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .article_image_container
.react_document_image img {width: 117px; height: 65px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_stick {width: 1px; height: 115px; float: right}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .spacer_stick {height: 90px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body.no_image .spacer_stick {height: 205px}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .spacer_block {width: 25px; height: 25px; clear: right; float:
right}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {font-size: 16px; font-weight: bold; line-height: normal;
margin: 6px 0}
@media (max-width: 700px) {.grid .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 14px}
}
.grid .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {line-height: 1.4em}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata {margin-left: 10px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author {margin-top: -2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .header .metadata .author, .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .header .metadata .read_time_estimate
{margin-left: 0}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .article_image_container {display: none}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .author {display: block; font-size: 14px;
overflow: hidden; line-height: 1.35714em; max-height: 1.35714em; display: -webkit-
box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1C263D}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper.narrow .header .metadata .read_time_estimate {margin-top: 0; position:
relative; top: 2px}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .title {color: #000514; margin-bottom: 6px; font-size: 20px; font-
weight: bold; display: block; font-size: 20px; overflow: hidden; line-height:
1.25em; max-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical}
@media (max-width: 550px) {.responsive .list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {font-size: 18px}
}
@media (max-width: 400px) {.list .auto__shared_react_cells_article
.list_anchor_container .list_anchor .wrapper .body .title {word-break: break-word}
}
.list .auto__shared_react_cells_article .list_anchor_container .list_anchor
.wrapper .body .description {display: block; font-size: 16px; overflow: hidden;
line-height: 1.3125em; max-height: 3.9375em; display: -webkit-box; -webkit-line-
clamp: 3; -webkit-box-orient: vertical}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container {position:
relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient:
vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; height: 100%; margin: 0 auto; position: relative; padding: 0px}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container {box-sizing: border-box; height: 16.5625em; width: 100%; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding:
28px; background-color: #00293f; border-radius: 4px 4px 0 0}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container > * {color: white; text-align: center}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .header {font-size: 32px; font-weight: bold; margin: 10px auto}
@media (max-width: 550px) {.responsive
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .header {font-size: 24px}
}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .subtitle {font-size: 18px}
@media (max-width: 550px) {.responsive
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .subtitle {font-size: 16px}
}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container
.header_container .learn_more_btn {width: 9.1875em; margin: 0 auto}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container .book_row
{line-height: inherit; list-style: none; padding: 0; margin: 0; height: 151px;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction:
row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-
between; width: 100%; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap;
overflow: hidden; padding: 0 28px}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container .book_row li
{line-height: inherit}
.auto__shared_promos_annual_offer_promo_modal .annual_offer_container .book_row
.doc_thumb {display: inline-block; width: 72px; height: 96px; background-size:
cover; background-repeat: no-repeat; margin: 28px 3px; border: 1px solid #E9EDF8}

/* app/views/shared/promos/app_download_promo/lightbox.css @ 1524604435 */
.autogen_class_views_shared_promos_app_download_promo_lightbox {box-shadow: 0 0 4px
rgba(0, 0, 0, 0.4); background-color: transparent; min-width: 712px}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_app_download_promo_lightbox .wrapper {width:
100vw; margin: auto}
}
.autogen_class_views_shared_promos_app_download_promo_lightbox .wrapper .content
{padding: 0; border-width: 0}
.autogen_class_views_shared_promos_app_download_promo_lightbox .wrapper
.close_button {z-index: 1; color: white}

/* app/views/shared/promos/app_download_promo/module.css @ 1524604435 */
.autogen_class_views_shared_promos_app_download_promo_module {background: #001927;
color: white; height: 15.375em; max-width: 1024px; position: relative}
@media (max-width: 1024px)
{.autogen_class_views_shared_promos_app_download_promo_module {height: initial}
}
.autogen_class_views_shared_promos_app_download_promo_module.dismissed {display:
none}
.full_width_banner .autogen_class_views_shared_promos_app_download_promo_module
{margin: 0 auto}
.autogen_class_views_shared_promos_app_download_promo_module .close_promo_btn
{cursor: pointer; position: absolute; z-index: 1; top: 26px; right: 20px;
background-color: transparent; border: none}
.autogen_class_views_shared_promos_app_download_promo_module .close_promo_btn
.icon-ic_close {position: relative; color: white}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content {display: -webkit-box;display: -ms-flexbox;display:
flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height:
100%; margin: 0 auto; position: relative; /*width: 820px;*/ }
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner {height: 100%; display: -webkit-box;
display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-
direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-
pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align:
left; -ms-flex-align: left; align-items: left}
@media (max-width: 1024px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner {margin-bottom: 20px}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header_and_form_container {margin:
32px; margin-top: 0}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header_and_form_container {margin:
32px}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header {border: none; padding: 0; text-
align: left}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header h2 {font-size: 32px; font-
weight: bold; /* for responsive font sizing, not html semantics */ font-family:
'Source Sans Pro', sans-serif; color: inherit; margin: 0; margin-bottom: 6px}
@media (max-width: 550px) {.responsive
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header h2 {font-size: 24px}
}
@media (max-width: 750px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header h2 {font-size: 29px}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header a {color: inherit; text-
decoration: underline}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header a:hover {color: #509ba8}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header a {display: none}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header p {font-size: 18px; margin-
bottom: 16px}
@media (max-width: 750px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header p {font-size: 17px}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header .app_store_link_just_text
{display: none}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .header .app_store_link_just_text
{display: inline}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form {white-space: nowrap; text-align:
left}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .input_container {display: inline-
block; height: 44px; line-height: 44px; margin-right: 20px; position: relative;
vertical-align: bottom; width: 332px}
@media (max-width: 750px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .input_container {width: 290px}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .input_container .label {line-
height: normal; margin-bottom: 8px}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .input_container.suggesting
.email_phone_input {background-color: transparent}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .input_container input {left: 0;
position: absolute; width: 100%}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .input_container .flat_btn
{position: relative; left: 345px}
@media (max-width: 750px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .input_container .flat_btn {left:
305px}
}
@media (max-width: 1024px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .input_container {margin-bottom:
16px}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .has_error .email_suggestion,
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .has_error .email_phone_input
{border-color: #B31E30; box-shadow: 0 0 1px 0 #F2DEDE}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .error_msg {display: block; text-
align: left; font-size: 14px; position: absolute; bottom: 18px}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .icon-ic_warn {font-size: 16px;
display: inline-block; margin-right: 6px; vertical-align: bottom}
@media (max-width: 1024px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form {text-align: left}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form button {display: block}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form .error_msg {position: relative;
bottom: -20px}
}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .form {display: none}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .app_download_badges_container {display:
none; text-align: left}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .app_download_badges_container .left
{margin-right: 24px}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .app_download_badges_container img
{width: 134px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.48)}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .content_inner .app_download_badges_container {display:
block}
}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .devices_container {-webkit-box-flex: 1;-ms-flex-
positive: 1;flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display:
flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
margin-right: 32px; margin-top: 32px}
.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .devices_container .devices {background-image:
url('https://s1-
f.scribdassets.com/images/shared/app_download_promo/devices_lrg.png?1524604509');
background-size: cover; background-repeat: no-repeat; /*position: absolute;*/
/*bottom: 0;*/ /*right: 100px;*/ width: 333px; height: 203px}
@media (max-width: 1024px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .devices_container .devices {background-image:
url('https://s1-f.scribdassets.com/images/shared/app_download_promo/devices_md.png?
1524604509'); width: 180px; height: 220px; /*right: 200px;*/ }
}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_app_download_promo_module
.app_download_promo_content .devices_container .devices {display: none}
}
.autogen_class_views_shared_promos_app_download_promo_module.bookpage {margin: 24px
0; border-radius: 4px; background-position-x: -190px}
.autogen_class_views_shared_promos_app_download_promo_module.homepage
.app_download_promo_content .devices,
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .devices {height: 232px; width: 367px}
.autogen_class_views_shared_promos_app_download_promo_module.discover_module_promo
{position: static}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox {height:
auto}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.close_promo_btn {display: none}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content {width: auto; display: block}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner {height: auto; position: static; margin-
left: 0; background-color: white; color: black}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .header_and_form_container {width:
648px; margin-top: 32px; padding-bottom: 20px}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .header {text-align: center}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .header a {color: #1E7B85; text-
decoration: none}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .header a:hover {color: #0D6069}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .form {text-align: center}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .form .input_container {margin: 0 20px
20px; width: 448px}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .form .input_container input {border:
1px solid #CACED9; width: 67%}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .form .input_container .label {text-
align: left; font-weight: bold}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .form .input_container .flat_btn {left:
160px}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .form .error_msg {bottom: 18px; left:
133px; color: #B31E30}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .devices_container {margin-right: 0}
@media (max-width: 1024px)
{.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner {margin-bottom: 0}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .form .error_msg {position: absolute;
margin-bottom: 0}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .form button {display: inline-block}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.devices_container .devices {background-image: url('https://s1-
f.scribdassets.com/images/shared/app_download_promo/devices_lrg.png?1524604509')}
}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_app_download_promo_module.lightbox {width:
100vw; margin: auto}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .header_and_form_container {width:
initial; margin: 32px auto}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .header a {display: inline}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .header .app_store_link_just_text
{display: none}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .app_download_badges_container {text-
align: center}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.devices_container .devices {display: block}
}
@media (max-width: 550px)
{.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .header_and_form_container {margin:
32px}
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .header,
.autogen_class_views_shared_promos_app_download_promo_module.lightbox
.app_download_promo_content .content_inner .app_download_badges_container {text-
align: left}
}
.autogen_class_views_shared_promos_app_download_promo_module.homepage
.app_download_promo_content {width: 865px}
.autogen_class_views_shared_promos_app_download_promo_module.homepage
.app_download_promo_content .content_inner {margin-left: 380px}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_app_download_promo_module:not(.lightbox)
.app_download_promo_content .content_inner .header h2 {font-size: 24px}
.autogen_class_views_shared_promos_app_download_promo_module:not(.lightbox)
.app_download_promo_content .content_inner .header p {font-size: 16px}
}
@media (max-width: 500px)
{.autogen_class_views_shared_promos_app_download_promo_module:not(.lightbox)
.app_download_promo_content .content_inner .header p {font-size: body_size_med}
}

/* app/views/shared/promos/bundle_promo/lightbox.css @ 1524604435 */
.autogen_class_views_shared_promos_bundle_promo_lightbox {overflow: hidden; box-
shadow: 0 0 4px rgba(0, 0, 0, 0.8); background-color: #FAFBFD; min-width: 588px;
background-clip: padding-box}
.autogen_class_views_shared_promos_bundle_promo_lightbox .wrapper .content
{padding: 0; border-width: 0}
.autogen_class_views_shared_promos_bundle_promo_lightbox .close_button {z-index: 1}
.autogen_class_views_shared_promos_bundle_promo_lightbox .close_button .icon-close
{color: #1C263D}
.autogen_class_views_shared_promos_bundle_promo_lightbox .close_button .icon-
ic_close_small {color: white}
.autogen_class_views_shared_promos_bundle_promo_lightbox .inline_flash {z-index: 2}
@media (max-width: 565px) {.autogen_class_views_shared_promos_bundle_promo_lightbox
.wrapper {width: 100vw; margin: auto}
}

/* app/views/shared/promos/bundle_promo/module.css @ 1524604435 */
.autogen_class_views_shared_promos_bundle_promo_module {color: #1C263D; margin: 0
auto; min-width: 602px; padding: 0; position: relative}
.autogen_class_views_shared_promos_bundle_promo_module.dismissed {display: none}
.autogen_class_views_shared_promos_bundle_promo_module .icon-close {cursor:
pointer; position: absolute; right: 15px; top: 15px; color: white}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
{height: 100%; margin: 0 auto; width: 100%; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction:
normal; -ms-flex-direction: column; flex-direction: column}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-
box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-
content: center}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .header {border: none; text-align: center; background-color:
#00293f; height: 216px; overflow: hidden}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .header img {height: 100%}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .copy_container {font-size: 18px; margin-top: 20px}
@media (max-width: 550px) {.responsive
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .copy_container {font-size: 16px}
}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .copy_container .title {font-size: 32px; font-weight: bold; color:
#00293f; margin: 10px; text-align: center}
@media (max-width: 550px) {.responsive
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .copy_container .title {font-size: 24px}
}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .copy_container a {color: inherit; text-decoration: underline}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .copy_container a:hover {color: #509ba8}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .copy_container .description {font-size: 18px; color: #00293f;
margin: 0px; margin-top: 10px; padding: 0px 30px; font-weight: normal}
@media (max-width: 550px) {.responsive
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.content_inner .copy_container .description {font-size: 16px}
}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content .get-
started {width: 175px; margin: 20px auto 30px auto}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.bundles {height: 200px; width: 100%; display: -webkit-box; display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-
flex-direction: row; flex-direction: row; margin: auto; -ms-flex-pack: distribute;
justify-content: space-around}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.bundle {width: 174px; text-align: center}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.bundle .name {font-size: 20px; font-weight: 600; color: #1C263D; margin: 10px}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content
.bundle .desc {font-size: 14px; color: #57617A; line-height: 1.3; padding: 0px 2px}
.autogen_class_views_shared_promos_bundle_promo_module .bundle_promo_content .get-
started {width: 175px; margin: 10px auto 40px auto}
.autogen_class_views_shared_promos_bundle_promo_module.lightbox {background-image:
none; background-color: transparent; min-width: 100%; height: auto}
.autogen_class_views_shared_promos_bundle_promo_module.lightbox .icon-close
{display: none}
.autogen_class_views_shared_promos_bundle_promo_module.lightbox .copy_container
.title {padding: 0}

/* app/views/shared/promos/nyt_student_promo/promo_module.css @ 1524604435 */
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo {width: 100%; min-height: 262px; position: relative; margin-top:
25px; background-color: #87064b}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo .close_btn {color: white; z-index: 4; position: absolute; font-
weight: bold; right: 10px; top: 10px; cursor: pointer}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo .banner_copy {padding: 32px; display: -webkit-box; display: -ms-
flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction:
normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; position:
relative; margin: auto}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo .banner_copy h2,
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo .banner_copy span {color: white}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo .banner_copy .heading {margin: 0px auto}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo .banner_copy .heading.mobile {display: none}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo .banner_copy .sub_heading {margin: 20px auto}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo .get_started_btn {margin: 0px auto; width: 250px}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo .under_cta {font-size: 12px; text-align: center; font-weight:
bold; padding-top: 5px; color: #57617A}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo.closed {display: none}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo.discover_module_promo {margin-top: 0}
@media (max-width: 1024px)
{.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo.discover_module_promo {height: initial}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo.discover_module_promo .close_btn {right: 32px; top: 16px}
}
@media (max-width: 700px)
{.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo.discover_module_promo .nyt_student_promo .banner_copy {padding:
24px; max-width: 300px}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo.discover_module_promo .nyt_student_promo .banner_copy .heading
{font-size: 24px}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo.discover_module_promo .nyt_student_promo .banner_copy
.heading.mobile {display: block}
.autogen_class_views_shared_promos_nyt_student_promo_promo_module
.nyt_student_promo.discover_module_promo .nyt_student_promo .banner_copy
.heading.web {display: none}
}

/* app/views/unlimited_promo/lightbox.css @ 1524604435 */
.autogen_class_views_unlimited_promo_lightbox {box-shadow: 0 0 4px rgba(0, 0, 0,
0.4); min-width: 600px}
@media (max-width: 700px) {.autogen_class_views_unlimited_promo_lightbox .wrapper
{width: 100vw; max-width: 100%; margin: auto}
}
.autogen_class_views_unlimited_promo_lightbox .wrapper .content {padding: 0px;
border-width: 0}
.autogen_class_views_unlimited_promo_lightbox .wrapper .unlimited_promo_container
{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: end;
-ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-
box-direction: normal; -ms-flex-direction: column; flex-direction: column; height:
100%; margin: 0 auto; position: relative; padding: 0px}
@media (max-width: 700px) {.autogen_class_views_unlimited_promo_lightbox
.wrapper .unlimited_promo_container {width: auto; width: 100vw; max-width: 100%}
}
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .img_container {height: 200px; width: 100%; overflow:
hidden}
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .header_img {height: auto; width: 100%; z-index: 9}
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .content_inner {width: 100%; height: auto; box-sizing:
border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-
orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-
direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-
content: center; -webkit-box-align: left; -ms-flex-align: left; align-items: left;
padding: 28px}
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .content_inner .header {padding: 0; text-align: left;
margin: 0; font-size: 32px; font-weight: bold}
@media (max-width: 550px) {.responsive
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .content_inner .header {font-size: 24px}
}
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .content_inner .subtitle {font-size: 18px; margin: 9px
0px 16px}
@media (max-width: 550px) {.responsive
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .content_inner .subtitle {font-size: 16px}
}
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .content_inner .more_info {font-size: 16px; color:
#57617A}
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .content_inner .more_info a {font-weight: bold; color:
#57617A; text-decoration: underline}
.autogen_class_views_unlimited_promo_lightbox .wrapper
.unlimited_promo_container .content_inner .btn_container {width: 100%; display:
-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top:
23px}

You might also like