flex-direction: column; }

.paragraph-comments-drawer .drawer-content .drawer-body .comments-list { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content { padding: 16px; background: rgb(246, 246, 246); }

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre { color: rgb(18, 18, 18); margin: 0px; line-height: inherit; }

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre p[data-media-type] { margin: 0px; line-height: 0; }

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre p[data-media-type] img { width: 100%; height: auto; }

.paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre figure { line-height: 0; }

@media (min-width: 460px) {
.paragraph-comments-drawer .drawer-content { width: 460px; }
}

#story-part-navigation { padding-top: 20px; margin: 0px 16px; }

#story-part-navigation .message { color: rgb(18, 18, 18); font-size: 18px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; }

#story-part-navigation .message .top-message { margin-bottom: 24px; font-weight: 700; font-size: 22px; line-height: 30px; }

#story-part-navigation .message .top-message .title { color: rgb(169, 62, 25); }

#story-part-navigation .message .last-updated-text { font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 16px; }

#story-part-navigation .message .bottom-message { margin-bottom: 44px; }

.blocked-story-info-container { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 10px; }

.blocked-story-info-container .blocked-story-info-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 24px; max-width: 600px; }

.blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 16px; text-align: center; }

.blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-content .blocked-story-info-message { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 4px; text-align: center; }

.blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-content .blocked-story-info-message .blocked-story-info-title { color: var(--ds-neutral-100-solid); font-size: 28px; font-weight: var(--font-weight-bold); line-height: 30px; margin: 0px; }

.blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-content .blocked-story-info-message .blocked-story-info-description { margin: 0px; max-width: 450px; color: rgb(104, 104, 104); font-size: 16px; font-weight: 400; line-height: 24px; }

.blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-actions { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 12px; max-width: 350px; width: 100%; }

@media (max-width: 626px) {
.blocked-story-info-container { padding: 40px 14px; }
.blocked-story-info-container .blocked-story-info-image { width: 220px; }
}

.continue-reading { border-style: solid; border-color: rgb(63, 111, 12); border-width: 2px 0px; background-color: rgb(245, 254, 242) !important; }

.continue-reading h4 { color: rgb(18, 18, 18) !important; }

.continue-reading .module-content { display: flex; -webkit-box-pack: start; justify-content: flex-start; height: 550px !important; }

@media (max-width: 425px) {
.continue-reading .module-content { height: 440px !important; }
}

.continue-reading .module-content .carousel-container { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; min-width: 1100px; overflow-x: hidden; }

@media (max-width: 1060px) {
.continue-reading .module-content .carousel-container { min-width: auto; width: 100%; -webkit-box-pack: start; justify-content: start; height: fit-content; }
}

.continue-reading .module-content .carousel-container .continue-reading-carousel { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: start; justify-content: flex-start; max-width: 1000px; min-width: 400px; width: fit-content; padding: 0px 20px; transition: transform 250ms ease-in-out 0s, -webkit-transform 250ms ease-in-out 0s; overflow-y: clip; }

@media (max-width: 425px) {
.continue-reading .module-content .carousel-container .continue-reading-carousel div[class*="story_slide_container__"] { padding-right: 10px; }
}

@media (max-width: 425px) {
.continue-reading .module-content .carousel-container .continue-reading-carousel .one-slide-section { padding-right: 20px; }
}

.continue-reading .module-content .btn-container { z-index: 10; min-width: 50px; display: flex; -webkit-box-pack: center; justify-content: center; height: 370px; background: rgb(245, 254, 242) !important; }

@media (max-width: 1050px) {
.continue-reading .module-content .btn-container { display: none; }
}

.continue-reading .module-content .btn-container button { background: 0px 0px; border: none; }

.info-bar { display: flex; margin: 24px 0px; padding: 8px 12px; -webkit-box-align: center; align-items: center; gap: 12px; border-radius: 6px; border: 1px solid var(--ds-neutral-40-solid); background: var(--ds-neutral-20-solid); }

.info-bar .leading-icon { flex-shrink: 0; }

.info-bar .text { margin: 0px; }

.info-bar .learn-more-link { color: var(--ds-base-3-60); }

.inbox-empty { display: flex; padding: 32px 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; align-self: stretch; }

.inbox-empty .typography-heading-x-small { text-align: center; }

.inbox-empty .typography-paragraph-medium { text-align: center; }

.signup-prompt-container { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; min-height: fit-content; }

.signup-prompt-main { 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; }

.signup-prompt-form { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; max-width: 360px; margin: 40px; }

@media (min-width: 801px) {
.signup-prompt-main { width: 53%; }
}

.login-form-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; justify-self: center; width: 320px; }

@media (min-width: 801px) {
.signup-form-container { margin: 64px; }
.login-form-container { margin: 64px; }
}

@media (max-width: 801px) {
.signup-form-container { margin: 16px; }
.login-form-container { margin: 16px; }
}

.signup-prompt-expanded { align-self: stretch; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 48px; background-color: var(--ds-base-5-40); padding: 24px 48px; width: 47%; }

.signup-prompt-graphic { align-self: center; max-width: 400px; }

@media (max-width: 800px) {
.signup-header > .checklist-container { display: flex; }
.signup-prompt-expanded { display: none; }
}

@media (min-width: 801px) {
.signup-header > .checklist-container { display: none; }
.signup-prompt-expanded { display: flex; }
}

.auth-button-text-new { color: var(--ds-neutral-100-solid); text-align: center; font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--line-height-xs); }

.login-form-container .auth-form-padding { padding: 0px; margin: 0px; }

.signup-form-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; justify-self: center; max-width: 360px; }

.signup-form-container h1 { line-height: 36px; margin: 8px 0px 0px; font-weight: 700; text-align: center; color: rgb(34, 34, 34); font-size: 22px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.signup-form-container h2, .signup-form-container p { margin-bottom: 6px; text-align: center; padding: 0px 40px; font-size: 14px; line-height: 20px; margin-top: 8px; color: rgb(34, 34, 34); }

.signup-form-container .back-button { margin-bottom: 24px; }

.signup-form-container .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; }

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

.signup-form-container .field-label .field-label-text { display: inline-block; font-weight: 700; margin: 0px 5px 0px 0px; }

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

.signup-form-container .panel-body { color: rgb(34, 34, 34); font-size: 18px; padding: 12px 33px 20px; }

.signup-form-container .panel-body .form-group { margin-bottom: 24px; text-align: left; }

.signup-form-container .panel-body .form-group .control-label, .signup-form-container .panel-body .form-group .form-label { font-weight: 700; color: rgb(34, 34, 34); font-size: 18px; }

.signup-form-container .panel-body .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; }

.signup-form-container .panel-body .form-group .form-control:not(.password-field):focus { border: 1px solid rgb(34, 34, 34); border-radius: 4px; }

.signup-form-container .panel-body .form-group.valid input { border-color: rgb(0, 133, 78); outline: 0px; }

.signup-form-container .panel-body .form-group.invalid input { border-color: var(--ds-base-4-60); outline: 0px; }

.signup-form-container .panel-body .birthday-info { display: flex; -webkit-box-align: center; align-items: center; text-align: left; }

.signup-form-container .panel-body .birthday-container { width: 100%; margin-bottom: 16px; }

.signup-form-container .panel-body .birthday-container .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; }

.signup-form-container .panel-body .birthday-container .birthday-fields .form-group { margin-bottom: 0px; }

.signup-form-container .panel-body .birthday-container .birthday-fields .day, .signup-form-container .panel-body .birthday-container .birthday-fields .month, .signup-form-container .panel-body .birthday-container .birthday-fields .year { width: 30%; }

.signup-form-container .panel-body .birthday-container .birthday-fields .birthday-dropdowns { display: flex; margin-top: 4px; }

.signup-form-container .panel-body .birthday-container .birthday-fields .birthday-dropdowns select { line-height: 20px; padding-right: 0px; }

.signup-form-container .panel-body .birthday-container .birthday-fields .pronoun-dropdown { display: flex; margin-top: 4px; }

.signup-form-container .panel-body .birthday-container .birthday-fields .pronoun-dropdown select { line-height: 20px; padding-right: 0px; }

.signup-form-container .panel-body .birthday-container.invalid .has-feedback select { border-color: var(--ds-base-4-60); }

.signup-form-container .panel-body .hr-with-text { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; white-space: nowrap; -webkit-box-align: center; align-items: center; }

.signup-form-container .panel-body .hr-with-text .or { font-size: 14px; }

.signup-form-container .panel-body .hr-with-text .horizontal-line { width: 45%; height: 1px; border-bottom: 1px solid rgb(238, 238, 238); }

.signup-form-container .panel-body .hr-margin-new { margin: 0px 0px 24px; }

.signup-form-container .panel-body .submit-btn-margin-24 { margin: 0px 0px 24px; height: 48px; }

.signup-form-container .panel-body p:last-of-type { text-align: center; margin-top: 16px; margin-bottom: 0px; font-size: 14px; line-height: 20px; white-space: nowrap; padding: 0px; }

.signup-form-container .panel-body p:last-of-type .login { color: rgb(42, 28, 96); font-weight: 600; padding: 0px; border: none; outline: 0px; background-color: transparent; }

.signup-form-container .panel-body .email-policy-agreement-container { display: flex; margin: 24px auto; text-align: left; -webkit-box-align: center; align-items: center; }

.signup-form-container .panel-body .email-policy-agreement-container .checkbox-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 4px; }

.signup-form-container .panel-body .email-policy-agreement-container .checkbox-title { margin: 0px; text-align: left; color: rgb(34, 34, 34); max-width: none; font-weight: 400; }

.signup-form-container .panel-body .email-policy-agreement-container .checkbox-title a { color: rgb(28, 111, 101); font-weight: 700; }

.signup-form-container .panel-body .email-policy-agreement-container .checkbox-subtitle { margin: 0px; text-align: left; color: rgb(104, 104, 104); max-width: none; font-weight: 400; }

.signup-form-container .panel-body .email-policy-agreement-container .checkbox-error { margin: 0px; text-align: left; color: rgb(158, 29, 66); max-width: none; }

.signup-form-container .panel-body .email-policy-agreement-container .c-checkbox { margin: 0px 8px 0px 0px; }

.signup-form-container .panel-body .checkbox-subtitle { font-size: var(--font-size-xxs); text-align: center; display: table; max-width: 300px; color: rgb(111, 111, 111); margin: 26px auto 16px; line-height: var(--line-height-xxs); }

.signup-form-container .panel-body .checkbox-subtitle a { color: rgb(28, 111, 101); font-weight: 600; }

.signup-form-container .panel-body .checkbox-title { font-size: 13px; text-align: center; display: table; max-width: 300px; color: rgb(111, 111, 111); margin: 26px auto 16px; line-height: 15px; }

.signup-form-container .panel-body .checkbox-title a { color: rgb(28, 111, 101); font-weight: 600; }

.signup-form-container .panel-body .btn { height: 44px; font-size: 13px; line-height: 26px; border-radius: 100px; }

.signup-form-container .panel-body .signin-buttons-new { margin-top: 40px; }

.signup-form-container .panel-body .signin-buttons { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }

.signup-form-container .panel-body .signin-buttons .fa { top: 5px; margin-left: 0px; padding-right: 0px; }

.signup-form-container .panel-body .signin-buttons .btn-google { border: 1.2px solid rgb(111, 111, 111); margin-top: 8px; background-color: rgb(255, 255, 255); }

.signup-form-container .panel-body .signin-buttons .auth-btn { display: inline; margin-left: 8px; }

.signup-form-container .panel-body .signin-buttons .auth-button-new { border-radius: 100px; border: 2px solid var(--ds-neutral-100-solid); background: var(--ds-neutral-00-solid); height: 48px; margin: 0px 0px 24px; }

.signup-form-container .panel-body .signin-buttons .auth-button-new .google-login-icon { vertical-align: middle; margin-right: 8px; }

.signup-form-container .panel-body .signin-buttons .auth-button-new .auth-button-text-new { color: var(--ds-neutral-100-solid); text-align: center; font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--line-height-xs); font-size: var(--font-size-sm); }

@media (min-width: 1110px) and (max-width: 1400px) {
.signup-form-container .panel-body .signin-buttons .auth-btn { display: inline; }
}

.signup-form-container .panel-body .error-msg { font-size: small; color: rgb(158, 29, 66); line-height: 18px; margin-top: 3px; }

.signup-form-container .panel-body .submit-error-msg { display: flex; -webkit-box-pack: center; justify-content: center; }

.signup-form-container .panel-body .password-forgot { text-align: center; text-decoration: underline; font-weight: 600; margin-top: 16px; }

.signup-form-container .panel-body .password-forgot a { color: rgb(34, 34, 34); font-size: 14px; }

.signup-form-container .panel-body .back-link-container { display: flex; -webkit-box-pack: center; justify-content: center; color: rgb(34, 34, 34); font-size: 14px; margin-top: 16px; }

.signup-form-container .panel-body .back-link-container button { color: rgb(34, 34, 34); text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; padding: 0px; border: none; outline: 0px; background-color: transparent; }

.signup-form-container .panel-body .back-link-container button .back-icon { margin-right: 5px; margin-top: 2px; }

.signup-form-container .panel-body { padding: 0px; }

.section-divider-container { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; align-self: stretch; }

.section-divider { -webkit-box-flex: 1; flex: 1 1 0%; block-size: 1px; background-color: var(--ds-neutral-20-solid); }

.section-divider-text { margin: 0px; }

.checklist-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; }

.checklist { list-style: none; padding: 0px; margin: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 8px; }

.checklist-item { display: flex; gap: 8px; }

.checklist-item-text, .checklist-title { margin: 0px; }

.signup-header { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; }

.signup-header .heading-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 8px; }

.signup-header .heading-container .title { margin: 0px; color: var(--ds-neutral-100-solid); font-size: 28px; font-weight: 700; line-height: 36px; }

.signup-header .heading-container .subtitle { margin: 0px; color: var(--ds-neutral-100-solid); font-size: 16px; font-weight: 400; line-height: 24px; }

.authentication-options { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; }

.authentication-options .authentication-buttons-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; }

.mobile-download-prompt { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; bottom: 0px; left: 0px; min-height: 130px; max-height: 168px; opacity: 1; position: fixed; width: 100%; background-color: rgb(250, 250, 250); box-shadow: rgba(0, 0, 0, 0.2) 5px 0px 5px 0px; box-sizing: border-box; transition: all 0.4s ease 0s; gap: 8px; padding: 8px 14px; -webkit-box-align: center; align-items: center; z-index: 1020; }

.mobile-download-prompt .title { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 8px; }

.mobile-download-prompt .title .wattpad-logo { vertical-align: middle; display: inline-block; background-image: url("/img/logos/download-app-icon.png"); background-size: contain; background-repeat: no-repeat; width: 33px; height: 33px; margin: 8px 0px; }

.mobile-download-prompt .title .logo-text { color: rgb(34, 34, 34); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); line-height: var(--line-height-xs); margin: 0px; }

.mobile-download-prompt .bottom-login, .mobile-download-prompt .bottom-open-app { background-color: rgb(255, 255, 255); cursor: pointer; width: 100%; height: 36px; border: 1px solid var(--ds-neutral-100); color: var(--ds-neutral-100); font-size: 14px; -webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: center; justify-content: center; font-weight: 700; border-radius: 24px; text-decoration: none; }

.mobile-download-prompt .bottom-open-app { color: var(--ds-neutral-00,#fff); background-color: var(--ds-neutral-100,#121212); }

.reader-poll-container { padding-block: 16px; font-size: var(--font-size-m); color: var(--font-color-primary); }

.reader-poll-container .poll-author { display: flex; gap: 4px; -webkit-box-align: center; align-items: center; }

.reader-poll-container .poll-author.mobile { font-size: var(--font-size-sm); }

.reader-poll-container .poll-question { padding-block-start: 8px; font-weight: var(--font-weight-bold); overflow-wrap: break-word; }

.reader-poll-container .poll-question.mobile { font-size: var(--font-size-sm); }

.reader-poll-container .poll-option { border-radius: 44px; background-color: var(--ds-base-6-20); transition: width 2s ease-in-out 0s, background-color 2s ease-in-out 0s; display: block; }

.reader-poll-container .poll-option:hover { cursor: pointer; }

.reader-poll-container .poll-option.interacted { background-color: var(--ds-base-6-40); }

.reader-poll-container .poll-option .option-info-wrapper { display: flex; padding: 8px; margin-block-start: 8px; -webkit-box-align: center; align-items: center; gap: 8px; font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); }

.reader-poll-container .poll-option .option-info-wrapper .poll-select { height: 24px; min-width: 24px; border-radius: 50%; background-color: var(--ds-neutral-00); outline: 1px ridge var(--ds-neutral-60); }

.reader-poll-container .poll-option .option-info-wrapper .poll-select.interacted { outline: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.reader-poll-container .poll-option .option-info-wrapper .poll-option-text { position: static; left: 40px; overflow-wrap: break-word; max-width: 430px; min-width: 430px; }

.reader-poll-container .poll-option .option-info-wrapper .poll-option-text.mobile { left: 56px; }

@media (max-width: 540px) {
.reader-poll-container .poll-option .option-info-wrapper .poll-option-text { max-width: 320px; min-width: 320px; }
}

@media (max-width: 375px) {
.reader-poll-container .poll-option .option-info-wrapper .poll-option-text { max-width: 240px; min-width: 240px; }
}

.reader-poll-container .info-text { display: flex; gap: 8px; color: var(--ds-neutral-80); font-size: var(--font-size-xs); -webkit-box-align: center; align-items: center; margin-top: 8px; }

.reader-poll-container .info-text.mobile { font-size: var(--font-size-xxs); }

.reader-poll-container .info-text .info-dot { height: 4px; width: 4px; border-radius: 50%; background-color: var(--ds-neutral-60); }

@media screen and (max-width: 422px) {
.user-profile #user-following-section .break1, .user-profile #user-following-section .user:nth-child(-n+2) { display: inline-block !important; }
.user-profile #profile-lists .story-item:nth-child(-n+3) { display: inline-block !important; }
}

@media screen and (min-width: 423px) and (max-width: 525px) {
.user-profile #user-following-section .break2, .user-profile #user-following-section .user:nth-child(-n+3) { display: inline-block !important; }
.user-profile #profile-lists .story-item:nth-child(-n+4) { display: inline-block !important; }
}

@media screen and (min-width: 526px) {
.user-profile #user-following-section .break3, .user-profile #user-following-section .user { display: inline-block !important; }
.user-profile #profile-lists .story-item { display: inline-block !important; }
}

.user-profile a:active, .user-profile a:focus, .user-profile a:hover, .user-profile a:visited { text-decoration: none; }

.user-profile #profile-card .btn, .user-profile .user-about .btn { height: 40px; padding: 5px 10px; color: rgb(111, 111, 111); font-size: 16px; border: 2px solid rgb(238, 238, 238); }

.user-profile #profile-card .btn:not(.btn-white), .user-profile .user-about .btn:not(.btn-white) { color: rgb(255, 255, 255); border: none; }

.user-profile #profile-card .btn.btn-grey, .user-profile .user-about .btn.btn-grey { color: rgb(111, 111, 111); font-weight: 600; }

.user-profile #profile-card .btn .fa, .user-profile .user-about .btn .fa { top: 2px; }

.user-profile #profile-card .dropdown-toggle:focus-visible, .user-profile .user-about .dropdown-toggle:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.user-profile #profile-card { color: rgb(255, 255, 255); background: rgb(111, 111, 111); padding: 16px 0px 20px; }

.user-profile #profile-card.background { width: auto; background-position: center center; background-size: cover; background-repeat: repeat; }

.user-profile #profile-card .profile-header-buttons { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0px 6px; margin-bottom: 16px; }

.user-profile #profile-card .profile-header-buttons button.settings { padding: 0px; }

.user-profile #profile-card .profile-header-buttons button.settings .fa { vertical-align: middle; }

.user-profile #profile-card .avatar { position: relative; margin: 0px auto; }

.user-profile #profile-card .badges { margin: 12px 0px 6px; }

.user-profile #profile-card .badges .user-name { margin: 0px; }

.user-profile #profile-card .top-bar { height: 50px; padding-top: 10px; text-align: center; }

.user-profile #profile-card .top-bar img { width: 110px; }

.user-profile #profile-card .user-name { margin-bottom: 6px; margin-top: 12px; font-weight: 700; display: inline-block; }

.user-profile #profile-card .full-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px; margin: 10px 0px 15px; }

.user-profile #profile-card .header-metadata { margin: 0px auto 24px; max-width: 320px; }

.user-profile #profile-card .header-metadata div { color: rgb(255, 255, 255); }

.user-profile #profile-card .header-metadata p { font-size: 14px; line-height: 17px; margin: 0px; }

.user-profile #profile-nav { list-style-type: none; margin-bottom: 0px; padding: 0px; display: flex; }

.user-profile #profile-nav li.nav-item { width: 50%; height: 44px; font-size: 15px; }

.user-profile #profile-nav li.nav-item a { height: 44px; color: rgb(34, 34, 34); font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.user-profile #profile-nav li.nav-item a.selected { font-weight: 600; border-bottom: 3px solid rgb(255, 97, 34); }

.user-profile .user-about { margin-bottom: -11px; }

.user-profile .user-about .panel { margin: 0px; padding: 10px; }

.user-profile .user-about hr { margin: -10px -10px 10px; border-top: 1px solid rgb(238, 238, 238); }

.user-profile .user-about pre { margin: 0px; }

.user-profile .user-about pre iframe, .user-profile .user-about pre img { max-width: 100%; }

.user-profile .user-about .section-header, .user-profile .user-about .section-header a { font-size: 18px; font-weight: 600; color: rgb(34, 34, 34); }

.user-profile .user-about .section-header .settings, .user-profile .user-about .section-header a .settings { float: right; }

.user-profile .user-about .fa-right { margin-left: 5px; }

.user-profile .user-about ul.metadata { list-style-type: none; margin: 0px 0px 12px; padding: 0px; font-size: 12px; line-height: 18px; color: rgb(111, 111, 111); }

.user-profile .user-about ul.metadata li { display: inline-block; }

.user-profile .user-about ul.metadata li + li { margin-left: 10px; }

.user-profile .user-about ul.metadata li + li::before { content: "·"; font-size: 30px; position: absolute; margin-top: -1px; margin-left: -10px; }

.user-profile .user-about .on-showmore { margin-top: 12px; }

.user-profile .user-about .activity-feed { padding-top: 12px; }

.user-profile .user-about .activity-feed > .message-new { margin-bottom: 18px; }

.user-profile .user-about .user-description pre { font-size: 15px; }

.user-profile .user-about .user-description button { margin-top: 10px; }

.user-profile .user-about .user-description .request-container .notification { border: none; margin-bottom: 30px; }

.user-profile .user-about .user-description .full-description, .user-profile .user-about .user-description .short-description { clear: both; }

.user-profile .user-about .user-description .full-description pre { margin-bottom: 20px; }

.user-profile .user-about .user-description ul { margin: 0px; }

.user-profile .user-about .user-description ul li { position: relative; }

.user-profile .user-about .user-description ul li .fa { position: absolute; }

.user-profile .user-about .user-description ul.user-meta-info { font-size: 12px; }

.user-profile .user-about .user-description ul.user-meta-info li { line-height: 20px; }

.user-profile .user-about .user-description ul.user-meta-info li .fa { top: 5px; }

.user-profile .user-about .user-description ul.user-meta-info li .location { margin-left: 17px; }

.user-profile .user-about .user-description ul.user-meta-info li .createDate { font-weight: 600; margin-right: 5px; }

.user-profile .user-about .user-description ul.social-links { margin-top: 20px; margin-bottom: 20px; font-size: 15px; }

.user-profile .user-about .user-description ul.social-links .fa { top: 2px; }

.user-profile .user-about .user-description ul.social-links .fa-facebook-square { color: rgb(59, 89, 152); }

.user-profile .user-about .user-description ul.social-links .fa-twitter { color: rgb(85, 172, 238); }

.user-profile .user-about .user-description ul.social-links a { display: inline-block; overflow-wrap: break-word; word-break: break-all; margin-left: 30px; color: rgb(111, 111, 111); font-weight: 600; }

.user-profile .user-about .user-description .profile-disclaimer-container { text-align: center; }

.user-profile .user-about .user-description .profile-disclaimer-container .disclaimer { max-width: 350px; margin: auto; }

.user-profile .user-about .show-more button { transition: background 80ms ease 0s; }

.user-profile .user-about .show-more button.touched { background: rgb(238, 238, 238); }

.user-profile .user-about .show-more button:focus { outline: 0px; }

.user-profile .user-about .show-more img.fallback { vertical-align: middle; margin-top: -3px; }

.user-profile #profile-works .discover-module-stories-large { display: inline-block; width: 100%; font-size: 12px; color: rgb(111, 111, 111); }

.user-profile #profile-works .discover-module-stories-large:not(:last-child) { margin-bottom: 12px; }

.user-profile #profile-works .discover-module-stories-large .cover { float: left; }

.user-profile #profile-works .discover-module-stories-large .supported-marker { display: flex; -webkit-box-align: center; align-items: center; color: rgb(34, 34, 34); font-size: 13px; overflow: hidden; white-space: nowrap; }

.user-profile #profile-works .discover-module-stories-large .supported-marker img { margin-right: 8px; width: auto; }

.user-profile #profile-works .discover-module-stories-large .content { margin-left: 102px; }

.user-profile #profile-works .discover-module-stories-large .content a.title { display: block; max-height: 48px; overflow: hidden; overflow-wrap: break-word; color: rgb(34, 34, 34); font-weight: 600; font-size: 18px; line-height: 24px; }

.user-profile #profile-works .discover-module-stories-large .content a.username { display: block; overflow: hidden; color: rgb(111, 111, 111); margin-top: 5px; }

.user-profile #profile-works .discover-module-stories-large .content .work-state { font-size: 12px; text-transform: uppercase; color: rgb(0, 178, 178); }

.user-profile #profile-works .discover-module-stories-large .content .work-state.category, .user-profile #profile-works .discover-module-stories-large .content .work-state.draft { color: rgb(111, 111, 111); }

.user-profile #profile-works .discover-module-stories-large .content .work-state .text { text-transform: none; }

.user-profile