text-overflow: ellipsis; overflow: hidden; text-align: left; white-space: nowrap; }

.home-sections-wrapper .continue-reading-wrapper .continue-reading .cover { margin: -40px 16px 0px 0px; min-width: fit-content; z-index: 0; border-radius: 4px; }

.home-sections-wrapper .continue-reading-wrapper .continue-reading img { border-radius: 4px; box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 8px 10px 1px; width: 60px; }

.home-sections-wrapper .continue-reading-wrapper .continue-reading .read { align-self: center; font-size: 16px; font-weight: 700; line-height: 1.38; padding: 8px 9px 0px 0px; color: rgb(34, 34, 34); }

.home-sections-wrapper .continue-reading-wrapper .percentage-read { height: 4px; background-color: rgb(238, 238, 238); margin: 8px 8px 4px 0px; border-radius: 2px; width: 70%; }

.home-sections-wrapper .continue-reading-wrapper .percentage-position { border-radius: 2px; height: 4px; background-color: rgb(255, 97, 34); }

.home-sections-wrapper .wp-modal.modal-story-preview .modal-content { flex-basis: 586px; height: 436px; padding: 8px; overflow: hidden; }

.home-sections-wrapper .story-preview-wrapper { display: flex; }

.home-sections-wrapper .story-preview-wrapper .cover { width: 50%; height: 100%; }

.home-sections-wrapper .story-preview-wrapper .cover img { border-radius: 4px; }

.home-sections-wrapper .story-preview-wrapper .story-info { height: inherit; width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 10px 16px 0px; position: relative; }

.home-sections-wrapper .story-preview-wrapper .story-info .meta-header { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; height: fit-content; }

.home-sections-wrapper .story-preview-wrapper .story-info .meta-header .title-wrapper { display: flex; -webkit-box-align: center; align-items: center; }

.home-sections-wrapper .story-preview-wrapper .title-wrapper .paid-stories-badge { margin-top: 6px; }

.home-sections-wrapper .story-preview-wrapper .title-wrapper .title { font-weight: 700; font-size: 22px; line-height: 28px; color: rgb(34, 34, 34); width: 208px; height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.home-sections-wrapper .story-preview-wrapper .story-info .meta-header .icon-bar { padding-top: 10px; }

.home-sections-wrapper .story-preview-wrapper .story-info .description { font-weight: 400; font-size: 14px; line-height: 20px; height: 220px; width: 268px; overflow: hidden; }

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; margin: 20px 0px; }

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read { -webkit-box-flex: 2; flex: 2 1 0%; border-top-right-radius: 0px; border-bottom-right-radius: 0px; max-width: 208px; min-width: 0px; }

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read .paid-story { margin-top: 4px; min-width: 20px; }

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read .open-book { margin-top: 2px; margin-right: 4px; min-width: 16px; }

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read .read-btn-text { text-overflow: ellipsis; overflow: hidden; }

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .add-to-library-btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 0px 16px; margin-left: 2px; max-width: 56px; }

.home-sections-wrapper .story-preview-wrapper .buttons-wrapper .add-to-library-btn svg { stroke: rgb(255, 255, 255); }

.home-sections-wrapper .story-preview-wrapper .story-info .loader-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; margin: 20px 0px; }

.home-sections-wrapper .story-preview-wrapper .more-details-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; }

.home-sections-wrapper .story-preview-wrapper .more-details-wrapper .more-details { display: flex; -webkit-box-align: center; align-items: center; border: none; font-weight: 700; font-size: 14px; line-height: 20px; color: rgb(34, 34, 34); bottom: 18px; position: absolute; width: inherit; padding: 0px; background-color: transparent; }

.home-sections-wrapper .story-preview-wrapper .close { border: none; position: absolute; right: 0px; background-color: transparent; }

.home-sections-wrapper.loading-spinner { display: flex; -webkit-box-pack: center; justify-content: center; height: 100vh; -webkit-box-align: center; align-items: center; }

.home-sections-wrapper.loading-spinners { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 300px; position: absolute; width: 100%; }

.load-home-failed { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

.load-home-failed .image img { margin: 170px 0px 50px; }

.load-home-failed .text .title { font-size: 24px; font-weight: 700; color: rgb(34, 34, 34); margin-bottom: 6px; text-align: center; line-height: 1.38; letter-spacing: normal; }

.load-home-failed .text .subtitle { font-size: 16px; color: rgb(111, 111, 111); margin-bottom: 20px; text-align: center; line-height: 1.38; letter-spacing: normal; }

@media (max-width: 992px) {
.home-sections-wrapper .greeting-and-content-settings .module-content { padding: 0px 16px; }
.home-sections-wrapper .greeting-and-content-settings .module-divider { margin-left: 16px; margin-bottom: 0px; }
}

@media (max-width: 575px) {
.home-sections-wrapper .module-content { padding-top: 40px; padding-left: 8px; padding-bottom: 24px; }
.home-sections-wrapper .story-swimlane.paid .module-content { height: 100%; }
.home-sections-wrapper .story-swimlane-with-hero { margin-bottom: 0px; padding-bottom: 0px; }
.home-sections-wrapper .story-swimlane-with-hero.paid { margin-bottom: 32px; padding-top: 0px; }
.home-sections-wrapper .story-swimlane-with-hero.paidMultiRow { margin-bottom: 32px; padding-top: 0px; }
.home-sections-wrapper .story-swimlane-with-hero.paidMultiRow .module-header { margin: 0px; }
.home-sections-wrapper .story-swimlane-with-hero.paidMultiRow .module-header:first-child { margin-top: 24px; }
.home-sections-wrapper .story-swimlane { margin-bottom: 0px; }
.home-sections-wrapper .story-swimlane:not(.paid) { padding-bottom: 0px; }
.home-sections-wrapper .story-swimlane .module-content { padding-bottom: 0px; height: 100%; }
.home-sections-wrapper .story-swimlane .module-content.full-width { width: 100%; }
.home-sections-wrapper .carousel-container { height: 206px; }
.home-sections-wrapper .module-header { min-width: unset; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; }
.home-sections-wrapper .module-header .left-section .heading h3 { margin-top: 0px; margin-bottom: 0px; }
.home-sections-wrapper .module-header .left-section .subheading h4 { color: rgba(18, 18, 18, 0.64); font-size: 16px; line-height: normal; margin-top: 4px; margin-bottom: 8px; }
.home-sections-wrapper .module-header .promoted-indicator p { font-size: 14px; line-height: 1.29; }
.home-sections-wrapper .module-header .promoted-icon { height: 15px; width: 15px; margin-bottom: 6px; }
.home-sections-wrapper .module-header .expand-prompt-button { align-self: flex-start; }
.home-sections-wrapper .tag-item { font-size: 12px; }
.home-sections-wrapper .hero-item { padding-top: 24px; padding-right: 8px; margin-bottom: 24px; min-width: unset; }
.home-sections-wrapper .hero { min-width: unset; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; padding: 15px 8px 20px 15px; margin-top: 0px; }
.home-sections-wrapper .hero .cover { margin: -32px 14px 0px 0px; }
.home-sections-wrapper .hero .cover img { width: 104px; height: 168px; }
.home-sections-wrapper .hero .title { font-size: 18px; }
.home-sections-wrapper .hero .description { line-height: 1.29; font-size: 14px; }
.home-sections-wrapper .hero .promoted-indicator p { display: none; }
.home-sections-wrapper .greeting-and-content-settings { margin-top: 25px; min-width: unset; border-bottom: none; }
.home-sections-wrapper .greeting-and-content-settings .greeting-text { font-weight: 400; font-size: 22px; }
.home-sections-wrapper .greeting-and-content-settings .content-settings-label { width: auto; }
.home-sections-wrapper .greeting-and-content-settings .content-settings-label p { display: none; }
.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip { position: absolute; width: 250px; right: 10px; top: -5px; }
.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip p { font-size: 14px; line-height: 16px; }
.home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip h1 { font-size: 16px; margin: 8px 0px 3px; }
.home-sections-wrapper .greeting-and-content-settings .module-divider { margin-left: 16px; margin-bottom: 0px; width: 100%; }
.home-sections-wrapper .greeting-and-content-settings .module-content { padding: 0px 16px; max-width: 960px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.home-sections-wrapper .paid .hero-item, .home-sections-wrapper .paidMultiRow .hero-item { min-width: unset; }
.home-sections-wrapper .small-nav { padding-bottom: 16px; }
.home-sections-wrapper .small-nav .banner-content { min-width: unset; height: fit-content; }
.home-sections-wrapper .small-nav h2 { font-size: 12px; margin: 0px 0px 0px 18px; }
.home-sections-wrapper .small-nav .contest-content { height: 97px; }
.home-sections-wrapper .small-nav.twoSections h1 { font-size: 14px; margin: 10px 0px 0px 18px; }
.home-sections-wrapper .small-nav.oneSection .contest-info { max-width: 80%; }
.home-sections-wrapper .small-nav.oneSection h1 { font-size: 16px; margin: 18px 0px 4px 18px; }
.home-sections-wrapper .story-swimlane-with-hero .paid-banner .banner-content { background-image: url("/img/paid-content/currency.png"); background-position: 90% 0px; background-size: 75px; }
.home-sections-wrapper .continue-reading-wrapper { margin-bottom: 4px; }
.home-sections-wrapper .continue-reading-wrapper .continue-reading { width: 98%; }
.home-sections-wrapper .continue-reading-wrapper .continue-reading .cover { margin: -15px 8px 0px 0px; border-radius: 4px; }
.home-sections-wrapper .continue-reading-wrapper .cover img { height: 63px; width: 40px; }
.home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details { width: 90%; }
.home-sections-wrapper .continue-reading-wrapper .percentage-read { width: 100%; }
.load-home-failed .image img { margin: 50px 0px; }
.load-home-failed .text .title { font-size: 18px; }
}

.content-settings { margin: 0px 10px; }

.content-settings.is-settings-page { max-width: 850px; padding-top: 20px; margin: 0px auto; }

.content-settings.is-settings-page .content-settings-heading { display: none; }

.content-settings h2 { font-size: 26px; }

.content-settings h2, .content-settings h3 { font-weight: 700; color: rgb(34, 34, 34); margin: 10px 0px; }

.content-settings .section { display: flex; }

.content-settings .mature { -webkit-box-align: center; align-items: center; flex-wrap: wrap; }

.content-settings .instruction { -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 10px; }

.content-settings .instruction h3 { font-size: 18px; }

.content-settings .instruction p { font-size: 16px; max-width: 559px; }

.blocked-tags .left-section { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; }

.blocked-tags .right-section { -webkit-box-flex: 1; flex: 1 1 0%; }

.blocked-tags .right-section button { padding: 0px; border: none; background: 0px 0px; min-width: 80px; margin: 10px 0px; line-height: 30px; display: flex; -webkit-box-align: center; align-items: center; text-decoration: none; color: rgb(34, 34, 34); font-size: 14px; outline: 0px; }

.blocked-tags .right-section button p { margin: 0px; }

.blocked-tags .blocked-tags-list { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; height: 100%; margin-right: 10px; font-weight: 700; user-select: none; flex-wrap: nowrap; max-height: 30px; pointer-events: none; }

.blocked-tags .blocked-tags-list .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); margin: 5px 5px 10px 0px; border-radius: 12px; color: rgb(111, 111, 111); font-size: 12px; line-height: 19px; pointer-events: none; height: fit-content; background-color: rgb(238, 238, 238) !important; }

.blocked-tags .blocked-tags-list .tags { display: inline-flex; width: calc(100% - 60px); height: 100%; overflow: hidden; flex-wrap: wrap; margin: 0px; }

.blocked-tags .blocked-tags-list .more { min-width: 60px; height: 100%; font-size: 12px; font-weight: 400; letter-spacing: normal; color: rgb(111, 111, 111); padding-top: 3px; }

.toggle { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow: hidden; position: relative; width: 131px; height: 43px; border-radius: 4px; border: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); cursor: pointer; }

.toggle:focus { outline: 0px; }

.toggle div { display: flex; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; flex: 1 1 0%; height: 100%; font-weight: 700; user-select: none; }

.toggle .block-on { background-color: rgb(77, 182, 172); color: rgb(255, 255, 255); }

.toggle .block-off { background-color: rgb(238, 238, 238); }

.toggle .switch { position: absolute; width: 50%; background-color: rgb(255, 255, 255); z-index: 2; }

.toggle.off .switch { transition: all 0.4s ease 0s; left: 0px; }

.toggle.on .switch { transition: all 0.4s ease 0s; left: 50%; }

.toggle.disabled { cursor: auto; }

.toggle.disabled .block-on { opacity: 0.5; }

.toggle.disabled .block-off { opacity: 0.5; }

.content-settings .footer { display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; }

.content-settings .footer .cancel { cursor: pointer; border: none; background: 0px 0px; outline: 0px; margin-right: 3%; color: rgb(34, 34, 34); }

.content-settings .footer .btn-primary { cursor: pointer; }

.edit-blocked-tags { min-height: 600px; max-height: 600px; overflow: hidden; }

.edit-blocked-tags .heading { display: inline-flex; max-height: 32px; -webkit-box-align: center; align-items: center; }

.edit-blocked-tags .back { padding: 0px; border: none; background: 0px 0px; margin-right: 20px; max-width: 24px; max-height: 24px; }

.edit-blocked-tags h2 { margin: 0px; font-size: 24px; font-weight: 700; color: rgb(34, 34, 34); }

.content-settings.edit-blocked-tags .instruction { margin: 0px 10px 0px 4px; }

.content-settings.edit-blocked-tags .instruction p { max-width: 100%; }

.edit-blocked-tags .tags { max-height: 350px; overflow: scroll; }

.edit-blocked-tags .blocked-tags-list .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); margin: 4px; border-radius: 12px; color: rgb(111, 111, 111); font-size: 12px; line-height: 19px; background-color: rgb(238, 238, 238); }

.edit-blocked-tags .blocked-tags-list .tag-item .fa-remove:hover { color: rgb(255, 97, 34); }

.edit-blocked-tags input { outline: 0px; padding: 0px; border: none; background: 0px 0px; width: 100%; font-size: 14px; color: rgb(111, 111, 111); line-height: 1.43; margin: 24px 0px 0px 4px; }

.edit-blocked-tags .warning { display: inline-flex; height: 20px; margin-top: 8px; }

.edit-blocked-tags .warning p { margin: 1px 0px 0px 3px; height: 100%; font-size: 14px; line-height: 1.43; letter-spacing: normal; color: rgb(111, 111, 111); }

.wp-modal.modal-confirmation .modal-content { flex-basis: 561px; min-height: 380px; }

.modal-confirmation .thanks-for-the-input { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

.modal-confirmation .thanks-for-the-input img { width: 157px; height: 158px; }

.modal-confirmation .thanks-for-the-input .text { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

.modal-confirmation .thanks-for-the-input .text h3 { width: fit-content; height: 24px; font-size: 18px; font-weight: 700; line-height: 1.33; text-align: center; color: rgb(34, 34, 34); }

.modal-confirmation .thanks-for-the-input .text p { width: 448px; height: fit-content; font-size: 16px; font-weight: 400; line-height: 1.38; letter-spacing: normal; text-align: center; color: rgb(111, 111, 111); }

.suggested-tags { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-height: 320px; }

.suggested-tags .title { color: rgb(111, 111, 111); font-size: 12px; line-height: 1.43; margin: 24px 0px 3px 4px; }

.suggested-tags .tags { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; margin: 4px 0px 0px 4px; }

.suggested-tags .tags button { color: rgb(34, 34, 34); font-size: 14px; font-weight: 700; line-height: 1.43; border: none; background: 0px 0px; padding: 6px 0px; text-decoration: none; outline: 0px; text-align: left; width: fit-content; }

@media (max-width: 575px) {
.wp-modal.modal-contest .modal-content { overflow-y: auto; }
.wp-modal.modal-contest .modal-content .edit-blocked-tags { overflow-y: auto; }
.blocked-tags .left-section { width: 95%; }
.blocked-tags .left-section .blocked-tags-list { max-height: 100%; flex-wrap: wrap; }
.blocked-tags .left-section .blocked-tags-list .tags { width: 100%; max-height: 30px; margin: 0px; }
.blocked-tags .left-section .blocked-tags-list .more { width: 100%; height: 50%; text-align: left; }
.blocked-tags .right-section .edit-tags-button { min-height: 40px; min-width: 40px; margin: 0px; }
.blocked-tags button p { display: none; }
.tags { margin: 0px; }
.edit-blocked-tags .instruction { display: none; }
.modal-confirmation .thanks-for-the-input img { width: 125px; height: 127px; }
.modal-confirmation .thanks-for-the-input .text p { width: 85%; height: 100%; }
}

@media (min-width: 575px) {
.featured-carousel { margin: 0px auto; width: 100%; max-width: 960px; min-width: 400px; height: 420px; }
.featured-carousel .slider, .featured-carousel .slider-frame { height: 420px !important; }
.featured-carousel .featured-text { width: 100%; margin-left: 1%; margin-top: -22.4em; }
.featured-carousel h2 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; height: 26px; font-size: 22px; line-height: 28px; color: rgb(18, 18, 18); }
.featured-carousel p { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; height: 23px; line-height: 22px; margin-top: -10px; color: rgba(18, 18, 18, 0.64); }
.featured-carousel.rtl-adjust .featured-slide .featured-text { right: 20% !important; left: unset !important; }
.featured-carousel .featured-slide { position: absolute; width: 100%; top: 96px; }
.featured-carousel .featured-slide .image-container { height: 267px; left: 240px; margin-left: 12px; margin-right: 12px; background-position: center center; box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px, rgba(34, 34, 34, 0.1) 0px 8px 10px; border-radius: 16px; }
.featured-carousel .slider-control-bottomright { margin-right: 46%; }
.featured-carousel .slider-control-bottomcenter { width: 60%; height: 40px; }
.featured-carousel .slider-control-bottomcenter .controls { flex-flow: wrap; gap: 20px; width: unset; -webkit-box-pack: center; justify-content: center; }
.featured-carousel .controls { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100px; top: -11px; cursor: pointer; }
.featured-carousel .controls .control { display: inline-block; background-color: rgb(111, 111, 111); height: 10px; width: 10px; border-radius: 50%; }
.featured-carousel .controls .control.active { background-color: rgb(34, 34, 34); }
.featured-carousel .slider-control-centerleft, .featured-carousel .slider-control-centerright { display: none; }
.featured-carousel .module-divider { display: none; }
}

@media (max-width: 575px) {
.featured-carousel { margin: 100px 0px 16px 8px; height: auto; }
.featured-carousel .slider, .featured-carousel .slider-frame { max-width: 315px; height: auto !important; }
.featured-carousel .module-divider { display: none; margin-top: 16px; }
.featured-carousel .featured-slide { margin: 0px auto; max-width: 315px; position: relative; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; }
.featured-carousel .featured-slide .image-container { border-radius: 4px; background-position: 50% 0px; }
.featured-carousel .featured-slide .featured-text { position: absolute; height: 100px; width: 100%; top: -100px; left: 0px; }
.featured-carousel .featured-slide.rtl-adjust .featured-slide .featured-text { right: 0px !important; left: unset !important; }
.featured-carousel .featured-slide h2 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(34, 34, 34); font-size: 18px; line-height: 1.33; top: 0px; left: 0px; margin-bottom: 4px; font-weight: 700; }
.featured-carousel .featured-slide p { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgba(18, 18, 18, 0.64); font-size: 16px; line-height: 1.38; top: 50px; left: 0px; margin-bottom: 6px; }
}

.story-carousel { z-index: 1; }

.story-carousel .carousel-container { width: calc(100% + 29px); margin: 0px auto; max-width: 976px; min-width: 400px; }

.story-carousel .slider-control-centerleft { left: -10% !important; }

.story-carousel .slider-control-centerright { right: -10% !important; }

.story-carousel .rtl-adjust .slider-control-centerleft { right: -10% !important; left: unset !important; }

.story-carousel .rtl-adjust .slider-control-centerright { right: unset !important; left: -10% !important; }

.story-carousel .slider-slide { overflow-y: hidden; }

.story-carousel .next-btn, .story-carousel .prev-btn { background-color: transparent; outline: 0px; border: none; }

.story-carousel .story-item { margin-bottom: 20px; padding: 2px 8px 0px; max-width: 200px; min-width: 100px; height: fit-content; }

.story-carousel .story-item .cover { display: block; background-color: transparent; margin-bottom: 20px; height: 278px; width: 178px; min-width: 100px; border-radius: 4px; box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 7px 10px 1px; }

.story-carousel .tag-and-badge { width: 100%; margin: 0px auto; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; }

.story-carousel .tag-and-badge .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); border-radius: 120px; color: rgb(111, 111, 111); font-size: 14px; line-height: 19px; }

.story-carousel .tag-and-badge .paid-stories-badge { color: rgb(34, 34, 34); margin-right: 5px; }

.story-carousel .module-divider { display: none; }

@media (max-width: 575px) {
.story-carousel .carousel-container { min-width: unset; }
.story-carousel .story-item { min-width: unset; height: fit-content; padding-right: 0px; width: 105px; }
.story-carousel .story-item .cover { min-width: unset; height: 163px; width: 105px; }
.story-carousel .story-item .paid-stories-badge { margin-right: 3px; }
.story-carousel .story-item .tag-item { font-size: 12px; }
.story-carousel .module-divider { display: block; }
}

@media (min-width: 575px) {
.story-expanded-carousel { width: 100%; }
}

.story-expanded-carousel .carousel-container { width: calc(100% + 29px); margin: 0px auto; max-width: 976px; min-width: 400px; }

.story-expanded-carousel .slider-control-centerleft { left: -10% !important; }

.story-expanded-carousel .slider-control-centerright { right: -10% !important; }

.story-expanded-carousel .rtl-adjust .slider-control-centerleft { right: -10% !important; left: unset !important; }

.story-expanded-carousel .rtl-adjust .slider-control-centerright { right: unset !important; left: -10% !important; }

@media (min-width: 575px) {
.story-expanded-carousel .slider-slide { overflow-y: hidden; }
}

.story-expanded-carousel .next-btn, .story-expanded-carousel .prev-btn { background-color: transparent; outline: 0px; border: none; }

.story-expanded-carousel .story-item { margin-bottom: 20px; padding-right: 8px; padding-left: 8px; max-width: 200px; min-width: 100px; height: fit-content; }

.story-expanded-carousel .story-item .cover { display: block; background-color: transparent; margin-bottom: 20px; height: 278px; width: 178px; min-width: 100px; }

.story-expanded-carousel .story-item .cover img { border-radius: 4px; box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 7px 10px 1px; }

.story-expanded-carousel .tag-and-badge { width: 100%; margin: 0px auto; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; }

.story-expanded-carousel .tag-and-badge .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); border-radius: 120px; color: rgb(111, 111, 111); font-size: 14px; line-height: 19px; background-color: rgb(255, 255, 255) !important; }

.story-expanded-carousel .module-divider { display: none; }

@media (min-width: 575px) {
.story-expanded-carousel .story-metadata { display: none; }
}

@media (max-width: 575px) {
.story-expanded-carousel .carousel-container { min-width: unset; width: 100vw; }
.story-expanded-carousel .slider-list { height: 160px !important; }
.story-expanded-carousel .slider-slide { width: 150px !important; }
.story-expanded-carousel .slider-slide .cover { margin-top: 10px; }
.story-expanded-carousel .zoom-story-item .story-item { transition: all 0.2s ease-in-out 0s !important; transform: scale(1.1) !important; }
.story-expanded-carousel .zoom-story-item .story-item .cover img { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px, rgba(0, 0, 0, 0.12) 0px 6px 30px, rgba(0, 0, 0, 0.14) 0px 16px 24px; border-radius: 4px; }
.story-expanded-carousel .story-metadata { height: 100%; padding-top: 12px; }
.story-expanded-carousel .story-metadata .meta-header { left: 50%; margin-right: -50%; }
.story-expanded-carousel .story-metadata .meta-header .title-and-badge { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding-left: 15px; width: 240px; }
.story-expanded-carousel .story-metadata .meta-header .title-and-badge .story-title { display: inline-block; margin-top: -4%; }
.story-expanded-carousel .story-metadata .meta-header .title-and-badge .story-title h3 { height: 24px; width: 90vw; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; color: rgb(18, 18, 18); font-weight: 700; font-size: 16px; line-height: 22px; }
.story-expanded-carousel .story-metadata .meta-header .icon-bar { margin-left: 16px; }
.story-expanded-carousel .story-metadata .meta-header .icon-bar .tag-item { padding: 0px 12px; }
.story-expanded-carousel .story-metadata .story-description { left: 50%; margin-right: -50%; margin-top: -1%; padding-left: 15px;