.uploaded-video__wrapper{position:relative;overflow:hidden}.uploaded-video__wrapper.uploaded-video--full-width{width:100vw;margin-left:calc(-50vw + 50%)}.uploaded-video__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.uploaded-video__content{position:relative;z-index:2}.uploaded-video__wrapper .uploaded-video__content--top-left{position:absolute;top:2rem;left:2rem;right:auto;bottom:auto}.uploaded-video__wrapper .uploaded-video__content--top-center{position:absolute;top:2rem;left:50%;transform:translate(-50%);right:auto;bottom:auto}.uploaded-video__wrapper .uploaded-video__content--top-right{position:absolute;top:2rem;right:2rem;left:auto;bottom:auto}.uploaded-video__wrapper .uploaded-video__content--middle-left{position:absolute;top:50%;left:2rem;transform:translateY(-50%);right:auto;bottom:auto}.uploaded-video__wrapper .uploaded-video__content--middle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;bottom:auto}.uploaded-video__wrapper .uploaded-video__content--middle-right{position:absolute;top:50%;right:2rem;transform:translateY(-50%);left:auto;bottom:auto}.uploaded-video__wrapper .uploaded-video__content--bottom-left{position:absolute;bottom:2rem;left:2rem;top:auto;right:auto}.uploaded-video__wrapper .uploaded-video__content--bottom-center{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);top:auto;right:auto}.uploaded-video__wrapper .uploaded-video__content--bottom-right{position:absolute;bottom:2rem;right:2rem;top:auto;left:auto}.uploaded-video__content-align--left{text-align:left}.uploaded-video__content-align--center{text-align:center}.uploaded-video__content-align--right{text-align:right}.uploaded-video__media{position:relative;width:100%;overflow:hidden}.uploaded-video__media--background{width:100%;height:100vh;min-height:400px}.uploaded-video__media--modal{cursor:pointer;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.uploaded-video__element{width:100%;height:auto;display:block}.uploaded-video__background{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1}.uploaded-video__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:#f5f5f5;border:2px dashed #ccc;border-radius:8px;text-align:center;color:#666;min-height:200px}.uploaded-video__placeholder--background{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:0;background-color:#f5f5f5e6;z-index:1}.uploaded-video__placeholder svg{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.uploaded-video__placeholder p{margin:0;font-size:1.4rem;font-weight:500}.uploaded-video__mute-controls{position:absolute;bottom:2rem;right:2rem;z-index:3;background:#000000b3;border:none;border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.uploaded-video__mute-controls:hover{background:#000000e6}.uploaded-video__mute-controls svg{width:2rem;height:2rem;fill:#fff}.uploaded-video__mute-controls.muted .unmute{display:none}.uploaded-video__mute-controls:not(.muted) .mute{display:none}.uploaded-video__poster{position:relative;width:100%;height:100%;border:none;background:none;padding:0;cursor:pointer}.uploaded-video__poster img{width:100%;height:100%;object-fit:cover}.uploaded-video__poster-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.uploaded-video__poster:hover .uploaded-video__poster-play-button{background:#fff;transform:translate(-50%,-50%) scale(1.1)}.uploaded-video__poster-play-button svg{width:2.4rem;height:2.4rem;margin-left:.2rem;fill:#000}.uploaded-video__modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;display:none}.uploaded-video__modal[open]{display:flex;align-items:center;justify-content:center}.uploaded-video__modal-content{position:relative;width:90%;max-width:120rem;max-height:90vh;background:#000;border-radius:8px;overflow:hidden}.uploaded-video__modal-toggle{position:absolute;top:1rem;right:1rem;z-index:1001;background:#ffffffe6;border:none;border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.uploaded-video__modal-toggle:hover{background:#fff}.uploaded-video__modal-toggle svg{width:2rem;height:2rem;fill:#000}.uploaded-video__modal-video{width:100%;aspect-ratio:16 / 9}.uploaded-video__modal-video video{width:100%;height:100%}.uploaded-video__eyebrow{margin-bottom:1rem}.uploaded-video__title{margin-bottom:1.5rem}.uploaded-video__description{margin-bottom:2rem}@media screen and (max-width: 750px){.uploaded-video__content-mobile--top{position:absolute;top:2rem;left:2rem;right:2rem;bottom:auto}.uploaded-video__content-mobile--middle{position:absolute;top:50%;left:2rem;right:2rem;transform:translateY(-50%);bottom:auto}.uploaded-video__content-mobile--bottom{position:absolute;bottom:2rem;left:2rem;right:2rem;top:auto}.uploaded-video__content-align-mobile--left{text-align:left}.uploaded-video__content-align-mobile--center{text-align:center}.uploaded-video__content-align-mobile--right{text-align:right}.uploaded-video__media--background{height:60vh;min-height:300px}.uploaded-video__mute-controls{width:3.5rem;height:3.5rem;bottom:1.5rem;right:1.5rem}.uploaded-video__mute-controls svg{width:1.8rem;height:1.8rem}.uploaded-video__poster-play-button{width:5rem;height:5rem}.uploaded-video__poster-play-button svg{width:2rem;height:2rem}.uploaded-video__modal-content{width:95%;margin:1rem}.uploaded-video__modal-toggle{width:3.5rem;height:3.5rem}.uploaded-video__modal-toggle svg{width:1.8rem;height:1.8rem}}@media (prefers-reduced-motion: reduce){.uploaded-video__poster-play-button,.uploaded-video__mute-controls,.uploaded-video__modal-toggle{transition:none}}.uploaded-video__poster:focus,.uploaded-video__mute-controls:focus,.uploaded-video__modal-toggle:focus{outline:2px solid #005fcc;outline-offset:2px}.uploaded-video__element{opacity:0;transition:opacity .3s ease}.uploaded-video__element[data-loaded=true]{opacity:1}.uploaded-video__element[data-error=true]{display:none}.uploaded-video__element[data-error=true]+.uploaded-video__placeholder{display:flex}.uploaded-video__unmute-hint{position:absolute;top:1rem;right:1rem;z-index:10;background:#000c;border-radius:2rem;padding:0;animation:fadeInOut 5s ease-in-out}.uploaded-video__unmute-button{background:none;border:none;color:#fff;padding:.8rem 1.5rem;border-radius:2rem;cursor:pointer;font-size:1.4rem;display:flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.uploaded-video__unmute-button:hover{background:#ffffff1a}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}
/*# sourceMappingURL=/cdn/shop/t/470/assets/section-uploaded-video.css.map */