.storyCardWrapper{justify-content:unset;align-items:unset;-moz-column-gap:0;box-sizing:border-box;background:#fff;border:1px solid #e4e8ff;border-radius:16px;flex-flow:column;gap:12px 0;width:calc(100% - 32px);max-width:355px;height:100%;margin:0 8px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}.storyCardWrapper:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}@media only screen and (max-width:768px){.storyCardWrapper{border-radius:12px;gap:10px;width:calc(100% - 24px);margin:0 12px;padding:12px}}@media (max-width:480px){.storyCardWrapper{width:calc(100% - 32px);margin:0 16px;padding:10px}}@media (max-width:360px){.storyCardWrapper{gap:8px;width:calc(100% - 24px);margin:0 12px;padding:8px}}@media (min-width:768px) and (max-width:1023px){.storyCardWrapper{max-width:320px}}.storyCardWrapper .storyImgContainer{aspect-ratio:16/9;border-radius:12px;width:100%;height:auto;min-height:160px;position:relative;overflow:hidden}@media only screen and (max-width:768px){.storyCardWrapper .storyImgContainer{border-radius:8px;min-height:140px}}.storyCardWrapper .storyImgContainer img{transition:transform .3s}.storyCardWrapper .storyImgContainer:hover img{transform:scale(1.05)}.storyCardWrapper .storyUserContainer{-moz-column-gap:0;flex-flow:row;justify-content:space-between;align-items:center;gap:0;margin-top:4px;display:flex}.storyCardWrapper .storyUserContainer .storyBy{color:#4a536a;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-style:normal;font-weight:500;line-height:normal;overflow:hidden}@media only screen and (max-width:768px){.storyCardWrapper .storyUserContainer .storyBy{font-size:12px}}.storyCardWrapper .storyUserContainer .storyDate{color:#6b7280;letter-spacing:.5px;flex-shrink:0;margin:0 0 0 8px;font-size:12px;font-style:normal;font-weight:400;line-height:normal}@media only screen and (max-width:768px){.storyCardWrapper .storyUserContainer .storyDate{font-size:11px}}.storyCardWrapper .tagsContainer{-moz-column-gap:0;flex-flow:wrap;justify-content:flex-start;align-items:center;gap:8px 0;margin-top:4px;display:flex}.storyCardWrapper .tagsContainer .tagName{color:#0078a3;letter-spacing:.44px;white-space:nowrap;background:#f0f9ff;border-radius:6px;padding:6px 10px;font-size:11px;font-style:normal;font-weight:500;line-height:normal;transition:all .2s}.storyCardWrapper .tagsContainer .tagName:hover{background:#e0f2fe}@media only screen and (max-width:768px){.storyCardWrapper .tagsContainer .tagName{border-radius:4px;padding:4px 8px;font-size:10px}}.storyCardWrapper .tagsContainer .tagName:last-child{color:#4b5563;background:#f3f4f6}@media only screen and (max-width:768px){.storyCardWrapper .tagsContainer .tagName:last-child{display:none}}.storyCardWrapper .storyContainer .storyHeading{color:#1f2937;letter-spacing:.5px;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:42px;margin:4px 0 6px;font-size:15px;font-style:normal;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}@media only screen and (max-width:768px){.storyCardWrapper .storyContainer .storyHeading{min-height:auto;margin:2px 0 4px;font-size:14px;line-height:1.3}}.storyCardWrapper .storyContainer .storySubHeading{color:#4b5563;letter-spacing:.5px;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;font-style:normal;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}@media only screen and (max-width:768px){.storyCardWrapper .storyContainer .storySubHeading{-webkit-line-clamp:2;font-size:12px;line-height:1.4}}
/*# sourceMappingURL=f8384858dc8d3190.css.map*/