.makerspace-video{overflow:hidden}.title-wrapper--left{text-align:left}.title-wrapper--center{text-align:center}.title-wrapper--right{text-align:right}.title-wrapper__inner{max-width:100rem;margin:0 auto}.title-wrapper__inner.left{text-align:left;margin-left:0}.title-wrapper__inner.center{text-align:center;margin:0 auto}.title-wrapper__inner.right{text-align:right;margin-right:0}@media screen and (min-width: 750px){.title-wrapper--left .title-wrapper__inner{text-align:left;margin-left:0;margin-right:auto}.title-wrapper--center .title-wrapper__inner{text-align:center;margin:0 auto}.title-wrapper--right .title-wrapper__inner{text-align:right;margin-left:auto;margin-right:0}}.makerspace-video__player{max-width:120rem;margin:0 auto;background:rgba(var(--color-foreground),1);border-radius:1.2rem;overflow:hidden;box-shadow:0 2rem 6rem rgba(var(--color-foreground),.15);display:flex;flex-direction:column}.makerspace-video__container{position:relative}.makerspace-video__viewport{position:relative;background:rgba(var(--color-foreground),1);aspect-ratio:16/9;overflow:hidden}.video-item{display:none;width:100%;height:100%}.video-item.active{display:block}.makerspace-video__media{width:100%;height:100%;object-fit:cover;display:block}.makerspace-video__placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:rgba(var(--color-background),1);text-align:center}.makerspace-video__placeholder svg{width:4rem;height:4rem;opacity:.7}.makerspace-video__info{background:linear-gradient(135deg,rgba(var(--color-foreground),.95),rgba(var(--color-foreground),.85));padding:2.5rem 3rem;color:rgba(var(--color-background),1);flex-shrink:0}.video-details{display:none}.video-details.active{display:block}.video-details__title{margin:0 0 1rem;color:rgba(var(--color-background),1)}.video-details__description{margin:0 0 1.5rem;opacity:.9}.video-details__description p{margin:0}.video-details__meta{opacity:.7}.makerspace-video__navigation{background:rgba(var(--color-background),1);padding:2rem 3rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}.makerspace-video__controls{display:flex;justify-content:space-between;margin-bottom:2rem;gap:1rem}.makerspace-video__nav-btn{display:flex;align-items:center;gap:.8rem;min-width:auto;padding:1.2rem 2rem;transition:all .3s ease}.makerspace-video__nav-btn:hover:not(:disabled){transform:translateY(-.1rem)}.makerspace-video__nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.makerspace-video__nav-btn svg{width:1.6rem;height:1.6rem}.makerspace-video__thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem}.thumbnail-item{position:relative;background:rgba(var(--color-foreground),.05);border-radius:.8rem;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:.2rem solid transparent;height:9rem;outline:none;display:block}.thumbnail-item.active{border-color:rgba(var(--color-button),1);transform:scale(1.02);box-shadow:0 .8rem 2.5rem rgba(var(--color-button),.25)}.thumbnail-item:hover:not(.active){transform:scale(1.01);box-shadow:0 .8rem 2.5rem rgba(var(--color-foreground),.15)}.thumbnail-item:focus-visible{outline:.2rem solid rgba(var(--color-button),1);outline-offset:.2rem}.thumbnail-item__image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease;position:relative;z-index:1}.thumbnail-item__fallback{width:100%;height:100%;background:rgba(var(--color-foreground),.8);color:rgba(var(--color-background),1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-size:1.2rem;font-weight:500}.thumbnail-item__video-preview{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.thumbnail-item__video{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width: 750px){.thumbnail-item:hover .thumbnail-item__image{opacity:.3}.thumbnail-item:hover .thumbnail-item__video-preview{opacity:1}.thumbnail-item:hover .thumbnail-item__play-icon{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.thumbnail-item__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(var(--color-foreground),.8));padding:2rem 1rem .8rem;color:rgba(var(--color-background),1);pointer-events:none;z-index:3;opacity:0;transition:opacity .3s ease}.thumbnail-item:hover .thumbnail-item__overlay,.thumbnail-item.active .thumbnail-item__overlay{opacity:1}.thumbnail-item__title{font-weight:500;line-height:1.3;display:block;font-size:1.1rem}.thumbnail-item__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--color-background),.9);border-radius:50%;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),1);opacity:.7;transition:all .3s ease;z-index:4;box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.3)}.thumbnail-item:hover .thumbnail-item__play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.05);background:rgba(var(--color-button),1);color:rgba(var(--color-background),1)}.thumbnail-item__play-icon svg{width:1.8rem;height:1.8rem;margin-left:.2rem}.thumbnail-item__index{position:absolute;top:.8rem;right:.8rem;background:rgba(var(--color-foreground),.9);color:rgba(var(--color-background),1);width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;z-index:5;border:.1rem solid rgba(var(--color-background),.2)}.thumbnail-item.active .thumbnail-item__index{background:rgba(var(--color-button),1);color:rgba(var(--color-background),1)}.makerspace-video__button{margin-top:4rem}@media screen and (max-width: 749px){.makerspace-video__thumbnails{display:flex;overflow-x:auto;gap:1.2rem;padding:0 2rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.3) transparent}.makerspace-video__thumbnails::-webkit-scrollbar{height:.4rem}.makerspace-video__thumbnails::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.1);border-radius:.2rem}.makerspace-video__thumbnails::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.3);border-radius:.2rem}.makerspace-video__thumbnails::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.5)}.thumbnail-item{min-width:14rem;width:14rem;height:8rem;scroll-snap-align:start;flex-shrink:0}.thumbnail-item.active{transform:none;border-width:.2rem;box-shadow:0 .4rem 1.5rem rgba(var(--color-button),.2)}.thumbnail-item:hover{transform:none;box-shadow:0 .6rem 2rem rgba(var(--color-foreground),.15)}.thumbnail-item__play-icon{width:3rem;height:3rem;opacity:.8}.thumbnail-item__play-icon svg{width:1.5rem;height:1.5rem}.thumbnail-item__overlay{padding:.8rem .6rem .4rem;opacity:1}.thumbnail-item__index{width:2rem;height:2rem;top:.6rem;right:.6rem;font-size:1rem}.thumbnail-item__title{font-size:1rem}.makerspace-video__navigation{padding:1.5rem 0}.makerspace-video__controls{margin-bottom:2rem;padding:0 2rem}.makerspace-video__nav-btn{padding:1rem 1.6rem;font-size:1.3rem}.makerspace-video__info{padding:2rem}.video-details__title{font-size:2rem}}@media screen and (max-width: 479px){.makerspace-video__nav-btn{padding:.8rem 1.2rem;font-size:1.2rem}.thumbnail-item{min-width:12rem;width:12rem;height:7rem}.thumbnail-item__play-icon{width:2.8rem;height:2.8rem}.thumbnail-item__play-icon svg{width:1.4rem;height:1.4rem}.thumbnail-item__index{width:1.8rem;height:1.8rem;font-size:.9rem}}.makerspace-video__nav-btn:focus-visible{outline:.2rem solid rgba(var(--color-button),1);outline-offset:.2rem}@media (prefers-contrast: high){.thumbnail-item{border-color:rgba(var(--color-foreground),1)}.thumbnail-item.active{border-color:rgba(var(--color-button),1);border-width:.3rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-makerspace-video.css.map */