.story-card{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}@media (max-width:576px){.story-card{justify-content:center}}.story-frame{background-color:#fff;border:2px solid #102f71;border-radius:10px;box-shadow:2px 2px #000;margin-bottom:2rem;max-width:530px!important;width:100%}.story-frame .tag{background-color:#102f71;border-bottom-right-radius:20px;border-top-right-radius:20px;color:#fff;font-size:var(--font-size-2md);font-weight:300;margin:1rem;padding:.3rem 2rem .3rem 1rem;transform:translate(-30px);width:-moz-fit-content;width:fit-content}@media (max-width:576px){.story-frame .tag{transform:translate(-16px)}}.story-frame article{padding:1rem}.story-frame article .thumbnail{aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:110%;border-radius:12px;position:relative;width:100%}.story-frame article .thumbnail .mask{background-color:rgba(0,0,0,.4);border-radius:12px;height:100%;position:absolute;width:100%}.story-frame article .thumbnail .play-button{align-items:center;background-color:#fff;border:2px solid #102f71;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.story-frame article label{font-size:var(--font-size-2md);font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-frame article p{color:#000;font-size:var(--font-size-md)}#video-modal{background-color:rgba(0,0,0,.7);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999}#video-modal i{color:#fff;cursor:pointer;position:absolute;right:30px;top:30px}#video-modal iframe{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}@media (max-width:576px){#video-modal iframe{width:90%}}