.sp-product-videos{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}.sp-product-videos__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--sup-color-accent);background:var(--sup-color-accent);color:var(--sup-color-on-accent);border-radius:999px;font-size:1.25rem;font-weight:var(--sup-weight-semibold);font-family:inherit;cursor:pointer;text-align:left;transition:background-color .15s ease,color .15s ease,transform .05s ease}.sp-product-videos__btn:hover,.sp-product-videos__btn:focus-visible{background:var(--sup-color-accent);color:var(--sup-color-on-accent);outline:none}.sp-product-videos__btn:active{transform:translateY(1px)}.sp-product-videos__icon{flex-shrink:0}.sp-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.sp-video-modal[hidden]{display:none!important}.sp-video-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf}.sp-video-modal__dialog{position:relative;background:#fff;border-radius:var(--sup-space-13);padding:18px;max-width:960px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0006}.sp-video-modal__close{position:absolute;top:10px;right:10px;border:none;background:#fff;color:#0009;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background-color .15s ease}.sp-video-modal__close:hover,.sp-video-modal__close:focus-visible{background:#fff;color:#0009;outline:none}.sp-video-modal__title{margin:0 0 14px;padding-right:44px;font-size:1.3rem;font-weight:var(--sup-weight-semibold);font-family:var(--sup-font-heading);line-height:1.3;color:var(--sup-color-heading)}.sp-video-modal__title:empty{display:none}.sp-video-modal__player{aspect-ratio:16 / 9;width:100%;background:#000;border-radius:8px;overflow:hidden}.sp-video-modal__player iframe{width:100%;height:100%;border:0;display:block}@media(max-width:640px){.sp-video-modal{padding:10px}.sp-video-modal__dialog{padding:12px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/supplementa-product-videos.css.map */