.video-showcase__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:stretch}@media screen and (min-width:990px){.video-showcase__layout{grid-template-columns:minmax(0,1fr) var(--thumbs-width, 280px)}}.video-showcase__main{min-width:0}.video-showcase__player{position:relative;overflow:hidden;aspect-ratio:333/252;background:rgba(var(--color-foreground),.06)}.video-showcase__player .video-showcase__poster{display:block;width:100%;height:100%;object-fit:cover}.video-showcase__player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;z-index:3}.video-showcase__player .video-showcase__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:3.25rem;padding:0;border:0;border-radius:.75rem;background:red;color:#fff;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.video-showcase__player .video-showcase__play:hover{transform:translate(-50%,-50%) scale(1.08)}.video-showcase__player .video-showcase__play svg{width:1.75rem;height:auto}.video-showcase__player .video-showcase__caption{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;padding:2.5rem 1.25rem 1.25rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;pointer-events:none}.video-showcase__player .video-showcase__caption .video-showcase__title{display:block;font-size:1.25rem;font-weight:600;line-height:1.2}.video-showcase__player .video-showcase__caption .video-showcase__author{display:block;font-size:.9375rem;opacity:.85}.video-showcase__player.is-playing .video-showcase__poster,.video-showcase__player.is-playing .video-showcase__play,.video-showcase__player.is-playing .video-showcase__caption{opacity:0;pointer-events:none}.video-showcase__thumbs{min-width:0}.video-showcase__thumbs .slider-container{overflow:hidden}.video-showcase__thumbs .slider .slider-wrapper{display:flex;flex-direction:row;gap:var(--showcase-gap-mobile, 12px);list-style:none;margin:0;padding:0}.video-showcase__thumbs .slider .slider-wrapper>.video-showcase__thumb{flex:0 0 auto;width:calc((100% - (var(--showcase-gap-mobile, 12px) * 2)) / 3);max-width:none}@media screen and (max-width:767px){.video-showcase__thumbs .slider .slider-wrapper{flex-direction:column;gap:clamp(1rem,6vw,1.75rem)}.video-showcase__thumbs .slider .slider-wrapper>.video-showcase__thumb{width:100%;max-width:none}}@media screen and (min-width:990px){.video-showcase__layout{align-items:start}.video-showcase__main .video-showcase__player{aspect-ratio:auto;height:var(--showcase-height)}.video-showcase__thumbs .slider>.slider-container{height:var(--showcase-height)}.video-showcase__thumbs .slider .slider-wrapper{flex-direction:column;gap:var(--showcase-gap, 32px)}.video-showcase__thumbs .slider .slider-wrapper>.video-showcase__thumb{width:100%;max-width:none}.video-showcase__thumbs .video-showcase__thumb-button{aspect-ratio:auto;height:var(--thumb-height)}}.video-showcase__thumb .video-showcase__thumb-button{position:relative;display:block;width:100%;padding:0;border:0;overflow:hidden;aspect-ratio:16/9;background:rgba(var(--color-foreground),.06);cursor:pointer;transition:opacity .2s ease}.video-showcase__thumb .video-showcase__thumb-button img{display:block;width:100%;height:100%;object-fit:cover}.video-showcase__thumb .video-showcase__thumb-badge{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2rem;border-radius:.5rem;background:red;color:#fff}.video-showcase__thumb .video-showcase__thumb-badge svg{width:1.125rem;height:auto}.video-showcase__thumb .video-showcase__thumb-caption{display:none}@media screen and (max-width:767px){.video-showcase__thumb .video-showcase__thumb-caption{display:block;position:absolute;inset-inline:0;inset-block-end:0;z-index:2;padding:1.25rem 1rem .875rem;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);color:#fff;pointer-events:none;text-align:left}.video-showcase__thumb .video-showcase__thumb-title{display:block;font-size:clamp(.875rem,3vw,1rem);font-weight:600;line-height:1.3}}.video-showcase__thumb.is-active .video-showcase__thumb-button{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.video-showcase__thumb:not(.is-active) .video-showcase__thumb-button:hover{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-video-showcase.css.map */