@charset "UTF-8";
/* Variables
 */
/*
 * Animation mixin
 */
@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes stateActivityLabelSlide {
  from {
    -webkit-transform: translate3d(0, -0.5em, 0);
    transform: translate3d(0, -0.5em, 0); }
  to {
    -webkit-transform: translate3d(0, -4.5em, 0);
    transform: translate3d(0, -4.5em, 0); } }

@keyframes stateActivityLabelSlide {
  from {
    -webkit-transform: translate3d(0, -0.5em, 0);
    transform: translate3d(0, -0.5em, 0); }
  to {
    -webkit-transform: translate3d(0, -4.5em, 0);
    transform: translate3d(0, -4.5em, 0); } }

@-webkit-keyframes stateActivitySpinnerSlide {
  from {
    -webkit-transform: translate3d(0, 2.25em, 0);
    transform: translate3d(0, 2.25em, 0); }
  to {
    -webkit-transform: translate3d(0, -0.75em, 0);
    transform: translate3d(0, -0.75em, 0); } }

@keyframes stateActivitySpinnerSlide {
  from {
    -webkit-transform: translate3d(0, 2.25em, 0);
    transform: translate3d(0, 2.25em, 0); }
  to {
    -webkit-transform: translate3d(0, -0.75em, 0);
    transform: translate3d(0, -0.75em, 0); } }

@-webkit-keyframes stateResetLabelSlide {
  from {
    -webkit-transform: translate3d(0, -4.5em, 0);
    transform: translate3d(0, -4.5em, 0); }
  to {
    -webkit-transform: translate3d(0, -0.5em, 0);
    transform: translate3d(0, -0.5em, 0); } }

@keyframes stateResetLabelSlide {
  from {
    -webkit-transform: translate3d(0, -4.5em, 0);
    transform: translate3d(0, -4.5em, 0); }
  to {
    -webkit-transform: translate3d(0, -0.5em, 0);
    transform: translate3d(0, -0.5em, 0); } }

@-webkit-keyframes stateResetSpinnerSlide {
  from {
    -webkit-transform: translate3d(0, -0.75em, 0);
    transform: translate3d(0, -0.75em, 0); }
  to {
    -webkit-transform: translate3d(0, 2.25em, 0);
    transform: translate3d(0, 2.25em, 0); } }

@keyframes stateResetSpinnerSlide {
  from {
    -webkit-transform: translate3d(0, -0.75em, 0);
    transform: translate3d(0, -0.75em, 0); }
  to {
    -webkit-transform: translate3d(0, 2.25em, 0);
    transform: translate3d(0, 2.25em, 0); } }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

/* TODO: Legacy Firefox implementation treats all flex containers as inline-block elements. */
/* @-moz-document url-prefix() {
  width: 100%;
} */
/*
 * Grid
 */
/********************************************************
 * MEDIA QUERIES
 ******************************************************** */
/* Typography
 */
/*
 * Mixin to emulate a 100vh, which is not supported in iOS 7.
 * @param $vh {NumberUnit} the vh unit as a number from 0 - 100
 * @param $bottomOffset {NumberUnit} offset that is subtracted
 * @usage:
 *   @include vh(100, 150px)
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.62em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*, *::after, *::before {
  box-sizing: border-box; }

body {
  width: 100%;
  min-height: 1px;
  margin: 0;
  position: relative;
  font-size: 18px;
  font-family: OyEsta, EstaPro, Georgia, serif;
  background-color: white;
  color: #42444c;
  line-height: 1.5em;
  -webkit-font-feature-settings: "kern", "liga", "case";
  -moz-font-feature-settings: "kern=1", "liga=1", "case=1";
  -moz-font-feature-settings: "kern", "liga", "case";
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size-adjust: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body:before,
  body:after {
    display: table;
    content: ""; }
  body:after {
    clear: both; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  position: relative; }

a[href],
input[type='submit'],
input[type='image'],
label[for],
select,
button {
  cursor: pointer; }

i {
  font-style: normal; }

b,
strong {
  font-family: inherit;
  letter-spacing: 0; }

img {
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
  image-rendering: optimizeQuality;
  display: block; }

sup {
  font-size: 60%;
  margin-left: 1px;
  margin-right: 1px;
  top: -0.4em; }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  vertical-align: text-top;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
  background-size: 100% 100%; }

.icon-loader-aqua {
  width: 28px;
  height: 28px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: spinner 1.2s linear infinite;
  animation: spinner 1.2s linear infinite;
  background-image: url("../images/loader-aqua.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
    .icon-loader-aqua {
      background-image: url("../images/loader-aqua@2x.png"); } }

[data-grid-row] {
  width: 100%;
  min-height: 1px;
  margin: 0; }
  [data-grid-row]:before,
  [data-grid-row]:after {
    display: table;
    content: ""; }
  [data-grid-row]:after {
    clear: both; }

::-moz-selection {
  background: #f4ecd8; }

::selection {
  background: #f4ecd8; }

[data-type="headersmall-fixed"] {
  font-size: 12px;
  line-height: 12px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
  font-weight: 600; }

[data-type="headersmall"] {
  font-size: 12px;
  line-height: 12px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }

[data-type="headermedium-fixed"] {
  font-size: 14px;
  line-height: 14px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }

[data-type="headermedium"] {
  font-size: 14px;
  line-height: 14px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }

[data-type="sanssmall-fixed"] {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }

[data-type="sanssmall"] {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }

[data-type="sansmedium-fixed"] {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.1px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }

[data-type="sansmedium"] {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.1px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }
  @media (max-width: 600px) {
    [data-type="sansmedium"] {
      font-size: 14px;
      line-height: 20px; } }

[data-type="sanslarge-fixed"] {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.2px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }

[data-type="sanslarge"] {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.2px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }
  @media (max-width: 600px) {
    [data-type="sanslarge"] {
      font-size: 16px;
      line-height: 20px; } }

[data-type="sansxlarge"] {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.2px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }
  @media (max-width: 600px) {
    [data-type="sansxlarge"] {
      font-size: 22px;
      line-height: 28px; } }

[data-type="sansxlarge-fixed"] {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.2px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }

[data-type="bodymedium-fixed"] {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.2px; }

[data-type="bodymedium"] {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.2px; }

[data-type="bodylarge-fixed"] {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.2px; }

[data-type="bodylarge"] {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.2px; }
  @media (max-width: 600px) {
    [data-type="bodylarge"] {
      font-size: 18px;
      line-height: 26px; } }

[data-type="heromedium-fixed"] {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.1px; }

[data-type="heromedium"] {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.1px; }
  @media (max-width: 600px) {
    [data-type="heromedium"] {
      font-size: 26px;
      line-height: 32px; } }

[data-type="herolarge-fixed"] {
  font-size: 44px;
  line-height: 46px;
  letter-spacing: 0.3px; }

[data-type="herolarge"] {
  font-size: 44px;
  line-height: 46px;
  letter-spacing: 0.3px; }
  @media (max-width: 600px) {
    [data-type="herolarge"] {
      font-size: 36px;
      line-height: 36px; } }

[data-type="althero"] {
  font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
  font-size: 30px;
  line-height: 33px;
  letter-spacing: 0; }
  @media (max-width: 600px) {
    [data-type="althero"] {
      font-size: 26px;
      line-height: 32px; } }

[data-type="althero-fixed"] {
  font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
  font-size: 30px;
  line-height: 33px;
  letter-spacing: 0; }

[data-type="altherolarge"] {
  font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 0; }
  @media (max-width: 600px) {
    [data-type="altherolarge"] {
      font-size: 36px;
      line-height: 36px; } }

[data-type="altherolarge-fixed"] {
  font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 0; }

[data-type="review-bodysmall"] {
  font-size: 12px;
  line-height: 14px;
  font-family: OyEsta, EstaPro, Georgia, serif; }

[data-type="review-bodymedium"] {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.2px; }

[data-type="review-bodylarge"] {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.2px; }
  @media (max-width: 600px) {
    [data-type="review-bodylarge"] {
      font-size: 18px;
      line-height: 26px; } }

[data-type="review-headermedium"] {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: OySackerGothic, OyAkkurat, Akkurat Pro, Arial, sans-serif; }

[data-type="review-herohuge"] {
  font-size: 55px;
  line-height: 50px;
  letter-spacing: 0;
  font-family: OyNyte, OyEsta, EstaPro, Georgia, serif; }
  @media (max-width: 600px) {
    [data-type="review-herohuge"] {
      font-size: 40px;
      line-height: 45px; } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeInLeft {
  from {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fadeInRight {
  from {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes grow {
  from {
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes grow {
  from {
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes shrink {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes shrink {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(0);
    transform: scale(0); } }

/* No files to import found in styles//shared//* */
.AdditionalFeatures {
  color: black;
  overflow: hidden; }
  .AdditionalFeatures-inner {
    margin-top: 60px;
    margin-bottom: 60px; }
    @media (max-width: 600px) {
      .AdditionalFeatures-inner {
        margin-top: 20px;
        margin-bottom: 20px; } }
  .AdditionalFeatures-item {
    display: inline-block;
    width: 400px;
    text-align: left;
    vertical-align: top; }
    @media (max-width: 400px) {
      .AdditionalFeatures-item {
        width: inherit; } }
    .AdditionalFeatures-item-content {
      padding: 0 20px; }
  .AdditionalFeatures-title {
    font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
    font-weight: bold; }
    .AdditionalFeatures-title-inner {
      max-width: 1000px;
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0;
      position: relative;
      min-height: 1px;
      float: none; }
      .AdditionalFeatures-title-inner:before,
      .AdditionalFeatures-title-inner:after {
        display: table;
        content: ""; }
      .AdditionalFeatures-title-inner:after {
        clear: both; }
    .AdditionalFeatures-title-content {
      padding-left: 10px;
      padding-right: 10px; }
  .AdditionalFeatures-content {
    text-align: center; }
  .AdditionalFeatures-item-heading,
  .AdditionalFeatures-item-paragraph {
    display: block; }
  .AdditionalFeatures-item-heading {
    font-weight: bold;
    margin-bottom: 10px; }

.AnnouncementMessageBar {
  position: relative;
  color: #134ac0; }
  .AnnouncementMessageBar-inner {
    max-width: 800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    text-align: center; }
    .AnnouncementMessageBar-inner:before,
    .AnnouncementMessageBar-inner:after {
      display: table;
      content: ""; }
    .AnnouncementMessageBar-inner:after {
      clear: both; }
  .AnnouncementMessageBar-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #134ac0; }
  .AnnouncementMessageBar-content {
    padding-left: 10px;
    padding-right: 10px; }
  .AnnouncementMessageBar-message-context,
  .AnnouncementMessageBar-message-action {
    display: inline-block;
    padding: 0 5px; }
  .AnnouncementMessageBar-message-action {
    font-weight: bold; }

.Bookcover {
  position: relative;
  background-color: white;
  overflow: hidden;
  margin: 0;
  padding: 0; }
  .Bookcover[data-size="small"] {
    width: 88px;
    height: 128px;
    box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.1), 0 5px 1.5px 2.5px rgba(0, 0, 0, 0.02), 0 5px 6px 1px rgba(0, 0, 0, 0.25); }
  .Bookcover[data-size="medium"] {
    width: 134px;
    height: 195px;
    box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.1), 0 5px 1.5px 2.5px rgba(0, 0, 0, 0.02), 0 5px 6px 1px rgba(0, 0, 0, 0.25); }
    .Bookcover[data-size="medium"] [data-stylehook="Logo"] {
      width: 65px;
      height: 65px;
      fill: #eff0f6; }
  .Bookcover[data-size="large"] {
    width: 220px;
    height: 320px;
    box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1), 0 11px 3px 5px rgba(0, 0, 0, 0.02), 0 9px 12px 2px rgba(0, 0, 0, 0.4); }
    .Bookcover[data-size="large"] [data-stylehook="Logo"] {
      width: 110px;
      height: 110px;
      fill: #eff0f6; }
  .Bookcover-coverImg {
    width: 102%;
    height: 102%;
    vertical-align: top;
    font-size: 0;
    position: relative;
    z-index: 1;
    transition: opacity 0.12s ease; }
  .Bookcover-expiring {
    background: #f73d47;
    background: linear-gradient(to bottom, rgba(247, 61, 71, 0) 80%, rgba(247, 61, 71, 0.7) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }
    .Bookcover-expiring > span {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 5px;
      color: white;
      text-align: center; }
  .Bookcover-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .Bookcover-default {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .Bookcover-default-title,
    .Bookcover-default-author {
      margin: 5px 0;
      color: #ccd0d8;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 80%;
      overflow: hidden;
      text-align: center; }
  .Bookcover-texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: white;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 40%); }
    .Bookcover-texture::before,
    .Bookcover-texture::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .Bookcover-texture::before {
      background: black;
      background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, transparent 10%); }
    .Bookcover-texture::after {
      background: black;
      background: linear-gradient(to right, transparent 80%, rgba(0, 0, 0, 0.05) 100%); }
  .Bookcover-playWrapper {
    position: relative;
    text-align: center; }
    .Bookcover-playWrapper[data-show-startreading="true"]::before {
      content: 'Start Reading';
      position: absolute;
      border-radius: 10px;
      background-color: #282828;
      color: white;
      z-index: 2;
      padding: 10px 15px;
      top: -44px;
      width: 140px;
      left: calc(50% - 70px); }
    .Bookcover-playWrapper[data-show-startreading="true"]::after {
      content: '';
      position: absolute;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      width: 15px;
      height: 15px;
      background-color: #282828;
      z-index: 2;
      top: -12px;
      left: calc(50% - 7.5px); }
  .Bookcover [data-stylehook="BookcoverPlayIcon"] {
    position: relative;
    z-index: 1;
    width: 66%;
    height: auto; }
  .Bookcover .UnlimitedBannerIcon {
    width: calc(30% + 12px);
    height: calc(20% + 12px);
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 2; }

.Carousel {
  overflow: hidden; }
  .Carousel[data-carouseltype="DefaultWithLoader"] .CarouselArrow,
  .Carousel[data-carouseltype="Default"] .CarouselArrow,
  .Carousel[data-carouseltype="WithImage"] .CarouselArrow,
  .Carousel[data-carouseltype="SimilarTo"] .CarouselArrow {
    top: calc(50% - 45px); }
  .Carousel .CarouselArrow {
    top: calc(50% - 45px); }
  .Carousel-content {
    position: relative; }
  .Carousel-header-inner {
    width: calc(100% - 148px);
    margin-left: auto;
    margin-right: auto; }
  .Carousel-header-content {
    text-align: left; }
  .Carousel-header-title {
    margin-top: 5px;
    margin-bottom: 5px; }
    .Carousel-header-title-text {
      margin: 0 0 10px; }
      .Carousel-header-title-text a {
        color: #134ac0;
        text-decoration: none; }
  .Carousel-header-titleContext-text {
    margin-bottom: 4px;
    color: #92949c;
    letter-spacing: 1px; }
  .Carousel-header-description {
    margin-top: 5px;
    margin-bottom: 5px; }
    .Carousel-header-description-text {
      margin: 0 0 10px; }
  .Carousel-header-link {
    text-decoration: none;
    color: #134ac0;
    font-style: italic; }
  .Carousel-footer-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .Carousel-footer-link {
    text-decoration: none;
    color: #134ac0; }
    .Carousel-footer-link-text {
      margin: 0; }
  .Carousel-footer-description-text {
    margin: 0 0 10px; }
  .Carousel[data-is-touch="true"] .CarouselBody-controls {
    display: none; }
  .Carousel[data-is-touch="true"] .CarouselList {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px; }
  .Carousel[data-is-touch="true"] .Carousel-header-inner {
    width: 100%; }
  .Carousel[data-is-touch="true"] .Carousel-header-content {
    padding-left: 14px;
    padding-right: 14px; }
  .Carousel[data-is-touch="false"] .CarouselList {
    overflow-x: hidden; }

.CarouselBody {
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .CarouselBody-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .CarouselBody-controls-content {
      padding-left: 10px;
      padding-right: 10px; }
    .CarouselBody-controls-control {
      position: absolute;
      z-index: 3; }
      .CarouselBody-controls-control:hover > .CarouselArrow {
        opacity: 1; }
      .CarouselBody-controls-control > .CarouselArrow {
        position: absolute;
        width: 32px;
        height: 32px;
        opacity: 0.8; }
  .CarouselBody-scrollCover {
    background-color: white;
    position: absolute;
    left: 70px;
    right: 70px;
    bottom: 0;
    height: 20px; }
  .CarouselBody-controls-control[data-scroll-direction="left"],
  .CarouselBody-controls-control[data-scroll-direction="right"] {
    cursor: pointer;
    top: 0;
    bottom: 0;
    width: 70px;
    z-index: 20;
    opacity: 1; }
    .CarouselBody-controls-control[data-scroll-direction="left"]:hover,
    .CarouselBody-controls-control[data-scroll-direction="right"]:hover {
      opacity: 0.5; }
  .CarouselBody-controls-control[data-scroll-direction="left"] {
    left: 0; }
    .CarouselBody-controls-control[data-scroll-direction="left"] > .CarouselArrow {
      left: 1em;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .CarouselBody-controls-control[data-scroll-direction="right"] {
    right: 0; }
    .CarouselBody-controls-control[data-scroll-direction="right"] > .CarouselArrow {
      right: 1em; }
  .CarouselBody-loading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .CarouselBody-loading .Spinner {
      position: absolute;
      top: 50%;
      left: calc(50% - 10px);
      margin-left: 0;
      margin-top: 5px; }

.CarouselList {
  white-space: nowrap;
  padding-top: 5px;
  padding-bottom: 20px;
  position: relative;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  margin-left: 70px;
  margin-right: 70px; }
  .CarouselList-empty {
    color: #ccd0d8;
    text-align: center;
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
    margin: 20px 0 40px; }
    .CarouselList-empty > a {
      color: #ccd0d8; }
  .CarouselList-item {
    position: relative;
    z-index: 10;
    display: inline-block;
    vertical-align: top; }
    .CarouselList-item:first-child {
      margin-left: 5px; }
    .CarouselList-item:last-child {
      margin-right: 5px; }

.DevicesTestimonial-content {
  position: relative; }

.DevicesTestimonial-background {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  height: 250px;
  background-color: #eff0f6; }

.DevicesTestimonial-foreground-inner {
  max-width: 720px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .DevicesTestimonial-foreground-inner:before,
  .DevicesTestimonial-foreground-inner:after {
    display: table;
    content: ""; }
  .DevicesTestimonial-foreground-inner:after {
    clear: both; }

.DevicesTestimonial-foreground-content {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 460px) {
    .DevicesTestimonial-foreground-content {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }

.DevicesTestimonial-devices {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.DevicesTestimonial-image {
  position: relative;
  width: 235px;
  height: auto; }

.DevicesTestimonial-quote {
  text-align: center;
  color: #92949c;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 460px) {
    .DevicesTestimonial-quote {
      text-align: left;
      padding: 20px 0 20px 30px; } }
  .DevicesTestimonial-quote-text {
    margin-top: 0;
    margin-bottom: 20px; }
  .DevicesTestimonial-quote-image {
    display: inline-block;
    width: 50px;
    height: 50px; }

.FBButton {
  background-color: #3b5998;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: white;
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 0;
  height: 40px;
  border-radius: 20px;
  border: none;
  -webkit-font-smoothing: antialiased; }
  .FBButton:hover {
    background-color: #476cba; }
  .FBButton-text {
    display: inline-block;
    margin-left: 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-weight: bold; }
  .FBButton [data-stylehook="FBIcon"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    fill: white;
    position: relative;
    top: 3px; }

.FBSessionUserCreateForm-submit-content {
  padding-left: 10px;
  padding-right: 10px; }

.FBSessionUserCreateForm-submit button {
  width: 100%;
  max-width: 280px; }

.FBUserCreateForm {
  text-align: center; }
  .FBUserCreateForm-noPost {
    color: #92949c; }

.Footer {
  position: relative;
  background-color: #0d1726;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
  color: white; }
  .Footer a {
    color: currentColor;
    text-decoration: none;
    opacity: 0.7; }
    .Footer a:hover {
      opacity: 1; }
  .Footer-inner {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .Footer-inner:before,
    .Footer-inner:after {
      display: table;
      content: ""; }
    .Footer-inner:after {
      clear: both; }
  .Footer-content {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 30px; }
  .Footer-nav {
    padding-right: 100px;
    border-bottom: 1px solid #162640; }
    @media (max-width: 800px) {
      .Footer-nav {
        padding-right: 0; } }
    .Footer-nav-item {
      display: inline-block;
      width: 20%;
      vertical-align: top;
      padding-bottom: 20px; }
      @media (max-width: 800px) {
        .Footer-nav-item {
          width: 48%;
          text-align: center; } }
      .Footer-nav-item-title {
        margin-bottom: 5px;
        font-weight: bold;
        color: #92949c; }
      .Footer-nav-item-subitem {
        display: block; }
        .Footer-nav-item-subitem > a {
          display: block;
          padding: 5px 0; }
  .Footer-social {
    position: absolute;
    right: 0;
    top: 5px;
    color: white;
    text-align: right; }
    @media (max-width: 800px) {
      .Footer-social {
        position: static;
        text-align: center;
        max-width: none;
        padding: 10px 0; } }
    .Footer-social-list {
      white-space: nowrap; }
    .Footer-social-item {
      display: inline-block; }
      .Footer-social-item > a {
        padding: 3.33px; }
  .Footer-addendum-content {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #ccd0d8; }
    .Footer-addendum-content > p {
      margin: 0; }
  .Footer-addendum-item {
    display: inline-block;
    margin-bottom: 3px; }
    .Footer-addendum-item::after {
      content: '\00A0\00B7'; }
    .Footer-addendum-item::before {
      content: '\00A0'; }
    .Footer-addendum-item:last-child::after {
      content: ''; }
    .Footer-addendum-item > a {
      color: #ccd0d8;
      padding: 5px 0; }

.FormBooleanField[data-has-error="true"] .WidgetCheckboxInput-textColumn {
  border-left: 1px solid #f73d47; }

.FormBooleanField[data-has-error="false"] .WidgetCheckboxInput-textColumn {
  border-left: 1px solid transparent; }

.FormCharField {
  padding-left: 10px;
  padding-right: 10px; }
  .FormCharField[data-has-error="true"] {
    color: #f73d47; }
    .FormCharField[data-has-error="true"] .WidgetTextInput > input:focus,
    .FormCharField[data-has-error="true"] .WidgetPasswordInput > input:focus,
    .FormCharField[data-has-error="true"] .WidgetEmailInput > input:focus,
    .FormCharField[data-has-error="true"] .WidgetCCNumber > input:focus,
    .FormCharField[data-has-error="true"] .WidgetCCCVC > input:focus {
      color: currentColor;
      border-color: currentColor; }
      .FormCharField[data-has-error="true"] .WidgetTextInput > input:focus + label,
      .FormCharField[data-has-error="true"] .WidgetPasswordInput > input:focus + label,
      .FormCharField[data-has-error="true"] .WidgetEmailInput > input:focus + label,
      .FormCharField[data-has-error="true"] .WidgetCCNumber > input:focus + label,
      .FormCharField[data-has-error="true"] .WidgetCCCVC > input:focus + label {
        color: currentColor; }
    .FormCharField[data-has-error="true"] .ORWidgetEmailInput {
      border: 1px solid #f73d47;
      border-radius: 5px;
      color: #282828; }
  .FormCharField[data-has-error="false"] {
    color: #42444c; }
    .FormCharField[data-has-error="false"] .WidgetTextInput > input,
    .FormCharField[data-has-error="false"] .WidgetPasswordInput > input,
    .FormCharField[data-has-error="false"] .WidgetEmailInput > input,
    .FormCharField[data-has-error="false"] .WidgetCCNumber > input,
    .FormCharField[data-has-error="false"] .WidgetCCCVC > input {
      color: #42444c;
      border-color: #ccd0d8; }
      .FormCharField[data-has-error="false"] .WidgetTextInput > input + label,
      .FormCharField[data-has-error="false"] .WidgetPasswordInput > input + label,
      .FormCharField[data-has-error="false"] .WidgetEmailInput > input + label,
      .FormCharField[data-has-error="false"] .WidgetCCNumber > input + label,
      .FormCharField[data-has-error="false"] .WidgetCCCVC > input + label {
        color: #92949c; }
      .FormCharField[data-has-error="false"] .WidgetTextInput > input[disabled],
      .FormCharField[data-has-error="false"] .WidgetPasswordInput > input[disabled],
      .FormCharField[data-has-error="false"] .WidgetEmailInput > input[disabled],
      .FormCharField[data-has-error="false"] .WidgetCCNumber > input[disabled],
      .FormCharField[data-has-error="false"] .WidgetCCCVC > input[disabled] {
        color: #92949c;
        background-color: #eff0f6;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
    .FormCharField[data-has-error="false"] .WidgetTextInput > input:focus,
    .FormCharField[data-has-error="false"] .WidgetPasswordInput > input:focus,
    .FormCharField[data-has-error="false"] .WidgetEmailInput > input:focus,
    .FormCharField[data-has-error="false"] .WidgetCCNumber > input:focus,
    .FormCharField[data-has-error="false"] .WidgetCCCVC > input:focus {
      color: currentColor;
      border-color: currentColor; }
      .FormCharField[data-has-error="false"] .WidgetTextInput > input:focus + label,
      .FormCharField[data-has-error="false"] .WidgetPasswordInput > input:focus + label,
      .FormCharField[data-has-error="false"] .WidgetEmailInput > input:focus + label,
      .FormCharField[data-has-error="false"] .WidgetCCNumber > input:focus + label,
      .FormCharField[data-has-error="false"] .WidgetCCCVC > input:focus + label {
        color: currentColor; }
  .FormCharField input[type="text"]:focus,
  .FormCharField input[type="text"]:active,
  .FormCharField input[type="password"]:focus,
  .FormCharField input[type="password"]:active,
  .FormCharField input[type="email"]:focus,
  .FormCharField input[type="email"]:active,
  .FormCharField input[type="tel"]:focus,
  .FormCharField input[type="tel"]:active,
  .FormCharField textarea:focus,
  .FormCharField textarea:active,
  .FormCharField select:focus,
  .FormCharField select:active {
    outline: none; }

.FormChoiceField {
  padding-left: 10px;
  padding-right: 10px; }
  .FormChoiceField[data-has-error="true"] {
    color: #f73d47; }
    .FormChoiceField[data-has-error="true"] .WidgetSelect > select:focus,
    .FormChoiceField[data-has-error="true"] .WidgetSelect > select:active {
      color: currentColor;
      border-color: currentColor; }
      .FormChoiceField[data-has-error="true"] .WidgetSelect > select:focus + label,
      .FormChoiceField[data-has-error="true"] .WidgetSelect > select:active + label {
        color: currentColor; }
      .FormChoiceField[data-has-error="true"] .WidgetSelect > select:focus ~ .WidgetSelect-arrow,
      .FormChoiceField[data-has-error="true"] .WidgetSelect > select:active ~ .WidgetSelect-arrow {
        color: currentColor; }
  .FormChoiceField[data-has-error="false"] {
    color: #42444c; }
    .FormChoiceField[data-has-error="false"] .WidgetSelect > select {
      color: #42444c;
      border-color: #ccd0d8; }
      .FormChoiceField[data-has-error="false"] .WidgetSelect > select + label {
        color: #92949c; }
      .FormChoiceField[data-has-error="false"] .WidgetSelect > select ~ .WidgetSelect-arrow {
        color: #92949c; }
    .FormChoiceField[data-has-error="false"] .WidgetSelect > select:focus,
    .FormChoiceField[data-has-error="false"] .WidgetSelect > select:active {
      color: currentColor;
      border-color: currentColor; }
      .FormChoiceField[data-has-error="false"] .WidgetSelect > select:focus + label,
      .FormChoiceField[data-has-error="false"] .WidgetSelect > select:active + label {
        color: currentColor; }
      .FormChoiceField[data-has-error="false"] .WidgetSelect > select:focus ~ .WidgetSelect-arrow,
      .FormChoiceField[data-has-error="false"] .WidgetSelect > select:active ~ .WidgetSelect-arrow {
        color: currentColor; }
  .FormChoiceField select:focus,
  .FormChoiceField select:active {
    outline: none; }

.FormDateField {
  padding-left: 10px;
  padding-right: 10px; }
  .FormDateField[data-has-error="true"] {
    color: #f73d47; }
    .FormDateField[data-has-error="true"] .WidgetCCExpirationDate label {
      color: currentColor; }
    .FormDateField[data-has-error="true"] .WidgetCCExpirationDate[data-is-focused="true"] label {
      color: currentColor; }
    .FormDateField[data-has-error="true"] .WidgetCCExpirationDate select:focus,
    .FormDateField[data-has-error="true"] .WidgetCCExpirationDate select:active {
      color: currentColor;
      border-color: currentColor; }
      .FormDateField[data-has-error="true"] .WidgetCCExpirationDate select:focus > option:disabled,
      .FormDateField[data-has-error="true"] .WidgetCCExpirationDate select:active > option:disabled {
        color: currentColor; }
      .FormDateField[data-has-error="true"] .WidgetCCExpirationDate select:focus-selectWrapper + label,
      .FormDateField[data-has-error="true"] .WidgetCCExpirationDate select:active-selectWrapper + label {
        color: currentColor; }
      .FormDateField[data-has-error="true"] .WidgetCCExpirationDate select:focus ~ .WidgetCCExpirationDate-arrow,
      .FormDateField[data-has-error="true"] .WidgetCCExpirationDate select:active ~ .WidgetCCExpirationDate-arrow {
        color: currentColor; }
  .FormDateField[data-has-error="false"] {
    color: #42444c; }
    .FormDateField[data-has-error="false"] .WidgetCCExpirationDate label {
      color: #92949c; }
    .FormDateField[data-has-error="false"] .WidgetCCExpirationDate[data-is-focused="true"] label {
      color: currentColor; }
    .FormDateField[data-has-error="false"] .WidgetCCExpirationDate select {
      color: #42444c;
      border-color: #ccd0d8; }
      .FormDateField[data-has-error="false"] .WidgetCCExpirationDate select > option:disabled {
        color: #92949c; }
      .FormDateField[data-has-error="false"] .WidgetCCExpirationDate select ~ .WidgetCCExpirationDate-arrow {
        color: #92949c; }
    .FormDateField[data-has-error="false"] .WidgetCCExpirationDate select:focus,
    .FormDateField[data-has-error="false"] .WidgetCCExpirationDate select:active {
      color: currentColor;
      border-color: currentColor; }
      .FormDateField[data-has-error="false"] .WidgetCCExpirationDate select:focus > option:disabled,
      .FormDateField[data-has-error="false"] .WidgetCCExpirationDate select:active > option:disabled {
        color: currentColor; }
      .FormDateField[data-has-error="false"] .WidgetCCExpirationDate select:focus ~ .WidgetCCExpirationDate-arrow,
      .FormDateField[data-has-error="false"] .WidgetCCExpirationDate select:active ~ .WidgetCCExpirationDate-arrow {
        color: currentColor; }
  .FormDateField select:focus,
  .FormDateField select:active {
    outline: none; }

.FormFieldset {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  height: 100%; }

.FreeTrialBanner {
  background-color: #134ac0;
  text-align: center; }
  .FreeTrialBanner-content {
    color: white;
    padding-left: 10px;
    padding-right: 10px; }
    .FreeTrialBanner-content-unlimitedIcon {
      margin-right: 10px;
      position: relative;
      top: 10px; }
      @media (max-width: 900px) {
        .FreeTrialBanner-content-unlimitedIcon {
          display: none; } }
      .FreeTrialBanner-content-unlimitedIcon > svg {
        width: 30px;
        height: 30px; }
        .FreeTrialBanner-content-unlimitedIcon > svg > path {
          fill: #16d4d9; }
    .FreeTrialBanner-content-message {
      margin-right: 100px;
      display: inline-block; }
      @media (max-width: 900px) {
        .FreeTrialBanner-content-message {
          margin: 10px auto; } }
    .FreeTrialBanner-content-cta {
      position: relative; }
      @media (max-width: 900px) {
        .FreeTrialBanner-content-cta {
          display: block;
          margin: 0 auto 10px auto; } }

.LastChargeFailedResubscriptionForm-inner {
  max-width: 500px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin: 10px auto; }
  .LastChargeFailedResubscriptionForm-inner:before,
  .LastChargeFailedResubscriptionForm-inner:after {
    display: table;
    content: ""; }
  .LastChargeFailedResubscriptionForm-inner:after {
    clear: both; }

.LastChargeFailedResubscriptionForm-submit {
  text-align: center; }

.LogoWithBackground {
  border-radius: 50%; }
  .LogoWithBackground .Logo {
    position: relative;
    height: 90%;
    width: 90%;
    left: 5%;
    top: 5%;
    fill: white; }

.LogotypeNav {
  position: absolute;
  height: 80px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1; }
  @media (max-height: 800px) {
    .LogotypeNav {
      height: 60px; } }
  .LogotypeNav-inner {
    max-width: 800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .LogotypeNav-inner:before,
    .LogotypeNav-inner:after {
      display: table;
      content: ""; }
    .LogotypeNav-inner:after {
      clear: both; }
  .LogotypeNav-content {
    padding-top: 10px; }
  .LogotypeNav-home {
    position: absolute;
    text-align: center;
    right: 0;
    left: 0; }
  .LogotypeNav-link {
    text-decoration: none; }
  .LogotypeNav .Logotype {
    height: 50px;
    width: auto;
    display: inline-block;
    fill: white; }
    @media (max-height: 800px) {
      .LogotypeNav .Logotype {
        height: 37.5px; } }

.MinimalFooter {
  color: #ccd0d8; }
  .MinimalFooter-inner {
    max-width: 1220px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-bottom: 20px; }
    .MinimalFooter-inner:before,
    .MinimalFooter-inner:after {
      display: table;
      content: ""; }
    .MinimalFooter-inner:after {
      clear: both; }
  .MinimalFooter-content {
    padding-left: 10px;
    padding-right: 10px; }
  .MinimalFooter-bar {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 1px;
    background-color: #ccd0d8; }
  .MinimalFooter-body {
    max-width: 1080px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px; }
    .MinimalFooter-body:before,
    .MinimalFooter-body:after {
      display: table;
      content: ""; }
    .MinimalFooter-body:after {
      clear: both; }
    .MinimalFooter-body-content {
      padding-left: 10px;
      padding-right: 10px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
  .MinimalFooter-logo {
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px; }
  .MinimalFooter-info {
    padding-left: 20px;
    padding-top: 5px; }
  .MinimalFooter-meta {
    font-weight: bold; }
  .MinimalFooter-meta,
  .MinimalFooter-help {
    display: block;
    margin-bottom: 5px; }
  .MinimalFooter a {
    color: currentColor; }
  .MinimalFooter .Logo {
    width: 60px;
    height: 60px;
    fill: #ccd0d8; }

@-webkit-keyframes shake {
  8%, 41% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); }
  25%, 58% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  75% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); }
  92% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes shake {
  8%, 41% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); }
  25%, 58% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  75% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); }
  92% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.Notice {
  text-align: center; }
  .Notice-content {
    padding-left: 10px;
    padding-right: 10px;
    color: #f73d47;
    -webkit-animation: shake 0.25s linear forwards;
    animation: shake 0.25s linear forwards; }
  .Notice a {
    color: currentColor; }

.OysterUnlimitedPoints {
  text-align: center; }
  .OysterUnlimitedPoints-inner {
    max-width: 1080px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-bottom: 40px; }
    .OysterUnlimitedPoints-inner:before,
    .OysterUnlimitedPoints-inner:after {
      display: table;
      content: ""; }
    .OysterUnlimitedPoints-inner:after {
      clear: both; }
  .OysterUnlimitedPoints-banner {
    width: 100%;
    height: 100px;
    background-color: #162640;
    background-size: auto 100px;
    background-repeat: repeat-x; }
  .OysterUnlimitedPoints-description-inner {
    max-width: 736px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px; }
    .OysterUnlimitedPoints-description-inner:before,
    .OysterUnlimitedPoints-description-inner:after {
      display: table;
      content: ""; }
    .OysterUnlimitedPoints-description-inner:after {
      clear: both; }
  .OysterUnlimitedPoints-description-content {
    padding-left: 10px;
    padding-right: 10px; }
  .OysterUnlimitedPoints-points-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 500px) {
      .OysterUnlimitedPoints-points-list {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .OysterUnlimitedPoints-points-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 20px; }
    .OysterUnlimitedPoints-points-item-title {
      font-weight: bold;
      margin-top: 10px; }
    .OysterUnlimitedPoints-points-item-title,
    .OysterUnlimitedPoints-points-item-subtitle {
      margin: 3px; }
  .OysterUnlimitedPoints .LightbulbOutlineIcon,
  .OysterUnlimitedPoints .PlayOutlineIcon,
  .OysterUnlimitedPoints .BookOutlineIcon {
    width: 70px;
    height: 70px;
    fill: #134ac0; }

.SaveButton {
  display: inline-block;
  height: 40px;
  padding: 0 3em;
  border: 2px solid;
  line-height: 20px;
  border-radius: 20px;
  font-size: 14px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease; }
  .SaveButton:focus {
    outline: none; }
  .SaveButton[data-is-active="true"] {
    color: white; }
  .SaveButton[data-is-active="false"] {
    color: #42444c; }

.AccountSavedCCBar-content {
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.AccountSavedCCBar-cardIcon {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
  .AccountSavedCCBar-cardIcon .CardTypeIcon {
    margin-top: 10px;
    width: 60px;
    height: 40px; }

.AccountSavedCCBar-cardDetails {
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
  padding: 0 10px; }

.AccountSavedCCBar-edit {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
  text-align: right; }
  .AccountSavedCCBar-edit-link {
    color: #42444c;
    text-decoration: underline; }

.SavedCCResubscriptionForm {
  text-align: center; }

.SessionUserCreateForm-inner {
  max-width: 400px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .SessionUserCreateForm-inner:before,
  .SessionUserCreateForm-inner:after {
    display: table;
    content: ""; }
  .SessionUserCreateForm-inner:after {
    clear: both; }

.SessionUserCreateForm-submit {
  margin-top: 20px;
  text-align: center; }
  .SessionUserCreateForm-submit-content {
    padding-left: 10px;
    padding-right: 10px; }
  .SessionUserCreateForm-submit button {
    width: 100%;
    max-width: 280px; }

.SessionUserCreateForm .FormCharField[data-name="email"] {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.SessionUserCreateForm .FormCharField[data-name="password"] {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.Spinner {
  border-radius: 50%;
  pointer-events: none;
  width: 20px;
  height: 20px;
  -webkit-animation: spinner 1.5s infinite linear;
  animation: spinner 1.5s infinite linear;
  background: linear-gradient(to right, #42444c 10%, rgba(66, 68, 76, 0) 42%); }
  .Spinner::before {
    background: #42444c;
    width: 50%;
    height: 50%;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''; }
  .Spinner::after {
    background: #eff0f6;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

.StripeCard .FormDateField {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.StripeCard .FormCharField {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.SubmitButton {
  position: relative;
  overflow: hidden;
  transition: 0.4s cubic-bezier(0.17, 0.89, 0.32, 1.27) all;
  border-radius: 20px;
  cursor: pointer;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  font-weight: bold;
  height: 40px;
  text-decoration: none; }
  .SubmitButton:focus {
    outline: none; }
  .SubmitButton-label {
    position: relative;
    padding-left: 20px;
    padding-right: 20px; }
  .SubmitButton-spinner {
    position: absolute;
    top: 50%;
    left: calc(50% - 10px);
    margin-left: 0;
    margin-top: 5px;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    width: 20px;
    height: 20px;
    -webkit-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear; }
    .SubmitButton-spinner::before {
      width: 50%;
      height: 50%;
      border-radius: 100% 0 0 0;
      position: absolute;
      top: 0;
      left: 0;
      content: ''; }
    .SubmitButton-spinner::after {
      background: white;
      width: 75%;
      height: 75%;
      border-radius: 50%;
      content: '';
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  .SubmitButton[disabled][data-color] {
    background-color: #ccd0d8;
    border-color: #ccd0d8;
    color: white; }
  .SubmitButton[data-is-submitting="true"][data-color] {
    cursor: progress;
    background-color: white; }
    .SubmitButton[data-is-submitting="true"][data-color] .SubmitButton-label {
      opacity: 0; }
    .SubmitButton[data-is-submitting="true"][data-color] .SubmitButton-spinner {
      opacity: 1;
      top: 3px; }

.SubmitButton[data-color="aqua"] {
  border: 2px solid #16d4d9;
  background-color: #16d4d9;
  color: white; }
  .SubmitButton[data-color="aqua"][data-is-submitting="true"] {
    border: 2px solid #16d4d9; }
  .SubmitButton[data-color="aqua"][data-is-submitting="false"]:hover {
    background-color: #00dfe6;
    border-color: #00dfe6; }
  .SubmitButton[data-color="aqua"] .SubmitButton-spinner {
    background: #16d4d9;
    background: linear-gradient(to right, #16d4d9 10%, rgba(22, 212, 217, 0) 42%); }
    .SubmitButton[data-color="aqua"] .SubmitButton-spinner::before {
      background: #16d4d9; }

.SubmitButton[data-color="royal"] {
  border: 2px solid #134ac0;
  background-color: #134ac0;
  color: white; }
  .SubmitButton[data-color="royal"][data-is-submitting="true"] {
    border: 2px solid #134ac0; }
  .SubmitButton[data-color="royal"][data-is-submitting="false"]:hover {
    background-color: #1768c5;
    border-color: #1768c5; }
  .SubmitButton[data-color="royal"] .SubmitButton-spinner {
    background: #134ac0;
    background: linear-gradient(to right, #134ac0 10%, rgba(19, 74, 192, 0) 42%); }
    .SubmitButton[data-color="royal"] .SubmitButton-spinner::before {
      background: #134ac0; }

.SubmitButton[data-color="green"] {
  border: 2px solid #26be6a;
  background-color: #26be6a;
  color: white; }
  .SubmitButton[data-color="green"][data-is-submitting="true"] {
    border: 2px solid #26be6a; }
  .SubmitButton[data-color="green"][data-is-submitting="false"]:hover {
    background-color: #61cf86;
    border-color: #61cf86; }
  .SubmitButton[data-color="green"] .SubmitButton-spinner {
    background: #26be6a;
    background: linear-gradient(to right, #26be6a 10%, rgba(38, 190, 106, 0) 42%); }
    .SubmitButton[data-color="green"] .SubmitButton-spinner::before {
      background: #26be6a; }

.SubmitButton[data-color="orange"] {
  border: 2px solid #f97332;
  background-color: #f97332;
  color: white; }
  .SubmitButton[data-color="orange"][data-is-submitting="true"] {
    border: 2px solid #f97332; }
  .SubmitButton[data-color="orange"][data-is-submitting="false"]:hover {
    background-color: #ff9566;
    border-color: #ff9566; }
  .SubmitButton[data-color="orange"] .SubmitButton-spinner {
    background: #f97332;
    background: linear-gradient(to right, #f97332 10%, rgba(249, 115, 50, 0) 42%); }
    .SubmitButton[data-color="orange"] .SubmitButton-spinner::before {
      background: #f97332; }

.SubmitButton[data-color="dark-hollow"] {
  border: 2px solid #42444c;
  background-color: white;
  color: #42444c; }
  .SubmitButton[data-color="dark-hollow"][data-is-submitting="true"] {
    border: 2px solid #42444c; }
  .SubmitButton[data-color="dark-hollow"][data-is-submitting="false"]:hover {
    border: 2px solid #92949c;
    color: #92949c; }
  .SubmitButton[data-color="dark-hollow"] .SubmitButton-spinner {
    background: #42444c;
    background: linear-gradient(to right, #42444c 10%, rgba(66, 68, 76, 0) 42%); }
    .SubmitButton[data-color="dark-hollow"] .SubmitButton-spinner::before {
      background: #42444c; }

.SubmitButton[data-color="royal-hollow"] {
  border: 2px solid #134ac0;
  background-color: white;
  color: #134ac0; }
  .SubmitButton[data-color="royal-hollow"][data-is-submitting="true"] {
    border: 2px solid #134ac0; }
  .SubmitButton[data-color="royal-hollow"][data-is-submitting="false"]:hover {
    border: 2px solid #1768c5;
    color: #1768c5; }
  .SubmitButton[data-color="royal-hollow"] .SubmitButton-spinner {
    background: #134ac0;
    background: linear-gradient(to right, #134ac0 10%, rgba(19, 74, 192, 0) 42%); }
    .SubmitButton[data-color="royal-hollow"] .SubmitButton-spinner::before {
      background: #134ac0; }

.SubmitButton[data-color="red-hollow"] {
  border: 2px solid #f73d47;
  background-color: white;
  color: #f73d47; }
  .SubmitButton[data-color="red-hollow"][data-is-submitting="true"] {
    border: 2px solid #f73d47; }
  .SubmitButton[data-color="red-hollow"][data-is-submitting="false"]:hover {
    border: 2px solid #ff6168;
    color: #ff6168; }
  .SubmitButton[data-color="red-hollow"] .SubmitButton-spinner {
    background: #f73d47;
    background: linear-gradient(to right, #f73d47 10%, rgba(247, 61, 71, 0) 42%); }
    .SubmitButton[data-color="red-hollow"] .SubmitButton-spinner::before {
      background: #f73d47; }

.SubscriptionCreateForm-submit {
  margin-top: 20px; }

.SubscriptionCreateForm .StripeCard {
  background-color: #eff0f6;
  padding: 10px 20px 0; }

.TruncatedText {
  padding: 0; }
  .TruncatedText-toggle {
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
    color: #92949c;
    cursor: pointer;
    font-size: 11px;
    margin-left: 5px;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .TruncatedText span {
    margin: 0;
    padding: 0; }

.UIButton {
  display: inline-block;
  height: 40px;
  padding: 0 3em;
  border: none;
  line-height: 20px;
  border-radius: 20px;
  font-size: 14px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease; }
  .UIButton:focus {
    outline: none; }
  .UIButton[disabled] {
    opacity: 0.5;
    cursor: auto; }
  .UIButton[data-color="transparent"] {
    border: 2px solid rgba(255, 255, 255, 0.5);
    background-color: transparent;
    color: white; }
    .UIButton[data-color="transparent"]:hover,
    .UIButton[data-color="transparent"]:focus {
      border-color: white; }

.UIButton[data-color="aqua"] {
  border: 2px solid #16d4d9;
  background-color: #16d4d9;
  color: white; }
  .UIButton[data-color="aqua"]:hover,
  .UIButton[data-color="aqua"]:focus {
    background-color: #00dfe6;
    border-color: #00dfe6; }

.UIButton[data-color="royal"] {
  border: 2px solid #134ac0;
  background-color: #134ac0;
  color: white; }
  .UIButton[data-color="royal"]:hover,
  .UIButton[data-color="royal"]:focus {
    background-color: #1768c5;
    border-color: #1768c5; }

.UIButton[data-color="green"] {
  border: 2px solid #26be6a;
  background-color: #26be6a;
  color: white; }
  .UIButton[data-color="green"]:hover,
  .UIButton[data-color="green"]:focus {
    background-color: #61cf86;
    border-color: #61cf86; }

.UIButton[data-color="black"] {
  border: 2px solid #282828;
  background-color: #282828;
  color: white; }
  .UIButton[data-color="black"]:hover,
  .UIButton[data-color="black"]:focus {
    background-color: #42444c;
    border-color: #42444c; }

.UIButton[data-color="orange"] {
  border: 2px solid #f97332;
  background-color: #f97332;
  color: white; }
  .UIButton[data-color="orange"]:hover,
  .UIButton[data-color="orange"]:focus {
    background-color: #ff9566;
    border-color: #ff9566; }

.UIButton[data-color="aqua-hollow"] {
  border: 2px solid #16d4d9;
  background-color: white;
  color: #16d4d9; }
  .UIButton[data-color="aqua-hollow"]:hover,
  .UIButton[data-color="aqua-hollow"]:focus {
    background-color: #16d4d9;
    color: white; }

.UIButton[data-color="dark-hollow"] {
  border: 2px solid #92949c;
  background-color: white;
  color: #92949c; }
  .UIButton[data-color="dark-hollow"]:hover,
  .UIButton[data-color="dark-hollow"]:focus {
    background-color: #92949c;
    color: white; }

.UIButton[data-color="black-hollow"] {
  border: 2px solid #282828;
  background-color: white;
  color: #282828; }
  .UIButton[data-color="black-hollow"]:hover,
  .UIButton[data-color="black-hollow"]:focus {
    background-color: #282828;
    color: white; }

.UIButton[data-color="royal-hollow"] {
  border: 2px solid #134ac0;
  background-color: white;
  color: #134ac0; }
  .UIButton[data-color="royal-hollow"]:hover,
  .UIButton[data-color="royal-hollow"]:focus {
    background-color: #134ac0;
    color: white; }

.UserCreateForm-inner {
  max-width: 400px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .UserCreateForm-inner:before,
  .UserCreateForm-inner:after {
    display: table;
    content: ""; }
  .UserCreateForm-inner:after {
    clear: both; }

.UserCreateForm-submit {
  text-align: center; }

.UserCreateForm .FormCharField[data-name="givenName"] {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 50%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.UserCreateForm .FormCharField[data-name="surname"] {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 50%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.UserCreateForm .FormCharField[data-name="email"] {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.UserCreateForm .FormCharField[data-name="password"] {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.UserUpdateCardForm-inner {
  max-width: 500px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 10px;
  margin-bottom: 10px; }
  .UserUpdateCardForm-inner:before,
  .UserUpdateCardForm-inner:after {
    display: table;
    content: ""; }
  .UserUpdateCardForm-inner:after {
    clear: both; }

.UserUpdateCardForm-content {
  padding-left: 10px;
  padding-right: 10px; }

.UserUpdateCardForm-submit {
  text-align: center; }

.WidgetCCCVC {
  position: relative; }
  .WidgetCCCVC > input {
    width: 100%;
    vertical-align: top;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 13.5px 15px 11.5px;
    background: white;
    border: 1px solid;
    -webkit-font-smoothing: antialiased; }
  .WidgetCCCVC > label {
    text-align: left;
    margin-top: -70px;
    margin-bottom: 70px;
    white-space: nowrap;
    display: block; }
  .WidgetCCCVC [data-stylehook="CardCVCIcon"] {
    position: absolute;
    right: 10px;
    top: 25px;
    width: 60px;
    height: 40px;
    stroke: black; }

.WidgetCCExpirationDate {
  position: relative; }
  .WidgetCCExpirationDate-selectWrapper {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    display: inline-block;
    width: 50%; }
  .WidgetCCExpirationDate-selectMonth,
  .WidgetCCExpirationDate-selectYear {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
    width: 100%;
    vertical-align: top;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 13.5px 15px 11.5px;
    background: white;
    border: 1px solid;
    border-radius: 0;
    -webkit-font-smoothing: antialiased; }
  .WidgetCCExpirationDate-label {
    text-align: left;
    margin-top: -70px;
    margin-bottom: 70px;
    margin-left: 10px;
    white-space: nowrap;
    display: block; }
  .WidgetCCExpirationDate-arrow {
    pointer-events: none;
    position: absolute;
    top: 42.07px;
    right: 25px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7.07px solid; }

.WidgetCCNumber {
  position: relative; }
  .WidgetCCNumber > input {
    width: 100%;
    vertical-align: top;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 13.5px 15px 11.5px;
    background: white;
    border: 1px solid;
    -webkit-font-smoothing: antialiased; }
  .WidgetCCNumber > label {
    text-align: left;
    margin-top: -70px;
    margin-bottom: 70px;
    white-space: nowrap;
    display: block; }
  .WidgetCCNumber [data-stylehook="CardNumberIcon"],
  .WidgetCCNumber [data-stylehook="CardTypeIcon"] {
    position: absolute;
    right: 10px;
    top: 25px;
    width: 60px;
    height: 40px;
    stroke: black; }

.WidgetCheckboxInput {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .WidgetCheckboxInput-inputColumn {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 10%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    margin-top: 2px;
    text-align: center; }
    .WidgetCheckboxInput-inputColumn > input[type="checkbox"] {
      display: none; }
    .WidgetCheckboxInput-inputColumn > input[type="checkbox"] + label {
      display: inline-block;
      position: relative;
      width: 15px;
      height: 15px;
      border: 1px solid currentColor;
      padding: 8px; }
    .WidgetCheckboxInput-inputColumn > input[type="checkbox"]:checked + label::after {
      content: '';
      position: absolute;
      display: block;
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzIgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojNDhDM0NEOyIgZD0iTTExLjQxNSwyOS45MzNjMS43MjItNC4xNjksMTYuMzczLTIzLjg3OCwyMC41NzItMjcuNTY5bC0xLjE0MS0yLjI5OA0KCWMtNS4zMzgsMy4wMjUtMTguNTYyLDE3LjA3OS0yMC41NzQsMjAuNjc2TDMuNDE1LDE1bC0zLjQyOCwzLjQ0NUwxMS40MTUsMjkuOTMzeiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");
      background-repeat: no-repeat;
      top: -5px;
      left: 3px; }
  .WidgetCheckboxInput-textColumn {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 90%;
    -webkit-flex: 9;
    -ms-flex: 9;
    flex: 9;
    cursor: pointer; }

.WidgetEmailInput > input {
  width: 100%;
  vertical-align: top;
  margin-bottom: 0;
  margin-top: 20px;
  padding: 13.5px 15px 11.5px;
  background: white;
  border: 1px solid;
  -webkit-font-smoothing: antialiased; }

.WidgetEmailInput > label {
  text-align: left;
  margin-top: -70px;
  margin-bottom: 65px;
  white-space: nowrap;
  display: block; }

.WidgetPasswordInput > input {
  width: 100%;
  vertical-align: top;
  margin-bottom: 0;
  margin-top: 20px;
  padding: 13.5px 15px 11.5px;
  background: white;
  border: 1px solid;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 3px; }
  .WidgetPasswordInput > input::-webkit-input-placeholder {
    letter-spacing: 0; }
  .WidgetPasswordInput > input::-moz-placeholder {
    letter-spacing: 0; }
  .WidgetPasswordInput > input:-ms-input-placeholder {
    letter-spacing: 0; }
  .WidgetPasswordInput > input::placeholder {
    letter-spacing: 0; }

.WidgetPasswordInput > label {
  text-align: left;
  margin-top: -70px;
  margin-bottom: 65px;
  white-space: nowrap;
  display: block; }

.WidgetRadioInput {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .WidgetRadioInput-inputColumn {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 10%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    margin-top: 2px;
    text-align: center; }
    .WidgetRadioInput-inputColumn > input[type="radio"] {
      display: none; }
    .WidgetRadioInput-inputColumn > input[type="radio"] + label {
      display: inline-block;
      position: relative;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      border: 1px solid currentColor;
      padding: 8px; }
    .WidgetRadioInput-inputColumn > input[type="radio"]:checked + label::after {
      content: '';
      position: absolute;
      display: block;
      width: 17px;
      height: 17px;
      background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzIgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojNDhDM0NEOyIgZD0iTTExLjQxNSwyOS45MzNjMS43MjItNC4xNjksMTYuMzczLTIzLjg3OCwyMC41NzItMjcuNTY5bC0xLjE0MS0yLjI5OA0KCWMtNS4zMzgsMy4wMjUtMTguNTYyLDE3LjA3OS0yMC41NzQsMjAuNjc2TDMuNDE1LDE1bC0zLjQyOCwzLjQ0NUwxMS40MTUsMjkuOTMzeiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");
      background-repeat: no-repeat;
      top: -3px;
      left: 3px; }
  .WidgetRadioInput-textColumn {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 90%;
    -webkit-flex: 9;
    -ms-flex: 9;
    flex: 9;
    cursor: pointer; }

.WidgetSelect {
  position: relative; }
  .WidgetSelect > select {
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
    width: 100%;
    vertical-align: top;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 13.5px 15px 11.5px;
    background: white;
    border: 1px solid; }
  .WidgetSelect > label {
    text-align: left;
    margin-top: -70px;
    margin-bottom: 65px;
    white-space: nowrap;
    display: block; }
  .WidgetSelect-arrow {
    pointer-events: none;
    position: absolute;
    top: 37.07px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7.07px solid; }

.WidgetTextInput > input {
  width: 100%;
  vertical-align: top;
  margin-bottom: 0;
  margin-top: 20px;
  padding: 13.5px 15px 11.5px;
  background: white;
  border: 1px solid;
  -webkit-font-smoothing: antialiased; }
  .WidgetTextInput > input[type="password"] {
    letter-spacing: 3px; }
    .WidgetTextInput > input[type="password"]::-webkit-input-placeholder {
      letter-spacing: 0; }
    .WidgetTextInput > input[type="password"]::-moz-placeholder {
      letter-spacing: 0; }
    .WidgetTextInput > input[type="password"]:-ms-input-placeholder {
      letter-spacing: 0; }
    .WidgetTextInput > input[type="password"]::placeholder {
      letter-spacing: 0; }

.WidgetTextInput > label {
  text-align: left;
  margin-top: -70px;
  margin-bottom: 70px;
  white-space: nowrap;
  display: block; }

.Account-inner {
  max-width: 760px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 30px; }
  .Account-inner:before,
  .Account-inner:after {
    display: table;
    content: ""; }
  .Account-inner:after {
    clear: both; }
  @media (max-width: 600px) {
    .Account-inner {
      margin-top: 0; } }

.Account-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 600px) {
    .Account-content {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.Account-nav {
  min-width: 180px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.Account-main {
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4; }

.Account hr {
  height: 1px;
  background-color: #eff0f6;
  border: none;
  margin: 0; }

.AccountBilling-content {
  padding-left: 10px;
  padding-right: 10px; }

.AccountBilling-important {
  color: #f73d47; }
  .AccountBilling-important a {
    color: currentColor; }

.AccountBilling-title {
  margin-top: 0;
  margin-bottom: 20px; }

.AccountBilling-section {
  margin-top: 20px; }
  .AccountBilling-section-title {
    margin-top: 0;
    margin-bottom: 0; }
  .AccountBilling-section-body {
    border-top: 1px solid #eff0f6;
    border-bottom: 1px solid #eff0f6; }

.AccountBilling-paymentTerms {
  color: #92949c;
  text-decoration: none; }

.AccountBillingSubscribe-inner {
  max-width: 420px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .AccountBillingSubscribe-inner:before,
  .AccountBillingSubscribe-inner:after {
    display: table;
    content: ""; }
  .AccountBillingSubscribe-inner:after {
    clear: both; }

.AccountBillingSubscribe-content {
  text-align: center; }
  .AccountBillingSubscribe-content a {
    color: currentColor; }

.AccountBillingSubscribe [data-stylehook="FilledCircleCheckmarkIcon"] {
  width: 40px;
  height: 40px; }

@media (max-width: 600px) {
  .AccountNav-inner {
    margin-top: 20px;
    margin-bottom: 30px; } }

.AccountNav-content {
  padding-left: 10px;
  padding-right: 10px; }

.AccountNav-title {
  border-bottom: 1px solid #eff0f6;
  margin-top: 7px;
  margin-bottom: 10px; }
  .AccountNav-title > p {
    margin-top: 0;
    margin-bottom: 10px; }
  @media (max-width: 600px) {
    .AccountNav-title {
      display: none; } }

@media (max-width: 600px) {
  .AccountNav-list {
    text-align: center; } }

.AccountNav-item {
  padding: 2.5px 0; }
  @media (max-width: 600px) {
    .AccountNav-item {
      display: inline-block;
      padding: 5px 10px; } }
  .AccountNav-item-link {
    padding: 2.5px 0;
    color: #134ac0;
    text-decoration: none; }
    .AccountNav-item-link._active {
      font-weight: bold; }
  .AccountNav-item-text::after {
    content: ' >'; }
    @media (max-width: 600px) {
      .AccountNav-item-text::after {
        content: ''; } }

.AccountPreordersLineItem {
  border-bottom: 1px solid #eff0f6; }
  .AccountPreordersLineItem-inner {
    margin-top: 20px;
    margin-bottom: 20px; }
  .AccountPreordersLineItem-content {
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .AccountPreordersLineItem-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .AccountPreordersLineItem-bookcover {
    min-width: 100px; }
  .AccountPreordersLineItem-book {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2; }
    .AccountPreordersLineItem-book-link {
      color: currentColor;
      text-decoration: none; }
    .AccountPreordersLineItem-book-title {
      margin: 0;
      font-style: italic; }
    .AccountPreordersLineItem-book-author {
      margin: 0;
      color: #92949c; }
  .AccountPreordersLineItem-preorder {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    max-width: 200px;
    text-align: right; }
  .AccountPreordersLineItem-preorderInfo {
    color: #f97332; }
  .AccountPreordersLineItem-preorderRelease {
    color: #92949c; }

.AccountPurchases-content {
  padding-left: 10px;
  padding-right: 10px; }

.AccountPurchases-title {
  margin-top: 0;
  margin-bottom: 10px; }

.AccountPurchases-toSubscription {
  color: #92949c;
  max-width: 400px; }
  .AccountPurchases-toSubscription a {
    color: currentColor; }

.AccountPurchases-section {
  margin-top: 20px; }
  .AccountPurchases-section-title {
    margin-bottom: 0; }

.AccountPurchasesLineItem {
  border-bottom: 1px solid #eff0f6; }
  .AccountPurchasesLineItem-inner {
    margin-top: 20px;
    margin-bottom: 20px; }
  .AccountPurchasesLineItem-content {
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .AccountPurchasesLineItem-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .AccountPurchasesLineItem-bookcover {
    min-width: 100px; }
  .AccountPurchasesLineItem-book {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2; }
    .AccountPurchasesLineItem-book-link {
      color: currentColor;
      text-decoration: none; }
    .AccountPurchasesLineItem-book-title {
      margin: 0;
      font-style: italic; }
    .AccountPurchasesLineItem-book-author {
      margin: 0;
      color: #92949c; }
  .AccountPurchasesLineItem-price {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    max-width: 180px;
    text-align: right;
    color: #009d63; }

.AccountSubscription-content {
  padding-left: 10px;
  padding-right: 10px; }

.AccountSubscription-title {
  margin-top: 0;
  margin-bottom: 20px; }

.AccountSubscription-section {
  margin-top: 30px; }
  .AccountSubscription-section-title {
    margin-top: 0;
    margin-bottom: 10px; }
  .AccountSubscription-section-body {
    border-top: 1px solid #eff0f6;
    border-bottom: 1px solid #eff0f6; }
  .AccountSubscription-section a {
    color: currentColor; }

.AccountSubscription-sunset {
  color: #f73d47; }

.AccountSubscription-status[data-is-subscribed="true"] {
  color: #26be6a; }

.AccountSubscription-status[data-is-subscribed="false"] {
  color: #f73d47; }

.AccountSubscription-unlimitedLink {
  color: #92949c;
  text-decoration: none; }

.AccountSubscription-action-item {
  display: inline-block;
  margin-right: 20px; }
  .AccountSubscription-action-item > a {
    color: #92949c;
    text-decoration: none; }

.AccountTopNav-inner {
  max-width: 1400px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .AccountTopNav-inner:before,
  .AccountTopNav-inner:after {
    display: table;
    content: ""; }
  .AccountTopNav-inner:after {
    clear: both; }

.AccountTopNav-content {
  padding-left: 10px;
  padding-right: 10px; }

.AccountTopNav-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px; }

.AccountTopNav-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: none; }
  @media (max-width: 600px) {
    .AccountTopNav-title {
      display: block; } }

.AccountTopNav-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px; }
  @media (max-width: 500px) {
    .AccountTopNav-item {
      padding: 0 5px; } }
  @media (max-width: 500px) {
    .AccountTopNav-item_home .AccountTopNav-link-text {
      display: none; } }
  .AccountTopNav-item_home [data-stylehook="HomeIcon"] {
    height: 24px;
    width: 24px;
    display: none;
    fill: #134ac0; }
    @media (max-width: 500px) {
      .AccountTopNav-item_home [data-stylehook="HomeIcon"] {
        display: block; } }

.AccountTopNav-link {
  color: currentColor;
  display: block;
  padding: 10px 5px;
  text-decoration: none; }

.AccountTopNav-profilePhoto {
  height: 36px;
  width: 36px;
  display: inline-block;
  vertical-align: middle; }
  .AccountTopNav-profilePhoto > img {
    height: 100%;
    width: 100%; }

.AccountTopNav-left {
  float: left; }

.AccountTopNav-right {
  float: right; }

.AccountTopNav [data-stylehook="Logotype"] {
  fill: #134ac0; }

.AccountTopNav [data-stylehook="Logotype"] {
  height: 36px;
  width: 108px;
  margin-top: 6px; }
  @media (max-width: 500px) {
    .AccountTopNav [data-stylehook="Logotype"] {
      display: none; } }

.BookDetailsMediumView {
  width: 100%;
  width: 100%;
  min-height: 1px;
  margin: 0; }
  .BookDetailsMediumView:before,
  .BookDetailsMediumView:after {
    display: table;
    content: ""; }
  .BookDetailsMediumView:after {
    clear: both; }
  .BookDetailsMediumView-container {
    max-width: 1200px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    min-width: 800px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .BookDetailsMediumView-container:before,
    .BookDetailsMediumView-container:after {
      display: table;
      content: ""; }
    .BookDetailsMediumView-container:after {
      clear: both; }
    .BookDetailsMediumView-container-column {
      height: 100%;
      padding-bottom: 50px; }
    .BookDetailsMediumView-container-left {
      padding-top: 90px;
      padding-left: 30px;
      -webkit-flex: 0 0 280px;
      -ms-flex: 0 0 280px;
      flex: 0 0 280px;
      text-align: center;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start; }
      .BookDetailsMediumView-container-left > section {
        position: relative;
        margin-bottom: 40px; }
        .BookDetailsMediumView-container-left > section:last-child {
          margin-bottom: 0; }
      .BookDetailsMediumView-container-left-cta {
        padding: 0; }
        .BookDetailsMediumView-container-left-cta .BookDetailsCTA-container > div {
          padding: 20px; }
    .BookDetailsMediumView-container-right {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-left: 45px;
      padding-right: 30px; }
      .BookDetailsMediumView-container-right-info {
        color: white;
        height: 250px;
        padding-bottom: 30px; }
        .BookDetailsMediumView-container-right-info a {
          color: white; }
      .BookDetailsMediumView-container-right-text > section {
        border-top: 1px solid #ccd0d8;
        padding: 30px 0; }
        .BookDetailsMediumView-container-right-text > section:nth-of-type(1) {
          border: 0; }
      .BookDetailsMediumView-container-right-oyster {
        padding: 0 20px; }

.CancelSubscriptionActionContinue .UIButton {
  width: 200px; }

.CancelSubscriptionActionStay .UIButton {
  width: 280px; }

.CancelSubscriptionConfirm-inner {
  max-width: 720px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 50px; }
  .CancelSubscriptionConfirm-inner:before,
  .CancelSubscriptionConfirm-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionConfirm-inner:after {
    clear: both; }

.CancelSubscriptionConfirm-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.CancelSubscriptionConfirm-daysLeft {
  color: #1768c5;
  font-family: OyEsta, EstaPro, Georgia, serif; }

.CancelSubscriptionConfirmForm {
  margin-bottom: 40px; }
  .CancelSubscriptionConfirmForm-actions {
    margin-bottom: 20px; }
  .CancelSubscriptionConfirmForm-stay,
  .CancelSubscriptionConfirmForm-cancel {
    text-align: center;
    margin: 20px 0; }
    .CancelSubscriptionConfirmForm-stay .SubmitButton,
    .CancelSubscriptionConfirmForm-cancel .SubmitButton {
      width: 280px; }

.CancelSubscriptionHeader {
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  position: relative;
  color: white;
  border-bottom: 1em solid #134ac0; }
  @media (max-width: 20em) {
    .CancelSubscriptionHeader {
      background-image: url("https://oyster-web-static.global.ssl.fastly.net/images/cancel-hero-1.jpg"); } }
  @media (min-width: 20em) and (max-width: 35em) {
    .CancelSubscriptionHeader {
      background-image: url("https://oyster-web-static.global.ssl.fastly.net/images/cancel-hero-1@2x.jpg"); } }
  @media (min-width: 35em) and (max-width: 50em) {
    .CancelSubscriptionHeader {
      background-image: url("https://oyster-web-static.global.ssl.fastly.net/images/cancel-hero-1@4x.jpg"); } }
  @media (min-width: 50em) and (max-width: 65em) {
    .CancelSubscriptionHeader {
      background-image: url("https://oyster-web-static.global.ssl.fastly.net/images/cancel-hero-1@8x.jpg"); } }
  @media (min-width: 50em) {
    .CancelSubscriptionHeader {
      background-image: url("https://oyster-web-static.global.ssl.fastly.net/images/cancel-hero-1@8x.jpg"); } }
  .CancelSubscriptionHeader-inner {
    max-width: spanWidth(10);
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 80px;
    margin-bottom: 80px; }
    .CancelSubscriptionHeader-inner:before,
    .CancelSubscriptionHeader-inner:after {
      display: table;
      content: ""; }
    .CancelSubscriptionHeader-inner:after {
      clear: both; }
  .CancelSubscriptionHeader-content {
    float: left;
    display: block;
    min-height: 1px;
    padding-left: 1.11em;
    padding-right: 1.11em;
    width: 100%;
    text-align: center;
    text-align: -webkit-center; }
    .CancelSubscriptionHeader-content > a {
      color: white;
      font-size: 13.5px;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }
  .CancelSubscriptionHeader-logo {
    height: 80px;
    width: 100%; }

@media (max-width: 480px) {
  .CancelSubscriptionInterimActions {
    text-align: center; } }

.CancelSubscriptionInterimActions button {
  margin-right: 20px;
  margin-bottom: 20px; }
  @media (max-width: 480px) {
    .CancelSubscriptionInterimActions button {
      margin-right: 0; } }

.CancelSubscriptionNav {
  position: absolute;
  height: 50px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2; }
  .CancelSubscriptionNav-inner {
    max-width: 1200px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .CancelSubscriptionNav-inner:before,
    .CancelSubscriptionNav-inner:after {
      display: table;
      content: ""; }
    .CancelSubscriptionNav-inner:after {
      clear: both; }
  .CancelSubscriptionNav-content {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6.25px; }
  .CancelSubscriptionNav-help,
  .CancelSubscriptionNav-auth {
    float: right; }
  .CancelSubscriptionNav-help {
    padding-right: 20px; }
  .CancelSubscriptionNav-profilePhoto {
    border-radius: 50%;
    height: 32px;
    line-height: 0;
    margin-top: 4px;
    overflow: hidden;
    vertical-align: middle;
    width: 32px; }
    .CancelSubscriptionNav-profilePhoto > img {
      width: auto;
      height: auto; }
  .CancelSubscriptionNav-link {
    border-color: rgba(255, 255, 255, 0.6);
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;
    text-decoration: none;
    white-space: nowrap; }
    .CancelSubscriptionNav-link > span {
      padding-bottom: 5px;
      vertical-align: bottom; }
    .CancelSubscriptionNav-link:hover > span {
      border-bottom: 1px solid; }

.CancelSubscriptionReason {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  padding: 20px; }
  .CancelSubscriptionReason > input {
    margin-right: 10px;
    cursor: pointer; }

.CancelSubscriptionReasonAudiobooks-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .CancelSubscriptionReasonAudiobooks-inner:before,
  .CancelSubscriptionReasonAudiobooks-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasonAudiobooks-inner:after {
    clear: both; }

.CancelSubscriptionReasonAudiobooks-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.CancelSubscriptionReasonAudiobooks-title {
  color: #134ac0; }

.CancelSubscriptionReasonAudiobooks .CancelSubscriptionInterimActions {
  padding: 40px 0; }

.CancelSubscriptionReasonTechnicalProblem-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .CancelSubscriptionReasonTechnicalProblem-inner:before,
  .CancelSubscriptionReasonTechnicalProblem-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasonTechnicalProblem-inner:after {
    clear: both; }

.CancelSubscriptionReasonTechnicalProblem-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.CancelSubscriptionReasonTechnicalProblem-title {
  color: #134ac0; }

.CancelSubscriptionReasonTechnicalProblem .CancelSubscriptionInterimActions {
  padding: 40px 0; }

.CancelSubscriptionReasonDevice-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .CancelSubscriptionReasonDevice-inner:before,
  .CancelSubscriptionReasonDevice-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasonDevice-inner:after {
    clear: both; }

.CancelSubscriptionReasonDevice-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.CancelSubscriptionReasonDevice-title {
  color: #134ac0; }

.CancelSubscriptionReasonDevice-whereYouCanRead {
  margin-bottom: 30px; }
  .CancelSubscriptionReasonDevice-whereYouCanRead > img {
    height: 180px;
    float: left; }
    @media (max-width: 480px) {
      .CancelSubscriptionReasonDevice-whereYouCanRead > img {
        float: none;
        margin: auto; } }
  .CancelSubscriptionReasonDevice-whereYouCanRead-list {
    height: 180px;
    text-align: left;
    padding-left: 2em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none; }
    @media (max-width: 480px) {
      .CancelSubscriptionReasonDevice-whereYouCanRead-list {
        text-align: center; } }
    .CancelSubscriptionReasonDevice-whereYouCanRead-list > li {
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .CancelSubscriptionReasonDevice-whereYouCanRead-list > li:before {
        content: "\2713";
        position: absolute;
        margin-left: -1.1em; }

.CancelSubscriptionReasonFeatures-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .CancelSubscriptionReasonFeatures-inner:before,
  .CancelSubscriptionReasonFeatures-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasonFeatures-inner:after {
    clear: both; }

.CancelSubscriptionReasonFeatures-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.CancelSubscriptionReasonFeatures-title {
  color: #134ac0; }

.CancelSubscriptionReasonFeatures-sections {
  margin-bottom: 30px; }

.CancelSubscriptionReasonFeatures-section:before {
  content: "\2014";
  display: block;
  color: #92949c; }

.CancelSubscriptionReasonFeatures-section img {
  width: 100%; }

.CancelSubscriptionReasonFeatures .CancelSubscriptionInterimActions {
  padding: 40px 0; }

.CancelSubscriptionReasonFindBooks-inner {
  max-width: 1000px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .CancelSubscriptionReasonFindBooks-inner:before,
  .CancelSubscriptionReasonFindBooks-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasonFindBooks-inner:after {
    clear: both; }

.CancelSubscriptionReasonFindBooks-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }
  .CancelSubscriptionReasonFindBooks-content a {
    color: #16d4d9; }

.CancelSubscriptionReasonFindBooks-title, .CancelSubscriptionReasonFindBooks-msg {
  max-width: 600px;
  margin: 20px auto; }

.CancelSubscriptionReasonFindBooks-title {
  color: #134ac0; }

.CancelSubscriptionReasonFindBooks .CancelSubscriptionInterimActions {
  padding: 40px 0; }

.CancelSubscriptionReasonMoney-inner {
  max-width: 560px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .CancelSubscriptionReasonMoney-inner:before,
  .CancelSubscriptionReasonMoney-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasonMoney-inner:after {
    clear: both; }

.CancelSubscriptionReasonMoney-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }
  .CancelSubscriptionReasonMoney-content a {
    color: #16d4d9; }

.CancelSubscriptionReasonMoney-title {
  color: #134ac0; }

.CancelSubscriptionReasonMoney-books-list {
  margin-bottom: 30px; }
  .CancelSubscriptionReasonMoney-books-list > li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px; }
    @media (max-width: 540px) {
      .CancelSubscriptionReasonMoney-books-list > li {
        margin-bottom: 20px; } }

.CancelSubscriptionReasonMoney .CancelSubscriptionInterimActions {
  padding: 40px 0; }

.CancelSubscriptionReasonNotReading-inner {
  max-width: 540px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .CancelSubscriptionReasonNotReading-inner:before,
  .CancelSubscriptionReasonNotReading-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasonNotReading-inner:after {
    clear: both; }

.CancelSubscriptionReasonNotReading-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.CancelSubscriptionReasonNotReading-title {
  color: #134ac0; }

.CancelSubscriptionReasonNotReading-section:before {
  content: "\2014";
  display: block;
  color: #92949c; }

.CancelSubscriptionReasonNotReading-section img {
  width: 100%; }

.CancelSubscriptionReasonNotReading .CancelSubscriptionInterimActions {
  padding: 40px 0; }

.CancelSubscriptionReasonOther-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .CancelSubscriptionReasonOther-inner:before,
  .CancelSubscriptionReasonOther-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasonOther-inner:after {
    clear: both; }

.CancelSubscriptionReasonOther-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.CancelSubscriptionReasonOther-title {
  color: #134ac0; }

.CancelSubscriptionReasonOther .CancelSubscriptionInterimActions {
  padding: 40px 0; }

.CancelSubscriptionReasonBreak-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .CancelSubscriptionReasonBreak-inner:before,
  .CancelSubscriptionReasonBreak-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasonBreak-inner:after {
    clear: both; }

.CancelSubscriptionReasonBreak-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.CancelSubscriptionReasonBreak-title {
  color: #134ac0; }

.CancelSubscriptionReasonBreak .CancelSubscriptionInterimActions {
  padding: 40px 0; }

.CancelSubscriptionReasons-inner {
  max-width: 700px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .CancelSubscriptionReasons-inner:before,
  .CancelSubscriptionReasons-inner:after {
    display: table;
    content: ""; }
  .CancelSubscriptionReasons-inner:after {
    clear: both; }

.CancelSubscriptionReasons-content {
  padding-left: 10px;
  padding-right: 10px; }

.CancelSubscriptionReasons-title {
  color: #134ac0; }

.CancelSubscriptionReasonsList-item {
  border: 2px solid #eff0f6;
  margin-bottom: 20px; }

.CancelSubscriptionTeamQuote {
  text-align: left; }
  .CancelSubscriptionTeamQuote-inner {
    max-width: 580px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .CancelSubscriptionTeamQuote-inner:before,
    .CancelSubscriptionTeamQuote-inner:after {
      display: table;
      content: ""; }
    .CancelSubscriptionTeamQuote-inner:after {
      clear: both; }
    .CancelSubscriptionTeamQuote-inner > blockquote {
      margin: 0; }
      @media (max-width: 480px) {
        .CancelSubscriptionTeamQuote-inner > blockquote {
          margin: 10px 40px 0 40px; } }
  .CancelSubscriptionTeamQuote-teamMember {
    text-align: center;
    margin-right: 1em;
    float: left;
    height: 180px;
    width: auto; }
    @media (max-width: 480px) {
      .CancelSubscriptionTeamQuote-teamMember {
        float: none;
        margin: auto; } }
  .CancelSubscriptionTeamQuote a {
    color: #134ac0; }

.UnlimitedBookCarouselItem {
  width: 180px; }
  .UnlimitedBookCarouselItem-bookcover > a > .Bookcover {
    transition: opacity 0.2s ease; }
  .UnlimitedBookCarouselItem-bookcover > a:hover > .Bookcover {
    opacity: 0.8; }
  .UnlimitedBookCarouselItem-info {
    margin-top: 14px;
    text-align: left; }
    .UnlimitedBookCarouselItem-info-title,
    .UnlimitedBookCarouselItem-info-ctaRead,
    .UnlimitedBookCarouselItem-info-ctaPrice {
      margin: 0;
      width: 100%;
      max-width: 133px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .UnlimitedBookCarouselItem-info-ctaRead {
      color: #134ac0; }
    .UnlimitedBookCarouselItem-info a {
      color: currentColor;
      text-decoration: none; }

.UnlimitedImageCarouselItem {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 180px;
  height: 195px; }
  .UnlimitedImageCarouselItem > img {
    width: 80%;
    height: auto; }

.WidgetCancelSubscriptionTextarea > textarea {
  width: 100%;
  height: 110px;
  resize: none;
  padding: 10px; }

.AnonymousBrowseNav {
  transition: background-color 0.5s ease; }
  .AnonymousBrowseNav-transparency {
    transition: background-color 0.5s ease; }
    .AnonymousBrowseNav-transparency[data-apply-transparency="true"] {
      background-color: rgba(255, 255, 255, 0.1); }
    .AnonymousBrowseNav-transparency[data-apply-transparency="false"] {
      background-color: rgba(255, 255, 255, 0); }
  .AnonymousBrowseNav-inner {
    max-width: 1400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .AnonymousBrowseNav-inner:before,
    .AnonymousBrowseNav-inner:after {
      display: table;
      content: ""; }
    .AnonymousBrowseNav-inner:after {
      clear: both; }
  .AnonymousBrowseNav-content {
    padding-left: 10px;
    padding-right: 10px; }
  .AnonymousBrowseNav-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px; }
  .AnonymousBrowseNav-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px; }
    @media (max-width: 500px) {
      .AnonymousBrowseNav-item {
        padding: 0 5px; } }
    @media (max-width: 600px) {
      .AnonymousBrowseNav-item_howItWorks {
        display: none; } }
    .AnonymousBrowseNav-item_howItWorks a {
      opacity: 0.7; }
      .AnonymousBrowseNav-item_howItWorks a:hover {
        opacity: 1; }
    @media (max-width: 500px) {
      .AnonymousBrowseNav-item_search .AnonymousBrowseNav-link-text {
        display: none; } }
    .AnonymousBrowseNav-item_search a {
      opacity: 0.7; }
      .AnonymousBrowseNav-item_search a:hover {
        opacity: 1; }
    @media (max-width: 500px) {
      .AnonymousBrowseNav-item_home .AnonymousBrowseNav-link-text {
        display: none; } }
    @media (max-width: 500px) {
      .AnonymousBrowseNav-item_explore .AnonymousBrowseNav-link-text {
        display: none; } }
    .AnonymousBrowseNav-item_explore a {
      opacity: 0.7; }
      .AnonymousBrowseNav-item_explore a:hover {
        opacity: 1; }
    @media (max-width: 700px) {
      .AnonymousBrowseNav-item_help .AnonymousBrowseNav-link-text {
        display: none; } }
    .AnonymousBrowseNav-item_help a {
      opacity: 0.7; }
      .AnonymousBrowseNav-item_help a:hover {
        opacity: 1; }
    .AnonymousBrowseNav-item_signIn a {
      opacity: 0.7; }
      .AnonymousBrowseNav-item_signIn a:hover {
        opacity: 1; }
  .AnonymousBrowseNav-link {
    color: currentColor;
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    position: relative;
    top: -1px; }
    .AnonymousBrowseNav-link.AnonymousBrowseNav-link_active {
      opacity: 1; }
    .AnonymousBrowseNav-link[data-is-active="true"] {
      opacity: 1; }
  .AnonymousBrowseNav-left {
    float: left; }
  .AnonymousBrowseNav-right {
    float: right; }
  .AnonymousBrowseNav-howItWorks {
    overflow: hidden;
    transition: max-height 0.2s ease;
    max-height: 0;
    min-height: 0;
    will-change: max-height; }
    .AnonymousBrowseNav-howItWorks-link {
      display: none; }
    .AnonymousBrowseNav-howItWorks[data-is-showing="true"] {
      max-height: 1000px;
      transition: max-height 0.2s ease; }
      @media (max-width: 400px) {
        .AnonymousBrowseNav-howItWorks[data-is-showing="true"] {
          max-height: 2000px; } }
      .AnonymousBrowseNav-howItWorks[data-is-showing="true"] .AnonymousBrowseNav-howItWorks-inner {
        position: absolute;
        width: 100%;
        height: 100px;
        top: 0;
        left: 0;
        right: 0;
        max-width: 1200px;
        margin: 0 auto; }
      .AnonymousBrowseNav-howItWorks[data-is-showing="true"] .AnonymousBrowseNav-howItWorks-link {
        position: absolute;
        display: block;
        top: 7px;
        right: -10px;
        opacity: 0.7;
        padding: 10px;
        z-index: 5; }
        .AnonymousBrowseNav-howItWorks[data-is-showing="true"] .AnonymousBrowseNav-howItWorks-link:hover {
          opacity: 1; }
        @media (max-width: 400px) {
          .AnonymousBrowseNav-howItWorks[data-is-showing="true"] .AnonymousBrowseNav-howItWorks-link {
            right: 0px; } }
  .AnonymousBrowseNav [data-stylehook="Logotype"],
  .AnonymousBrowseNav [data-stylehook="Logo"] {
    fill: white; }
  .AnonymousBrowseNav [data-stylehook="Logotype"] {
    height: 45px;
    width: 135px;
    margin-top: 7.5px; }
    @media (max-width: 500px) {
      .AnonymousBrowseNav [data-stylehook="Logotype"] {
        display: none; } }
  .AnonymousBrowseNav [data-stylehook="Logo"] {
    height: 45px;
    width: 45px;
    display: none; }
    @media (max-width: 500px) {
      .AnonymousBrowseNav [data-stylehook="Logo"] {
        display: block; } }
  .AnonymousBrowseNav [data-stylehook="CloseIcon"] {
    height: 15px;
    width: 15px;
    fill: white; }

.AnonymousHomeAuthentication-inner {
  max-width: 500px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .AnonymousHomeAuthentication-inner:before,
  .AnonymousHomeAuthentication-inner:after {
    display: table;
    content: ""; }
  .AnonymousHomeAuthentication-inner:after {
    clear: both; }

.AnonymousHomeAuthentication-card {
  background-color: white;
  border-radius: 3px;
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease; }

.AnonymousHomeAuthentication-withFacebook,
.AnonymousHomeAuthentication-withEmail {
  text-align: center;
  color: #92949c; }
  .AnonymousHomeAuthentication-withFacebook-message,
  .AnonymousHomeAuthentication-withEmail-message {
    margin: 0; }

.AnonymousHomeAuthentication-withFacebook-inner {
  margin-top: 30px;
  margin-bottom: 30px; }

.AnonymousHomeAuthentication-withFacebook-message {
  margin-bottom: 10px; }

.AnonymousHomeAuthentication-withEmail-inner {
  margin-top: 30px;
  margin-bottom: 30px; }

.AnonymousHomeAuthentication-withEmail-passwordReset-link {
  color: #16d4d9;
  text-decoration: none; }

.AnonymousHomeAuthentication .Notice-content p {
  margin-bottom: 0; }

.AnonymousHomeAuthenticationDivider {
  height: 1px;
  background-color: #eff0f6;
  position: relative; }
  .AnonymousHomeAuthenticationDivider > span {
    position: absolute;
    left: calc(50% - 20px);
    top: -10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    color: #92949c; }

.AnonymousHomeAuthenticationHeader {
  background-color: transparent;
  color: white; }
  .AnonymousHomeAuthenticationHeader-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px 20px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-height: 500px) {
      .AnonymousHomeAuthenticationHeader-content {
        padding-bottom: 10px; } }
    @media (max-width: 500px) {
      .AnonymousHomeAuthenticationHeader-content {
        padding-left: 10px;
        padding-right: 10px; } }
  .AnonymousHomeAuthenticationHeader-oyster {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .AnonymousHomeAuthenticationHeader-anonymous {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right; }
  .AnonymousHomeAuthenticationHeader [data-stylehook="Logotype"] {
    fill: white;
    width: 210px;
    height: 70px;
    margin-top: 9px; }

.AnonymousHomeChoosePath {
  background-color: #2f466b; }
  .AnonymousHomeChoosePath-inner {
    max-width: 660px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 40px;
    margin-bottom: 70px; }
    .AnonymousHomeChoosePath-inner:before,
    .AnonymousHomeChoosePath-inner:after {
      display: table;
      content: ""; }
    .AnonymousHomeChoosePath-inner:after {
      clear: both; }
  .AnonymousHomeChoosePath-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: white; }
  .AnonymousHomeChoosePath-title {
    margin: 30px 0; }
  .AnonymousHomeChoosePath-subtitle {
    margin: 0; }
  .AnonymousHomeChoosePath-buttons {
    margin-top: 30px; }
  .AnonymousHomeChoosePath-button_unlimited,
  .AnonymousHomeChoosePath-button_store {
    float: left;
    width: 50%;
    text-align: center; }
    @media (max-width: 640px) {
      .AnonymousHomeChoosePath-button_unlimited,
      .AnonymousHomeChoosePath-button_store {
        float: none;
        width: 100%;
        margin-bottom: 20px; } }
    .AnonymousHomeChoosePath-button_unlimited button,
    .AnonymousHomeChoosePath-button_store button {
      width: 100%;
      max-width: 300px;
      padding-left: 10px;
      padding-right: 10px; }

.AnonymousHomeDevices {
  background-size: cover;
  background-position: center center; }
  .AnonymousHomeDevices-inner {
    max-width: 800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 200px;
    margin-bottom: 200px; }
    .AnonymousHomeDevices-inner:before,
    .AnonymousHomeDevices-inner:after {
      display: table;
      content: ""; }
    .AnonymousHomeDevices-inner:after {
      clear: both; }
  .AnonymousHomeDevices-card {
    background-color: white; }
    .AnonymousHomeDevices-card-inner {
      max-width: 700px;
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0;
      position: relative;
      min-height: 1px;
      float: none; }
      .AnonymousHomeDevices-card-inner:before,
      .AnonymousHomeDevices-card-inner:after {
        display: table;
        content: ""; }
      .AnonymousHomeDevices-card-inner:after {
        clear: both; }
    .AnonymousHomeDevices-card-content {
      padding-left: 10px;
      padding-right: 10px;
      text-align: center; }
  .AnonymousHomeDevices-title,
  .AnonymousHomeDevices-subtitle {
    margin: 30px 0; }
  .AnonymousHomeDevices-title {
    max-width: 480px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 60px; }
    .AnonymousHomeDevices-title:before,
    .AnonymousHomeDevices-title:after {
      display: table;
      content: ""; }
    .AnonymousHomeDevices-title:after {
      clear: both; }
  .AnonymousHomeDevices-subtitle {
    max-width: 540px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-bottom: 60px; }
    .AnonymousHomeDevices-subtitle:before,
    .AnonymousHomeDevices-subtitle:after {
      display: table;
      content: ""; }
    .AnonymousHomeDevices-subtitle:after {
      clear: both; }

.AnonymousHomeFAQ {
  background-color: #162640;
  color: white; }
  .AnonymousHomeFAQ-inner {
    max-width: 1085px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 30px;
    margin-bottom: 40px; }
    .AnonymousHomeFAQ-inner:before,
    .AnonymousHomeFAQ-inner:after {
      display: table;
      content: ""; }
    .AnonymousHomeFAQ-inner:after {
      clear: both; }
    @media (max-width: 600px) {
      .AnonymousHomeFAQ-inner {
        margin-top: 10px;
        margin-bottom: 20px; } }
  .AnonymousHomeFAQ-content {
    padding-left: 10px;
    padding-right: 10px; }
  .AnonymousHomeFAQ-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 600px) {
      .AnonymousHomeFAQ-list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .AnonymousHomeFAQ-item-content {
    padding-left: 18px;
    padding-right: 18px; }
  .AnonymousHomeFAQ-item-question,
  .AnonymousHomeFAQ-item-answer {
    margin: 0; }
  .AnonymousHomeFAQ-item-question {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold; }
  .AnonymousHomeFAQ-item-answer {
    margin-bottom: 10px; }
  .AnonymousHomeFAQ a {
    color: currentColor; }

.AnonymousHomeIntro {
  background-color: #42444c;
  background-size: cover;
  background-position: right bottom;
  color: white; }
  .AnonymousHomeIntro-tarp {
    min-height: 350px;
    min-height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 500px) {
      .AnonymousHomeIntro-tarp {
        background-color: rgba(0, 0, 0, 0.4); } }
  .AnonymousHomeIntro-content {
    text-align: center; }
  .AnonymousHomeIntro-title-inner {
    max-width: 800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .AnonymousHomeIntro-title-inner:before,
    .AnonymousHomeIntro-title-inner:after {
      display: table;
      content: ""; }
    .AnonymousHomeIntro-title-inner:after {
      clear: both; }
  .AnonymousHomeIntro-title-content {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold; }
  .AnonymousHomeIntro-title-text {
    margin-top: 0;
    margin-bottom: 10px; }
  .AnonymousHomeIntro-subtitle-inner {
    max-width: 400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .AnonymousHomeIntro-subtitle-inner:before,
    .AnonymousHomeIntro-subtitle-inner:after {
      display: table;
      content: ""; }
    .AnonymousHomeIntro-subtitle-inner:after {
      clear: both; }
  .AnonymousHomeIntro-subtitle-content {
    padding-left: 10px;
    padding-right: 10px; }
  .AnonymousHomeIntro-subtitle-text {
    margin-top: 10px;
    margin-bottom: 20px; }
  .AnonymousHomeIntro-howItWorks-inner {
    margin-top: 20px; }
  .AnonymousHomeIntro-howItWorks-link {
    color: currentColor;
    text-decoration: underline; }

/* TODO: Backwards compat for iOS7 which has bad support for vh */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .AnonymousHomeIntro-tarp {
    min-height: 1024px !important; } }

.AnonymousHomeLearnMore {
  background-color: #16d4d9;
  border-top: 20px solid #134ac0;
  color: white; }
  .AnonymousHomeLearnMore-inner {
    max-width: 800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 60px;
    margin-bottom: 60px; }
    .AnonymousHomeLearnMore-inner:before,
    .AnonymousHomeLearnMore-inner:after {
      display: table;
      content: ""; }
    .AnonymousHomeLearnMore-inner:after {
      clear: both; }
    @media (max-width: 600px) {
      .AnonymousHomeLearnMore-inner {
        margin-top: 30px;
        margin-bottom: 30px; } }
  .AnonymousHomeLearnMore-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .AnonymousHomeLearnMore-title {
    font-size: 30px;
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0; }
    @media (max-width: 600px) {
      .AnonymousHomeLearnMore-title {
        font-size: 22px;
        line-height: 22px;
        letter-spacing: 0.5px; } }

.AnonymousHomeNav {
  min-height: 100px;
  color: white;
  margin-bottom: -100px; }
  .AnonymousHomeNav-inner {
    max-width: 1400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .AnonymousHomeNav-inner:before,
    .AnonymousHomeNav-inner:after {
      display: table;
      content: ""; }
    .AnonymousHomeNav-inner:after {
      clear: both; }
  .AnonymousHomeNav-content {
    padding-left: 10px;
    padding-right: 10px; }
  .AnonymousHomeNav-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70px; }
  .AnonymousHomeNav-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px; }
    @media (max-width: 500px) {
      .AnonymousHomeNav-item {
        padding: 0 5px; } }
    .AnonymousHomeNav-item_account .AnonymousHomeNav-link {
      height: 35px;
      border-radius: 17.5px;
      padding: 2px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      width: 100px;
      text-align: center; }
      .AnonymousHomeNav-item_account .AnonymousHomeNav-link:hover {
        border-color: white; }
  .AnonymousHomeNav-link {
    color: currentColor;
    display: block;
    padding: 10px 5px;
    text-decoration: none; }
  .AnonymousHomeNav-left {
    float: left; }
  .AnonymousHomeNav-right {
    float: right; }
  .AnonymousHomeNav-howItWorks {
    overflow: hidden;
    transition: max-height 0.2s ease;
    max-height: 0;
    min-height: 0;
    will-change: max-height; }
    .AnonymousHomeNav-howItWorks[data-is-showing="true"] {
      max-height: 1000px; }
      @media (max-width: 400px) {
        .AnonymousHomeNav-howItWorks[data-is-showing="true"] {
          max-height: 2000px; } }
      .AnonymousHomeNav-howItWorks[data-is-showing="true"] .AnonymousHomeNav-howItWorks-inner {
        position: absolute;
        width: 100%;
        height: 100px;
        top: 0;
        left: 0;
        right: 0;
        max-width: 1200px;
        margin: 0 auto; }
      .AnonymousHomeNav-howItWorks[data-is-showing="true"] .AnonymousHomeNav-howItWorks-link {
        position: absolute;
        display: block;
        top: 7px;
        right: -10px;
        opacity: 0.7;
        padding: 10px; }
        .AnonymousHomeNav-howItWorks[data-is-showing="true"] .AnonymousHomeNav-howItWorks-link:hover {
          opacity: 1; }
        @media (max-width: 400px) {
          .AnonymousHomeNav-howItWorks[data-is-showing="true"] .AnonymousHomeNav-howItWorks-link {
            right: 0px; } }
  .AnonymousHomeNav [data-stylehook="Logotype"],
  .AnonymousHomeNav [data-stylehook="Logo"] {
    fill: white; }
  .AnonymousHomeNav [data-stylehook="Logotype"] {
    height: 52.5px;
    width: 157.5px;
    margin-top: 8.75px; }
    @media (max-width: 500px) {
      .AnonymousHomeNav [data-stylehook="Logotype"] {
        display: none; } }
  .AnonymousHomeNav [data-stylehook="Logo"] {
    height: 52.5px;
    width: 52.5px;
    display: none; }
    @media (max-width: 500px) {
      .AnonymousHomeNav [data-stylehook="Logo"] {
        display: block; } }
  .AnonymousHomeNav [data-stylehook="CloseIcon"] {
    height: 15px;
    width: 15px;
    fill: white; }

.AnonymousHomeSelection-header-inner {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 100px;
  margin-bottom: 100px; }
  .AnonymousHomeSelection-header-inner:before,
  .AnonymousHomeSelection-header-inner:after {
    display: table;
    content: ""; }
  .AnonymousHomeSelection-header-inner:after {
    clear: both; }
  @media (max-width: 600px) {
    .AnonymousHomeSelection-header-inner {
      margin-top: 40px;
      margin-bottom: 30px;
      text-align: center; } }

.AnonymousHomeSelection-header-content {
  padding-left: 10px;
  padding-right: 10px;
  max-width: 600px; }

.AnonymousHomeSelection-title,
.AnonymousHomeSelection-subtitle {
  margin: 0; }

.AnonymousHomeSelection-title {
  margin-bottom: 20px;
  max-width: 540px; }

.AnonymousHomeSelection-subtitle {
  margin-bottom: 30px; }

.AnonymousHomeSelection-body-image {
  width: 100%;
  height: auto; }

.AnonymousHomeUnlimited {
  background-color: #eff0f6;
  border-top: 20px solid #134ac0; }
  .AnonymousHomeUnlimited-image {
    width: 100%;
    height: auto; }
  .AnonymousHomeUnlimited-inner {
    margin-top: 100px;
    margin-bottom: 100px; }
    @media (max-width: 600px) {
      .AnonymousHomeUnlimited-inner {
        margin-top: 30px;
        margin-bottom: 30px; } }
  .AnonymousHomeUnlimited-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .AnonymousHomeUnlimited-title,
  .AnonymousHomeUnlimited-subtitle {
    margin: 0; }
  .AnonymousHomeUnlimited-subtitle {
    margin-bottom: 30px; }
  .AnonymousHomeUnlimited-header-inner {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 30px;
    margin-bottom: 30px; }
    .AnonymousHomeUnlimited-header-inner:before,
    .AnonymousHomeUnlimited-header-inner:after {
      display: table;
      content: ""; }
    .AnonymousHomeUnlimited-header-inner:after {
      clear: both; }
  .AnonymousHomeUnlimited-body-inner {
    max-width: 535px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 30px;
    margin-bottom: 30px; }
    .AnonymousHomeUnlimited-body-inner:before,
    .AnonymousHomeUnlimited-body-inner:after {
      display: table;
      content: ""; }
    .AnonymousHomeUnlimited-body-inner:after {
      clear: both; }

.AuthenticatedBrowseNav {
  transition: background-color 0.5s ease; }
  .AuthenticatedBrowseNav-transparency {
    transition: background-color 0.5s ease; }
    .AuthenticatedBrowseNav-transparency[data-apply-transparency="true"] {
      background-color: rgba(255, 255, 255, 0.1); }
    .AuthenticatedBrowseNav-transparency[data-apply-transparency="false"] {
      background-color: rgba(255, 255, 255, 0); }
  .AuthenticatedBrowseNav-inner {
    max-width: 1400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .AuthenticatedBrowseNav-inner:before,
    .AuthenticatedBrowseNav-inner:after {
      display: table;
      content: ""; }
    .AuthenticatedBrowseNav-inner:after {
      clear: both; }
  .AuthenticatedBrowseNav-content {
    padding-left: 10px;
    padding-right: 10px; }
  .AuthenticatedBrowseNav-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px; }
  .AuthenticatedBrowseNav-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px; }
    @media (max-width: 500px) {
      .AuthenticatedBrowseNav-item {
        padding: 0 5px; } }
    @media (max-width: 500px) {
      .AuthenticatedBrowseNav-item_search .AuthenticatedBrowseNav-link-text {
        display: none; } }
    .AuthenticatedBrowseNav-item_search [data-stylehook="SearchIcon"] {
      height: 30px;
      width: 30px;
      display: none;
      fill: white; }
      @media (max-width: 500px) {
        .AuthenticatedBrowseNav-item_search [data-stylehook="SearchIcon"] {
          display: block; } }
    .AuthenticatedBrowseNav-item_search a {
      opacity: 0.7; }
      .AuthenticatedBrowseNav-item_search a:hover {
        opacity: 1; }
    @media (max-width: 500px) {
      .AuthenticatedBrowseNav-item_home .AuthenticatedBrowseNav-link-text {
        display: none; } }
    .AuthenticatedBrowseNav-item_home [data-stylehook="HomeIcon"] {
      height: 30px;
      width: 30px;
      display: none;
      fill: white; }
      @media (max-width: 500px) {
        .AuthenticatedBrowseNav-item_home [data-stylehook="HomeIcon"] {
          display: block; } }
    @media (max-width: 500px) {
      .AuthenticatedBrowseNav-item_home a {
        opacity: 0.7; } }
    .AuthenticatedBrowseNav-item_home a:hover {
      opacity: 1; }
    @media (max-width: 500px) {
      .AuthenticatedBrowseNav-item_explore .AuthenticatedBrowseNav-link-text {
        display: none; } }
    .AuthenticatedBrowseNav-item_explore [data-stylehook="ExploreIcon"] {
      height: 30px;
      width: 30px;
      display: none;
      fill: white; }
      @media (max-width: 500px) {
        .AuthenticatedBrowseNav-item_explore [data-stylehook="ExploreIcon"] {
          display: block; } }
    .AuthenticatedBrowseNav-item_explore a {
      opacity: 0.7; }
      .AuthenticatedBrowseNav-item_explore a:hover {
        opacity: 1; }
    @media (max-width: 700px) {
      .AuthenticatedBrowseNav-item_help .AuthenticatedBrowseNav-link-text {
        display: none; } }
    .AuthenticatedBrowseNav-item_help a {
      opacity: 0.7; }
      .AuthenticatedBrowseNav-item_help a:hover {
        opacity: 1; }
    .AuthenticatedBrowseNav-item_account .AuthenticatedBrowseNav-link-text {
      opacity: 0.7;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      margin-top: 2px; }
      @media (max-width: 500px) {
        .AuthenticatedBrowseNav-item_account .AuthenticatedBrowseNav-link-text {
          display: none; } }
    .AuthenticatedBrowseNav-item_account a:hover .AuthenticatedBrowseNav-link-text {
      opacity: 1; }
  .AuthenticatedBrowseNav-link {
    color: currentColor;
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    position: relative;
    top: -1px; }
    .AuthenticatedBrowseNav-link[data-is-active="true"] {
      opacity: 1; }
  .AuthenticatedBrowseNav-profilePhoto {
    height: 45px;
    width: 45px;
    display: inline-block;
    vertical-align: middle; }
    .AuthenticatedBrowseNav-profilePhoto > img {
      height: 100%;
      width: 100%;
      border-radius: 50%; }
  .AuthenticatedBrowseNav-left {
    float: left; }
  .AuthenticatedBrowseNav-right {
    float: right; }
  .AuthenticatedBrowseNav [data-stylehook="Logotype"],
  .AuthenticatedBrowseNav [data-stylehook="Logo"] {
    fill: white; }
  .AuthenticatedBrowseNav [data-stylehook="Logotype"] {
    height: 45px;
    width: 135px;
    margin-top: 7.5px; }
    @media (max-width: 500px) {
      .AuthenticatedBrowseNav [data-stylehook="Logotype"] {
        display: none; } }
  .AuthenticatedBrowseNav [data-stylehook="Logo"] {
    height: 45px;
    width: 45px;
    display: none; }
    @media (max-width: 500px) {
      .AuthenticatedBrowseNav [data-stylehook="Logo"] {
        display: block; } }

.AuthenticatedHome-lists {
  background-color: #eff0f6;
  min-height: 50vh; }
  .AuthenticatedHome-lists-inner {
    max-width: 1200px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .AuthenticatedHome-lists-inner:before,
    .AuthenticatedHome-lists-inner:after {
      display: table;
      content: ""; }
    .AuthenticatedHome-lists-inner:after {
      clear: both; }
  .AuthenticatedHome-lists .CarouselBody-scrollCover {
    background-color: #eff0f6;
    border-bottom: 1px solid #ccd0d8; }

.AuthenticatedHome .AnnouncementMessageBar {
  background-color: white;
  color: #134ac0; }
  .AuthenticatedHome .AnnouncementMessageBar-message-action {
    font-weight: bold; }

.Author-logo {
  margin-top: 7.5px;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 2; }
  .Author-logo .Logotype {
    height: 45px;
    width: 135px;
    fill: white; }

.Author .WhatIsOyster {
  margin: 10px; }

.AuthorBooks {
  background: #eff0f6; }
  .AuthorBooks-inner {
    padding: 0 100px;
    max-width: 1800px;
    margin: 0 auto; }
    @media (max-width: 1000px) {
      .AuthorBooks-inner {
        padding: 0 50px; } }
    @media (max-width: 400px) {
      .AuthorBooks-inner {
        padding: 0 35px; } }
  .AuthorBooks h3 {
    color: #282828;
    margin: 0;
    padding: 28px 0 18px; }
  .AuthorBooks-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 -20px; }
    .AuthorBooks-grid:empty {
      height: 0; }
  .AuthorBooks-grid-cell {
    display: block;
    margin: 0 20px 40px;
    padding: 0;
    width: 133px;
    box-sizing: content-box; }
    @media (max-width: 400px) {
      .AuthorBooks-grid-cell {
        width: 90px;
        margin: 0 19px 40px; } }

.AuthorIntroduction {
  position: relative; }
  .AuthorIntroduction-details {
    max-width: 1800px;
    margin: 0 auto;
    position: relative; }
    @media (max-width: 550px) {
      .AuthorIntroduction-details {
        display: none; } }
  .AuthorIntroduction-hero {
    background-color: #282828;
    position: relative; }
    .AuthorIntroduction-hero-image {
      background-size: cover;
      background-position: center center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      opacity: 0.3; }
    .AuthorIntroduction-hero h2 {
      color: #fff;
      font-style: italic;
      font-size: 30px;
      padding: 67px 0 30px 100px;
      position: relative;
      max-width: 1800px;
      margin: 0 auto;
      z-index: 3; }
  .AuthorIntroduction .AuthorIntroductionDetails {
    position: absolute;
    top: 44px;
    left: 100px;
    z-index: 1; }
    @media (max-width: 1000px) {
      .AuthorIntroduction .AuthorIntroductionDetails {
        left: 50px; } }
  .AuthorIntroduction .AuthorIntroduction-hero h2,
  .AuthorIntroduction .AuthorIntroductionBio {
    padding-left: 100px;
    padding-right: 100px; }
    @media (max-width: 1000px) {
      .AuthorIntroduction .AuthorIntroduction-hero h2,
      .AuthorIntroduction .AuthorIntroductionBio {
        padding-left: 50px;
        padding-right: 50px; } }
  .AuthorIntroduction[data-show-details="true"] .AuthorIntroduction-hero h2,
  .AuthorIntroduction[data-show-details="true"] .AuthorIntroductionBio {
    padding-left: 310px;
    padding-right: 100px; }
    @media (max-width: 1000px) {
      .AuthorIntroduction[data-show-details="true"] .AuthorIntroduction-hero h2,
      .AuthorIntroduction[data-show-details="true"] .AuthorIntroductionBio {
        padding-left: 260px;
        padding-right: 50px; } }
    @media (max-width: 550px) {
      .AuthorIntroduction[data-show-details="true"] .AuthorIntroduction-hero h2,
      .AuthorIntroduction[data-show-details="true"] .AuthorIntroductionBio {
        padding-left: 50px;
        padding-right: 50px; } }

.AuthorIntroductionBio {
  min-height: 180px;
  max-width: 1800px;
  margin: 0 auto; }
  .AuthorIntroductionBio h3 {
    color: #92949c;
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    padding: 31px 0 16px 0; }
  .AuthorIntroductionBio-text {
    padding: 0;
    margin: 0 100px 32px 0;
    box-sizing: content-box; }
    @media (max-width: 1000px) {
      .AuthorIntroductionBio-text {
        margin-right: 0; } }

.AuthorIntroductionDetails p {
  color: #42444c;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1px;
  margin: 0 0 10px;
  padding: 0;
  line-height: 1; }

.AuthorIntroductionDetails-photo {
  background-color: #ccd0d8;
  background-size: cover;
  width: 164px;
  height: 164px;
  border: 2px solid #ccd0d8;
  border-radius: 82px;
  overflow: hidden;
  margin-bottom: 20px; }
  .AuthorIntroductionDetails-photo img {
    display: block;
    width: 164px; }

.AuthorlistAuthor {
  height: 200px;
  width: 100%;
  background-color: #162640;
  color: white;
  position: relative; }
  .AuthorlistAuthor-hero {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    opacity: 0.3; }
  .AuthorlistAuthor-inner {
    height: 100%; }
  .AuthorlistAuthor-content {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .AuthorlistAuthor-avatar {
    padding-left: 10px;
    padding-right: 10px; }
    .AuthorlistAuthor-avatar-image {
      height: 126px;
      width: 126px;
      border-radius: 50%;
      border: 2px solid #ccd0d8; }
  .AuthorlistAuthor-info {
    padding-left: 10px;
    padding-right: 10px; }
  .AuthorlistAuthor-fullName,
  .AuthorlistAuthor-cta {
    margin: 0; }
  .AuthorlistAuthor-cta {
    margin-top: 5px; }
  .AuthorlistAuthor a {
    color: currentColor;
    text-decoration: none; }

.AuthorlistAuthorCarouselItem {
  width: 400px;
  margin-right: 20px; }

.BookDetails-logo {
  margin-top: 7.5px;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 2; }
  .BookDetails-logo .Logotype {
    height: 45px;
    width: 135px;
    fill: white; }

.BookDetailsAccolades-item > svg {
  display: inline;
  margin-right: 10px;
  height: 12px;
  width: auto;
  vertical-align: middle; }

.BookDetailsAccolades-item:last-child {
  margin: 0; }

.BookDetailsAddReadingList {
  width: 100%; }
  .BookDetailsAddReadingList > button {
    width: 240px;
    padding: 0 3em;
    transition: background-color 0.25s ease; }

.BookDetailsAuthor-author:not(:last-child):after {
  content: ', '; }

.BookDetailsAuthor > h2 {
  margin: 0; }

.BookDetailsBuyButton {
  width: 100%;
  color: white;
  text-decoration: none; }

.BookDetailsBuyContainer-promotion {
  margin-top: 10px; }
  .BookDetailsBuyContainer-promotion > p {
    margin: 5px 0; }
  .BookDetailsBuyContainer-promotion-off, .BookDetailsBuyContainer-promotion-time {
    color: #f73d47; }

.BookDetailsBuyContainer-save {
  color: #f73d47; }

.BookDetailsCTA-container {
  background-color: #eff0f6; }

.BookDetailsCTAPreordered {
  text-align: center;
  padding: 60px 60px; }
  .BookDetailsCTAPreordered-confirmation {
    color: #f97332; }
  .BookDetailsCTAPreordered-release {
    color: #92949c; }

.BookDetailsCTAPurchase {
  text-align: center;
  padding: 30px 60px; }
  .BookDetailsCTAPurchase-available {
    color: #26be6a; }
  .BookDetailsCTAPurchase-sync {
    color: #92949c; }

.BookDetailsCTAReadAsNonSubscriber {
  text-align: center;
  padding: 30px 60px; }
  .BookDetailsCTAReadAsNonSubscriber-read > p {
    color: #134ac0; }
  .BookDetailsCTAReadAsNonSubscriber-sync {
    color: #92949c; }

.BookDetailsCTAReadAsSubscriber {
  text-align: center;
  padding: 30px 60px; }
  .BookDetailsCTAReadAsSubscriber-read > p {
    color: #134ac0; }
  .BookDetailsCTAReadAsSubscriber-sync {
    color: #92949c; }

.BookDetailsCTAReadPurchased {
  text-align: center;
  padding: 30px 60px; }
  .BookDetailsCTAReadPurchased-sync {
    color: #92949c; }

.BookDetailsCTAUnavailable {
  width: 348px;
  text-align: center;
  padding: 60px 60px; }

.BookDetailsCover {
  display: inline-block; }

.BookDetailsFooter {
  background-color: #eff0f6; }
  .BookDetailsFooter-lists-container {
    max-width: 1200px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .BookDetailsFooter-lists-container:before,
    .BookDetailsFooter-lists-container:after {
      display: table;
      content: ""; }
    .BookDetailsFooter-lists-container:after {
      clear: both; }
  .BookDetailsFooter .CarouselBody-scrollCover {
    background-color: inherit; }

.BookDetailsHeader {
  position: absolute;
  left: 0;
  width: 100%;
  height: 250px; }

.BookDetailsHours svg {
  display: inline;
  margin-right: 10px;
  height: 10px;
  width: auto;
  vertical-align: middle; }

.BookDetailsInfo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%; }
  .BookDetailsInfo a {
    color: inherit; }
  .BookDetailsInfo-title,
  .BookDetailsInfo-author,
  .BookDetailsInfo-ratings {
    width: 100%;
    height: auto; }
  .BookDetailsInfo-author {
    margin-top: 10px; }
  .BookDetailsInfo-ratings {
    margin-top: 14px; }

.BookDetailsList {
  border-bottom: 1px solid #ccd0d8;
  padding: 20px 0 15px; }

.BookDetailsLists-list:last-child .BookDetailsList {
  border: 0; }

.BookDetailsMeta {
  text-align: left;
  padding-left: 22px;
  color: #92949c;
  width: 100%;
  display: inline-block; }
  .BookDetailsMeta > p {
    margin: 10px 0; }
    .BookDetailsMeta > p:first-child {
      margin-top: 0; }

.BookDetailsNarrowView {
  text-align: center;
  padding-top: 90px; }
  .BookDetailsNarrowView .BookDetailsCTAReadAsNonSubscriber-description,
  .BookDetailsNarrowView .BookDetailsCTAPurchase-description,
  .BookDetailsNarrowView .BookDetailsCTAReadAsSubscriber-description,
  .BookDetailsNarrowView .BookDetailsCTAReadPurchased-description,
  .BookDetailsNarrowView .BookDetailsCTAReadPurchased-description {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 90px;
    color: white;
    margin: 0;
    padding: 30px 60px; }
    .BookDetailsNarrowView .BookDetailsCTAReadAsNonSubscriber-description[data-paidVisit="true"],
    .BookDetailsNarrowView .BookDetailsCTAPurchase-description[data-paidVisit="true"],
    .BookDetailsNarrowView .BookDetailsCTAReadAsSubscriber-description[data-paidVisit="true"],
    .BookDetailsNarrowView .BookDetailsCTAReadPurchased-description[data-paidVisit="true"],
    .BookDetailsNarrowView .BookDetailsCTAReadPurchased-description[data-paidVisit="true"] {
      display: none; }
  .BookDetailsNarrowView-cover {
    position: absolute;
    width: 100%; }
  .BookDetailsNarrowView-cta {
    background-color: #eff0f6;
    padding-top: 340px; }
    .BookDetailsNarrowView-cta .BookDetailsCTA-container > div {
      padding: 20px; }
  .BookDetailsNarrowView-info {
    margin: 30px 30px 10px; }
    .BookDetailsNarrowView-info h1 {
      font-size: 40px;
      line-height: 50px; }
    .BookDetailsNarrowView-info .BookDetailsRatings-star {
      font-size: 20px; }
    .BookDetailsNarrowView-info .BookDetailsRatings-count {
      position: relative;
      top: -2px;
      font-weight: bold; }
  .BookDetailsNarrowView-add-to-list {
    margin: 10px 0 30px; }
  .BookDetailsNarrowView .BookDetailsHours,
  .BookDetailsNarrowView .BookDetailsPages {
    display: inline-block;
    margin: 0 15px; }
  .BookDetailsNarrowView-text {
    text-align: left; }
    .BookDetailsNarrowView-text h1 {
      text-align: center; }
    .BookDetailsNarrowView-text > section {
      border-top: 1px solid #ccd0d8;
      padding: 30px 25px; }
    .BookDetailsNarrowView-text .BookDetailsMeta {
      text-align: center; }
  .BookDetailsNarrowView-oyster {
    padding: 30px; }

.BookDetailsNote > h1 {
  font-weight: bold; }

.BookDetailsPages svg {
  display: inline;
  margin-right: 10px;
  height: 11px;
  width: auto;
  vertical-align: middle; }

.BookDetailsPriceBadge {
  color: #26be6a; }
  .BookDetailsPriceBadge-badge {
    text-align: center;
    color: #26be6a; }
    .BookDetailsPriceBadge-badge > img {
      display: inline;
      width: 70px; }
    .BookDetailsPriceBadge-badge > p {
      cursor: pointer;
      text-decoration: underline; }
  .BookDetailsPriceBadge-priceMsg {
    position: relative;
    display: none;
    top: -10px; }
    .BookDetailsPriceBadge-priceMsg[data-show="true"] {
      display: block; }
    .BookDetailsPriceBadge-priceMsg[data-show="false"] {
      display: none; }
    .BookDetailsPriceBadge-priceMsg-container {
      position: absolute; }
      .BookDetailsPriceBadge-priceMsg-container-arrow {
        width: 25px;
        height: 25px;
        top: 12.5px;
        position: relative;
        border-top: 1px solid #26be6a;
        border-left: 1px solid #26be6a;
        left: calc(50% - 12.5px);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 11;
        background-color: #fff; }
      .BookDetailsPriceBadge-priceMsg-container-content {
        border: 1px solid #26be6a;
        border-radius: 3px;
        padding: 20px;
        z-index: 10;
        background-color: #fff;
        position: relative; }
        .BookDetailsPriceBadge-priceMsg-container-content-close {
          position: absolute;
          right: 10px;
          top: 0px;
          cursor: pointer; }
          .BookDetailsPriceBadge-priceMsg-container-content-close .CloseIcon {
            width: 10px;
            fill: #26be6a; }

.BookDetailsRatings {
  font-size: 13.5px;
  line-height: 1; }
  .BookDetailsRatings-star {
    display: inline-block;
    position: relative;
    font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats"; }
    .BookDetailsRatings-star-unstarred {
      opacity: 0.4; }
    .BookDetailsRatings-star-starred {
      opacity: 1;
      position: absolute;
      left: 0;
      z-index: 2;
      top: 0;
      overflow: hidden;
      width: 0; }
  .BookDetailsRatings-count {
    opacity: 0.6;
    padding-left: 5px; }

.BookDetailsReadInfo {
  text-align: left;
  padding: 0 8px;
  max-width: 250px;
  width: 100%;
  border: 1px solid #ccd0d8;
  display: inline-block; }
  .BookDetailsReadInfo-container-item {
    color: #92949c;
    line-height: 1;
    padding: 10px 14px;
    border-bottom: 1px solid #ccd0d8; }
    .BookDetailsReadInfo-container-item p {
      margin: 0;
      padding: 7px 0 7px 24px;
      position: relative; }
    .BookDetailsReadInfo-container-item svg {
      position: absolute;
      top: 12px;
      left: 0; }
    .BookDetailsReadInfo-container-item:last-child {
      border: 0; }

.BookDetailsReadPurchasedButton {
  color: white; }

.BookDetailsReadUnlimitedButton {
  text-decoration: none;
  color: white; }
  .BookDetailsReadUnlimitedButton .UIButton > svg {
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    left: -3px; }
  .BookDetailsReadUnlimitedButton .UIButton > span {
    display: inline-block;
    vertical-align: middle;
    position: relative; }

.BookDetailsRelatedBooks {
  width: 100%; }

.BookDetailsSynopsis > h1 {
  font-weight: bold; }

.BookDetailsTitle > h1 {
  font-style: italic;
  margin: 0; }

.BookDetailsWideView {
  width: 100%;
  width: 100%;
  min-height: 1px;
  margin: 0; }
  .BookDetailsWideView:before,
  .BookDetailsWideView:after {
    display: table;
    content: ""; }
  .BookDetailsWideView:after {
    clear: both; }
  .BookDetailsWideView-container {
    max-width: 1250px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .BookDetailsWideView-container:before,
    .BookDetailsWideView-container:after {
      display: table;
      content: ""; }
    .BookDetailsWideView-container:after {
      clear: both; }
    .BookDetailsWideView-container-column {
      height: 100%;
      padding-bottom: 50px; }
    .BookDetailsWideView-container-left {
      padding-top: 90px;
      padding-left: 30px;
      -webkit-flex: 0 0 280px;
      -ms-flex: 0 0 280px;
      flex: 0 0 280px;
      text-align: center;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start; }
      .BookDetailsWideView-container-left > section {
        position: relative;
        margin-bottom: 40px; }
        .BookDetailsWideView-container-left > section:last-child {
          margin-bottom: 0; }
    .BookDetailsWideView-container-middle {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-left: 45px;
      padding-right: 45px; }
      .BookDetailsWideView-container-middle-info {
        color: white;
        height: 250px;
        padding-bottom: 30px; }
      .BookDetailsWideView-container-middle-text > section {
        border-top: 1px solid #ccd0d8;
        padding: 20px 0 30px; }
        .BookDetailsWideView-container-middle-text > section:nth-of-type(1) {
          border: 0; }
    .BookDetailsWideView-container-right {
      text-align: center;
      padding-top: 130px;
      padding-right: 30px;
      -webkit-flex: 0 0 380px;
      -ms-flex: 0 0 380px;
      flex: 0 0 380px; }
      .BookDetailsWideView-container-right > section {
        margin-bottom: 40px; }
      .BookDetailsWideView-container-right > section:nth-child {
        margin-bottom: 0; }
      .BookDetailsWideView-container-right-cta {
        background: white;
        border: 1px solid #ccd0d8;
        border-radius: 3px;
        padding: 6px; }
      .BookDetailsWideView-container-right-oyster {
        padding: 0 20px; }

.CategoriesPivot {
  background-color: #134ac0; }
  .CategoriesPivot-inner {
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 30px;
    margin-bottom: 30px; }
    .CategoriesPivot-inner:before,
    .CategoriesPivot-inner:after {
      display: table;
      content: ""; }
    .CategoriesPivot-inner:after {
      clear: both; }
  .CategoriesPivot-content {
    padding-right: 10px;
    padding-left: 10px; }
  .CategoriesPivot-header {
    text-align: center;
    color: white;
    margin-bottom: 20px; }
    .CategoriesPivot-header > p {
      margin: 0; }
  .CategoriesPivot-list {
    text-align: center; }
  .CategoriesPivot-item {
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px; }
    .CategoriesPivot-item-link {
      text-decoration: none; }
      .CategoriesPivot-item-link:hover .CategoriesPivot-item-button {
        background-color: rgba(255, 255, 255, 0.2); }
    .CategoriesPivot-item-button {
      background-color: rgba(255, 255, 255, 0.1);
      color: white;
      border-radius: 15px;
      height: 30px;
      outline: none;
      border: none;
      padding-left: 25px;
      padding-right: 25px;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: 0.1px;
      font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }

.Explore {
  overflow: hidden;
  background-color: #eff0f6; }
  .Explore .CarouselBody-scrollCover {
    background-color: #eff0f6; }

.ExploreCategory-body-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.ExploreCategory-body-nav {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-flex: 0 0 250px;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  background-color: white;
  min-height: 800px; }
  @media (max-width: 780px) {
    .ExploreCategory-body-nav {
      display: none; } }

.ExploreCategory-body-main {
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  min-height: 800px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-width: 0; }
  .ExploreCategory-body-main .ExploreStories {
    margin: 0 0 auto;
    padding-bottom: 30px;
    width: 100%; }
  .ExploreCategory-body-main .CategoriesPivot {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; }
  .ExploreCategory-body-main-empty {
    min-height: calc(100vh - 150px); }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
      .ExploreCategory-body-main-empty {
        min-height: calc(1024px - 150px); } }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
      .ExploreCategory-body-main-empty {
        min-height: calc(1024px - 150px); } }
    @media screen and (device-aspect-ratio: 40/71) {
      .ExploreCategory-body-main-empty {
        min-height: calc(568px - 150px); } }
    .ExploreCategory-body-main-empty .Spinner {
      position: absolute;
      top: 20%;
      left: calc(50% - 10px); }

.ExploreHome-body-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.ExploreHome-body-nav {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-flex: 0 0 250px;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  background-color: white;
  min-height: 800px; }
  @media (max-width: 780px) {
    .ExploreHome-body-nav {
      display: none; } }

.ExploreHome-body-main {
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  min-height: 800px;
  min-width: 0; }
  .ExploreHome-body-main-empty {
    min-height: calc(100vh - 150px); }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
      .ExploreHome-body-main-empty {
        min-height: calc(1024px - 150px); } }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
      .ExploreHome-body-main-empty {
        min-height: calc(1024px - 150px); } }
    @media screen and (device-aspect-ratio: 40/71) {
      .ExploreHome-body-main-empty {
        min-height: calc(568px - 150px); } }
    .ExploreHome-body-main-empty .Spinner {
      position: absolute;
      top: 20%;
      left: calc(50% - 10px); }

.ExploreList {
  background-color: #eff0f6; }
  .ExploreList-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .ExploreList-body-nav {
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      -webkit-flex: 0 0 250px;
      -ms-flex: 0 0 250px;
      flex: 0 0 250px;
      background-color: white;
      min-height: 800px; }
      @media (max-width: 780px) {
        .ExploreList-body-nav {
          display: none; } }
    .ExploreList-body-main {
      width: 100%;
      position: relative;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2;
      min-height: 800px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .ExploreList-body-main .ExploreListContainer {
        margin: 0 0 auto;
        width: 100%; }
      .ExploreList-body-main .CategoriesPivot {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end; }
      .ExploreList-body-main-empty {
        min-height: calc(100vh - 150px); }
        @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
          .ExploreList-body-main-empty {
            min-height: calc(1024px - 150px); } }
        @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
          .ExploreList-body-main-empty {
            min-height: calc(1024px - 150px); } }
        @media screen and (device-aspect-ratio: 40/71) {
          .ExploreList-body-main-empty {
            min-height: calc(568px - 150px); } }
        .ExploreList-body-main-empty .Spinner {
          position: absolute;
          top: 20%;
          left: calc(50% - 10px); }

.ExploreListContainer {
  padding-left: 10px;
  padding-right: 10px; }
  .ExploreListContainer-container {
    text-align: center;
    padding: 0; }
    .ExploreListContainer-container-title {
      margin: 15px 0 10px; }
      .ExploreListContainer-container-title p {
        margin: 0; }
    .ExploreListContainer-container-count {
      color: #92949c;
      margin: 10px 0 40px; }
      .ExploreListContainer-container-count p {
        margin-top: 0;
        margin-bottom: 20px; }
    .ExploreListContainer-container-items {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: auto;
      /* On small view ports, we need to do two things:
        1. Remove margin-right from book items since only one book shows per row
        2. Remove flex layout so only one book per row is shown (via display: block)
        3. Set the width of the container to 50% with margin auto so book is centered
      */ }
      @media (max-width: 380px) {
        .ExploreListContainer-container-items {
          display: block;
          width: 50%;
          margin: auto; } }
      .ExploreListContainer-container-items-item {
        margin-bottom: 30px; }
        .ExploreListContainer-container-items-item .MerchandisedBook {
          margin-left: 15px;
          margin-right: 15px;
          white-space: nowrap; }
          @media (max-width: 380px) {
            .ExploreListContainer-container-items-item .MerchandisedBook {
              margin-right: 0; } }

.ExploreNav {
  padding-left: 10px;
  padding-right: 10px; }

.ExploreNavCategories-header {
  text-align: center;
  border-bottom: 1px solid #ccd0d8;
  padding-top: 22px;
  padding-bottom: 22px; }
  .ExploreNavCategories-header-title {
    color: #42444c;
    margin: 0; }

.ExploreNavCategoryList {
  padding-top: 10px; }
  .ExploreNavCategoryList li {
    padding: 10px 10px 10px 20px; }

.ExploreNavCategoryListItem-link {
  text-decoration: none;
  color: #134ac0;
  padding: 5px 0; }
  .ExploreNavCategoryListItem-link:hover,
  .ExploreNavCategoryListItem-link.active {
    font-weight: bold; }

.ExploreStories {
  background-color: #eff0f6; }
  .ExploreStories-carousels {
    padding-left: 10px;
    padding-right: 10px; }
  .ExploreStories[data-is-touch="true"] .ExploreStories-carousels {
    padding-left: 0;
    padding-right: 0; }

.ExploreStoryAuthorlist {
  border-bottom: 1px solid #ccd0d8; }
  .ExploreStoryAuthorlist-inner {
    margin-top: 20px;
    margin-bottom: 10px;
    min-height: 262px; }
  .ExploreStoryAuthorlist:last-child {
    border-bottom: none; }

.ExploreStoryOysterlist {
  border-bottom: 1px solid #ccd0d8; }
  .ExploreStoryOysterlist[data-has-image="false"] {
    min-height: 323px; }
  .ExploreStoryOysterlist[data-has-image="true"] {
    min-height: 287px; }
  .ExploreStoryOysterlist-inner {
    margin-top: 20px; }
  .ExploreStoryOysterlist:last-child {
    border-bottom: none; }
  .ExploreStoryOysterlist .CarouselBody-loading {
    min-height: 180px; }

.ExploreStorySpotlight {
  background-color: #0f3d9e;
  background-size: cover;
  background-position: center center;
  min-height: 300px; }
  .ExploreStorySpotlight a {
    color: currentColor;
    text-decoration: none; }
  .ExploreStorySpotlight-tarp {
    background-color: rgba(0, 0, 0, 0.5); }
  .ExploreStorySpotlight-inner {
    max-width: 1400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px; }
    .ExploreStorySpotlight-inner:before,
    .ExploreStorySpotlight-inner:after {
      display: table;
      content: ""; }
    .ExploreStorySpotlight-inner:after {
      clear: both; }
  .ExploreStorySpotlight-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    height: 300px;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center; }
    @media (max-width: 660px) {
      .ExploreStorySpotlight-content {
        padding-top: 20px;
        padding-bottom: 20px; } }
  .ExploreStorySpotlight-information {
    max-width: 480px;
    margin-left: 88px;
    padding-bottom: 6px; }
    @media (max-width: 820px) {
      .ExploreStorySpotlight-information {
        margin: 0 auto;
        text-align: center; } }
  .ExploreStorySpotlight-booksPreview {
    margin-left: auto;
    padding-right: 58px; }
    @media (max-width: 820px) {
      .ExploreStorySpotlight-booksPreview {
        display: none; } }
  .ExploreStorySpotlight-description {
    margin: 20px 0 24px; }
  .ExploreStorySpotlight-title {
    font-size: 32px;
    font-weight: normal;
    line-height: 40px;
    margin: 16px 0 18px; }

.ExploreSubHeader {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  background-color: rgba(204, 208, 216, 0.5); }
  .ExploreSubHeader-container {
    padding: 20px 20px 20px 70px; }
    .ExploreSubHeader-container-breadcrumbs {
      display: inline-block; }
    .ExploreSubHeader-container-toggle {
      float: right;
      display: inline-block; }

.HowItWorks {
  color: white;
  z-index: 2;
  position: relative;
  background-color: #162640;
  will-change: margin-top;
  transition: margin-top 0.3s ease; }
  .HowItWorks-inner {
    max-width: 1208px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .HowItWorks-inner:before,
    .HowItWorks-inner:after {
      display: table;
      content: ""; }
    .HowItWorks-inner:after {
      clear: both; }
  .HowItWorks-content {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 720px) {
      .HowItWorks-content {
        max-width: 360px; } }
    @media (max-width: 400px) {
      .HowItWorks-content {
        padding-left: 40px;
        padding-right: 40px; } }
  .HowItWorks-title {
    text-align: center;
    position: relative; }
    .HowItWorks-title::before {
      content: '';
      position: absolute;
      height: 1px;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.2);
      top: 50%;
      left: 0;
      right: 0; }
    .HowItWorks-title > h3 {
      display: inline-block;
      position: relative;
      padding: 0 20px;
      background-color: #162640; }
  .HowItWorks-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 720px) {
      .HowItWorks-list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .HowItWorks-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2%;
    padding-right: 2vw;
    padding-left: 2%;
    padding-left: 2vw; }
    .HowItWorks-item-content {
      text-align: center;
      padding-bottom: 30px; }
    .HowItWorks-item-title {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .HowItWorks-item-title > h4 {
        margin: 20px 0 10px; }
    .HowItWorks-item-description > p {
      margin: 10px 0 20px; }
    .HowItWorks-item-image {
      width: 100%;
      height: auto; }

.MerchandisedBook-bookcover > a > .Bookcover {
  transition: opacity 0.2s ease; }

.MerchandisedBook-bookcover > a:hover > .Bookcover {
  opacity: 0.8; }

.MerchandisedBook-info {
  margin-top: 14px;
  text-align: left; }

.MerchandisedBook-title,
.MerchandisedBook-ctaRead,
.MerchandisedBook-ctaPrice {
  margin: 0;
  width: 100%;
  max-width: 133px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.MerchandisedBook-ctaRead {
  color: #134ac0; }
  .MerchandisedBook-ctaRead[data-is-presale="true"] {
    color: #f97332; }

.MerchandisedBook-ctaPrice {
  color: #26be6a; }

.MerchandisedBook a {
  color: currentColor;
  text-decoration: none; }

.MerchandisedBookCarouselItem {
  width: 180px; }
  .MerchandisedBookCarouselItem[data-booktype="promoted"] {
    width: auto; }
    .MerchandisedBookCarouselItem[data-booktype="promoted"] .MerchandisedBookPromoted {
      margin-right: 46px; }

.MerchandisedBookPromoted {
  position: relative;
  background-color: white;
  transition: opacity 0.2s ease; }
  .MerchandisedBookPromoted:hover {
    opacity: 0.8; }
  .MerchandisedBookPromoted > a {
    position: static;
    text-decoration: none; }
  .MerchandisedBookPromoted-container {
    padding: 20px;
    background-color: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media (max-width: 400px) {
      .MerchandisedBookPromoted-container {
        padding: 10px; } }
    .MerchandisedBookPromoted-container-contents {
      margin: 0 20px 0 30px;
      min-width: 140px;
      max-width: 160px;
      overflow: hidden;
      z-index: 2;
      color: white;
      text-align: center;
      position: relative; }
      @media (max-width: 400px) {
        .MerchandisedBookPromoted-container-contents {
          margin: 0 0 0 10px; } }
      .MerchandisedBookPromoted-container-contents p {
        overflow: hidden;
        text-overflow: ellipsis; }
      .MerchandisedBookPromoted-container-contents-title > p {
        margin: 10px 0 0 0; }
      .MerchandisedBookPromoted-container-contents-author > p {
        margin: 5px 0 10px 0; }
      .MerchandisedBookPromoted-container-contents-price {
        position: absolute;
        top: 50%;
        width: 100%; }
        .MerchandisedBookPromoted-container-contents-price-text {
          color: #f73d47; }
          .MerchandisedBookPromoted-container-contents-price-text > p {
            margin: 20px 0 10px 0; }
  .MerchandisedBookPromoted-contrast {
    position: absolute;
    color: white;
    top: 0;
    height: 50%;
    width: 100%; }

.MerchandisedImageCarouselItem {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 180px;
  height: 195px; }
  .MerchandisedImageCarouselItem > img {
    width: 80%;
    height: auto; }

.PurchasedBook-info {
  margin-top: 14px; }

.PurchasedBook-title,
.PurchasedBook-readNow {
  margin: 0;
  width: 100%;
  max-width: 133px;
  overflow: hidden;
  text-overflow: ellipsis; }

.PurchasedBook-readNow {
  color: #134ac0; }
  .PurchasedBook-readNow[data-is-presale="true"] {
    color: #f97332; }

.PurchasedBook-bookcover > a > .Bookcover {
  transition: opacity 0.2s ease; }

.PurchasedBook-bookcover > a:hover > .Bookcover {
  opacity: 0.8; }

.PurchasedBook a {
  color: currentColor;
  text-decoration: none; }

.PurchasedBookCarouselItem {
  width: 180px; }

.PurchasedCollection-inner {
  margin-top: 20px;
  min-height: 305px; }

.ReadingListCollection-inner {
  margin-top: 20px;
  min-height: 305px; }

.RecentlyOpenedBook-info {
  margin-top: 14px; }

.RecentlyOpenedBook-title,
.RecentlyOpenedBook-percentCompleted {
  margin: 0;
  width: 100%;
  max-width: 133px;
  overflow: hidden;
  text-overflow: ellipsis; }

.RecentlyOpenedBook-percentCompleted {
  color: #92949c; }

.RecentlyOpenedBook a {
  color: currentColor;
  text-decoration: none; }

.RecentlyOpenedBookCarouselItem {
  width: 180px; }

.RecentlyOpenedItems[has-books="true"] {
  min-height: 305px; }

.RecentlyOpenedItems-inner {
  margin-top: 20px; }

.RecentlyOpenedItems-noBooks-inner {
  max-width: 400px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  background-color: white;
  margin-top: 40px;
  margin-bottom: 20px; }
  .RecentlyOpenedItems-noBooks-inner:before,
  .RecentlyOpenedItems-noBooks-inner:after {
    display: table;
    content: ""; }
  .RecentlyOpenedItems-noBooks-inner:after {
    clear: both; }

.RecentlyOpenedItems-noBooks-content {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center; }

.RecentlyOpenedItems-noBooks-link {
  font-weight: bold;
  color: currentColor; }

.RecentlyViewedBooksList-inner {
  margin-top: 20px;
  min-height: 305px; }

.RelatedBooksCarouselComponent {
  width: 180px; }

.SingleBookSeries {
  border-bottom: 1px solid #ccd0d8;
  padding: 20px 0 15px; }

.SpotlightBooksPreview-list {
  text-align: right;
  white-space: nowrap; }

.SpotlightBooksPreview-item {
  display: inline-block;
  padding: 4px 23px 0; }
  .SpotlightBooksPreview-item > a > .Bookcover {
    transition: opacity 0.2s ease; }
  .SpotlightBooksPreview-item > a:hover > .Bookcover {
    opacity: 0.8; }
  @media (max-width: 1200px) {
    .SpotlightBooksPreview-item:nth-child(3) {
      display: none; } }

.WhatIsOyster {
  width: 100%;
  display: inline-block; }
  .WhatIsOyster-header {
    text-align: center;
    margin-bottom: 25px; }
    .WhatIsOyster-header .Logo {
      margin: auto;
      height: 36px;
      width: 36px;
      fill: #42444c; }
    .WhatIsOyster-header > p {
      color: #42444c; }
  .WhatIsOyster-list {
    text-align: left;
    color: #92949c;
    list-style: none;
    font-size: 14px;
    line-height: 20px; }
    .WhatIsOyster-list > li {
      margin-bottom: 10px;
      padding-left: 30px;
      position: relative; }
      .WhatIsOyster-list > li svg {
        height: 14px;
        position: absolute;
        left: 0;
        top: 4px; }
        .WhatIsOyster-list > li svg path {
          fill: #42444c; }
      .WhatIsOyster-list > li:last-child {
        margin-bottom: 0; }

.OR {
  -webkit-font-smoothing: auto; }
  .OR-body {
    min-height: 800px; }

.ORArchives {
  text-align: center; }
  .ORArchives-inner {
    margin-bottom: 40px; }
  .ORArchives-postTypes-inner {
    max-width: 1008px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ORArchives-postTypes-inner:before,
    .ORArchives-postTypes-inner:after {
      display: table;
      content: ""; }
    .ORArchives-postTypes-inner:after {
      clear: both; }
  .ORArchives-postTypes-content {
    max-width: 1008px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .ORArchives-postTypes-content:before,
    .ORArchives-postTypes-content:after {
      display: table;
      content: ""; }
    .ORArchives-postTypes-content:after {
      clear: both; }
  .ORArchives-listings-inner {
    max-width: 1008px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ORArchives-listings-inner:before,
    .ORArchives-listings-inner:after {
      display: table;
      content: ""; }
    .ORArchives-listings-inner:after {
      clear: both; }

.ORArchivesCategory-inner {
  margin-top: 50px; }

.ORArchivesCategory-content {
  max-width: 1008px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .ORArchivesCategory-content:before,
  .ORArchivesCategory-content:after {
    display: table;
    content: ""; }
  .ORArchivesCategory-content:after {
    clear: both; }

.ORArchivesCategory-post {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
  -webkit-flex: 1 1 261px;
  -ms-flex: 1 1 261px;
  flex: 1 1 261px;
  max-width: 33%; }
  @media (max-width: 1008px) {
    .ORArchivesCategory-post {
      max-width: 50%; } }
  @media (max-width: 504px) {
    .ORArchivesCategory-post {
      max-width: 100%; } }

.ORArchivesCategoryLoading-inner {
  margin-top: 50px;
  margin-bottom: 50px; }

.ORArchivesCategoryLoading-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .ORArchivesCategoryLoading-content .Spinner {
    margin-left: 0;
    margin-top: 5px; }
    .ORArchivesCategoryLoading-content .Spinner::after {
      background: white; }

.ORArchivesPostType {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-flex: 1 1 261px;
  -ms-flex: 1 1 261px;
  flex: 1 1 261px;
  width: 33%;
  max-width: 33%;
  cursor: pointer;
  color: currentColor;
  text-decoration: none; }
  @media (max-width: 1008px) {
    .ORArchivesPostType {
      max-width: 50%; } }
  @media (max-width: 504px) {
    .ORArchivesPostType {
      max-width: 100%; } }
  .ORArchivesPostType:hover .ORArchivesPostType-inner {
    border-color: #92949c; }
  .ORArchivesPostType:hover .ORArchivesPostType-content > h3 {
    color: #42444c; }
  .ORArchivesPostType[data-is-selected="true"] .ORArchivesPostType-inner {
    border-color: #92949c; }
  .ORArchivesPostType[data-is-selected="true"] .ORArchivesPostType-content > h3 {
    color: #282828; }
  .ORArchivesPostType-inner {
    border: 1px solid #ccd0d8; }
  .ORArchivesPostType-content {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .ORArchivesPostType-content > h3 {
      color: #92949c; }

.ORCarousel {
  overflow: hidden; }
  .ORCarousel[data-is-touch="true"] .ORCarousel-item:first-of-type {
    margin-left: 30px; }
  .ORCarousel[data-is-touch="true"] .ORCarousel-item:last-of-type {
    margin-right: 30px; }
  .ORCarousel-content {
    position: relative;
    border-top: 1px solid #eff0f6;
    border-bottom: 1px solid #eff0f6; }
  .ORCarousel-header-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .ORCarousel-header-title {
    margin-top: 30px;
    margin-bottom: 20px; }
    .ORCarousel-header-title > h3 {
      margin: 0;
      color: #42444c;
      text-align: center; }
  .ORCarousel-body {
    position: relative; }
    .ORCarousel-body-inner {
      width: 100%;
      min-height: 1px;
      margin: 0; }
      .ORCarousel-body-inner:before,
      .ORCarousel-body-inner:after {
        display: table;
        content: ""; }
      .ORCarousel-body-inner:after {
        clear: both; }
    .ORCarousel-body-content {
      padding-left: 1px;
      padding-right: 1px; }
  .ORCarousel-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .ORCarousel-controls-content {
      padding-left: 10px;
      padding-right: 10px; }
    .ORCarousel-controls-control {
      position: absolute;
      z-index: 3; }
      .ORCarousel-controls-control:hover > .ORCarousel-arrow {
        opacity: 1; }
      .ORCarousel-controls-control[data-is-end] {
        display: none; }
      .ORCarousel-controls-control > .ORCarousel-arrow {
        position: absolute;
        top: calc(36% - 10px);
        width: 20px;
        height: 53px;
        opacity: 0.8; }
        .ORCarousel-controls-control > .ORCarousel-arrow > path {
          fill: #92949c; }
    .ORCarousel-controls-control[data-carousel-directive="left"],
    .ORCarousel-controls-control[data-carousel-directive="right"] {
      top: 0;
      bottom: 0;
      background-color: white;
      width: 4em;
      z-index: 20; }
    .ORCarousel-controls-control[data-carousel-directive="left"] {
      left: 0; }
      .ORCarousel-controls-control[data-carousel-directive="left"]::after {
        background: white;
        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        width: 30px;
        right: -30px; }
      .ORCarousel-controls-control[data-carousel-directive="left"] > .ORCarousel-arrow {
        left: 1em;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
    .ORCarousel-controls-control[data-carousel-directive="right"] {
      right: 0; }
      .ORCarousel-controls-control[data-carousel-directive="right"]::before {
        background: white;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        width: 30px;
        left: -30px; }
      .ORCarousel-controls-control[data-carousel-directive="right"] > .ORCarousel-arrow {
        right: 1em; }
  .ORCarousel-list {
    white-space: nowrap;
    padding-bottom: 30px;
    padding-top: 10px;
    position: relative;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .ORCarousel-list > * {
      -webkit-transform: translateZ(0px); }
    .ORCarousel-list-empty {
      color: #ccd0d8;
      text-align: center;
      font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
      margin: 40px 0 60px; }
      .ORCarousel-list-empty > a {
        color: #ccd0d8; }
  .ORCarousel-item {
    position: relative;
    z-index: 10;
    display: inline-block;
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }
    .ORCarousel-item:hover {
      opacity: 0.75; }
    .ORCarousel-item[data-bookcover-size="large"] {
      min-width: 180px; }
      .ORCarousel-item[data-bookcover-size="large"]:first-of-type {
        margin-left: 90px; }
      .ORCarousel-item[data-bookcover-size="large"]:last-of-type {
        margin-right: 90px; }
    .ORCarousel-item:first-child {
      margin-left: 40px; }

.OREmailCapture {
  border-bottom: 1px solid #eff0f6;
  min-height: 140px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .OREmailCapture-inner {
    max-width: 1008px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .OREmailCapture-inner:before,
    .OREmailCapture-inner:after {
      display: table;
      content: ""; }
    .OREmailCapture-inner:after {
      clear: both; }
  .OREmailCapture-content {
    width: 100%; }
    @media (max-width: 600px) {
      .OREmailCapture-content {
        text-align: center; } }
  .OREmailCapture-dismiss {
    position: absolute;
    top: -10px;
    right: 0;
    padding: 10px;
    line-height: 0; }
  .OREmailCapture .CloseIcon {
    height: 13px;
    width: 13px;
    fill: #92949c; }

.OREmailCapturePrompt-title {
  font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
  color: #282828;
  font-weight: bold;
  margin: 0;
  font-size: 30px;
  line-height: 31px; }

.OREmailCapturePrompt-copy {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px; }

.OREmailCapturePrompt-reasoning {
  margin: 2px 0; }

.OREmailCaptureSuccess-title {
  font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
  color: #282828;
  font-weight: bold;
  margin: 0;
  font-size: 30px;
  line-height: 31px; }

.OREmailCaptureSuccess-copy {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px; }

.OREmailCaptureSuccess-reasoning {
  margin: 2px 0 12px; }

.ORFooter {
  background-color: #f9f9f9;
  border-top: 2px solid #eff0f6; }
  .ORFooter-inner {
    max-width: 1008px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 50px; }
    .ORFooter-inner:before,
    .ORFooter-inner:after {
      display: table;
      content: ""; }
    .ORFooter-inner:after {
      clear: both; }
  .ORFooter-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch; }
    @media (max-width: 420px) {
      .ORFooter-content {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .ORFooter-about {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    width: 66%; }
    @media (max-width: 420px) {
      .ORFooter-about {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%; } }
    .ORFooter-about-title-text {
      margin: 0;
      line-height: 24px; }
    .ORFooter-about-body-text {
      margin-top: 0; }
  .ORFooter-sidebar {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 33%;
    text-align: right; }
    @media (max-width: 420px) {
      .ORFooter-sidebar {
        text-align: left; } }
  .ORFooter-sidebar-socialImage {
    margin: 8px 4px;
    width: 18px;
    height: 18px;
    display: inline; }
  .ORFooter-link {
    color: #92949c;
    text-decoration: none; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.ORHeader {
  height: 153px;
  font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
  text-transform: uppercase;
  border-bottom: 2px solid #eff0f6;
  background-color: white;
  z-index: 10;
  transition: background-color 0.25s cubic-bezier(0.09, 0.81, 0.54, 0.99); }
  @media (max-width: 600px) {
    .ORHeader[data-is-post="false"] {
      height: 76.5px; }
      .ORHeader[data-is-post="false"] .ORVerticalLogotypeIcon {
        display: none; }
      .ORHeader[data-is-post="false"] .ORMonogramIcon {
        display: inline-block; }
      .ORHeader[data-is-post="false"] .ORHeader-content {
        padding-top: 0; }
      .ORHeader[data-is-post="false"] .ORHeader-home .ORHeader-link {
        line-height: 86.5px; }
      .ORHeader[data-is-post="false"] .ORHeader-link {
        padding: 20px 0;
        line-height: 72.5px; } }
  .ORHeader[data-is-post="true"] {
    height: 76.5px;
    border-bottom-width: 0px;
    transition: background-color 0.25s ease; }
    @media (max-width: 700px) {
      .ORHeader[data-is-post="true"] .ORHorizontalLogotypeIcon {
        display: none; }
      .ORHeader[data-is-post="true"] .ORMonogramIcon {
        display: inline-block;
        fill: white; } }
    .ORHeader[data-is-post="true"] .ORHorizontalLogotypeIcon {
      fill: white; }
    .ORHeader[data-is-post="true"] .ORHeader-content {
      padding-top: 0; }
    .ORHeader[data-is-post="true"] .ORHeader-home .ORHeader-link {
      line-height: 86.5px; }
    .ORHeader[data-is-post="true"] .ORHeader-link {
      padding: 20px 0;
      line-height: 72.5px;
      color: white; }
  .ORHeader-inner {
    max-width: 1008px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ORHeader-inner:before,
    .ORHeader-inner:after {
      display: table;
      content: ""; }
    .ORHeader-inner:after {
      clear: both; }
  .ORHeader-content {
    padding-top: 19.12px; }
  .ORHeader-home {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center; }
    .ORHeader-home .ORVerticalLogotypeIcon {
      height: 102px;
      width: auto; }
    .ORHeader-home .ORHorizontalLogotypeIcon {
      height: 25.5px;
      width: auto; }
  .ORHeader .ORMonogramIcon {
    display: none;
    fill: #92949c;
    margin-top: 7.65px;
    height: 57.38px;
    width: auto; }
  .ORHeader .ORHorizontalLogotypeIcon {
    fill: #92949c; }
  .ORHeader .ORVerticalLogotypeIcon {
    fill: #92949c; }

.ORHeader-nav,
.ORHeader-oyster,
.ORHeader-home {
  padding-left: 10px;
  padding-right: 10px; }
  @media (max-width: 1008px) {
    .ORHeader-nav,
    .ORHeader-oyster,
    .ORHeader-home {
      padding-left: 20px;
      padding-right: 20px; } }
  .ORHeader-nav > .ORHeader-link,
  .ORHeader-oyster > .ORHeader-link,
  .ORHeader-home > .ORHeader-link {
    padding-top: 38.25px;
    padding-bottom: 38.25px;
    line-height: 102px;
    white-space: nowrap; }

.ORHeader-link {
  color: #92949c;
  text-decoration: none; }

.ORHeader-oyster {
  float: right; }

.ORHeader-nav {
  float: left; }

.ORHome-row-inner {
  max-width: 1008px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 30px;
  margin-bottom: 30px; }
  .ORHome-row-inner:before,
  .ORHome-row-inner:after {
    display: table;
    content: ""; }
  .ORHome-row-inner:after {
    clear: both; }

.ORHome-row-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }
  @media (max-width: 680px) {
    .ORHome-row-content {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.ORHome-remaining-inner {
  max-width: 1008px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .ORHome-remaining-inner:before,
  .ORHome-remaining-inner:after {
    display: table;
    content: ""; }
  .ORHome-remaining-inner:after {
    clear: both; }

.ORHome-remaining-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.ORHome-endMonogram-inner {
  margin-top: 50px;
  margin-bottom: 50px; }

.ORHome-endMonogram-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.ORHome-endMonogram-svg {
  fill: #ccd0d8;
  width: 50px;
  height: auto; }

.ORHome-post-book {
  position: relative;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2; }
  @media (max-width: 680px) {
    .ORHome-post-book {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%; } }

.ORHome-post-readersGuide {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.ORHome-post-comic,
.ORHome-post-fiveBooks,
.ORHome-post-essay,
.ORHome-post-spotlight {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.ORHome-post-remaining {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
  -webkit-flex: 1 1 261px;
  -ms-flex: 1 1 261px;
  flex: 1 1 261px;
  max-width: 33%; }
  @media (max-width: 1008px) {
    .ORHome-post-remaining {
      max-width: 50%; } }
  @media (max-width: 504px) {
    .ORHome-post-remaining {
      max-width: 100%; } }

.ORHomeBookPost {
  position: absolute;
  height: 100%;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  transition: opacity 0.5s ease; }
  .ORHomeBookPost:hover {
    opacity: 0.75; }
  @media (max-width: 680px) {
    .ORHomeBookPost {
      position: relative;
      margin-bottom: 20px; } }
  @media (max-width: 450px) {
    .ORHomeBookPost .ORHomePost-title > h2 {
      margin-bottom: 5px; } }
  .ORHomeBookPost-inner {
    background-color: rgba(120, 154, 139, 0.2);
    height: 100%; }
  .ORHomeBookPost-content {
    max-width: 1200px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%; }
    .ORHomeBookPost-content:before,
    .ORHomeBookPost-content:after {
      display: table;
      content: ""; }
    .ORHomeBookPost-content:after {
      clear: both; }
    @media (max-width: 680px) {
      .ORHomeBookPost-content {
        padding-top: 20px;
        padding-bottom: 20px; } }
    @media (max-width: 450px) {
      .ORHomeBookPost-content {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 10px; } }
  .ORHomeBookPost-bookcover,
  .ORHomeBookPost-book {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center; }
    @media (max-width: 450px) {
      .ORHomeBookPost-bookcover,
      .ORHomeBookPost-book {
        width: 100%; } }
  .ORHomeBookPost-bookcover .Bookcover {
    margin: 0 auto; }
  .ORHomeBookPost-book {
    padding-left: 10px;
    padding-right: 10px;
    padding-right: 20px; }
    @media (max-width: 700px) {
      .ORHomeBookPost-book {
        padding-right: 10px; } }
    @media (max-width: 450px) {
      .ORHomeBookPost-book {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 100%;
        padding-top: 10px; } }
  .ORHomeBookPost-excerpt {
    text-align: left;
    color: #282828; }
    @media (max-width: 450px) {
      .ORHomeBookPost-excerpt {
        text-align: center; } }
  .ORHomeBookPost-authors {
    color: #282828; }
  .ORHomeBookPost-stamp {
    position: absolute;
    left: 17%;
    top: -50px;
    width: 100px;
    height: 100px; }
    @media (max-width: 450px) {
      .ORHomeBookPost-stamp {
        display: none; } }
  .ORHomeBookPost-stampLink {
    display: block; }
    @media (max-width: 1008px) {
      .ORHomeBookPost-stampLink {
        display: none; } }
  .ORHomeBookPost a {
    color: currentColor;
    text-decoration: none; }

.ORHomeHeroPost {
  margin-top: 53px; }
  .ORHomeHeroPost-inner {
    max-width: 1008px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-bottom: 10px; }
    .ORHomeHeroPost-inner:before,
    .ORHomeHeroPost-inner:after {
      display: table;
      content: ""; }
    .ORHomeHeroPost-inner:after {
      clear: both; }
    @media (max-width: 480px) {
      .ORHomeHeroPost-inner {
        margin-bottom: 0; } }
  .ORHomeHeroPost-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    transition: opacity 0.5s ease; }
    .ORHomeHeroPost-content:hover {
      opacity: 0.75; }
    .ORHomeHeroPost-content > img {
      width: 100%;
      height: auto;
      transition: opacity 0.2s ease; }
  .ORHomeHeroPost-excerpt-inner {
    max-width: 672px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ORHomeHeroPost-excerpt-inner:before,
    .ORHomeHeroPost-excerpt-inner:after {
      display: table;
      content: ""; }
    .ORHomeHeroPost-excerpt-inner:after {
      clear: both; }
  .ORHomeHeroPost-excerpt-content {
    padding-left: 10px;
    padding-right: 10px;
    color: #282828; }
  .ORHomeHeroPost a {
    color: currentColor;
    text-decoration: none; }

.ORHomeNowOnOysterPost {
  margin-top: 30px;
  margin-bottom: 60px;
  min-height: 180px;
  background-color: #ccd0d8; }
  .ORHomeNowOnOysterPost-inner {
    max-width: 1050px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ORHomeNowOnOysterPost-inner:before,
    .ORHomeNowOnOysterPost-inner:after {
      display: table;
      content: ""; }
    .ORHomeNowOnOysterPost-inner:after {
      clear: both; }
  .ORHomeNowOnOysterPost-content {
    width: 100%;
    min-height: 1px;
    margin: 0; }
    .ORHomeNowOnOysterPost-content:before,
    .ORHomeNowOnOysterPost-content:after {
      display: table;
      content: ""; }
    .ORHomeNowOnOysterPost-content:after {
      clear: both; }
  .ORHomeNowOnOysterPost-header {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 100px;
    bottom: 0;
    width: 175px;
    text-align: center;
    margin-top: 100px; }
    @media (max-width: 500px) {
      .ORHomeNowOnOysterPost-header {
        left: 80px; } }
    .ORHomeNowOnOysterPost-header svg {
      fill: white; }
  .ORHomeNowOnOysterPost-link {
    text-decoration: none;
    color: #92949c; }
  .ORHomeNowOnOysterPost-viewAll {
    display: inline-block;
    margin-top: 40px; }
  .ORHomeNowOnOysterPost .ORCarousel-controls-control[data-carousel-directive="left"] {
    background-color: #ccd0d8; }
    .ORHomeNowOnOysterPost .ORCarousel-controls-control[data-carousel-directive="left"]::after {
      background: #ccd0d8;
      background: linear-gradient(to right, #ccd0d8 0%, rgba(204, 208, 216, 0) 100%); }
  .ORHomeNowOnOysterPost .ORCarousel-controls-control[data-carousel-directive="right"] {
    background-color: #ccd0d8; }
    .ORHomeNowOnOysterPost .ORCarousel-controls-control[data-carousel-directive="right"]::before {
      background: #ccd0d8;
      background: linear-gradient(to right, rgba(204, 208, 216, 0) 0%, #ccd0d8 100%); }
  .ORHomeNowOnOysterPost .ORCarousel-content {
    border: none; }
  .ORHomeNowOnOysterPost .ORCarousel-item[data-bookcover-size="large"]:first-of-type {
    margin-left: 320px; }
    @media (max-width: 500px) {
      .ORHomeNowOnOysterPost .ORCarousel-item[data-bookcover-size="large"]:first-of-type {
        margin-left: 100px; } }

.ORNewsletterForm-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 600px) {
    .ORNewsletterForm-content {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.ORNewsletterForm-email {
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 10px; }

.ORNewsletterForm-submit {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px; }
  @media (max-width: 600px) {
    .ORNewsletterForm-submit {
      text-align: center; } }

.ORNewsletterForm .Notice {
  position: absolute;
  right: 0;
  top: -30px;
  text-align: right; }
  .ORNewsletterForm .Notice [data-type="sansmedium"] {
    font-family: OyEsta, EstaPro, Georgia, serif;
    margin: 0; }
  @media (max-width: 500px) {
    .ORNewsletterForm .Notice {
      position: static;
      text-align: center; } }

.ORNewsletterForm input {
  width: 100%; }

.ORNextPost {
  border-top: 2px solid #eff0f6;
  margin-top: 60px; }
  .ORNextPost-inner {
    max-width: 666px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 50px;
    margin-bottom: 100px; }
    .ORNextPost-inner:before,
    .ORNextPost-inner:after {
      display: table;
      content: ""; }
    .ORNextPost-inner:after {
      clear: both; }
  .ORNextPost-content {
    padding-left: 10px;
    padding-right: 10px; }
  .ORNextPost-link {
    text-decoration: none;
    transition: opacity 0.5s ease; }
    .ORNextPost-link:hover .ORNextPost-body {
      opacity: 0.75; }
  .ORNextPost-title {
    text-align: center; }
  .ORNextPost-body-inner {
    max-width: 1200px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    border: 2px solid #eff0f6; }
    .ORNextPost-body-inner:before,
    .ORNextPost-body-inner:after {
      display: table;
      content: ""; }
    .ORNextPost-body-inner:after {
      clear: both; }
  .ORNextPost-body-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 10px;
    min-height: 0;
    min-width: 0; }
    @media (max-width: 600px) {
      .ORNextPost-body-content {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .ORNextPost-body-thumbnail {
    margin-right: 10px; }
    .ORNextPost-body-thumbnail > img {
      width: 100%;
      height: auto;
      min-height: 0;
      min-width: 0; }
  .ORNextPost-body-thumbnail,
  .ORNextPost-body-info {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 600px) {
      .ORNextPost-body-thumbnail,
      .ORNextPost-body-info {
        width: 100%;
        text-align: center; } }
  .ORNextPost-body-title {
    text-align: center; }
    .ORNextPost-body-title-text {
      margin: 3px 0;
      color: #282828;
      font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
      font-size: 25px;
      line-height: 24px; }
  .ORNextPost-body .ORPostType-inner {
    margin-top: 5px; }
  .ORNextPost-excerpt {
    color: #282828; }
    .ORNextPost-excerpt-text {
      margin-bottom: 0; }

.ORPost-divider {
  color: #92949c;
  text-align: center; }

.ORPostAuthors {
  margin: 0;
  text-align: center;
  color: #282828;
  font-style: italic;
  font-family: OyEsta, EstaPro, Georgia, serif; }

.ORPostBlocks .ORPostHTMLBlock + .ORPostHTMLBlock {
  margin-top: -5px; }

.ORPostBlocks .ORPostHTMLBlock + .ORPostPullQuoteBlock {
  margin-top: -5px; }

.ORPostBlocksLoading-inner {
  margin-top: 50px;
  margin-bottom: 50px; }

.ORPostBlocksLoading-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .ORPostBlocksLoading-content .Spinner {
    margin-left: 0;
    margin-top: 5px; }
    .ORPostBlocksLoading-content .Spinner::after {
      background: white; }

.ORPostBookBlock-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 10px;
  margin-bottom: 20px; }
  .ORPostBookBlock-inner:before,
  .ORPostBookBlock-inner:after {
    display: table;
    content: ""; }
  .ORPostBookBlock-inner:after {
    clear: both; }

.ORPostBookBlock-content {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 40px;
  border-top: 1px solid #eff0f6; }

.ORPostBookBlock-bookcover .Bookcover {
  margin: 0 auto;
  transition: opacity 0.2s ease; }

.ORPostBookBlock-info {
  text-align: center;
  margin-top: 90px; }
  @media (max-width: 500px) {
    .ORPostBookBlock-info {
      margin-top: 50px; } }

.ORPostBookBlock-bookcover,
.ORPostBookBlock-meta {
  float: left;
  width: 50%; }
  @media (max-width: 500px) {
    .ORPostBookBlock-bookcover,
    .ORPostBookBlock-meta {
      width: 100%; } }

.ORPostBookBlock-title {
  text-align: center;
  margin-bottom: 30px; }
  .ORPostBookBlock-title-text {
    margin: 0; }

.ORPostBookBlock-oysterBook {
  margin-bottom: 40px; }
  @media (max-width: 500px) {
    .ORPostBookBlock-oysterBook {
      margin-bottom: 0; } }
  .ORPostBookBlock-oysterBook-author {
    color: #92949c; }

.ORPostBookBlock-summary > p {
  margin: 0; }

.ORPostBookBlock-actions {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center; }
  .ORPostBookBlock-actions button {
    margin: 5px 0; }

.ORPostBookBlock a {
  color: currentColor; }

.ORPostHTMLBlock-inner {
  max-width: 666px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .ORPostHTMLBlock-inner:before,
  .ORPostHTMLBlock-inner:after {
    display: table;
    content: ""; }
  .ORPostHTMLBlock-inner:after {
    clear: both; }

.ORPostHTMLBlock-content {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  line-height: 28px; }
  @media (max-width: 666px) {
    .ORPostHTMLBlock-content {
      padding-left: 5vw;
      padding-right: 5vw; } }

.ORPostHTMLBlock a {
  color: currentColor; }

.ORPostHeader {
  overflow: hidden; }
  .ORPostHeader[data-isfullwidth="true"] .ORPostHeader-hero {
    min-height: 120px; }
    .ORPostHeader[data-isfullwidth="true"] .ORPostHeader-hero-content > img {
      width: 100%;
      height: auto; }
  .ORPostHeader[data-isfullwidth="true"] .ORPostHeader-content {
    background-color: white; }
  .ORPostHeader[data-isfullwidth="true"] .ORPostHeader-titles {
    max-width: 800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: -120px; }
    .ORPostHeader[data-isfullwidth="true"] .ORPostHeader-titles:before,
    .ORPostHeader[data-isfullwidth="true"] .ORPostHeader-titles:after {
      display: table;
      content: ""; }
    .ORPostHeader[data-isfullwidth="true"] .ORPostHeader-titles:after {
      clear: both; }
  .ORPostHeader[data-isfullwidth="false"] .ORPostHeader-hero-inner {
    max-width: 1008px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ORPostHeader[data-isfullwidth="false"] .ORPostHeader-hero-inner:before,
    .ORPostHeader[data-isfullwidth="false"] .ORPostHeader-hero-inner:after {
      display: table;
      content: ""; }
    .ORPostHeader[data-isfullwidth="false"] .ORPostHeader-hero-inner:after {
      clear: both; }
  .ORPostHeader-hero-content {
    text-align: center;
    max-height: 500px;
    overflow: hidden; }
    .ORPostHeader-hero-content > img {
      width: 100%;
      max-width: 100%;
      height: auto;
      transition: opacity 0.2s ease; }
  .ORPostHeader-inner {
    max-width: 866px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    background-color: white; }
    .ORPostHeader-inner:before,
    .ORPostHeader-inner:after {
      display: table;
      content: ""; }
    .ORPostHeader-inner:after {
      clear: both; }

.ORPostImageBlock {
  margin-top: 20px;
  margin-bottom: 20px; }
  .ORPostImageBlock[data-image-layout="fullWidth"] .ORPostImageBlock-inner {
    width: 100%;
    min-height: 1px;
    margin: 0; }
    .ORPostImageBlock[data-image-layout="fullWidth"] .ORPostImageBlock-inner:before,
    .ORPostImageBlock[data-image-layout="fullWidth"] .ORPostImageBlock-inner:after {
      display: table;
      content: ""; }
    .ORPostImageBlock[data-image-layout="fullWidth"] .ORPostImageBlock-inner:after {
      clear: both; }
  .ORPostImageBlock[data-image-layout="landscape"] .ORPostImageBlock-inner {
    max-width: 1008px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ORPostImageBlock[data-image-layout="landscape"] .ORPostImageBlock-inner:before,
    .ORPostImageBlock[data-image-layout="landscape"] .ORPostImageBlock-inner:after {
      display: table;
      content: ""; }
    .ORPostImageBlock[data-image-layout="landscape"] .ORPostImageBlock-inner:after {
      clear: both; }
  .ORPostImageBlock[data-image-layout="portrait"] .ORPostImageBlock-inner {
    max-width: 550px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ORPostImageBlock[data-image-layout="portrait"] .ORPostImageBlock-inner:before,
    .ORPostImageBlock[data-image-layout="portrait"] .ORPostImageBlock-inner:after {
      display: table;
      content: ""; }
    .ORPostImageBlock[data-image-layout="portrait"] .ORPostImageBlock-inner:after {
      clear: both; }
  .ORPostImageBlock[data-image-layout="portrait"] .ORPostImageBlock-content {
    padding-left: 10px;
    padding-right: 10px; }
  .ORPostImageBlock-caption-text {
    color: #42444c; }
    .ORPostImageBlock-caption-text::after {
      content: '. '; }
  .ORPostImageBlock-credit {
    color: #92949c; }
    .ORPostImageBlock-credit-link {
      color: #92949c;
      text-decoration: none; }
    .ORPostImageBlock-credit::after {
      content: '. '; }
  .ORPostImageBlock img {
    width: 100%;
    height: auto;
    transition: opacity 0.2s ease; }

.ORPostOysterlistBlock-inner {
  max-width: 1008px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 10px;
  margin-bottom: 10px; }
  .ORPostOysterlistBlock-inner:before,
  .ORPostOysterlistBlock-inner:after {
    display: table;
    content: ""; }
  .ORPostOysterlistBlock-inner:after {
    clear: both; }

.ORPostPublishDate {
  color: #92949c;
  text-align: center; }

.ORPostPullQuoteBlock-inner {
  max-width: 800px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 30px;
  margin-bottom: 30px; }
  .ORPostPullQuoteBlock-inner:before,
  .ORPostPullQuoteBlock-inner:after {
    display: table;
    content: ""; }
  .ORPostPullQuoteBlock-inner:after {
    clear: both; }

.ORPostPullQuoteBlock-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  color: #92949c; }
  .ORPostPullQuoteBlock-content::after,
  .ORPostPullQuoteBlock-content::before {
    content: '\22EF';
    text-align: center; }

.ORPostPullQuoteBlock-text {
  margin: 3.33px 0;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: 0.1px;
  font-family: OyEsta, EstaPro, Georgia, serif;
  font-style: italic; }
  @media (max-width: 600px) {
    .ORPostPullQuoteBlock-text {
      font-size: 24px;
      line-height: 30px; } }

.ORPostSubtitle-inner {
  max-width: 484px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 20px;
  margin-bottom: 20px; }
  .ORPostSubtitle-inner:before,
  .ORPostSubtitle-inner:after {
    display: table;
    content: ""; }
  .ORPostSubtitle-inner:after {
    clear: both; }

.ORPostSubtitle-content {
  padding-left: 10px;
  padding-right: 10px; }

.ORPostSubtitle-text {
  text-align: center;
  margin: 0;
  color: #42444c; }

.ORPostThumbnail-inner {
  margin-bottom: 10px; }

.ORPostThumbnail-link {
  transition: opacity 0.5s ease;
  text-decoration: none;
  display: block; }
  .ORPostThumbnail-link:hover {
    opacity: 0.75; }

.ORPostThumbnail-content {
  text-align: center;
  color: #282828; }

.ORPostThumbnail-image {
  width: 100%;
  height: auto; }

.ORPostThumbnail-title {
  margin-bottom: 3.33px; }
  .ORPostThumbnail-title > h2 {
    font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
    color: #282828;
    font-weight: bold;
    margin: 0;
    font-size: 30px;
    line-height: 33px; }

.ORPostTitle-inner {
  margin-top: 10px;
  margin-bottom: 20px; }

.ORPostTitle-text {
  margin: 0;
  font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
  text-align: center;
  color: #282828; }

.ORPostType-inner {
  margin: 24px 0 10px; }

.ORPostType-text {
  margin: 0;
  text-align: center;
  color: #92949c; }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.ORSubmitButton {
  position: relative;
  overflow: hidden;
  height: 58px;
  width: 200px;
  transition: 0.4s cubic-bezier(0.17, 0.89, 0.32, 1.27) all;
  background-color: black;
  color: white;
  text-transform: uppercase;
  cursor: pointer;
  font-family: OySackerGothic, OyAkkurat, Akkurat Pro, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
  border: none;
  text-decoration: none; }
  .ORSubmitButton:focus {
    outline: none; }
  .ORSubmitButton-label {
    position: relative;
    padding-left: 20px;
    padding-right: 20px; }
  .ORSubmitButton-spinner {
    position: absolute;
    top: 50%;
    left: calc(50% - 12px);
    margin-left: 0;
    margin-top: 5px;
    border-radius: 50%;
    background: linear-gradient(to right, white 10%, rgba(255, 255, 255, 0) 46%);
    opacity: 0;
    pointer-events: none;
    width: 20px;
    height: 20px;
    -webkit-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear; }
    .ORSubmitButton-spinner::before {
      width: 50%;
      height: 50%;
      border-radius: 100% 0 0 0;
      position: absolute;
      top: 0;
      left: 0;
      content: ''; }
    .ORSubmitButton-spinner::after {
      background: black;
      width: 75%;
      height: 75%;
      border-radius: 50%;
      content: '';
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  .ORSubmitButton[disabled] {
    background-color: #ccd0d8;
    color: white; }
  .ORSubmitButton[data-is-submitting="true"] {
    cursor: auto;
    background-color: black; }
    .ORSubmitButton[data-is-submitting="true"] .ORSubmitButton-label {
      opacity: 0; }
    .ORSubmitButton[data-is-submitting="true"] .ORSubmitButton-spinner {
      opacity: 1;
      top: 25%; }
  .ORSubmitButton[data-is-submitting="false"]:hover {
    opacity: 0.8; }

.ORTouchEmailCapturePrompt {
  text-align: center; }
  .ORTouchEmailCapturePrompt-inner {
    margin-top: 6px;
    margin-bottom: 6px; }
  .ORTouchEmailCapturePrompt a {
    color: #282828; }

.ORWidgetEmailInput > input {
  border: 1px solid white;
  border-radius: 5px;
  background-color: white;
  font-size: 18px;
  color: black;
  height: 58px;
  padding-left: 20px;
  padding-right: 20px; }

.JoinLegacy {
  position: relative;
  overflow: hidden; }
  .JoinLegacy-inner {
    background-color: rgba(22, 38, 64, 0.95); }
  .JoinLegacy-content {
    min-height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-top: 0; }
    @media (min-width: 420px) {
      .JoinLegacy-content {
        padding-top: 50px; } }
  .JoinLegacy .FBButton,
  .JoinLegacy .SubmitButton {
    width: 220px; }

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .JoinLegacy-content {
    min-height: 1024px !important; } }

.JoinLegacyAuthentication-statement-title {
  margin-top: 0; }

.JoinLegacyAuthentication-points {
  text-align: left; }
  .JoinLegacyAuthentication-points-inner {
    max-width: 230px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .JoinLegacyAuthentication-points-inner:before,
    .JoinLegacyAuthentication-points-inner:after {
      display: table;
      content: ""; }
    .JoinLegacyAuthentication-points-inner:after {
      clear: both; }
  .JoinLegacyAuthentication-points-item {
    position: relative;
    margin: 6px 0; }
    .JoinLegacyAuthentication-points-item > span {
      display: block; }
  .JoinLegacyAuthentication-points .CheckmarkIcon {
    position: absolute;
    height: 30px;
    width: 30px;
    left: -30px;
    margin-top: -3px;
    fill: #16d4d9; }

.JoinLegacyAuthenticationDivider {
  height: 1px;
  background-color: #eff0f6;
  position: relative; }
  .JoinLegacyAuthenticationDivider > span {
    position: absolute;
    left: calc(50% - 20px);
    top: -10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    color: #92949c; }

.JoinLegacyBooks {
  position: absolute;
  top: 0;
  left: -100px;
  right: -150px;
  bottom: 0;
  z-index: -1;
  -webkit-filter: grayscale(1) blur(3px);
  filter: grayscale(1) blur(3px); }
  .JoinLegacyBooks-bookcover {
    display: inline-block;
    position: relative;
    top: -50px;
    padding-right: 50px;
    padding-bottom: 50px; }

.JoinLegacyConfirmation-inner {
  max-width: 540px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .JoinLegacyConfirmation-inner:before,
  .JoinLegacyConfirmation-inner:after {
    display: table;
    content: ""; }
  .JoinLegacyConfirmation-inner:after {
    clear: both; }

.JoinLegacyConfirmation-content {
  text-align: center; }

.JoinLegacyConfirmation-card {
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease;
  background-color: white;
  border-radius: 5px; }

.JoinLegacyConfirmation-message-inner {
  max-width: 400px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 30px; }
  .JoinLegacyConfirmation-message-inner:before,
  .JoinLegacyConfirmation-message-inner:after {
    display: table;
    content: ""; }
  .JoinLegacyConfirmation-message-inner:after {
    clear: both; }

.JoinLegacyConfirmation-message-content {
  padding-left: 10px;
  padding-right: 10px; }

.JoinLegacyConfirmation-message-title {
  margin-top: 0; }

.JoinLegacyConfirmation-links-content {
  padding: 0 10px; }

.JoinLegacyConfirmation-downloadImage {
  display: inline-block;
  width: 150px;
  height: auto;
  margin: 5px; }

.JoinLegacyConfirmation-explore-inner {
  margin-top: 20px;
  margin-bottom: 20px; }

.JoinLegacyConfirmation-explore-link {
  color: #92949c;
  padding: 10px; }

.JoinLegacyHeader {
  background-color: #134ac0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .JoinLegacyHeader-inner {
    margin-top: 6px;
    margin-bottom: 0; }
  .JoinLegacyHeader-content {
    text-align: center; }
  .JoinLegacyHeader-banner {
    background-color: white;
    color: #16d4d9;
    text-align: center;
    position: absolute;
    top: 22px;
    right: 0;
    white-space: nowrap;
    font-weight: bold;
    padding: 0 5px;
    line-height: 27px; }
    @media (min-width: 500px) {
      .JoinLegacyHeader-banner {
        right: -5px; } }
    .JoinLegacyHeader-banner::after,
    .JoinLegacyHeader-banner::before {
      position: absolute;
      background-color: transparent;
      width: 0;
      height: 0;
      left: -10px;
      content: ""; }
    .JoinLegacyHeader-banner::before {
      border-top: 27px solid white;
      border-left: 10px solid transparent; }
    .JoinLegacyHeader-banner::after {
      border-bottom: 27px solid white;
      border-left: 10px solid transparent; }
  .JoinLegacyHeader .Logo {
    height: 60px;
    width: 60px;
    fill: white; }

.JoinLegacyPoints {
  color: white; }
  .JoinLegacyPoints-inner {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px; }
    .JoinLegacyPoints-inner:before,
    .JoinLegacyPoints-inner:after {
      display: table;
      content: ""; }
    .JoinLegacyPoints-inner:after {
      clear: both; }
  .JoinLegacyPoints-image {
    display: inline-block;
    max-height: 50px;
    max-width: 150px;
    width: auto;
    margin-top: 10px; }
    .JoinLegacyPoints-image[data-press="techcrunch"] {
      width: 177px;
      height: 25px; }
    .JoinLegacyPoints-image[data-press="chicago-tribune"] {
      width: 78px;
      height: 45px; }
    .JoinLegacyPoints-image[data-press="today"] {
      width: 60px;
      height: 45px; }
  .JoinLegacyPoints-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    @media (max-width: 600px) {
      .JoinLegacyPoints-list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .JoinLegacyPoints-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
    padding: 0 20px; }
    @media (max-width: 600px) {
      .JoinLegacyPoints-item {
        width: 100%; } }
    .JoinLegacyPoints-item > p {
      margin-bottom: 0;
      margin-top: 0; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); } }

.JoinLegacyProcess {
  width: 100%; }
  .JoinLegacyProcess[data-is-joined="true"] .JoinLegacyPoints {
    -webkit-animation: fadeOutDown 0.25s ease-in forwards;
    animation: fadeOutDown 0.25s ease-in forwards; }
  .JoinLegacyProcess .JoinLegacyPoints {
    margin-top: 30px;
    margin-bottom: 30px; }

.JoinLegacySignin-inner {
  max-width: 400px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .JoinLegacySignin-inner:before,
  .JoinLegacySignin-inner:after {
    display: table;
    content: ""; }
  .JoinLegacySignin-inner:after {
    clear: both; }

.JoinLegacySignin-card {
  background-color: white;
  border-radius: 5px;
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease; }

.JoinLegacySignin-withFacebook,
.JoinLegacySignin-withEmail {
  text-align: center;
  color: #92949c; }
  .JoinLegacySignin-withFacebook-message,
  .JoinLegacySignin-withEmail-message {
    margin: 0; }

.JoinLegacySignin-withFacebook-inner {
  margin-top: 20px;
  margin-bottom: 30px; }

.JoinLegacySignin-withFacebook-message {
  margin-bottom: 10px; }

.JoinLegacySignin-withEmail-inner {
  max-width: 360px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 30px;
  margin-bottom: 30px; }
  .JoinLegacySignin-withEmail-inner:before,
  .JoinLegacySignin-withEmail-inner:after {
    display: table;
    content: ""; }
  .JoinLegacySignin-withEmail-inner:after {
    clear: both; }

.JoinLegacySignin-signUp {
  color: #92949c;
  text-align: center; }
  .JoinLegacySignin-signUp-inner {
    max-width: 280px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .JoinLegacySignin-signUp-inner:before,
    .JoinLegacySignin-signUp-inner:after {
      display: table;
      content: ""; }
    .JoinLegacySignin-signUp-inner:after {
      clear: both; }
  .JoinLegacySignin-signUp a {
    cursor: pointer;
    color: #42444c;
    text-decoration: underline; }

.JoinLegacySignup-inner {
  max-width: 400px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .JoinLegacySignup-inner:before,
  .JoinLegacySignup-inner:after {
    display: table;
    content: ""; }
  .JoinLegacySignup-inner:after {
    clear: both; }

.JoinLegacySignup-card {
  background-color: white;
  border-radius: 5px;
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease; }

.JoinLegacySignup-fbCreateUser-inner {
  margin-top: 10px;
  margin-bottom: 20px; }

.JoinLegacySignup-createUser-inner {
  margin-top: 30px;
  margin-bottom: 10px; }

.JoinLegacySignup-createUser-content {
  padding-left: 10px;
  padding-right: 10px; }

.JoinLegacySignup-createUser-message {
  text-align: center;
  color: #92949c; }

.JoinLegacySignup-whySignup {
  color: #92949c;
  text-align: center; }

.JoinLegacySignup-afterCard {
  text-align: center;
  color: white; }

.JoinLegacySignup-legal,
.JoinLegacySignup-signIn {
  color: #92949c;
  text-align: center; }
  .JoinLegacySignup-legal-inner,
  .JoinLegacySignup-signIn-inner {
    max-width: 280px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .JoinLegacySignup-legal-inner:before,
    .JoinLegacySignup-legal-inner:after,
    .JoinLegacySignup-signIn-inner:before,
    .JoinLegacySignup-signIn-inner:after {
      display: table;
      content: ""; }
    .JoinLegacySignup-legal-inner:after,
    .JoinLegacySignup-signIn-inner:after {
      clear: both; }
  .JoinLegacySignup-legal a,
  .JoinLegacySignup-signIn a {
    cursor: pointer;
    color: #42444c;
    text-decoration: underline; }

.JoinLegacyStatement {
  text-align: center;
  color: #92949c; }
  .JoinLegacyStatement-inner {
    max-width: 340px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px; }
    .JoinLegacyStatement-inner:before,
    .JoinLegacyStatement-inner:after {
      display: table;
      content: ""; }
    .JoinLegacyStatement-inner:after {
      clear: both; }

.JoinLegacySubscription-inner {
  max-width: 460px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .JoinLegacySubscription-inner:before,
  .JoinLegacySubscription-inner:after {
    display: table;
    content: ""; }
  .JoinLegacySubscription-inner:after {
    clear: both; }

.JoinLegacySubscription-message-inner {
  max-width: 415px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .JoinLegacySubscription-message-inner:before,
  .JoinLegacySubscription-message-inner:after {
    display: table;
    content: ""; }
  .JoinLegacySubscription-message-inner:after {
    clear: both; }

.JoinLegacySubscription-message-content {
  padding-left: 10px;
  padding-right: 10px; }

.JoinLegacySubscription-card {
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease;
  background-color: white;
  border-radius: 5px;
  text-align: center; }

.JoinLegacySubscription-subscriptionCreateForm-inner {
  max-width: 460px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 10px; }
  .JoinLegacySubscription-subscriptionCreateForm-inner:before,
  .JoinLegacySubscription-subscriptionCreateForm-inner:after {
    display: table;
    content: ""; }
  .JoinLegacySubscription-subscriptionCreateForm-inner:after {
    clear: both; }

.JoinLegacySubscription-subscriptionCreateForm-content {
  padding-bottom: 5px; }

.JoinLegacySubscription-legal {
  color: #92949c;
  text-align: center; }
  .JoinLegacySubscription-legal-inner {
    max-width: 410px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .JoinLegacySubscription-legal-inner:before,
    .JoinLegacySubscription-legal-inner:after {
      display: table;
      content: ""; }
    .JoinLegacySubscription-legal-inner:after {
      clear: both; }
  .JoinLegacySubscription-legal a {
    color: #42444c; }

.JoinLegacySubscription-hasSubscription-inner {
  max-width: 360px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 20px; }
  .JoinLegacySubscription-hasSubscription-inner:before,
  .JoinLegacySubscription-hasSubscription-inner:after {
    display: table;
    content: ""; }
  .JoinLegacySubscription-hasSubscription-inner:after {
    clear: both; }

.JoinLegacySubscription-hasSubscription-content {
  padding-left: 10px;
  padding-right: 10px; }

.JoinLegacySubscription-hasSubscription-link {
  color: #134ac0;
  padding: 10px; }

.JoinLegacySubscription .MericaIcon {
  width: 14px;
  height: 9px; }

.Welcome .WelcomeAuthor01 + :not(.WelcomeAuthor01) {
  margin-top: -2px;
  position: relative; }

.WelcomeAuthor01 {
  color: #282828; }
  .WelcomeAuthor01-inner {
    max-width: 1010px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 50px;
    margin-bottom: 40px; }
    .WelcomeAuthor01-inner:before,
    .WelcomeAuthor01-inner:after {
      display: table;
      content: ""; }
    .WelcomeAuthor01-inner:after {
      clear: both; }
    @media (max-width: 500px) {
      .WelcomeAuthor01-inner {
        margin-top: 30px;
        margin-bottom: 20px; } }
  .WelcomeAuthor01-author-inner {
    max-width: 900px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-bottom: 10px; }
    .WelcomeAuthor01-author-inner:before,
    .WelcomeAuthor01-author-inner:after {
      display: table;
      content: ""; }
    .WelcomeAuthor01-author-inner:after {
      clear: both; }
  .WelcomeAuthor01-author-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    padding-right: 10px; }
  .WelcomeAuthor01-author-imageFrame {
    height: 85px;
    width: 85px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 3px 0 7px rgba(0, 0, 0, 0.15); }
  .WelcomeAuthor01-author-image {
    width: 100%;
    height: auto; }
  .WelcomeAuthor01-author-description {
    margin-left: 20px; }
  .WelcomeAuthor01-author-name {
    margin: 0; }
  .WelcomeAuthor01-author-paragraph {
    margin: 10px 0; }
  .WelcomeAuthor01-divider {
    max-width: 1270px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    height: 2px;
    background-color: #eff0f6; }
    .WelcomeAuthor01-divider:before,
    .WelcomeAuthor01-divider:after {
      display: table;
      content: ""; }
    .WelcomeAuthor01-divider:after {
      clear: both; }

.WelcomeAuthorCarouselItem {
  width: 180px; }

.WelcomeBooks01-item-inner {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .WelcomeBooks01-item-inner:before,
  .WelcomeBooks01-item-inner:after {
    display: table;
    content: ""; }
  .WelcomeBooks01-item-inner:after {
    clear: both; }

.WelcomeBooks01-item-content {
  border-bottom: 1px solid #eff0f6; }

.WelcomeBooks01-item:last-child .WelcomeBooks01-item-content {
  border-bottom: none; }

.WelcomeBooks01Book-inner {
  max-width: 1220px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 60px;
  margin-bottom: 40px; }
  .WelcomeBooks01Book-inner:before,
  .WelcomeBooks01Book-inner:after {
    display: table;
    content: ""; }
  .WelcomeBooks01Book-inner:after {
    clear: both; }
  @media (max-width: 550px) {
    .WelcomeBooks01Book-inner {
      margin-top: 40px;
      margin-bottom: 30px; } }

.WelcomeBooks01Book-content {
  padding-left: 10px;
  padding-right: 10px; }

.WelcomeBooks01Book-book {
  max-width: 606px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .WelcomeBooks01Book-book:before,
  .WelcomeBooks01Book-book:after {
    display: table;
    content: ""; }
  .WelcomeBooks01Book-book:after {
    clear: both; }
  @media (max-width: 550px) {
    .WelcomeBooks01Book-book {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      text-align: center; } }

.WelcomeBooks01Book-info,
.WelcomeBooks01Book-bookcover {
  padding: 0 20px; }

.WelcomeBooks01Book-bookcover {
  margin-bottom: 20px;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.WelcomeBooks01Book-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 550px) {
    .WelcomeBooks01Book-info {
      text-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center; } }

.WelcomeBooks01Book-title,
.WelcomeBooks01Book-author {
  margin: 0; }

.WelcomeBooks01Book-title {
  line-height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 325px;
  overflow: hidden; }
  @media (max-width: 650px) {
    .WelcomeBooks01Book-title {
      width: 200px; } }

.WelcomeBooks01Book-author {
  color: #92949c; }

.WelcomeBooks01Book-synopsis {
  margin: 26px 0; }
  .WelcomeBooks01Book-synopsis-link {
    color: #134ac0; }

.WelcomeHero {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #0d1726; }
  .WelcomeHero[data-is-tall="true"] {
    min-height: 70vh; }
    @media (max-width: 700px) {
      .WelcomeHero[data-is-tall="true"] {
        min-height: auto; } }
    .WelcomeHero[data-is-tall="true"] .WelcomeHero-inner {
      margin-top: 80px; }
      @media (max-width: 700px) {
        .WelcomeHero[data-is-tall="true"] .WelcomeHero-inner {
          margin-top: 40px; } }
  .WelcomeHero-inner {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 50px;
    margin-bottom: 50px; }
    .WelcomeHero-inner:before,
    .WelcomeHero-inner:after {
      display: table;
      content: ""; }
    .WelcomeHero-inner:after {
      clear: both; }
    @media (max-width: 700px) {
      .WelcomeHero-inner {
        margin-top: 40px;
        margin-bottom: 40px; } }
  .WelcomeHero-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: white; }
  .WelcomeHero-logo {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center; }
    @media (max-height: 750px) {
      .WelcomeHero-logo {
        display: none; } }
    @media (max-width: 700px) {
      .WelcomeHero-logo {
        display: none; } }
    .WelcomeHero-logo .Logotype {
      display: inline-block;
      width: 150px;
      height: 50px;
      fill: white; }

.WelcomeHero03 {
  background-color: #00c0c4;
  color: white; }
  .WelcomeHero03-inner {
    margin-top: 50px;
    margin-bottom: 40px; }
  .WelcomeHero03-content {
    text-align: center; }
  .WelcomeHero03 .CarouselArrow {
    fill: white;
    height: 35px;
    width: 35px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.WelcomeHero04NoTouch {
  text-align: center; }
  .WelcomeHero04NoTouch-card-inner {
    max-width: 600px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-bottom: 50px; }
    .WelcomeHero04NoTouch-card-inner:before,
    .WelcomeHero04NoTouch-card-inner:after {
      display: table;
      content: ""; }
    .WelcomeHero04NoTouch-card-inner:after {
      clear: both; }
  .WelcomeHero04NoTouch-card-content {
    padding-left: 10px;
    padding-right: 10px; }
  .WelcomeHero04NoTouch-coverImageFrame {
    overflow: hidden;
    height: 200px;
    width: auto;
    background-repeat: none;
    background-size: cover;
    background-position: center center; }
    @media (max-height: 750px) {
      .WelcomeHero04NoTouch-coverImageFrame {
        height: 100px; } }
  .WelcomeHero04NoTouch-imageFrame {
    position: relative;
    margin: -65px auto 0;
    width: 130px;
    height: 130px;
    border: 2px solid white;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 3px 0 7px rgba(0, 0, 0, 0.15); }
  .WelcomeHero04NoTouch-image {
    width: 100%;
    height: auto; }
  .WelcomeHero04NoTouch-card {
    background-color: #eff0f6; }
  .WelcomeHero04NoTouch-copy {
    margin-top: 20px; }
  .WelcomeHero04NoTouch-heading {
    margin: 20px 0; }
  .WelcomeHero04NoTouch-paragraph {
    font-weight: bold;
    margin: 20px 0; }
  .WelcomeHero04NoTouch-cta {
    margin-top: 10px; }
  .WelcomeHero04NoTouch-logo {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center; }
    @media (max-height: 750px) {
      .WelcomeHero04NoTouch-logo {
        display: none; } }
    .WelcomeHero04NoTouch-logo .Logotype {
      display: inline-block;
      width: 150px;
      height: 50px;
      fill: white; }

.WelcomeHero04Touch {
  background-color: #162640;
  color: white;
  text-align: center;
  background-size: cover;
  background-position: center center; }
  .WelcomeHero04Touch-inner {
    max-width: 600px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 100px;
    margin-bottom: 30px; }
    .WelcomeHero04Touch-inner:before,
    .WelcomeHero04Touch-inner:after {
      display: table;
      content: ""; }
    .WelcomeHero04Touch-inner:after {
      clear: both; }
  .WelcomeHero04Touch-content {
    padding-left: 10px;
    padding-right: 10px; }
  .WelcomeHero04Touch-heading {
    margin: 0 0 20px; }
  .WelcomeHero04Touch-paragraph {
    margin: 20px 0; }
  .WelcomeHero04Touch-cta {
    margin-top: 10px; }
  .WelcomeHero04Touch-logo {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center; }
    .WelcomeHero04Touch-logo .Logotype {
      display: inline-block;
      width: 150px;
      height: 50px;
      fill: white; }

.WelcomeHeroText {
  text-align: center; }
  .WelcomeHeroText-title-inner {
    max-width: 990px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .WelcomeHeroText-title-inner:before,
    .WelcomeHeroText-title-inner:after {
      display: table;
      content: ""; }
    .WelcomeHeroText-title-inner:after {
      clear: both; }
  .WelcomeHeroText-title-content {
    padding-left: 10px;
    padding-right: 10px; }
  .WelcomeHeroText-title-text {
    margin-top: 0;
    margin-bottom: 0;
    font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
    font-weight: bold; }
  .WelcomeHeroText-paragraphs-inner {
    max-width: 620px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 10px;
    margin-bottom: 20px; }
    .WelcomeHeroText-paragraphs-inner:before,
    .WelcomeHeroText-paragraphs-inner:after {
      display: table;
      content: ""; }
    .WelcomeHeroText-paragraphs-inner:after {
      clear: both; }
  .WelcomeHeroText-paragraphs-content {
    padding-left: 10px;
    padding-right: 10px; }

.WelcomeModule01 {
  text-align: center; }
  .WelcomeModule01-inner {
    margin: 40px 0; }
  .WelcomeModule01-question-inner {
    max-width: 600px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .WelcomeModule01-question-inner:before,
    .WelcomeModule01-question-inner:after {
      display: table;
      content: ""; }
    .WelcomeModule01-question-inner:after {
      clear: both; }
  .WelcomeModule01-question-content {
    padding-left: 10px;
    padding-right: 10px;
    font-style: italic;
    font-weight: bold; }
  .WelcomeModule01-question-text {
    margin: 0 0 20px; }
  .WelcomeModule01-question .CarouselArrow {
    height: 35px;
    width: 35px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .WelcomeModule01-answer-inner {
    max-width: 600px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 10px; }
    .WelcomeModule01-answer-inner:before,
    .WelcomeModule01-answer-inner:after {
      display: table;
      content: ""; }
    .WelcomeModule01-answer-inner:after {
      clear: both; }
  .WelcomeModule01-answer-content {
    padding-left: 10px;
    padding-right: 10px; }
  .WelcomeModule01-answer-title-text {
    margin: 20px 0 10px; }
  .WelcomeModule01-answer-description-text {
    margin: 10px 0; }
  .WelcomeModule01-answer-image-inner {
    max-width: 400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .WelcomeModule01-answer-image-inner:before,
    .WelcomeModule01-answer-image-inner:after {
      display: table;
      content: ""; }
    .WelcomeModule01-answer-image-inner:after {
      clear: both; }
  .WelcomeModule01-answer-image-img {
    width: 100%;
    height: auto; }

.WelcomeModule02 {
  color: white;
  position: relative;
  background-color: #16d4d9; }
  .WelcomeModule02-inner {
    max-width: 1200px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 40px;
    margin-bottom: 20px; }
    .WelcomeModule02-inner:before,
    .WelcomeModule02-inner:after {
      display: table;
      content: ""; }
    .WelcomeModule02-inner:after {
      clear: both; }
  .WelcomeModule02-content {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 720px) {
      .WelcomeModule02-content {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 360px; } }
    @media (max-width: 400px) {
      .WelcomeModule02-content {
        padding-left: 40px;
        padding-right: 40px; } }

.WelcomeModule02Section {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2%;
  padding-right: 2vw;
  padding-left: 2%;
  padding-left: 2vw; }
  .WelcomeModule02Section-content {
    text-align: center;
    padding-bottom: 30px; }
  .WelcomeModule02Section-title > h4 {
    margin: 30px 0 20px;
    font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 33px; }
  .WelcomeModule02Section-description > p {
    margin: 10px 0 20px; }
  .WelcomeModule02Section-image {
    width: 100%;
    height: auto; }

.WelcomeModule03 {
  background-color: #162640;
  color: white; }
  .WelcomeModule03-inner {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 80px;
    margin-bottom: 80px; }
    .WelcomeModule03-inner:before,
    .WelcomeModule03-inner:after {
      display: table;
      content: ""; }
    .WelcomeModule03-inner:after {
      clear: both; }
    @media (max-width: 500px) {
      .WelcomeModule03-inner {
        margin-top: 20px;
        margin-bottom: 0; } }
  .WelcomeModule03-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 550px) {
      .WelcomeModule03-list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .WelcomeModule03-item {
    min-width: 300px;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 10px; }
    .WelcomeModule03-item .WelcomeQuoteTouch {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      padding-bottom: 15px; }
      @media (min-width: 550px) {
        .WelcomeModule03-item .WelcomeQuoteTouch {
          border-bottom: none; } }
    .WelcomeModule03-item:last-child .WelcomeQuoteTouch {
      border-bottom: none; }

.WelcomeModule03Quote-touch-source {
  display: inline-block;
  max-width: 150px;
  max-height: 60px;
  width: 100%;
  height: auto;
  opacity: 0.5; }

.WelcomeModule03Quote-noTouch-image {
  max-width: 250px;
  max-height: 100px;
  width: 100%;
  height: auto;
  opacity: 0.5; }

.WelcomeModule03Quote-noTouch-text {
  font-style: italic; }
  .WelcomeModule03Quote-noTouch-text::after {
    content: "”"; }
  .WelcomeModule03Quote-noTouch-text::before {
    content: "“"; }

.WelcomeModule07 {
  background-color: #162640;
  color: white; }
  .WelcomeModule07-inner {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 80px;
    margin-bottom: 80px; }
    .WelcomeModule07-inner:before,
    .WelcomeModule07-inner:after {
      display: table;
      content: ""; }
    .WelcomeModule07-inner:after {
      clear: both; }
    @media (max-width: 500px) {
      .WelcomeModule07-inner {
        margin-top: 20px;
        margin-bottom: 0; } }
  .WelcomeModule07-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 550px) {
      .WelcomeModule07-list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .WelcomeModule07-item {
    min-width: 300px;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    margin: 10px; }
    .WelcomeModule07-item .WelcomeQuoteTouch {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      padding-bottom: 15px; }
      @media (min-width: 550px) {
        .WelcomeModule07-item .WelcomeQuoteTouch {
          border-bottom: none; } }
    .WelcomeModule07-item:last-child .WelcomeQuoteTouch {
      border-bottom: none; }

.WelcomeModule07Quote-touch-paragraph {
  font-style: italic; }
  .WelcomeModule07Quote-touch-paragraph::after {
    content: "”"; }
  .WelcomeModule07Quote-touch-paragraph::before {
    content: "“"; }

.WelcomeModule07Quote-noTouch-stars {
  font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats"; }

.WelcomeModule07Quote-noTouch-divider {
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  border: none; }

.WelcomeModule07Quote-noTouch-heading {
  font-weight: bold; }
  .WelcomeModule07Quote-noTouch-heading::after {
    content: "”"; }
  .WelcomeModule07Quote-noTouch-heading::before {
    content: "“"; }

.WelcomeModule07Quote-noTouch-reveal {
  font-style: italic; }
  .WelcomeModule07Quote-noTouch-reveal::after {
    content: "”"; }
  .WelcomeModule07Quote-noTouch-reveal::before {
    content: "“"; }

.WelcomeNav01 {
  background-color: #134ac0;
  color: white; }
  .WelcomeNav01-inner {
    max-width: 1400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .WelcomeNav01-inner:before,
    .WelcomeNav01-inner:after {
      display: table;
      content: ""; }
    .WelcomeNav01-inner:after {
      clear: both; }
  .WelcomeNav01-content {
    padding-left: 10px;
    padding-right: 10px; }
  .WelcomeNav01-group1 {
    float: left; }
    @media (max-width: 500px) {
      .WelcomeNav01-group1 {
        float: none; } }
  .WelcomeNav01-group2 {
    float: right; }
    @media (max-width: 500px) {
      .WelcomeNav01-group2 {
        display: none; } }
  .WelcomeNav01-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px; }
    @media (max-width: 500px) {
      .WelcomeNav01-list {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .WelcomeNav01-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px; }
  .WelcomeNav01 [data-stylehook="Logotype"] {
    fill: white;
    height: 45px;
    width: 135px;
    margin-top: 7.5px; }

.WelcomeQuoteNoTouch {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  position: relative;
  height: 250px;
  transition: border-color 0.2s ease; }
  .WelcomeQuoteNoTouch:hover {
    border-color: white; }
    .WelcomeQuoteNoTouch:hover .WelcomeQuoteNoTouch-panel {
      opacity: 0; }
  .WelcomeQuoteNoTouch-panel,
  .WelcomeQuoteNoTouch-reveal {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-color: #162640;
    text-align: center;
    transition: opacity 0.2s ease;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center; }
  .WelcomeQuoteNoTouch-panel {
    z-index: 2; }
  .WelcomeQuoteNoTouch-reveal {
    z-index: 1; }
    .WelcomeQuoteNoTouch-reveal-content {
      padding: 0 10px; }

.WelcomeQuoteTouch {
  text-align: center; }
  .WelcomeQuoteTouch-quote-content {
    padding-left: 10px;
    padding-right: 10px; }
  .WelcomeQuoteTouch-source-content {
    text-align: center; }

.Cents99-main {
  position: absolute;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 10px; }

.Cents99-title {
  margin-top: 40px;
  margin-bottom: 10px; }
  .Cents99-title-inner {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .Cents99-title-inner:before,
    .Cents99-title-inner:after {
      display: table;
      content: ""; }
    .Cents99-title-inner:after {
      clear: both; }
  .Cents99-title-content {
    padding-left: 10px;
    padding-right: 10px; }
  .Cents99-title-text {
    margin: 0;
    font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
    font-size: 70px;
    line-height: 70px;
    letter-spacing: 0.3px; }
    @media (max-width: 600px) {
      .Cents99-title-text {
        font-size: 28px;
        line-height: 32px; } }

.Cents99-subtitle-inner {
  max-width: 450px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 10px; }
  .Cents99-subtitle-inner:before,
  .Cents99-subtitle-inner:after {
    display: table;
    content: ""; }
  .Cents99-subtitle-inner:after {
    clear: both; }

.Cents99-subtitle-content {
  padding-left: 10px;
  padding-right: 10px; }

.Cents99-subtitle-text {
  font-weight: bold; }

.Cents99 .SpecialOfferHero {
  min-height: 400px; }
  @media (min-width: 600px) {
    .Cents99 .SpecialOfferHero {
      min-height: 550px; } }

.HPBookOption[data-is-selected="true"] .HPBookOption-inner {
  border: 4px solid rgba(255, 255, 255, 0.4);
  transition: border-color 0.4s ease 0.4s; }

.HPBookOption[data-is-selected="true"] .HPBookOption-content {
  border: 1px solid rgba(255, 255, 255, 0.4);
  transition: border-color 0.4s ease; }

.HPBookOption-inner {
  padding: 2px;
  border: 4px solid rgba(255, 255, 255, 0); }

.HPBookOption-content {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0); }

.HPBookcover {
  position: relative; }
  .HPBookcover-shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer; }
    .HPBookcover-shadow:hover,
    .HPBookcover-shadow[data-is-selected="true"] {
      background-color: transparent; }

.HPPromo-header {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #0d1726; }
  .HPPromo-header-inner {
    max-width: 800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .HPPromo-header-inner:before,
    .HPPromo-header-inner:after {
      display: table;
      content: ""; }
    .HPPromo-header-inner:after {
      clear: both; }
  .HPPromo-header-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: white; }
  .HPPromo-header-title {
    margin-top: 110px;
    margin-bottom: 80px; }
    @media (max-width: 1000px) {
      .HPPromo-header-title {
        margin-top: 70px;
        margin-bottom: 50px; } }
    @media (max-width: 500px) {
      .HPPromo-header-title {
        margin-top: 50px;
        margin-bottom: 30px; } }
    .HPPromo-header-title > img {
      max-width: 400px;
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0;
      position: relative;
      min-height: 1px;
      float: none;
      height: auto; }
      .HPPromo-header-title > img:before,
      .HPPromo-header-title > img:after {
        display: table;
        content: ""; }
      .HPPromo-header-title > img:after {
        clear: both; }
      @media (max-width: 800px) {
        .HPPromo-header-title > img {
          max-width: 300px;
          width: 100%;
          margin-right: auto;
          margin-left: auto;
          padding: 0;
          position: relative;
          min-height: 1px;
          float: none; }
          .HPPromo-header-title > img:before,
          .HPPromo-header-title > img:after {
            display: table;
            content: ""; }
          .HPPromo-header-title > img:after {
            clear: both; } }
    .HPPromo-header-title > h1 {
      font-weight: bold;
      margin: 0; }

.HPPromo-announcement {
  background-color: #f4ecd8; }
  .HPPromo-announcement-inner {
    max-width: 650px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 10px;
    margin-bottom: 10px; }
    .HPPromo-announcement-inner:before,
    .HPPromo-announcement-inner:after {
      display: table;
      content: ""; }
    .HPPromo-announcement-inner:after {
      clear: both; }
  .HPPromo-announcement-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    .HPPromo-announcement-content a {
      color: #42444c; }
  .HPPromo-announcement-title > h2 {
    color: #73003c;
    font-weight: bold; }
  .HPPromo-announcement-arrow {
    width: 12px;
    height: 12px;
    margin-top: 10px; }
    .HPPromo-announcement-arrow path {
      fill: #73003c; }

.HPPromo-wizardingWorld-promoImage {
  background-color: black; }
  .HPPromo-wizardingWorld-promoImage > img {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%; }

.HPPromo-footer {
  background-color: #0d1726; }
  .HPPromo-footer-inner {
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px; }
    .HPPromo-footer-inner:before,
    .HPPromo-footer-inner:after {
      display: table;
      content: ""; }
    .HPPromo-footer-inner:after {
      clear: both; }
  .HPPromo-footer-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    .HPPromo-footer-content > p,
    .HPPromo-footer-content a {
      color: white; }
  .HPPromo-footer-logo {
    margin-top: 20px;
    opacity: 0.4; }

.HPPromoContest {
  background-color: #73003c;
  color: white;
  position: relative; }
  .HPPromoContest-body {
    background-size: 300px 300px; }
  .HPPromoContest-description-inner {
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 40px; }
    .HPPromoContest-description-inner:before,
    .HPPromoContest-description-inner:after {
      display: table;
      content: ""; }
    .HPPromoContest-description-inner:after {
      clear: both; }
  .HPPromoContest-description-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    padding-bottom: 20px; }
    .HPPromoContest-description-content a {
      color: white; }
  .HPPromoContest-description-title {
    font-style: italic;
    margin-top: 40px; }
    @media (max-width: 600px) {
      .HPPromoContest-description-title {
        margin-top: 20px; } }
    .HPPromoContest-description-title > h3 {
      margin: 0; }
  .HPPromoContest-description-divider {
    max-width: 600px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .HPPromoContest-description-divider:before,
    .HPPromoContest-description-divider:after {
      display: table;
      content: ""; }
    .HPPromoContest-description-divider:after {
      clear: both; }
    .HPPromoContest-description-divider > img {
      width: 100%;
      height: auto; }
  .HPPromoContest-process {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    min-height: 900px; }
    @media (max-width: 600px) {
      .HPPromoContest-process {
        min-height: 600px; } }
  .HPPromoContest-topCorners::before,
  .HPPromoContest-topCorners::after,
  .HPPromoContest-bottomCorners::before,
  .HPPromoContest-bottomCorners::after {
    position: absolute;
    background-size: 150px 108px;
    width: 150px;
    height: 108px;
    content: '';
    background-image: url("https://images.oysterbooks.com/web/hppromo-contestCorner.png?w=300"); }
  @media (max-width: 600px) {
    .HPPromoContest-topCorners,
    .HPPromoContest-bottomCorners {
      display: none; } }
  .HPPromoContest-topCorners::before {
    left: 5px;
    top: 8px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .HPPromoContest-topCorners::after {
    right: 5px;
    top: 8px; }
  .HPPromoContest-bottomCorners::before {
    left: 5px;
    bottom: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .HPPromoContest-bottomCorners::after {
    right: 5px;
    bottom: 8px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg); }

.HPPromoContestBookStep {
  -webkit-animation: fadeInLeft 0.3s ease;
  animation: fadeInLeft 0.3s ease; }
  .HPPromoContestBookStep-inner {
    max-width: 1100px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px; }
    .HPPromoContestBookStep-inner:before,
    .HPPromoContestBookStep-inner:after {
      display: table;
      content: ""; }
    .HPPromoContestBookStep-inner:after {
      clear: both; }
  .HPPromoContestBookStep-content {
    text-align: center; }
  .HPPromoContestBookStep-list {
    text-align: center; }
  .HPPromoContestBookStep-item {
    display: inline-block;
    padding: 0 10px; }

.Journal {
  background-color: white; }
  .Journal-inner {
    max-width: 720px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .Journal-inner:before,
    .Journal-inner:after {
      display: table;
      content: ""; }
    .Journal-inner:after {
      clear: both; }
  .Journal-export {
    text-align: center;
    color: #134ac0;
    margin-bottom: 50px; }

.JournalAnnotations {
  margin-bottom: 100px; }
  .JournalAnnotations-title {
    text-align: center;
    color: #134ac0;
    margin-bottom: 20px; }

.JournalBookLists {
  margin-bottom: 100px; }
  .JournalBookLists-title {
    text-align: center;
    color: #134ac0;
    margin-bottom: 20px; }

.JournalBookWithAnnotations {
  margin: 0 0 30px; }
  .JournalBookWithAnnotations-header {
    margin: 30px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .JournalBookWithAnnotations-bookcover {
    -webkit-flex: 1 0 65px;
    -ms-flex: 1 0 65px;
    flex: 1 0 65px; }
  .JournalBookWithAnnotations-title {
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .JournalBookWithAnnotations-title-text,
  .JournalBookWithAnnotations-author-text {
    margin: 0; }
  .JournalBookWithAnnotations-author-text {
    color: #92949c; }
  .JournalBookWithAnnotations-annotation {
    border-top: 2px solid #eff0f6;
    padding: 20px 0; }
    .JournalBookWithAnnotations-annotation:last-child {
      border-bottom: 2px solid #eff0f6; }
  .JournalBookWithAnnotations-highlightCount {
    font-weight: bold;
    color: #134ac0; }
  .JournalBookWithAnnotations-highlight-text {
    background-color: #ffefbe;
    color: #42444c !important; }
    .JournalBookWithAnnotations-highlight-text em,
    .JournalBookWithAnnotations-highlight-text i,
    .JournalBookWithAnnotations-highlight-text strong {
      color: #42444c !important; }
  .JournalBookWithAnnotations-positionDate-position {
    color: #134ac0; }
  .JournalBookWithAnnotations-positionDate-divider,
  .JournalBookWithAnnotations-positionDate-lastModified {
    color: #92949c; }

.JournalCollection {
  margin-bottom: 50px; }
  .JournalCollection-divider {
    border: none;
    height: 2px;
    background-color: #eff0f6;
    width: 100%; }
  .JournalCollection-titles {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .JournalCollection-title {
    color: #134ac0; }
    .JournalCollection-title-text {
      margin-bottom: 0; }
  .JournalCollection-bookCount {
    color: #134ac0;
    font-weight: bold; }

.JournalCollectionBooks-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.JournalCollectionBooks-book {
  width: 180px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px; }
  .JournalCollectionBooks-book-title {
    margin: 20px 0 0; }
  .JournalCollectionBooks-book-author {
    margin: 0;
    color: #92949c; }

.JournalCover {
  text-align: center;
  margin-bottom: 50px; }
  .JournalCover-inner {
    max-width: 400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .JournalCover-inner:before,
    .JournalCover-inner:after {
      display: table;
      content: ""; }
    .JournalCover-inner:after {
      clear: both; }
  .JournalCover-content {
    min-height: 90vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .JournalCover-logotype {
    padding: 20px 0; }
    .JournalCover-logotype .Logotype {
      width: 135px;
      height: 45px;
      fill: #134ac0; }
  .JournalCover-profilePhoto {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid white; }
    .JournalCover-profilePhoto-img {
      height: 100%;
      width: 100%; }
  .JournalCover-card {
    background-color: #134ac0;
    color: white;
    margin: 50px 0; }
    .JournalCover-card-inner {
      max-width: 360px;
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0;
      position: relative;
      min-height: 1px;
      float: none; }
      .JournalCover-card-inner:before,
      .JournalCover-card-inner:after {
        display: table;
        content: ""; }
      .JournalCover-card-inner:after {
        clear: both; }
    .JournalCover-card-content {
      padding-left: 10px;
      padding-right: 10px;
      min-height: 300px;
      padding-top: 50px;
      padding-bottom: 30px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .JournalCover-card-divider {
      margin: 30px 0;
      border: none;
      height: 1px;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.5); }
  .JournalCover-name {
    margin: 15px 0 5px; }
  .JournalCover-readingJournal {
    margin: 0; }
  .JournalCover-etc {
    padding: 0 0 20px;
    color: rgba(255, 255, 255, 0.4); }
  .JournalCover-toc > span {
    display: block; }
    .JournalCover-toc > span a {
      color: #134ac0;
      text-decoration: none; }
  .JournalCover .JournalExportRaw {
    margin-top: 20px; }
    .JournalCover .JournalExportRaw a {
      color: rgba(255, 255, 255, 0.5); }
      .JournalCover .JournalExportRaw a:hover {
        color: white; }

.JournalExportRaw-csv,
.JournalExportRaw-json {
  margin: 0 10px; }

.JournalExportRaw a {
  color: currentColor;
  text-decoration: none;
  padding: 5px; }
  .JournalExportRaw a::after {
    content: '>';
    margin-left: 8px;
    color: inherit; }

.ReaderPromoHeader {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #0d1726; }
  .ReaderPromoHeader-inner {
    max-width: 500px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ReaderPromoHeader-inner:before,
    .ReaderPromoHeader-inner:after {
      display: table;
      content: ""; }
    .ReaderPromoHeader-inner:after {
      clear: both; }
  .ReaderPromoHeader-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: white; }
  .ReaderPromoHeader-title {
    margin-top: 350px;
    margin-bottom: 30px;
    font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
    font-weight: bold; }
    @media (max-width: 1000px) {
      .ReaderPromoHeader-title {
        margin-top: 300px; } }
    @media (max-width: 500px) {
      .ReaderPromoHeader-title {
        margin-top: 200px; } }
  .ReaderPromoHeader .UIButton {
    margin-top: 30px;
    margin-bottom: 240px;
    width: 240px; }
    @media (max-width: 500px) {
      .ReaderPromoHeader .UIButton {
        margin-top: 10px;
        margin-bottom: 50px; } }

.ReaderPromoHeadlineFeatures {
  background-color: white;
  color: black; }
  .ReaderPromoHeadlineFeatures h3 {
    font-weight: bold;
    margin-bottom: -10px; }
  .ReaderPromoHeadlineFeatures-background {
    position: absolute;
    width: 100%;
    height: 1200px; }
    @media (max-width: 600px) {
      .ReaderPromoHeadlineFeatures-background {
        height: 1000px; } }
    @media (max-width: 500px) {
      .ReaderPromoHeadlineFeatures-background {
        height: 900px; } }
  .ReaderPromoHeadlineFeatures-backgroundTop {
    position: relative;
    background-color: black;
    height: 50%; }
  .ReaderPromoHeadlineFeatures-backgroundSlice {
    position: relative;
    background-color: black;
    width: 100%;
    height: 50%;
    top: -1px;
    -webkit-clip-path: polygon(0% 0%, 100% 100%, 100% 0%);
    clip-path: polygon(0% 0%, 100% 100%, 100% 0%); }
    @media (max-width: 1400px) {
      .ReaderPromoHeadlineFeatures-backgroundSlice {
        height: 40%; } }
    @media (max-width: 1200px) {
      .ReaderPromoHeadlineFeatures-backgroundSlice {
        height: 35%; } }
    @media (max-width: 1000px) {
      .ReaderPromoHeadlineFeatures-backgroundSlice {
        height: 30%; } }
    @media (max-width: 800px) {
      .ReaderPromoHeadlineFeatures-backgroundSlice {
        height: 25%; } }
    @media (max-width: 700px) {
      .ReaderPromoHeadlineFeatures-backgroundSlice {
        height: 22%; } }
    @media (max-width: 600px) {
      .ReaderPromoHeadlineFeatures-backgroundSlice {
        height: 20%; } }
  .ReaderPromoHeadlineFeatures-inner {
    padding-top: 10px;
    padding-bottom: 10px; }
  .ReaderPromoHeadlineFeatures-content {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 80px; }
    @media (max-width: 500px) {
      .ReaderPromoHeadlineFeatures-content {
        margin-bottom: 10px; } }
  .ReaderPromoHeadlineFeatures-heading {
    max-width: 600px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    color: white;
    text-align: center;
    margin-top: 50px; }
    .ReaderPromoHeadlineFeatures-heading:before,
    .ReaderPromoHeadlineFeatures-heading:after {
      display: table;
      content: ""; }
    .ReaderPromoHeadlineFeatures-heading:after {
      clear: both; }
    @media (max-width: 500px) {
      .ReaderPromoHeadlineFeatures-heading {
        margin-top: 10px; } }
    .ReaderPromoHeadlineFeatures-heading-title {
      font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
      font-weight: bold; }
  .ReaderPromoHeadlineFeatures-image {
    position: relative;
    margin-left: -40%;
    margin-top: -0%;
    width: 130%;
    max-width: 1800px; }
    @media (max-width: 600px) {
      .ReaderPromoHeadlineFeatures-image {
        margin-left: -30%; } }
  .ReaderPromoHeadlineFeatures-point1 {
    position: relative;
    color: white;
    max-width: 600px;
    width: 50%;
    margin-left: 50%;
    margin-top: 50px; }
    @media (max-width: 600px) {
      .ReaderPromoHeadlineFeatures-point1 {
        width: 100%;
        margin-left: 0;
        margin-top: 0; } }
  .ReaderPromoHeadlineFeatures-point2 {
    max-width: 600px;
    width: 50%;
    margin-left: 50%;
    margin-top: -20%;
    margin-bottom: 50px; }
    @media (min-width: 1500px) {
      .ReaderPromoHeadlineFeatures-point2 {
        margin-top: -15%; } }
    @media (max-width: 600px) {
      .ReaderPromoHeadlineFeatures-point2 {
        width: 100%;
        margin-left: 0;
        margin-top: 0; } }
  .ReaderPromoHeadlineFeatures-point3 {
    max-width: 600px;
    width: 50%;
    margin-left: 50%; }
    @media (max-width: 600px) {
      .ReaderPromoHeadlineFeatures-point3 {
        width: 100%;
        margin-left: 0;
        margin-top: 0; } }

.ReaderPromoLuminCompetitors {
  background: linear-gradient(0deg, white, white, #1449bf);
  color: #1449bf; }
  .ReaderPromoLuminCompetitors p, .ReaderPromoLuminCompetitors h2 {
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ReaderPromoLuminCompetitors p:before,
    .ReaderPromoLuminCompetitors p:after, .ReaderPromoLuminCompetitors h2:before,
    .ReaderPromoLuminCompetitors h2:after {
      display: table;
      content: ""; }
    .ReaderPromoLuminCompetitors p:after, .ReaderPromoLuminCompetitors h2:after {
      clear: both; }
  .ReaderPromoLuminCompetitors h2 {
    color: white; }
  .ReaderPromoLuminCompetitors img {
    margin-top: 100px;
    margin-bottom: 50px; }
    @media (max-width: 500px) {
      .ReaderPromoLuminCompetitors img {
        margin-top: 10px;
        margin-bottom: 10px; } }
  .ReaderPromoLuminCompetitors-gradient {
    width: 100%;
    height: 20px;
    background: linear-gradient(90deg, white, #134ac0); }
  .ReaderPromoLuminCompetitors-science {
    font-style: italic; }

.ReaderPromoLuminDemo {
  background-color: black;
  color: white;
  text-align: center; }
  .ReaderPromoLuminDemo-background {
    position: absolute;
    width: 100%;
    overflow: hidden; }
    .ReaderPromoLuminDemo-background img {
      width: 100%; }
      @media (max-width: 500px) {
        .ReaderPromoLuminDemo-background img {
          width: 250%;
          margin-left: -75%; } }
  .ReaderPromoLuminDemo-inner {
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ReaderPromoLuminDemo-inner:before,
    .ReaderPromoLuminDemo-inner:after {
      display: table;
      content: ""; }
    .ReaderPromoLuminDemo-inner:after {
      clear: both; }
  .ReaderPromoLuminDemo-contents {
    position: relative;
    padding-left: 20px;
    padding-right: 20px; }
  .ReaderPromoLuminDemo-devices {
    max-width: 900px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    position: relative;
    margin-top: 30px; }
    .ReaderPromoLuminDemo-devices:before,
    .ReaderPromoLuminDemo-devices:after {
      display: table;
      content: ""; }
    .ReaderPromoLuminDemo-devices:after {
      clear: both; }
    .ReaderPromoLuminDemo-devices-front {
      position: relative;
      margin-top: -139%;
      left: 31%;
      width: 65%;
      margin-bottom: 11%; }
      @media (min-width: 1200px) {
        .ReaderPromoLuminDemo-devices-front {
          min-height: 800px; } }
    .ReaderPromoLuminDemo-devices-back {
      position: relative;
      margin-top: 30%;
      left: 1%;
      width: 62%; }
      @media (min-width: 1200px) {
        .ReaderPromoLuminDemo-devices-back {
          min-height: 800px; } }
    .ReaderPromoLuminDemo-devices-clock {
      text-align: left;
      position: absolute;
      margin-left: auto;
      margin-right: -30; }
  .ReaderPromoLuminDemo h2 {
    font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
    font-weight: bold;
    margin-top: 100px; }
    @media (max-width: 500px) {
      .ReaderPromoLuminDemo h2 {
        margin-top: 40px; } }

@media (max-width: 1200px) {
  @-moz-document url-prefix() {
    .ReaderPromoLuminDemo-devices-front {
      margin-top: -64%; } } }

.ReaderPromoLuminDemoClock {
  position: absolute;
  right: -128px;
  top: 100px;
  width: 210px;
  text-align: left; }
  @media (max-width: 1200px) {
    .ReaderPromoLuminDemoClock {
      left: 10%;
      right: auto; } }
  @media (max-width: 775px) {
    .ReaderPromoLuminDemoClock {
      display: none; } }
  .ReaderPromoLuminDemoClock-hour {
    font-size: 40px;
    letter-spacing: 0.5px;
    line-height: 50px;
    font-weight: bold;
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
    padding-left: 10px; }
    .ReaderPromoLuminDemoClock-hour > sub {
      font-size: 28px;
      bottom: 0; }
  .ReaderPromoLuminDemoClock .ReaderSunIcon,
  .ReaderPromoLuminDemoClock .ReaderMoonIcon {
    height: 30px;
    width: 30px;
    fill: white; }

.ReaderPromoLuminDemoVideo {
  width: 100%;
  position: relative; }
  .ReaderPromoLuminDemoVideo img {
    width: 100%; }
  .ReaderPromoLuminDemoVideo-device-frame {
    position: relative;
    width: 100%; }
  .ReaderPromoLuminDemoVideo-device-screen {
    position: absolute;
    left: 15.2%;
    width: 67.7%;
    top: 0;
    padding-top: 20%; }
    .ReaderPromoLuminDemoVideo-device-screen video {
      width: 100%;
      height: 100%;
      background-color: transparent; }

.ReaderPromoLuminNature {
  background-color: black;
  color: white; }
  .ReaderPromoLuminNature p, .ReaderPromoLuminNature h2 {
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ReaderPromoLuminNature p:before,
    .ReaderPromoLuminNature p:after, .ReaderPromoLuminNature h2:before,
    .ReaderPromoLuminNature h2:after {
      display: table;
      content: ""; }
    .ReaderPromoLuminNature p:after, .ReaderPromoLuminNature h2:after {
      clear: both; }

.ReaderPromoLuminTemperature {
  background-color: #ffd1a4;
  color: black; }
  .ReaderPromoLuminTemperature-natural {
    color: black;
    font-weight: bold; }
  .ReaderPromoLuminTemperature-oyster {
    color: white;
    font-weight: bold; }
  .ReaderPromoLuminTemperature-device {
    color: #b09071;
    font-weight: bold; }
  .ReaderPromoLuminTemperature p {
    margin-bottom: 30px; }
    @media (max-width: 500px) {
      .ReaderPromoLuminTemperature p {
        margin-bottom: 10px; } }
  .ReaderPromoLuminTemperature p, .ReaderPromoLuminTemperature h2 {
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ReaderPromoLuminTemperature p:before,
    .ReaderPromoLuminTemperature p:after, .ReaderPromoLuminTemperature h2:before,
    .ReaderPromoLuminTemperature h2:after {
      display: table;
      content: ""; }
    .ReaderPromoLuminTemperature p:after, .ReaderPromoLuminTemperature h2:after {
      clear: both; }

.ReaderPromoOysterAd {
  background: linear-gradient(0deg, #fff4e9, white);
  color: black; }
  .ReaderPromoOysterAd img {
    width: 100%; }
  .ReaderPromoOysterAd .UIButton {
    background-color: black;
    margin-top: 20px;
    width: 240px; }
    @media (max-width: 500px) {
      .ReaderPromoOysterAd .UIButton {
        margin-bottom: 30px; } }
  .ReaderPromoOysterAd .ReaderPromoSection-title {
    font-family: OyNyte, OyEsta, EstaPro, Georgia, serif;
    font-weight: bold; }

.ReaderPromoPhotoComparison {
  background-color: #f2c69c;
  color: black; }
  .ReaderPromoPhotoComparison-image {
    max-width: 1300px;
    margin-left: -40%;
    width: 225px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer; }
    @media (max-width: 500px) {
      .ReaderPromoPhotoComparison-image {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        cursor: default; } }
  .ReaderPromoPhotoComparison-text {
    position: absolute;
    width: 40vw;
    height: 140px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    vertical-align: middle;
    text-align: left;
    transition: all 0.2s ease-in-out; }
    @media (max-width: 500px) {
      .ReaderPromoPhotoComparison-text {
        position: relative;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: inherit;
        text-align: center; } }
  .ReaderPromoPhotoComparison p {
    margin-bottom: 0; }
  .ReaderPromoPhotoComparison-contents {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px; }
  .ReaderPromoPhotoComparison-link {
    text-decoration: underline;
    cursor: pointer; }
    @media (max-width: 500px) {
      .ReaderPromoPhotoComparison-link {
        display: none; } }

.ReaderPromoSection-inner {
  margin-top: 30px;
  margin-bottom: 30px; }

.ReaderPromoSection-content {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px; }
  .ReaderPromoSection-content a {
    color: #42444c; }

.ReaderPromoSection-title {
  margin-top: 80px; }
  @media (max-width: 500px) {
    .ReaderPromoSection-title {
      margin-top: 20px; } }

.ReaderPromoSection-body {
  margin-bottom: 80px; }
  @media (max-width: 500px) {
    .ReaderPromoSection-body {
      margin-bottom: 20px; } }
  .ReaderPromoSection-body > img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 1200px;
    width: 100%; }

.ReaderPromoThemeChooser {
  position: relative;
  background: linear-gradient(0deg, white, white, #eff0f6);
  overflow: hidden; }
  .ReaderPromoThemeChooser-inner {
    max-width: 1150px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ReaderPromoThemeChooser-inner:before,
    .ReaderPromoThemeChooser-inner:after {
      display: table;
      content: ""; }
    .ReaderPromoThemeChooser-inner:after {
      clear: both; }
  @media (max-width: 800px) {
    .ReaderPromoThemeChooser {
      background: #eff0f6; } }
  .ReaderPromoThemeChooser-contents {
    margin-top: 40%;
    position: relative; }
    @media (max-width: 800px) {
      .ReaderPromoThemeChooser-contents {
        margin-top: 0;
        margin-bottom: 0; } }
  .ReaderPromoThemeChooser h2, .ReaderPromoThemeChooser p {
    color: white; }

.ReaderPromoThemeChooserDevice {
  display: inline-block;
  position: relative;
  margin-left: 58%;
  width: 50%;
  margin-top: -70%;
  z-index: 0; }
  .ReaderPromoThemeChooserDevice-frame {
    width: 100%;
    z-index: 10; }
  @media (max-width: 1200px) {
    .ReaderPromoThemeChooserDevice {
      margin-top: -75%;
      margin-left: 50%; } }
  @media (max-width: 800px) {
    .ReaderPromoThemeChooserDevice {
      position: relative;
      margin-top: 30px;
      height: 320px; }
      .ReaderPromoThemeChooserDevice-inner {
        position: absolute;
        width: 150%;
        left: -10%; } }
  @media (max-width: 800px) {
    .ReaderPromoThemeChooserDevice {
      margin-left: 10%;
      width: 40%; } }
  @media (max-width: 450px) {
    .ReaderPromoThemeChooserDevice {
      margin-left: 0;
      width: 70%; } }
  .ReaderPromoThemeChooserDevice-screen {
    position: absolute;
    top: 11.35%;
    left: 15.2%;
    width: 67.8%; }

.ReaderPromoThemeChooserInfo {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  width: 60%;
  margin-top: -400px;
  margin-left: 30px;
  z-index: 10; }
  @media (max-width: 1000px) {
    .ReaderPromoThemeChooserInfo h2 {
      font-size: 30px;
      line-height: 36px;
      letter-spacing: 0.1px; } }
  .ReaderPromoThemeChooserInfo p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.2px;
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; }
    @media (max-width: 1000px) {
      .ReaderPromoThemeChooserInfo p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.1px;
        font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif; } }
  .ReaderPromoThemeChooserInfo-themeSelector {
    position: absolute;
    left: -77px;
    top: -77px;
    width: 154px; }
    @media (max-width: 1000px) {
      .ReaderPromoThemeChooserInfo-themeSelector {
        position: absolute;
        left: -50px;
        top: -50px;
        width: 100px; } }
    @media (max-width: 800px) {
      .ReaderPromoThemeChooserInfo-themeSelector {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        left: inherit;
        right: inherit;
        text-align: center;
        top: 10px;
        width: 100px; } }
  @media (max-width: 800px) {
    .ReaderPromoThemeChooserInfo {
      position: relative;
      margin-top: 0;
      width: 100%;
      margin-left: 0; } }
  .ReaderPromoThemeChooserInfo-inner {
    padding: 20px;
    margin-bottom: 20px; }
    @media (max-width: 1000px) {
      .ReaderPromoThemeChooserInfo-inner {
        max-width: 500px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        position: relative;
        min-height: 1px;
        float: none;
        padding: 10px;
        margin-bottom: 10px; }
        .ReaderPromoThemeChooserInfo-inner:before,
        .ReaderPromoThemeChooserInfo-inner:after {
          display: table;
          content: ""; }
        .ReaderPromoThemeChooserInfo-inner:after {
          clear: both; } }

.ReaderPromoThemeChooserPicker {
  display: inline-block;
  position: relative;
  margin-top: 100px;
  width: 200px; }
  @media (max-width: 800px) {
    .ReaderPromoThemeChooserPicker {
      width: 30%;
      margin-top: 30px; } }
  @media (max-width: 800px) {
    .ReaderPromoThemeChooserPicker-inner {
      margin-bottom: 100px; } }
  .ReaderPromoThemeChooserPicker-list {
    vertical-align: middle; }
    .ReaderPromoThemeChooserPicker-list-title {
      font-weight: bold; }
    .ReaderPromoThemeChooserPicker-list p {
      margin: 10px;
      text-align: right; }
    .ReaderPromoThemeChooserPicker-list-new {
      font-size: 80%; }
      @media (max-width: 500px) {
        .ReaderPromoThemeChooserPicker-list-new {
          display: none; } }

.SpecialOfferHero {
  background-color: #92949c;
  background-size: cover;
  background-position: center center;
  color: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center; }
  .SpecialOfferHero-specialOffer-inner {
    max-width: 1400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .SpecialOfferHero-specialOffer-inner:before,
    .SpecialOfferHero-specialOffer-inner:after {
      display: table;
      content: ""; }
    .SpecialOfferHero-specialOffer-inner:after {
      clear: both; }
  .SpecialOfferHero-specialOffer-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .SpecialOfferHero-specialOffer-image {
    position: absolute;
    right: 15px;
    top: 20px;
    height: 35px;
    width: auto; }
    @media (max-width: 550px) {
      .SpecialOfferHero-specialOffer-image {
        display: none; } }
  .SpecialOfferHero-main {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.Summer99CentsCloser {
  position: relative;
  background-color: white; }
  .Summer99CentsCloser-inner {
    max-width: 360px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 50px;
    margin-bottom: 50px; }
    .Summer99CentsCloser-inner:before,
    .Summer99CentsCloser-inner:after {
      display: table;
      content: ""; }
    .Summer99CentsCloser-inner:after {
      clear: both; }
    @media (max-width: 600px) {
      .Summer99CentsCloser-inner {
        max-width: 305px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        position: relative;
        min-height: 1px;
        float: none; }
        .Summer99CentsCloser-inner:before,
        .Summer99CentsCloser-inner:after {
          display: table;
          content: ""; }
        .Summer99CentsCloser-inner:after {
          clear: both; } }
  .Summer99CentsCloser-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }

.Summer99CentsIntro {
  position: relative;
  background-color: #162640;
  color: white;
  overflow: hidden; }
  .Summer99CentsIntro-inner {
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-bottom: 50px; }
    .Summer99CentsIntro-inner:before,
    .Summer99CentsIntro-inner:after {
      display: table;
      content: ""; }
    .Summer99CentsIntro-inner:after {
      clear: both; }
  .Summer99CentsIntro-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .Summer99CentsIntro-title {
    margin-top: 50px;
    margin-bottom: 50px; }
  .Summer99CentsIntro-image {
    display: inline-block;
    width: 150px;
    height: 150px; }

.SunSmattering {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .SunSmattering .ReaderSunIcon {
    position: absolute;
    height: 22px;
    width: 22px; }

.BookPurchase {
  background-color: #ccd0d8;
  min-height: 100vh; }
  .BookPurchase-banner > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto; }

.BookPurchaseAuthenticationDivider {
  height: 1px;
  background-color: #eff0f6;
  position: relative; }
  .BookPurchaseAuthenticationDivider > span {
    position: absolute;
    left: calc(50% - 20px);
    top: -10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    color: #92949c; }

.BookPurchaseConfirmation-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .BookPurchaseConfirmation-inner:before,
  .BookPurchaseConfirmation-inner:after {
    display: table;
    content: ""; }
  .BookPurchaseConfirmation-inner:after {
    clear: both; }

.BookPurchaseConfirmation-card {
  background-color: white;
  border-radius: 3px;
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease; }

.BookPurchaseConfirmation-purchasedBook {
  border-bottom: 1px solid #ccd0d8; }

.BookPurchaseConfirmation-similarBooks-inner {
  margin-top: 10px;
  margin-bottom: 10px; }

.BookPurchaseHeader {
  background-color: #134ac0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: white; }
  .BookPurchaseHeader-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-height: 500px) {
      .BookPurchaseHeader-content {
        padding-top: 10px;
        padding-bottom: 10px; } }
    @media (max-width: 500px) {
      .BookPurchaseHeader-content {
        padding-left: 10px;
        padding-right: 10px; } }
  .BookPurchaseHeader-oyster {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .BookPurchaseHeader-authenticated,
  .BookPurchaseHeader-anonymous {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right; }
  .BookPurchaseHeader-loginStatus {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .BookPurchaseHeader-loginStatus-message {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: right;
      margin-top: 8px;
      margin-right: 10px; }
      .BookPurchaseHeader-loginStatus-message > span {
        display: block; }
      .BookPurchaseHeader-loginStatus-message a {
        cursor: pointer;
        font-weight: bold;
        text-decoration: underline; }
    .BookPurchaseHeader-loginStatus-profilePhoto {
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 2px solid white; }
      .BookPurchaseHeader-loginStatus-profilePhoto > img {
        width: 100%;
        height: 100%; }
  .BookPurchaseHeader [data-stylehook="Logotype"] {
    fill: white;
    width: 120px;
    height: 40px;
    margin-top: 9px; }

.BookPurchaseLineItem {
  border-bottom: 1px solid #ccd0d8; }
  .BookPurchaseLineItem-inner {
    max-width: 550px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px; }
    .BookPurchaseLineItem-inner:before,
    .BookPurchaseLineItem-inner:after {
      display: table;
      content: ""; }
    .BookPurchaseLineItem-inner:after {
      clear: both; }
  .BookPurchaseLineItem-content {
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .BookPurchaseLineItem-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .BookPurchaseLineItem-bookcover {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .BookPurchaseLineItem-book {
    padding-right: 10%;
    padding-left: 20px; }
    @media (max-width: 400px) {
      .BookPurchaseLineItem-book {
        padding-right: 10px;
        padding-left: 10px; } }
    .BookPurchaseLineItem-book-title {
      margin: 0;
      font-style: italic; }
    .BookPurchaseLineItem-book-author {
      margin: 0;
      color: #92949c; }
    .BookPurchaseLineItem-book-preorder {
      color: #92949c;
      margin-top: 10px; }
      .BookPurchaseLineItem-book-preorder > p {
        margin: 0; }
  .BookPurchaseLineItem-price {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: right; }
  .BookPurchaseLineItem-listPriceAmount {
    color: #ccd0d8;
    text-decoration: line-through; }
  .BookPurchaseLineItem-priceAmount {
    font-weight: bold;
    margin-left: 10px; }
    @media (max-width: 500px) {
      .BookPurchaseLineItem-priceAmount {
        display: block; } }

.BookPurchaseNewCCForm {
  background-color: #eff0f6;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
  .BookPurchaseNewCCForm-explainer-inner {
    max-width: 400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 10px; }
    .BookPurchaseNewCCForm-explainer-inner:before,
    .BookPurchaseNewCCForm-explainer-inner:after {
      display: table;
      content: ""; }
    .BookPurchaseNewCCForm-explainer-inner:after {
      clear: both; }
  .BookPurchaseNewCCForm-explainer-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .BookPurchaseNewCCForm-explainer-enterNewCC {
    margin: 0;
    margin-bottom: 10px; }
    .BookPurchaseNewCCForm-explainer-enterNewCC a {
      color: currentColor;
      text-decoration: underline;
      cursor: pointer; }
  .BookPurchaseNewCCForm-explainer-ccForBothUnlimitedAndPurchases {
    margin: 0;
    color: #92949c; }
  .BookPurchaseNewCCForm-payment-inner {
    max-width: 420px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 10px; }
    .BookPurchaseNewCCForm-payment-inner:before,
    .BookPurchaseNewCCForm-payment-inner:after {
      display: table;
      content: ""; }
    .BookPurchaseNewCCForm-payment-inner:after {
      clear: both; }

.BookPurchasePastDue-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .BookPurchasePastDue-inner:before,
  .BookPurchasePastDue-inner:after {
    display: table;
    content: ""; }
  .BookPurchasePastDue-inner:after {
    clear: both; }

.BookPurchasePastDue-card {
  background-color: white;
  border-radius: 3px;
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease; }

.BookPurchasePastDue-message {
  text-align: center; }
  .BookPurchasePastDue-message-inner {
    max-width: 460px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 10px;
    margin-bottom: 10px; }
    .BookPurchasePastDue-message-inner:before,
    .BookPurchasePastDue-message-inner:after {
      display: table;
      content: ""; }
    .BookPurchasePastDue-message-inner:after {
      clear: both; }
  .BookPurchasePastDue-message-ccForBothUnlimitedAndPurchases {
    max-width: 360px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .BookPurchasePastDue-message-ccForBothUnlimitedAndPurchases:before,
    .BookPurchasePastDue-message-ccForBothUnlimitedAndPurchases:after {
      display: table;
      content: ""; }
    .BookPurchasePastDue-message-ccForBothUnlimitedAndPurchases:after {
      clear: both; }
    .BookPurchasePastDue-message-ccForBothUnlimitedAndPurchases > p {
      color: #92949c; }

.BookPurchasePastDue-willCharge {
  color: #92949c; }

.BookPurchasePastDue-cancel {
  text-align: center; }
  .BookPurchasePastDue-cancel-inner {
    margin-top: 20px;
    margin-bottom: 30px; }

.BookPurchasePastDue .LastChargeFailedResubscriptionForm {
  background-color: #eff0f6;
  margin-bottom: 30px; }
  .BookPurchasePastDue .LastChargeFailedResubscriptionForm-inner {
    margin-top: 10px;
    margin-bottom: 10px; }
  .BookPurchasePastDue .LastChargeFailedResubscriptionForm-submit {
    height: 1px; }
  .BookPurchasePastDue .LastChargeFailedResubscriptionForm .SubmitButton {
    position: relative;
    top: 30px; }

.BookPurchasePastDue .CancelSubscriptionForm .SubmitButton {
  width: 172px; }

.BookPurchasePayment-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .BookPurchasePayment-inner:before,
  .BookPurchasePayment-inner:after {
    display: table;
    content: ""; }
  .BookPurchasePayment-inner:after {
    clear: both; }

.BookPurchasePayment-card {
  background-color: white;
  border-radius: 3px;
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease; }

.BookPurchasePayment-afterCard {
  text-align: center;
  color: #92949c; }

.BookPurchasePaymentFormSubmit {
  background-color: white;
  border-top: 1px solid #ccd0d8;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
  .BookPurchasePaymentFormSubmit-inner {
    max-width: 580px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 30px;
    margin-bottom: 30px; }
    .BookPurchasePaymentFormSubmit-inner:before,
    .BookPurchasePaymentFormSubmit-inner:after {
      display: table;
      content: ""; }
    .BookPurchasePaymentFormSubmit-inner:after {
      clear: both; }
  .BookPurchasePaymentFormSubmit-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 420px) {
      .BookPurchasePaymentFormSubmit-content {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .BookPurchasePaymentFormSubmit-security {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 10px 20px 10px; }
    @media (max-width: 420px) {
      .BookPurchasePaymentFormSubmit-security {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2; } }
  .BookPurchasePaymentFormSubmit-submit {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: right;
    min-width: 280px;
    padding: 0 20px; }
    @media (max-width: 420px) {
      .BookPurchasePaymentFormSubmit-submit {
        text-align: center;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1; } }
  .BookPurchasePaymentFormSubmit-ssl {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px; }
    .BookPurchasePaymentFormSubmit-ssl > span {
      display: block;
      color: #92949c;
      white-space: nowrap; }
  .BookPurchasePaymentFormSubmit [data-stylehook="SecurityLock"] {
    float: left;
    height: 30px;
    width: 20px;
    fill: #92949c; }

.BookPurchaseProcess {
  margin-top: 3vw; }
  @media (max-width: 600px) {
    .BookPurchaseProcess {
      margin-top: 0; } }
  .BookPurchaseProcess-inner {
    margin-bottom: 30px; }

@-webkit-keyframes fadeInUpAndAway {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0; }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0; } }

@keyframes fadeInUpAndAway {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0; }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0; } }

.BookPurchasePurchasedBook {
  position: relative; }
  .BookPurchasePurchasedBook-inner {
    max-width: 400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 30px;
    margin-bottom: 30px; }
    .BookPurchasePurchasedBook-inner:before,
    .BookPurchasePurchasedBook-inner:after {
      display: table;
      content: ""; }
    .BookPurchasePurchasedBook-inner:after {
      clear: both; }
  .BookPurchasePurchasedBook-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .BookPurchasePurchasedBook-title {
    margin-top: 20px;
    margin-bottom: 10px; }
  .BookPurchasePurchasedBook-author {
    margin-top: 10px;
    margin-bottom: 30px; }
    .BookPurchasePurchasedBook-author a {
      color: #92949c; }
  .BookPurchasePurchasedBook-purchase {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #26be6a; }
  .BookPurchasePurchasedBook-preorder {
    margin-top: 30px;
    margin-bottom: 10px; }
    .BookPurchasePurchasedBook-preorder-confirmation {
      color: #f97332; }
    .BookPurchasePurchasedBook-preorder-release {
      color: #92949c; }
  .BookPurchasePurchasedBook-synced {
    margin: 10px 0;
    color: #92949c; }
  .BookPurchasePurchasedBook .Bookcover {
    margin: 0 auto; }
    .BookPurchasePurchasedBook .Bookcover-playWrapper::before,
    .BookPurchasePurchasedBook .Bookcover-playWrapper::after {
      opacity: 0;
      -webkit-animation: fadeInUpAndAway 4s ease-in 1s forwards;
      animation: fadeInUpAndAway 4s ease-in 1s forwards; }

.BookPurchaseSavedCCForm {
  background-color: #eff0f6;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
  .BookPurchaseSavedCCForm-explainer-inner {
    max-width: 400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 10px; }
    .BookPurchaseSavedCCForm-explainer-inner:before,
    .BookPurchaseSavedCCForm-explainer-inner:after {
      display: table;
      content: ""; }
    .BookPurchaseSavedCCForm-explainer-inner:after {
      clear: both; }
  .BookPurchaseSavedCCForm-explainer-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .BookPurchaseSavedCCForm-explainer-ccForBothUnlimitedAndPurchases {
    margin: 0;
    color: #92949c; }
  .BookPurchaseSavedCCForm-payment-inner {
    max-width: 400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .BookPurchaseSavedCCForm-payment-inner:before,
    .BookPurchaseSavedCCForm-payment-inner:after {
      display: table;
      content: ""; }
    .BookPurchaseSavedCCForm-payment-inner:after {
      clear: both; }

.BookPurchaseSignin-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .BookPurchaseSignin-inner:before,
  .BookPurchaseSignin-inner:after {
    display: table;
    content: ""; }
  .BookPurchaseSignin-inner:after {
    clear: both; }

.BookPurchaseSignin-card {
  background-color: white;
  border-radius: 3px;
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease; }

.BookPurchaseSignin-withFacebook,
.BookPurchaseSignin-withEmail {
  text-align: center;
  color: #92949c; }
  .BookPurchaseSignin-withFacebook-message,
  .BookPurchaseSignin-withEmail-message {
    margin: 0; }

.BookPurchaseSignin-withFacebook-inner {
  margin-top: 20px;
  margin-bottom: 30px; }

.BookPurchaseSignin-withFacebook-message {
  margin-bottom: 10px; }

.BookPurchaseSignin-withEmail-inner {
  margin-top: 30px;
  margin-bottom: 30px; }

.BookPurchaseSignup-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .BookPurchaseSignup-inner:before,
  .BookPurchaseSignup-inner:after {
    display: table;
    content: ""; }
  .BookPurchaseSignup-inner:after {
    clear: both; }

.BookPurchaseSignup-card {
  background-color: white;
  border-radius: 3px;
  -webkit-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease; }

.BookPurchaseSignup-fbCreateUser-inner {
  margin-top: 10px;
  margin-bottom: 20px; }

.BookPurchaseSignup-createUser-inner {
  margin-top: 30px;
  margin-bottom: 30px; }

.BookPurchaseSignup-createUser-message {
  text-align: center;
  color: #92949c; }

.BookPurchaseSignup-whySignup {
  color: #92949c;
  text-align: center; }

.BookPurchaseSignup-afterCard {
  text-align: center;
  color: white; }

.BookPurchaseSimilarBookCarouselItem {
  width: 120px; }

.BookPurchaseSubscriptionDecision-inner {
  margin-top: 30px;
  margin-bottom: 20px; }

.BookPurchaseSubscriptionDecision-content {
  text-align: center; }

.BookPurchaseSubscriptionDecision-title-inner {
  max-width: 500px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .BookPurchaseSubscriptionDecision-title-inner:before,
  .BookPurchaseSubscriptionDecision-title-inner:after {
    display: table;
    content: ""; }
  .BookPurchaseSubscriptionDecision-title-inner:after {
    clear: both; }

.BookPurchaseSubscriptionDecision-title-content {
  padding-left: 10px;
  padding-right: 10px; }
  .BookPurchaseSubscriptionDecision-title-content > h2 {
    margin: 10px 0;
    font-weight: bold; }

.BookPurchaseSubscriptionDecision-subtitle-inner {
  max-width: 500px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none; }
  .BookPurchaseSubscriptionDecision-subtitle-inner:before,
  .BookPurchaseSubscriptionDecision-subtitle-inner:after {
    display: table;
    content: ""; }
  .BookPurchaseSubscriptionDecision-subtitle-inner:after {
    clear: both; }

.BookPurchaseSubscriptionDecision-subtitle-content {
  padding-left: 10px;
  padding-right: 10px; }

.BookPurchaseSubscriptionDecision-subtitle > p {
  margin: 10px 0; }

.BookPurchaseUpdateCCForm {
  background-color: #eff0f6;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
  .BookPurchaseUpdateCCForm-explainer-inner {
    max-width: 400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 20px;
    margin-bottom: 10px; }
    .BookPurchaseUpdateCCForm-explainer-inner:before,
    .BookPurchaseUpdateCCForm-explainer-inner:after {
      display: table;
      content: ""; }
    .BookPurchaseUpdateCCForm-explainer-inner:after {
      clear: both; }
  .BookPurchaseUpdateCCForm-explainer-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .BookPurchaseUpdateCCForm-explainer-enterNewCC {
    margin: 0;
    margin-bottom: 10px; }
    .BookPurchaseUpdateCCForm-explainer-enterNewCC a {
      color: currentColor;
      text-decoration: underline;
      cursor: pointer; }
  .BookPurchaseUpdateCCForm-explainer-ccForBothUnlimitedAndPurchases {
    margin: 0 0 10px 0;
    text-align: center;
    color: #92949c; }
  .BookPurchaseUpdateCCForm-payment-inner {
    max-width: 440px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 10px;
    margin-bottom: 20px; }
    .BookPurchaseUpdateCCForm-payment-inner:before,
    .BookPurchaseUpdateCCForm-payment-inner:after {
      display: table;
      content: ""; }
    .BookPurchaseUpdateCCForm-payment-inner:after {
      clear: both; }

.BookPurchaseWithSubscriptionDecisionForm-inner {
  margin-bottom: 20px; }

.BookPurchaseWithSubscriptionDecisionForm-secure {
  margin-top: 20px;
  background-color: #eff0f6;
  border-top: 1px solid #ccd0d8;
  border-bottom: 1px solid #ccd0d8; }
  .BookPurchaseWithSubscriptionDecisionForm-secure-inner {
    max-width: 500px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none;
    margin-top: 10px;
    margin-bottom: 10px; }
    .BookPurchaseWithSubscriptionDecisionForm-secure-inner:before,
    .BookPurchaseWithSubscriptionDecisionForm-secure-inner:after {
      display: table;
      content: ""; }
    .BookPurchaseWithSubscriptionDecisionForm-secure-inner:after {
      clear: both; }

.BookPurchaseWithSubscriptionDecisionForm-continueSubscription {
  margin-top: 10px;
  text-align: left; }
  .BookPurchaseWithSubscriptionDecisionForm-continueSubscription-inner {
    max-width: 360px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .BookPurchaseWithSubscriptionDecisionForm-continueSubscription-inner:before,
    .BookPurchaseWithSubscriptionDecisionForm-continueSubscription-inner:after {
      display: table;
      content: ""; }
    .BookPurchaseWithSubscriptionDecisionForm-continueSubscription-inner:after {
      clear: both; }
  .BookPurchaseWithSubscriptionDecisionForm-continueSubscription-text {
    margin-top: 0;
    margin-bottom: 10px; }

.BookPurchaseWithSubscriptionDecisionForm-actions {
  margin-top: 10px; }

.SimilarBook-title,
.SimilarBook-author {
  margin: 0;
  max-width: 88px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.SimilarBook-title {
  margin-top: 14px; }

.SimilarBook-author {
  color: #92949c; }

.SimilarBook a {
  color: currentColor;
  text-decoration: none; }

.WidgetSubscriptionDecisionRadioGroup-text {
  margin: 0; }

.WidgetSubscriptionDecisionRadioGroup .WidgetRadioInput {
  margin-bottom: 20px; }

.ArticleWasHelpful {
  text-align: right; }
  .ArticleWasHelpful-prompt,
  .ArticleWasHelpful-answered {
    font-style: italic;
    color: #92949c; }
  .ArticleWasHelpful-option {
    margin-left: 10px; }
    .ArticleWasHelpful-option-action {
      color: #16d4d9;
      text-decoration: underline;
      cursor: pointer;
      padding: 10px 2px; }

.ContactBody-title-inner {
  margin-top: 30px;
  margin-bottom: 30px; }

.ContactBody-title-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }
  .ContactBody-title-content > h1 {
    margin: 0; }

.ContactBody-done {
  -webkit-animation: fadeInLeft 0.3s ease;
  animation: fadeInLeft 0.3s ease; }
  .ContactBody-done-inner {
    max-width: 320px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ContactBody-done-inner:before,
    .ContactBody-done-inner:after {
      display: table;
      content: ""; }
    .ContactBody-done-inner:after {
      clear: both; }
  .ContactBody-done-content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }

.ContactEmailForm {
  opacity: 0;
  -webkit-animation: fadeInDown 0.2s ease 0.5s forwards;
  animation: fadeInDown 0.2s ease 0.5s forwards; }
  .ContactEmailForm-inner {
    max-width: 400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    position: relative;
    min-height: 1px;
    float: none; }
    .ContactEmailForm-inner:before,
    .ContactEmailForm-inner:after {
      display: table;
      content: ""; }
    .ContactEmailForm-inner:after {
      clear: both; }
  .ContactEmailForm-submit {
    text-align: center; }
  .ContactEmailForm .FormCharField[data-name="email"] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .ContactEmailForm .FormCharField[data-name="subject"] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .ContactEmailForm .FormCharField[data-name="message"] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.ContactEmailInquiry[data-just-form="true"] {
  margin-top: -45px; }

.ContactEmailInquiry[data-just-form="false"] .ContactEmailForm {
  -webkit-animation: fadeInDown 0.2s ease 0.05s forwards;
  animation: fadeInDown 0.2s ease 0.05s forwards; }

.ContactEmailInquiry-inner {
  margin-top: 30px;
  margin-bottom: 50px; }

.ContactEmailInquiry-prompt {
  text-align: center;
  opacity: 0;
  -webkit-animation: fadeIn 0.2s ease 0.7s forwards;
  animation: fadeIn 0.2s ease 0.7s forwards; }

.ContactFlow-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-top: 20px; }
  .ContactFlow-inner:before,
  .ContactFlow-inner:after {
    display: table;
    content: ""; }
  .ContactFlow-inner:after {
    clear: both; }

.ContactFlow-questionAndAnswer-prompts[data-has-lastprompt="true"] .ContactProgressSegment-node-fill {
  background-color: #16d4d9;
  transition: background-color 0.3s ease; }

.ContactFlow-questionAndAnswer-prompts[data-has-lastprompt="true"] .ContactProgressSegment-nodeConnector-fill {
  background-color: #16d4d9;
  transition: background-color 0.3s ease; }

.ContactProfile-inner {
  margin-bottom: 10px; }

.ContactProfile-content {
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.ContactProfile-avatar-wrapper {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid white; }

.ContactProfile-avatar-image {
  width: 100%;
  height: auto; }

.ContactProfile-info {
  padding-left: 10px;
  padding-right: 10px; }

.ContactProfile-name {
  display: block; }

.ContactProfile-email {
  display: block; }

@-webkit-keyframes extendFillBar {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes extendFillBar {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes moveLogoToEnd {
  from {
    top: 18px; }
  to {
    top: calc(100% - 18px); } }

@keyframes moveLogoToEnd {
  from {
    top: 18px; }
  to {
    top: calc(100% - 18px); } }

@-webkit-keyframes turnBackgroundAqua {
  to {
    background-color: #16d4d9; } }

@keyframes turnBackgroundAqua {
  to {
    background-color: #16d4d9; } }

.ContactProgressSegment {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative; }
  .ContactProgressSegment[data-is-completed="true"] .ContactProgressSegment-nodeConnector-fill {
    -webkit-animation: extendFillBar 0.3s ease forwards;
    animation: extendFillBar 0.3s ease forwards; }
  .ContactProgressSegment[data-is-completed="true"] .ContactProgressSegment-node:first-child > .ContactProgressSegment-node-fill {
    -webkit-animation: grow 0.1s linear forwards;
    animation: grow 0.1s linear forwards; }
  .ContactProgressSegment[data-is-completed="true"] .ContactProgressSegment-node:last-child > .ContactProgressSegment-node-fill {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: grow 0.1s linear 0.3s forwards;
    animation: grow 0.1s linear 0.3s forwards; }
  .ContactProgressSegment[data-is-completed="true"] .LogoWithBackground {
    -webkit-animation: shrink 0.2s ease forwards, hide 0s linear 0.3s forwards;
    animation: shrink 0.2s ease forwards, hide 0s linear 0.3s forwards; }
  .ContactProgressSegment[data-is-completed="true"][data-is-last="true"] .LogoWithBackground {
    -webkit-animation: shrink 0.2s ease forwards, moveLogoToEnd 0s linear 0.3s forwards, grow 0.2s ease 0.3s forwards, turnBackgroundAqua 0.1s ease 0.3s forwards;
    animation: shrink 0.2s ease forwards, moveLogoToEnd 0s linear 0.3s forwards, grow 0.2s ease 0.3s forwards, turnBackgroundAqua 0.1s ease 0.3s forwards; }
  .ContactProgressSegment-node {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #eff0f6;
    left: calc(50% - 8px); }
    .ContactProgressSegment-node:first-child {
      top: 0%; }
    .ContactProgressSegment-node:last-child {
      top: 100%; }
    .ContactProgressSegment-node-fill {
      position: absolute;
      z-index: 1;
      top: 5px;
      left: calc(50% - 2.9px);
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background-color: #134ac0; }
  .ContactProgressSegment-nodeConnector {
    position: absolute;
    height: 100%;
    width: 6px;
    left: calc(50% - 3px);
    top: 5px;
    background-color: #eff0f6;
    overflow: hidden; }
    .ContactProgressSegment-nodeConnector-fill {
      position: absolute;
      z-index: 1;
      left: calc(50% - 0.6px);
      top: 5px;
      width: 2px;
      height: 100%;
      background-color: #134ac0;
      transition: background-color 0.3s ease; }
  .ContactProgressSegment .LogoWithBackground {
    position: absolute;
    z-index: 3;
    height: 50px;
    width: 50px;
    left: calc(50% - 25px);
    top: -18px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: grow 0.2s 0.3s ease forwards;
    animation: grow 0.2s 0.3s ease forwards;
    background-color: #134ac0;
    box-shadow: 3px 0 7px rgba(0, 0, 0, 0.15); }

.ContactTopicArticle {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -10px; }
  @media (min-width: 600px) {
    .ContactTopicArticle {
      margin-top: -25px;
      padding-left: 70px; } }
  .ContactTopicArticle-title {
    margin: 0; }
  .ContactTopicArticle-card {
    background-color: rgba(22, 212, 217, 0.1);
    border-radius: 5px;
    opacity: 0;
    -webkit-animation: fadeInRight 0.4s ease 0.5s forwards;
    animation: fadeInRight 0.4s ease 0.5s forwards; }
    .ContactTopicArticle-card-content {
      padding: 10px; }
      @media (min-width: 600px) {
        .ContactTopicArticle-card-content {
          padding: 20px; } }
    .ContactTopicArticle-card a {
      color: #16d4d9;
      font-weight: bold; }

.ContactTopicPrompt:last-of-type .ContactTopicPrompt-text {
  margin-bottom: 70px; }

@media (max-width: 600px) {
  .ContactTopicPrompt:last-of-type .ContactTopicPrompt-text {
    margin-bottom: 40px; } }

.ContactTopicPrompt-title {
  margin-top: 0;
  margin-bottom: 10px; }

.ContactTopicPrompt-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.ContactTopicPrompt-progress {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 70px;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px; }
  @media (max-width: 600px) {
    .ContactTopicPrompt-progress {
      display: none; } }

.ContactTopicPrompt-text {
  width: 100%;
  margin-bottom: 50px;
  margin-top: -4px;
  padding-left: 10px; }
  @media (max-width: 600px) {
    .ContactTopicPrompt-text {
      margin-bottom: 30px; } }

.ContactTopicPrompt[data-is-next="true"] .ContactTopicPrompt-title {
  opacity: 0;
  -webkit-animation: fadeInRight 0.4s ease 0.5s forwards;
  animation: fadeInRight 0.4s ease 0.5s forwards; }

.ContactTopicPrompt[data-is-next="true"] .ContactTopicPromptSelect {
  opacity: 0;
  -webkit-animation: fadeInRight 0.4s ease 0.6s forwards;
  animation: fadeInRight 0.4s ease 0.6s forwards; }

.ContactTopicPromptSelect {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  display: inline-block;
  width: 100%; }
  .ContactTopicPromptSelect-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: OyAkkurat, Akkurat Pro, Arial, sans-serif;
    width: 100%;
    vertical-align: top;
    margin-bottom: 0;
    padding: 13.5px 15px 11.5px;
    background: white;
    color: #92949c;
    border: none;
    border-bottom: 2px solid #eff0f6;
    border-radius: 0;
    -webkit-font-smoothing: antialiased; }
  .ContactTopicPromptSelect-arrow {
    color: #92949c;
    pointer-events: none;
    position: absolute;
    top: 22px;
    right: 25px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5.65px solid; }

.SupportAuthRequest-inner {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  min-height: 1px;
  float: none;
  margin-bottom: 30px; }
  .SupportAuthRequest-inner:before,
  .SupportAuthRequest-inner:after {
    display: table;
    content: ""; }
  .SupportAuthRequest-inner:after {
    clear: both; }

.SupportAuthRequest-content {
  padding-left: 10px;
  padding-right: 10px; }

.SupportAuthRequest-title-inner {
  margin-top: 30px;
  margin-bottom: 30px; }

.SupportAuthRequest-title-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }
  .SupportAuthRequest-title-content > h1 {
    margin: 0; }

.SupportAuthRequestCard {
  background-color: #eff0f6; }
  .SupportAuthRequestCard-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px; }
  .SupportAuthRequestCard-arrow {
    -webkit-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px; }
  .SupportAuthRequestCard-text {
    display: block;
    padding-right: 10px; }
  .SupportAuthRequestCard-link {
    color: #134ac0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px; }
    .SupportAuthRequestCard-link:hover .ArrowIcon {
      -webkit-transform: translateX(5px);
      transform: translateX(5px);
      transition: -webkit-transform 0.1s ease;
      transition: transform 0.1s ease; }
  .SupportAuthRequestCard-signIn,
  .SupportAuthRequestCard-forgotPassword {
    border-bottom: 1px solid #ccd0d8; }
  .SupportAuthRequestCard .ArrowIcon {
    width: 22px;
    height: 10px;
    fill: #134ac0;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease; }

.SupportHeader {
  width: 100%;
  max-height: 200px;
  overflow: hidden; }
  .SupportHeader img {
    width: 102%;
    height: auto; }

.WidgetContactTextarea[data-is-focused="true"] .WidgetContactTextarea-onFocus {
  color: #42444c; }

.WidgetContactTextarea > textarea {
  width: 100%;
  height: 240px;
  vertical-align: top;
  margin-bottom: 20px;
  padding: 13.5px 15px 11.5px;
  background: white;
  border: 1px solid;
  -webkit-font-smoothing: antialiased;
  resize: none;
  border-color: #ccd0d8; }
  .WidgetContactTextarea > textarea:focus {
    border-color: #92949c; }

.WidgetContactTextarea > label {
  display: block;
  margin-bottom: 4px;
  color: #92949c; }