.main-container-popularstories{background:transparent}.main-container-popularstories .container{position:relative;padding-bottom:44px;max-width:1200px;margin:auto}.main-container-popularstories .container .header{display:flex;align-items:center;justify-content:space-between;padding:32px 21px 12px;border-bottom:1px solid #c7517f;border-radius:12%}.main-container-popularstories .container .header .wrapper{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;width:100%}.main-container-popularstories .container .header .wrapper .heading{color:#c7517f;font-family:Playfair Display,serif;font-size:28px;font-weight:700;line-height:30px;text-transform:capitalize;opacity:0;transform:translateY(-20px);animation:bounceInOut 2s ease-in-out forwards;position:relative;display:inline-block;overflow:hidden}.main-container-popularstories .container .header .wrapper .heading:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.8));transform:rotate(0deg);animation:shimmer 3s linear infinite;pointer-events:none}.main-container-popularstories .container .header .wrapper .more{color:#6b4cff;font-size:14px;font-weight:500;line-height:16px;transition:margin-right .3s ease}.main-container-popularstories .container .body{height:234px;margin-top:32px}.main-container-popularstories .container .body .cards{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;cursor:pointer}.main-container-popularstories .container .body .cards .story-card{display:flex;flex-direction:row;margin-left:16px}.main-container-popularstories .container .body .cards .story-card .story-img{width:128px;min-width:128px;height:170px;transform-origin:top left;transition:width .5s ease,height .5s ease}.main-container-popularstories .container .body .cards .story-card .story-img img{object-fit:fill;overflow:hidden;width:100%;height:100%;border-radius:8px}.main-container-popularstories .container .body .cards .story-card .book-info{display:none;width:472px;height:auto;margin-left:24px;opacity:0;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.main-container-popularstories .container .body .cards .story-card .book-info.visible{display:block;opacity:1;pointer-events:all}.main-container-popularstories .container .body .cards .story-card .book-info .title{color:#222;font-size:18px;font-weight:500;line-height:20px;max-width:100%;margin-top:35px}.main-container-popularstories .container .body .cards .story-card .book-info .title:hover{color:#c7517f}.main-container-popularstories .container .body .cards .story-card .book-info .author-views{display:flex;flex-direction:column;align-items:flex-start}.main-container-popularstories .container .body .cards .story-card .book-info .author-views .author{margin-top:8px;color:gray;font-size:14px;font-weight:400;line-height:16px}.main-container-popularstories .container .body .cards .story-card .book-info .author-views .views{margin-top:8px}.main-container-popularstories .container .body .cards .story-card .book-info .author-views .views .book-data{display:flex;align-items:center;justify-content:normal;line-height:14px}.main-container-popularstories .container .body .cards .story-card .book-info .author-views .views .book-data .eye-symbol{color:gray;font-size:12px}.main-container-popularstories .container .body .cards .story-card .book-info .author-views .views .book-data .views-count{margin-left:4px;color:gray;font-size:12px;font-weight:400;line-height:16px}.main-container-popularstories .container .body .cards .story-card .book-info .blurb{max-width:100%;margin-top:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:24px;text-overflow:ellipsis}.main-container-popularstories .container .body .cards .story-card:hover{transform:scale(1.05)}.main-container-popularstories .container .body .cards .story-card:hover .story-img{width:176px;height:234px}.main-container-popularstories .container .body .cards .story-card:not(:hover) .story-card{flex-direction:column}@keyframes bounceInOut{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1075px){.main-container-popularstories .container .body .cards{display:flex;flex-direction:row;justify-content:space-between;cursor:pointer;overflow-x:auto;scroll-behavior:smooth;flex-wrap:nowrap;padding-bottom:10px}}