none; background-color: rgb(34, 34, 34); border-radius: 3px; }

.container-new .form-wrapper .form-new .field-label { display: flex; -webkit-box-align: center; align-items: center; text-align: left; }

.container-new .form-wrapper .form-new .field-label .field-label-text { display: inline-block; color: rgb(34, 34, 34); font-size: 18px; font-weight: 700; margin: 0px 5px 0px 0px; }

.container-new .form-wrapper .form-new .field-label .tooltip-icon { position: relative; top: 2px; }

.onboardingModal { overflow: visible; }

.onboardingModal.step1 .modal-content { border-color: transparent; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; }

.request-account-details .v-align-wrap { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; overflow: scroll; }

.request-account-details .v-align-wrap .v-align .modal-content { width: 450px; height: auto; margin: 50px auto; }

.request-account-details .v-align-wrap .v-align .modal-content .modal-header { padding-top: 0px; }

.request-account-details .v-align-wrap .v-align .modal-content .modal-body { padding-top: 0px; }

.request-account-details .terms-of-service { display: table; color: rgb(111, 111, 111); margin: 18px auto 26px; line-height: 20px; }

.request-account-details .terms-of-service a { color: rgb(42, 28, 96); font-weight: 600; }

.request-account-details .modal-content { padding: 24px 22px; }

.request-account-details .modal-body { padding: 0px; }

.request-account-details h1 { margin: 0px; line-height: 36px; font-weight: 800; text-align: center; color: rgb(34, 34, 34); font-size: 22px; }

.request-account-details h2 { margin-top: 5px; margin-bottom: 20px; text-align: center; padding: 0px 40px; font-size: 14px; line-height: 20px; color: rgb(34, 34, 34); }

.request-account-details .form-group { margin-bottom: 16px; text-align: left; }

.request-account-details .form-group .control-label, .request-account-details .form-group .form-label { font-weight: 700; color: rgb(34, 34, 34); font-size: 18px; margin: 0px !important; }

.request-account-details .form-group .form-control:not(.password-field) { box-shadow: none; border-radius: 4px; font-size: 16px; background-color: rgb(250, 250, 250); color: rgb(34, 34, 34); margin-top: 4px; height: 48px; }

.request-account-details .form-group .form-control:not(.password-field):focus { border: 1px solid rgb(34, 34, 34); border-radius: 4px; }

.request-account-details .form-group.valid { margin-bottom: 10px; }

.request-account-details .form-group.valid input { border-color: rgb(0, 133, 78); outline: 0px; }

.request-account-details .form-group.invalid { margin-bottom: 10px; }

.request-account-details .form-group.invalid input { border-color: rgb(224, 0, 0); outline: 0px; }

.request-account-details .form-group .error-msg { font-size: small; color: rgb(34, 34, 34); line-height: 18px; margin-top: 3px; }

.request-account-details .alert-danger { margin-top: 16px; }

.request-account-details .birthday-fields { width: 100%; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; }

.request-account-details .birthday-fields .form-group { margin-bottom: 0px; }

.request-account-details .birthday-fields .day, .request-account-details .birthday-fields .month, .request-account-details .birthday-fields .year { width: 30%; }

.request-account-details .birthday-fields .birthday-dropdowns { display: flex; margin-top: 4px; }

.request-account-details .birthday-fields .birthday-dropdowns select { line-height: 20px; padding-right: 0px; }

.request-account-details .email-policy-agreement-container { display: flex; margin: 16px auto; text-align: left; -webkit-box-align: center; align-items: center; }

.request-account-details .email-policy-agreement-container .policy-agreement { font-size: 13px; line-height: 15px; margin: 0px; text-align: left; color: rgb(34, 34, 34); }

.request-account-details .email-policy-agreement-container .policy-agreement a { color: rgb(59, 25, 169); font-weight: 700; }

.request-account-details .email-policy-agreement-container .c-checkbox { margin: 0px 8px 0px 0px; }

.request-account-details .email-policy-agreement-container .c-checkbox .checked::before { background: rgb(59, 25, 169); border-color: rgb(59, 25, 169); }

.request-account-details .tool-tip { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background-color: rgb(34, 34, 34); border-radius: 3px; }

.request-account-details .field-label { display: flex; -webkit-box-align: center; align-items: center; text-align: left; }

.request-account-details .field-label .field-label-text { display: inline-block; color: rgb(34, 34, 34); font-size: 18px; font-weight: 700; margin: 0px 5px 0px 0px; }

.request-account-details .field-label .tooltip-icon { position: relative; top: 2px; }

.onboardingModal.step1 { position: absolute; height: 568px; max-height: 100%; width: 750px; left: 50vw; top: 50vh; transform: translate(-50%, -50%); }

.onboardingModal.step1 .modal-dialog { margin: 0px auto; width: 100%; height: 100%; }

.onboardingModal.step1 .modal-header { padding: 0px; }

.onboardingModal.step1 .modal-body { padding: 0px; border: none; }

.onboardingModal.step1 .form-horizontal .has-feedback .form-control-feedback { right: 0px; top: -5px; }

.onboardingModal.step1 .combodate .form-control { display: inline-block; }

.onboardingModal.step1 h2 { color: rgb(0, 0, 0); line-height: 36px; }

.onboardingModal.step1 .btn { font-size: 16px; }

.onboardingModal.step1 .required { color: rgb(255, 63, 18); }

.onboardingModal.step1 .alert-danger { background-color: transparent; border-color: transparent; color: rgb(255, 63, 18); margin-top: -15px; margin-bottom: 0px; padding: 0px; }

.onboardingModal.step1 .alert-danger .errorMessage { margin-left: 5px; }

.onboardingModal.step1 .terms-of-service { max-width: 300px; display: inline-block; line-height: 18px; margin-top: 18px; }

.onboardingModal.step1 .terms-of-service a { font-weight: 700; }

.onboardingModal.step1 .recommended { font-size: 0px; }

.onboardingModal.step1 .modal-footer { text-align: center; background-color: rgb(255, 255, 255); padding: 0px; margin-bottom: 4%; }

.onboardingModal.step1 #personal-greeting { font-size: 25px; font-weight: 600; color: rgb(111, 111, 111); margin-top: 6%; margin-bottom: 0px; }

.onboardingModal.step1 .continue-button { width: 25%; padding: 10px 15px; }

.onboardingModal.step1 #inputGender { max-width: 100%; }

.onboardingModal.step1 .opt { width: 74px; margin: 0px; padding: 0px; z-index: 1; }

.onboardingModal.step1 .gender-selector { text-align: center; position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-left: 27%; margin-right: 27%; margin-bottom: 5%; }

.onboardingModal.step1 .gender-selector input { margin: 0px; padding: 0px; appearance: none; }

.onboardingModal.step1 .gender-text { display: inline-block; position: relative; padding-top: 17px; padding-left: 0px; color: rgb(111, 111, 111); }

.onboardingModal.step1 .gender-text.selected { color: rgb(255, 97, 34); }

.onboardingModal.step1 .gender-text:hover { color: rgb(34, 34, 34); }

.onboardingModal.step1 input[type="radio"] { visibility: hidden; }

.onboardingModal.step1 .male-icon { background-image: url("/img/onboarding-gender/he-selected@2x.png"); background-repeat: no-repeat; background-position: center center; display: inline-block; margin: 10px auto; }

.onboardingModal.step1 .female-icon { background-repeat: no-repeat; background-position: center center; display: inline-block; margin: 10px auto; background-image: url("/img/onboarding-gender/she-selected@2x.png"); }

.onboardingModal.step1 .other-icon { background-repeat: no-repeat; background-position: center center; display: inline-block; margin: 10px auto; background-image: url("/img/onboarding-gender/zie-selected@2x.png"); }

.onboardingModal.step1 .gender-selector input:active + .gender-card { opacity: 0.9; }

.onboardingModal.step1 .gender-selector input:checked + .gender-card { filter: invert(54%) sepia(97%) saturate(441%) hue-rotate(325deg) brightness(103%) contrast(101%); }

.onboardingModal.step1 .gender-card { background-size: contain; background-repeat: no-repeat; display: inline-block; width: 100px; height: 70px; transition: all 0.1s ease-in 0s; filter: brightness(0.7) grayscale(1) opacity(0.9); }

.onboardingModal.step1 .gender-card:hover { filter: brightness(0.4) grayscale(1) opacity(0.9); }

.onboardingModal.step1 .wp-logo { margin-top: 5%; width: 100%; max-width: 174px; height: auto; }

.onboardingModal.step1 #gender-select-copy { padding-top: 2%; padding-bottom: 0px; margin: 0px auto; border: none; font-size: 18px; color: rgb(111, 111, 111); }

.v-align-wrap { width: 100%; height: 100%; display: table; }

.v-align-wrap .v-align { display: table-cell; vertical-align: middle; }

.v-align-wrap .v-align .modal-content { width: 450px; height: inherit; margin: auto; }

.v-align-wrap .v-align .modal-content .modal-header { padding-top: 0px; }

.v-align-wrap .v-align .modal-content .modal-body { padding-top: 0px; }

.onboardingModal.writerJourney { display: block; overflow-y: scroll; }

.onboardingModal.writerJourney .onboarding-writer-journey { width: 100%; height: 100%; background-color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; padding: 50px 15px 0px; text-align: center; }

.onboardingModal.writerJourney .onboarding-writer-journey .wp-logo, .onboardingModal.writerJourney .onboarding-writer-journey p { padding-bottom: 40px; }

.onboardingModal.writerJourney .onboarding-writer-journey h4 { color: rgb(34, 34, 34); }

.onboardingModal.writerJourney .onboarding-writer-journey .options { width: 100%; display: flex; justify-content: space-around; margin-bottom: 60px; }

.onboardingModal.writerJourney .onboarding-writer-journey .options .option { color: rgb(111, 111, 111); font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease 0s; }

.onboardingModal.writerJourney .onboarding-writer-journey .options .option:hover { filter: brightness(0.4); }

.onboardingModal.writerJourney .onboarding-writer-journey .options .option.selected { color: rgb(255, 97, 34); }

.onboardingModal.writerJourney .onboarding-writer-journey .options .option.selected:hover { filter: brightness(0.9); }

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

@media (min-width: 768px) {
.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation { width: 80%; }
}

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option { font-size: 16px; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px; border: 1px solid rgb(238, 238, 238); color: rgb(111, 111, 111); margin-bottom: 11px; padding: 15px; transition: all 0.3s ease 0s; }

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px 0px; text-decoration: none; filter: none; color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); }

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option.selected { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(255, 97, 34); margin-bottom: 0px; }

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option.selected:hover { filter: none; }

.onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation.has-selection::after { content: ""; width: 1px; background-color: rgb(238, 238, 238); height: 40px; display: block; margin: auto auto -60px; }

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px; border: 1px solid rgb(238, 238, 238); padding: 16px 24px 27px; margin-bottom: 40px; width: 80%; }

@media (max-width: 768px) {
.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel { width: 100%; }
}

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel p { padding-bottom: 0px; }

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options { display: flex; justify-content: space-around; }

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options .option { flex-basis: 70px; height: 70px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; border: 1px solid rgb(238, 238, 238); cursor: pointer; color: rgb(111, 111, 111); }

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options .option:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px; text-decoration: none; }

.onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options.has-selection::after { content: ""; width: 1px; background-color: rgb(238, 238, 238); height: 40px; display: block; margin: auto auto -60px; }

.onboardingModal.writerJourney .onboarding-writer-journey .skip { color: rgb(111, 111, 111); font-size: 14px; }

.onboardingModal.genres { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow-y: scroll; }

.onboardingModal.genres .modal-content { width: 696px; height: 652px; padding: 0px; border-color: transparent; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; }

.onboardingModal.genres .onboarding-genres { width: 696px; height: inherit; background-color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; overflow: scroll; }

.onboardingModal.genres .onboarding-genres .logo-wrapper { display: flex; width: 100%; height: 75px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 10px 0px; }

.onboardingModal.genres .onboarding-genres .wp-logo, .onboardingModal.genres .onboarding-genres p { padding-top: 50px; padding-bottom: 40px; }

.onboardingModal.genres .onboarding-genres .greeting { font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; text-align: center; margin-bottom: 20px; width: fit-content; max-width: 350px; }

.onboardingModal.genres .onboarding-genres .prompt { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; width: fit-content; max-width: 350px; color: rgb(34, 34, 34); margin-bottom: 16px; }

.onboardingModal.genres .onboarding-genres .genres { display: flex; flex-wrap: wrap; padding: 0px 12px; overflow: scroll; -webkit-box-pack: center; justify-content: center; }

.onboardingModal.genres .onboarding-genres .genres .overflow-padding { padding: 0px 0px 200px 1px; }

.onboardingModal.genres .onboarding-genres .genres .genre-tile { width: 160px; height: 72px; margin: 4px; background: rgb(250, 250, 250); box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 7px, rgba(34, 34, 34, 0.1) 0px 3px 3px; border-radius: 4px; cursor: pointer; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; }

.onboardingModal.genres .genre-tile .genre-info { height: 100%; width: 100%; display: flex; -webkit-box-align: center; align-items: center; border-radius: 4px; background-size: 45%; background-repeat: no-repeat; background-position: right center; }

.onboardingModal.genres .genre-tile .selected-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: absolute; height: 100%; width: inherit; }

.onboardingModal.genres .genre-tile .selected-wrapper .overlay { height: inherit; width: inherit; background-color: rgb(34, 34, 34); opacity: 0.5; border-radius: 4px; position: absolute; z-index: 2; }

.onboardingModal.genres .genre-tile .selected-wrapper .selected-icon { background-color: rgb(255, 97, 34); z-index: 3; position: absolute; height: 24px; width: 24px; border-radius: 50%; align-self: flex-end; margin: 4px 0px 0px -4px; }

.onboardingModal.genres .onboarding-genres .genres .genre-tile .genre-name { font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; color: rgb(34, 34, 34); text-align: left; margin-left: 16px; width: 50%; word-break: break-word; }

.onboardingModal.genres .onboarding-genres .genres .genre-tile img { height: 100%; border-radius: 4px; }

.onboardingModal.genres .genre-error-toast-wrapper { pointer-events: none; width: inherit; position: absolute; bottom: 98px; background-color: transparent; height: 70px; display: flex; -webkit-box-pack: center; justify-content: center; z-index: 4; }

.onboardingModal.genres .genre-error-toast-wrapper .genre-error-toast { background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); width: 387px; height: 100%; display: flex; -webkit-box-align: center; align-items: center; border-radius: 4px; }

.onboardingModal.genres .genre-error-toast-wrapper .genre-error-toast p { margin: 16px; font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; padding: 0px; text-align: start; }

.onboardingModal.genres .finish-button-wrapper { position: relative; bottom: 90px; z-index: 9; width: inherit; height: 90px; background-color: transparent; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.onboardingModal.genres .finish-button-wrapper .finish-button { color: rgb(255, 255, 255); height: 44px; width: 188px; border-radius: 20px; }

.onboardingModal.genres .finish-button-wrapper .finish-button.disabled { background: rgb(238, 238, 238); pointer-events: none; }

.onboardingModal.genres .transparency { position: relative; bottom: 180px; z-index: 8; width: 685px; height: 90px; background-color: rgb(255, 255, 255); opacity: 0.9; }

.onboardingModal.success { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow-y: scroll; }

.onboardingModal.success .onboarding-success { width: 468px; min-height: 607px; padding: 0px; border-color: transparent; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; background-color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; }

.onboardingModal.success .onboarding-success .logo-wrapper { display: flex; width: 100%; height: 75px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 10px 0px; }

.onboardingModal.success .onboarding-success .wp-logo, .onboardingModal.success .onboarding-success p { padding-top: 50px; padding-bottom: 40px; }

.onboardingModal.success .onboarding-success .title { font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; text-align: center; margin-bottom: 20px; width: fit-content; max-width: 350px; }

.onboardingModal.success .onboarding-success .message { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; width: fit-content; max-width: 350px; color: rgb(34, 34, 34); margin-bottom: 16px; }

.onboardingModal.success .onboarding-success .image img { padding-bottom: 56px; }

.onboardingModal.success .onboarding-success .start-reading-button { color: rgb(255, 255, 255); height: 44px; width: 188px; border-radius: 20px; }

@media (max-width: 768px) {
.request-account-details .v-align-wrap .v-align { margin: 0px; padding: 6px; }
.request-account-details .v-align-wrap .v-align .modal-content { width: 100%; }
.v-align-wrap .v-align { padding: 6px; }
.v-align-wrap .v-align .modal-content { width: 100%; }
.onboarding-wrapper :not(.request-account-details) .component-wrapper .modal-dialog { width: 100%; height: 100%; margin: 0px; }
.onboarding-wrapper :not(.request-account-details) .component-wrapper .modal-dialog form { height: 100%; }
.onboarding-wrapper :not(.request-account-details) .component-wrapper .modal-dialog .modal-content { border-radius: 0px; border: none; height: 100%; }
.onboardingModal.step1 { width: 80%; height: 80%; max-height: 100%; margin: 0px auto; }
.onboardingModal.step1 .continue-button { width: auto; font-size: 14px; }
.onboardingModal.step1 .modal-dialog { width: 100%; height: 100%; }
.onboardingModal.step1 .gender-selector { margin-left: 27%; margin-right: 27%; }
.onboardingModal.step1 .opt { width: 50px; }
.onboardingModal.step1 #personal-greeting { font-size: 18px; }
.onboardingModal.step1 #gender-select-copy { font-size: 14px; }
.onboardingModal.genres { min-height: unset; height: 100%; }
.onboardingModal.genres .modal-content { height: 100%; width: 100%; min-height: unset; padding-bottom: 95px; }
.onboardingModal.genres .onboarding-genres { height: auto; padding: 0px; width: 100%; }
.onboardingModal.genres .onboarding-genres .genres { height: 100%; }
.onboardingModal.genres .onboaring-genres .logo-wrapper img { padding: 20px 0px; }
.onboardingModal.genres .onboarding-genres .genre-error-toast-wrapper { position: fixed; }
.onboardingModal.genres .onboarding-genres .genre-error-toast-wrapper .genre-error-toast { margin: 0px 12px; }
.onboardingModal.genres .finish-button-wrapper { position: fixed; bottom: 0px; width: 100%; height: 92px; }
.onboardingModal.genres .transparency { position: fixed; bottom: 0px; }
.onboardingModal.success { min-height: unset; height: 100%; }
.onboardingModal.success .onboarding-success { min-height: unset; height: inherit; }
.onboardingModal.success .image { height: 40%; padding-bottom: 10%; }
.onboardingModal.success .image img { height: 100%; width: 100%; }
.onboardingModal.success .start-reading-button { min-height: 44px; }
}

.onboardingModal.step1 { width: 100%; height: 100%; background: rgb(255, 255, 255); }

.onboardingModal.step1 .modal-dialog { height: 100%; width: 100%; margin: 0px; overflow-y: auto; }

.onboardingModal.step1 .gender-selector { text-align: center; position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-left: 17%; margin-right: 17%; }

.onboardingModal.step1 .gender-selector .gender-text { align-content: center; }

.onboardingModal.step1 #personal-greeting { font-size: 24px; }

.onboardingModal.step1 #gender-select-copy { font-size: 14px; max-width: 100%; }

.onboardingModal.step1 .modal-content { box-shadow: none; border: none; width: 100%; height: 75%; display: block; }

.onboardingModal.step1 .modal-footer { padding: 8%; }

.catalog-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 80%; margin: auto; }

@media (max-width: 768px) {
.catalog-container { width: 100%; overflow: hidden; }
}

.catalog-header { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-bottom: 1px solid rgb(238, 238, 238); }

.catalog-header .list-title { margin-top: 80px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.catalog-header .list-title:hover { text-decoration: none; }

.catalog-header h1 { font-size: 32px; line-height: 40px; font-weight: 700; color: rgb(34, 34, 34); margin-bottom: 8px; margin-top: 0px; }

.catalog-header h1 .fa { font-weight: 700; }

.catalog-header .catalog-title { margin-top: 80px; }

.catalog-header .subtitle { font-size: 18px; line-height: 24px; margin-top: 0px; margin-bottom: 0px; padding: 0px 10px 32px; text-align: center; }

.catalog-content h3 { font-size: 21px; font-weight: 700; line-height: 1.33; color: rgb(34, 34, 34); text-transform: capitalize; margin-top: 0px; margin-bottom: 20px; }

.catalog-content .story-swimlane.module { margin-top: 16px; }

.catalog-content .story-swimlane.module:first-child { margin-top: 45px; }

.catalog-content .module-header { max-width: 976px; padding: 0px 10px; margin: auto; }

.premium-picks-catalog .catalog-header { background-color: var(--ds-base-2-80); color: var(--ds-neutral-00); padding: 40px 0px; }

.premium-picks-catalog .catalog-header .container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

.premium-picks-catalog .catalog-header .help-action-icon { background: 0px 0px; border: none; display: none; }

.premium-picks-catalog .catalog-header .heading { font-weight: var(--font-weight-bold); font-size: 32px; color: var(--ds-neutral-00); display: flex; -webkit-box-align: center; align-items: center; gap: 12px; }

.premium-picks-catalog .catalog-header .description { text-align: center; color: var(--ds-neutral-00); }

.premium-picks-catalog .catalog-header .learn-more-button { background: 0px 0px; border: none; font-weight: var(--font-weight-bold); padding: 0px; }

.premium-picks-catalog .catalog-header .access-expires-pill { margin-top: 24px; }

.premium-picks-catalog .catalog-header .subscribe-cta { margin-top: 24px; }

.premium-picks-catalog .catalog-navigation { border-bottom: 1px solid rgb(238, 238, 238); font-size: 12px; display: flex; }

.premium-picks-catalog .catalog-navigation button { background: 0px 0px; border: none; font-size: 18px; color: rgb(111, 111, 111); width: 110px; padding: 18px 0px 18px 5px; }

.premium-picks-catalog .catalog-navigation button.active { border-bottom: 4px solid rgb(255, 97, 34); font-weight: var(--font-weight-bold); color: rgb(34, 34, 34); padding-bottom: 14px; }

.premium-picks-catalog .catalog-stories .loading-spinner { display: flex; -webkit-box-pack: center; justify-content: center; height: 50vh; -webkit-box-align: center; align-items: center; }

@media (max-width: 575px) {
.premium-picks-catalog .catalog-header { padding-top: 20px; }
.premium-picks-catalog .catalog-header .container { width: 100%; padding-left: 16px; padding-right: 16px; }
.premium-picks-catalog .catalog-header .help-action-icon { display: block; align-self: flex-end; }
.premium-picks-catalog .catalog-header .description { display: none; }
.premium-picks-catalog .catalog-navigation button { width: 50%; }
}

#retargeting-landing { position: relative; text-align: center; background-color: rgb(255, 255, 255); padding-bottom: 200px; }

#retargeting-landing .header-image { width: 100%; }

#retargeting-landing .retargeting-header { margin-top: 35px; }

@media (min-width: 992px) {
#retargeting-landing .retargeting-header { padding-top: 105px; }
#retargeting-landing .retargeting-header .logo { padding-bottom: 35px; }
}

#retargeting-landing .retargeting-header h1 { position: relative; font-weight: 600; font-size: 26px; line-height: 26px; }

@media (min-width: 992px) {
#retargeting-landing .retargeting-header h1 { font-size: 45px; line-height: 45px; margin-bottom: 8px; }
}

#retargeting-landing .retargeting-header p { color: rgb(111, 111, 111); font-size: 20px; line-height: 20px; margin: 0px 40px; }

@media (min-width: 992px) {
#retargeting-landing .retargeting-header p { line-height: 45px; font-size: 35px; margin-bottom: 20px; }
}

#retargeting-landing .value-props { position: relative; background-color: rgb(255, 255, 255); }

#retargeting-landing .value-props .owl-carousel { display: block; }

#retargeting-landing .value-props .owl-carousel img { width: auto; margin: 0px auto; }

#retargeting-landing .value-props .carousel-left, #retargeting-landing .value-props .carousel-right { position: absolute; top: 45%; font-size: 15px; }

#retargeting-landing .value-props .carousel-left { left: 30px; }

#retargeting-landing .value-props .carousel-right { right: 25px; }

#retargeting-landing .value-prop { text-align: center; padding: 40px 0px 20px; }

#retargeting-landing .value-prop.bookmark { padding-top: 25px; }

#retargeting-landing .value-prop.bookmark h6 { margin-top: 16px; }

@media (min-width: 992px) {
#retargeting-landing .value-prop { padding: 40px 0px; }
}

#retargeting-landing .value-prop .icon { font-size: 50px; padding-bottom: 5px; }

#retargeting-landing .value-prop .title { line-height: 20px; font-weight: 600; font-size: 18px; color: rgb(111, 111, 111); }

@media (min-width: 992px) {
#retargeting-landing .value-prop .title { font-weight: 600; font-size: 20px; }
}

#retargeting-landing button { background-color: rgb(255, 97, 34); color: rgb(255, 255, 255); border-radius: 4px; padding: 9px 112px; margin-top: 15px; margin-bottom: 29px; font-size: 20px; line-height: 28px; }

@media (min-width: 992px) {
#retargeting-landing button { padding: 9px 160px; margin-top: 35px; font-size: 20px; line-height: 28px; z-index: 1000; }
}

#wattpad-presents { position: absolute; min-height: 100%; min-width: 100%; padding-top: 50px; background-color: rgb(34, 34, 34); text-align: center; -webkit-box-pack: center; justify-content: center; }

#wattpad-presents.ios-webview-padding { padding-top: 10px; }

@media (min-width: 992px) {
#wattpad-presents { padding-top: 100px; }
}

#wattpad-presents .logo { width: 80%; }

@media (min-width: 992px) {
#wattpad-presents .logo { width: 44%; }
}

#wattpad-presents h1 { color: rgb(255, 255, 255); font-size: 15px; line-height: 15px; font-weight: 400; margin-top: 10px; }

@media (min-width: 992px) {
#wattpad-presents h1 { font-size: 20px; line-height: 20px; margin-top: 25px; }
}

#wattpad-presents .videos { padding-top: 10px; padding-left: 5px; padding-right: 5px; }

@media (min-width: 992px) {
#wattpad-presents .videos { padding-top: 50px; }
#wattpad-presents .videos.centre-one { width: 60%; margin: 0px auto; }
}

#wattpad-presents .video-module { border-top: 1px solid rgb(255, 255, 255); padding: 20px 0px 10px; text-align: center; justify-content: space-around; }

@media (min-width: 992px) {
#wattpad-presents .video-module { border-top: none; padding-left: 10px; padding-right: 10px; }
}

#wattpad-presents .video-module .video-story-meta { text-align: left; padding-bottom: 15px; }

#wattpad-presents .video-module .video-story-meta .story-cover img { height: 50px; }

#wattpad-presents .video-module .story-title { margin-top: 3px; padding-left: 42px; color: rgb(255, 255, 255); font-weight: 600; vertical-align: