.stories-component{display:grid;grid-template-columns:50% auto;column-gap:20px;row-gap:20px}.stories-component>div:first-of-type{grid-row-start:1;grid-row-end:3;width:100%}@media only screen and (max-device-width:767px){.stories-component{display:flex;flex-direction:column;justify-content:space-between;align-content:center}}.stories-component .video-item{cursor:pointer;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:auto;width:100%;height:100%;border-radius:10px;box-shadow:0 4px 4px #00000040;padding:10px}.stories-component .video-item>div{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.stories-component .video-item .video-title{margin-bottom:20px}.stories-component .video-item .video-title p{color:#fff;font-width:medium}@media only screen and (max-device-width:767px){.stories-component .video-item .video-title{margin-bottom:9px}}.stories-component .video-item .play-icon i{font-size:120px;margin:auto;color:#fff}@media only screen and (max-device-width:767px){.stories-component .video-item .play-icon i{font-size:50px}}.story-main{position:fixed;height:100vh;top:0;right:0;bottom:0;width:100vw;z-index:5000;background-color:#000}.story-main .story-container{max-width:768px;margin:auto;width:inherit;height:inherit;z-index:1;display:flex;flex-direction:column}.story-main .timeline{display:flex;flex-grow:0;width:100%;align-items:center;z-index:5001}.story-main .timeline>.slice{background:#e0e0e0;height:10px;margin:10px;width:100%;border-radius:10px}.story-main .timeline>.slice>.progress{background:#8d9998;height:10px;width:0;border-radius:10px}.story-main .timeline button.cancel-button{font-size:30px!important;cursor:pointer;border:none;background:none;color:#fff}.story-main div.storyWrapper{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.story-main div.storyWrapper img{width:100%;height:auto;position:absolute;top:0;left:0;right:0;margin:0;padding:0}.story-main div.storyWrapper video{position:relative;width:100%;height:auto;margin:auto}.story-main i.fa-spinner{position:absolute;z-index:5050;color:#fff;font-size:50px;top:50%;left:50%}.chapter-breakdown-component div.chapters-wrapper{display:flex}.chapter-breakdown-component div.chapters-wrapper div.chapter-item{cursor:pointer;width:282px;height:240px}@media only screen and (max-device-width:767px){.chapter-breakdown-component div.chapters-wrapper div.chapter-item{border-radius:50px 50px 10px 10px;background-image:url(/assets/reusable-components/chapter-breakdown/chapter-item-mobile-bg.svg)}}@media only screen and (min-device-width:767px){.chapter-breakdown-component div.chapters-wrapper div.chapter-item{width:283px;height:577px}.chapter-breakdown-component div.chapters-wrapper div.chapter-item:nth-of-type(2n){background-image:url(/assets/reusable-components/chapter-breakdown/chapter-breakdown-bg-desktop-even.svg)}.chapter-breakdown-component div.chapters-wrapper div.chapter-item:nth-of-type(odd){background-image:url(/assets/reusable-components/chapter-breakdown/chapter-breakdown-bg-desktop-odd.svg)}}.chapter-breakdown-component div.chapters-wrapper div.chapter-item:not(.chapter-breakdown-component div.chapters-wrapper div.chapter-item:first-of-type){margin-left:16px}.chapter-breakdown-component div.chapters-wrapper div.chapter-item{border-radius:10px;background:#083e5b;display:flex;flex-direction:column;align-items:center;justify-content:center}.chapter-breakdown-component div.chapters-wrapper div.chapter-item h3{margin:auto;color:#fff;padding:5px}.chapter-breakdown-component div.chapters-wrapper div.chapter-item .chapter-flipped{border-radius:10px;padding:40px 16px;background-image:url(/assets/frontend/images/investable/chapter-breakdown-bg.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;background-color:#fff}.chapter-breakdown-component div.chapters-wrapper div.chapter-item .chapter-flipped .title{margin:56px auto}.chapter-breakdown-component div.chapter-breakdown-modal{position:fixed;display:block;inset:0;width:100vw;height:100vh;background-color:#fff6;margin:0 auto;padding:0;z-index:2100}.chapter-breakdown-component div.chapter-breakdown-modal>div:first-of-type{position:fixed;left:50%;top:50%;z-index:2101;transform:translate(-50%,-50%)}.chapter-breakdown-component div.chapter-breakdown-modal>div:first-of-type div.chapter-detail{background-color:#fff;background-image:url(/assets/frontend/images/investable/chapter-breakdown-bg.svg);border-radius:50px 50px 10px 10px;width:360px;margin:auto;background-position:center;background-size:cover;padding:24px 32px 71px}@media only screen and (min-device-width:767px){.chapter-breakdown-component div.chapter-breakdown-modal>div:first-of-type div.chapter-detail{width:283px;height:100%;max-height:577px;border-radius:10px}}.chapter-breakdown-component div.chapter-breakdown-modal>div:first-of-type div.chapter-detail div.header i.fa-times{cursor:pointer}.chapter-breakdown-component div.chapter-breakdown-modal>div:first-of-type div.chapter-detail div.header{margin-bottom:60px}.chapter-breakdown-component div.chapter-breakdown-modal>div:first-of-type div.chapter-detail div.body .fa-chevron-left{position:absolute;left:20px;top:50%}.chapter-breakdown-component div.chapter-breakdown-modal>div:first-of-type div.chapter-detail div.body .fa-chevron-right{position:absolute;right:20px;top:50%}