.handpan-video-inmersivo{position:relative;width:100%;overflow:hidden;background:#0a0a0a}.handpan-video-inmersivo__wrapper{position:relative;width:100%;min-height:70vh}@media screen and (min-width:750px){.handpan-video-inmersivo__wrapper{min-height:100vh}}.handpan-video-inmersivo__wrapper--full-mobile{min-height:100vh}.handpan-video-inmersivo__wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 12vh #00000059}.handpan-video-inmersivo__frame-wrap{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);pointer-events:none}.handpan-video-inmersivo__frame-wrap iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;transform:translate(-50%,-50%);border:0}.handpan-video-inmersivo__caption{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 1.5rem 2rem;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.4) 50%,transparent 100%);color:#fffffff2;font-size:1.35rem;font-weight:500;letter-spacing:.02em;text-align:center;pointer-events:none;z-index:1}.handpan-video-inmersivo__caption:before{content:"";display:block;width:2.5rem;height:2px;margin:0 auto 1rem;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);border-radius:1px}@media screen and (min-width:750px){.handpan-video-inmersivo__caption{padding:3rem 2rem 2.5rem;font-size:1.45rem}}.handpan-video-inmersivo__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(145deg,#0f0f0f,#1a1a1a);color:#ffffff73;font-size:1.4rem;letter-spacing:.03em;z-index:0}.handpan-video-inmersivo[data-handpan-immersive] .handpan-video-inmersivo__placeholder:before{content:"";width:3.5rem;height:3.5rem;border:2px solid rgba(255,255,255,.15);border-top-color:#fff6;border-radius:50%;animation:handpan-video-spin .9s linear infinite}@keyframes handpan-video-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.handpan-video-inmersivo[data-handpan-immersive] .handpan-video-inmersivo__placeholder:before{animation:none;border-top-color:#ffffff40}}.handpan-video-inmersivo[loaded] .handpan-video-inmersivo__placeholder{display:none}
/*# sourceMappingURL=/cdn/shop/t/18/assets/handpan-immersive-video.css.map */