.video-showcase{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px}.video-showcase__list-col{flex:0 0 320px;max-width:320px}.video-showcase__intro p{color:#14251a;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 20px}.video-showcase__list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.video-showcase__button{align-items:center;background-color:#fff;border:none;border-radius:10px;box-shadow:0 2px 8px rgba(17,24,16,.06);color:#14251a;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:12px;justify-content:space-between;padding:14px 18px;transition:background-color .2s ease,color .2s ease;width:100%}.video-showcase__button-icon{align-items:center;border:1.5px solid #5a9a00;border-radius:50%;color:#5a9a00;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transition:border-color .2s ease,color .2s ease;width:28px}.video-showcase__button.is-active{background-color:#5a9a00;color:#fff}.video-showcase__button.is-active .video-showcase__button-icon{border-color:#fff;color:#fff}.video-showcase__player-col{flex:1 1 480px;min-width:280px}.video-showcase__frame{aspect-ratio:16/9;background-color:#05130a;border-radius:20px;overflow:hidden;position:relative;width:100%}.video-showcase__thumb{display:block;object-fit:cover}.video-showcase__iframe,.video-showcase__thumb{height:100%;inset:0;position:absolute;width:100%}.video-showcase__iframe{border:0}.video-showcase__play{align-items:center;background-color:#5a9a00;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:72px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:72px}.video-showcase__play svg{margin-left:3px}.video-showcase__meta{align-items:center;bottom:0;color:#fff;display:flex;gap:12px;left:0;padding:16px 20px;position:absolute;right:0}.video-showcase__meta-play{align-items:center;background:transparent;border:1.5px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;padding:0;width:26px}.video-showcase__meta-bar{background-color:hsla(0,0%,100%,.3);border-radius:2px;flex:1;height:3px;overflow:hidden}.video-showcase__meta-fill{background-color:#5a9a00;display:block;height:100%;width:60%}.video-showcase__meta-time{font-size:13px;white-space:nowrap}@media (max-width:767px){.video-showcase{flex-direction:column}.video-showcase__list-col{flex-basis:auto;max-width:100%}}