.youtube-section{color:rgb(var(--color-foreground));background-color:transparent;position:relative;z-index:2}.youtube-wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem}.youtube-container{position:relative;width:100%;max-width:86.2rem;aspect-ratio:16 / 9;background-color:rgb(var(--color-background));overflow:hidden}.youtube-poster{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease;background:none;border:none;padding:0}.youtube-poster:hover{transform:scale(1.02)}.youtube-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.youtube-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));pointer-events:none}.youtube-play-btn:hover{transform:translate(-50%,-50%) scale(1.1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.youtube-play-btn:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.youtube-play-btn:active{transform:translate(-50%,-50%) scale(.95)}.icon-custom-play{width:8rem;height:6rem;transition:all .3s ease}.youtube-iframe-container{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-iframe-container iframe{border-radius:var(--border-radius)}.youtube-description{max-width:80rem;text-align:center;margin-top:1.5rem}.youtube-description p{margin:0 0 1rem}.youtube-description p:last-child{margin-bottom:0}@media screen and (max-width: 749px){.youtube-container{aspect-ratio:16 / 9}.icon-custom-play{width:5.4rem;height:4rem}.youtube-description{max-width:100%;padding:0 1rem}}.youtube-container[data-loading=true] .youtube-poster:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-background),.8);display:flex;align-items:center;justify-content:center}.youtube-container:focus-within{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media (forced-colors: active){.youtube-play-btn{border:2px solid ButtonText;background-color:ButtonFace}}@media (prefers-reduced-motion: reduce){.youtube-poster,.youtube-play-btn,.icon-custom-play{transition:none}.youtube-poster:hover{transform:none}.youtube-play-btn:hover{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/WF-section-youtube.css.map */