.video-showcase{background:rgb(var(--color-base-rgb))}.video-showcase__inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;gap:40px;max-width:1280px;margin:0 auto;padding:0 24px}.video-showcase__main{display:flex;scroll-margin-top:calc(var(--header-bottom, 0px) + 16px)}.video-showcase__player{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:rgb(var(--color-main-rgb))}.video-showcase__player iframe,.video-showcase__empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-showcase__side{display:flex;flex-direction:column;min-width:0}.video-showcase__header{margin-bottom:24px}.video-showcase__title{margin:0 0 12px;color:rgb(var(--color-main-rgb));font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.4}.video-showcase__desc{color:#555;font-size:14px;line-height:1.8}.video-showcase__desc p{margin:0 0 10px}.video-showcase__list{display:flex;flex-direction:column;gap:10px;margin:auto 0 0;padding:16px 0 0;border-top:1px solid #eee;list-style:none}.video-showcase__item{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;transition:background .2s ease,border-color .2s ease}.video-showcase__item:hover{background:#f7f7f7}.video-showcase__item.is-active{border-color:#ddd;background:#f0f0f0}.video-showcase__thumb{position:relative;flex:0 0 96px;width:96px;aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;background:#ddd}.video-showcase__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.video-showcase__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;color:#fff;transition:background .2s ease}.video-showcase__item:hover .video-showcase__play,.video-showcase__item.is-active .video-showcase__play{background:#0006}.video-showcase__item-title{display:-webkit-box;flex:1 1 auto;min-width:0;overflow:hidden;color:#222;font-size:13px;font-weight:600;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(max-width:989px){.video-showcase__inner{grid-template-columns:1fr;gap:28px}.video-showcase__list{margin-top:0}}@media(max-width:749px){.video-showcase__inner{gap:20px;padding:0 16px}.video-showcase__title{font-size:20px}.video-showcase__desc{font-size:13px}.video-showcase__thumb{flex-basis:76px;width:76px}.video-showcase__item-title{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-video-showcase.css.map */