.pila-video-bar{width:100%;height:5.2rem;background-color:var(--pila-tan);display:flex;align-items:center;justify-content:center;gap:.8rem;cursor:pointer;transition:filter var(--transition-fast)}.pila-video-bar:hover{filter:brightness(.96)}.pila-video-bar__label{font-family:var(--font-label);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--pila-black);-webkit-user-select:none;user-select:none}.pila-video-bar__icon{display:flex;align-items:center;color:var(--pila-black);flex-shrink:0}.pila-video-bar__icon svg{width:1.8rem;height:1.8rem;display:block}.pila-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2.4rem;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.pila-video-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.pila-video-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.pila-video-modal__dialog{position:relative;z-index:1;width:100%;max-width:96rem;transform:translateY(1.2rem);transition:transform var(--transition-fast)}.pila-video-modal.is-open .pila-video-modal__dialog{transform:translateY(0)}.pila-video-modal__close{position:absolute;top:-4.4rem;right:0;z-index:2;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:none;cursor:pointer;color:var(--pila-white)}.pila-video-modal__close:before,.pila-video-modal__close:after{display:none}.pila-video-modal__close svg{width:2.6rem;height:2.6rem;display:block}.pila-video-modal__frame{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background-color:var(--pila-black)}.pila-video-modal__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}body.pila-video-modal-open{overflow:hidden}@media screen and (max-width:991px){.pila-video-bar{height:4.4rem}.pila-video-bar__label{font-size:1.3rem}.pila-video-bar__icon svg{width:1.6rem;height:1.6rem}}@media screen and (max-width:600px){.pila-video-modal{padding:1.6rem}.pila-video-modal__close{top:-3.8rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/pila-video-announcement-bar.css.map */