.video-library{padding-block-start:var(--video-library-padding-block-start, 24px);padding-block-end:var(--video-library-padding-block-end, 48px)}.video-library__heading{margin-block:0 1rem}.video-library__filter{display:flex;flex-wrap:wrap;justify-content:var(--video-library-align, flex-start);gap:.5rem .75rem;margin-block-end:1.5rem}.video-library__filter-btn{-webkit-appearance:none;appearance:none;background:transparent;color:inherit;border:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / 20%);border-radius:4px;padding:.5rem 1rem;font:inherit;font-weight:var(--font-weight-medium, 500);cursor:pointer;line-height:1.2;transition:background-color var(--animation-speed, .2s) var(--animation-easing, ease),color var(--animation-speed, .2s) var(--animation-easing, ease),border-color var(--animation-speed, .2s) var(--animation-easing, ease)}.video-library__filter-btn:hover,.video-library__filter-btn:focus-visible{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / 60%)}.video-library__filter-btn--active{background-color:rgb(var(--color-foreground-rgb, 0 0 0) / 100%);color:rgb(var(--color-background-rgb, 255 255 255) / 100%);border-color:rgb(var(--color-foreground-rgb, 0 0 0) / 100%)}.video-library__grid{display:grid;grid-template-columns:var(--video-grid-columns, repeat(3, 1fr));gap:var(--video-grid-gap, 24px)}@media screen and (max-width:989px){.video-library__grid{grid-template-columns:var(--video-grid-columns-tablet, repeat(2, 1fr))}}@media screen and (max-width:749px){.video-library__grid{grid-template-columns:var(--video-grid-columns-mobile, repeat(1, 1fr))}}.video-library__empty,.video-library__no-matches{grid-column:1 / -1;text-align:center;padding:2rem 1rem;color:rgb(var(--color-foreground-rgb, 0 0 0) / 60%)}.video-library__no-matches{margin-block:1rem 0}.video-library__card{-webkit-appearance:none;appearance:none;background:transparent;color:inherit;border:0;padding:0;text-align:start;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.75rem}.video-library__card-media{position:relative;display:block;aspect-ratio:16 / 9;width:100%;overflow:hidden;background-color:rgb(var(--color-foreground-rgb, 0 0 0) / 5%);border-radius:var(--media-corner-radius, 8px)}.video-library__card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--animation-speed, .3s) var(--animation-easing, ease)}.video-library__card:hover .video-library__card-image,.video-library__card:focus-visible .video-library__card-image{transform:scale(1.04)}.video-library__card-image--placeholder{opacity:.4}.video-library__card-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:#0000008c;color:#fff;border-radius:50%;pointer-events:none;transition:background-color var(--animation-speed, .2s) var(--animation-easing, ease)}.video-library__card-play svg{width:22px;height:22px;fill:currentColor;margin-inline-start:3px}.video-library__card:hover .video-library__card-play,.video-library__card:focus-visible .video-library__card-play{background-color:#000000bf}.video-library__card-body{display:flex;flex-direction:column;gap:.25rem}.video-library__card-title{font-weight:var(--font-weight-bold, 600);font-size:1rem;line-height:1.3}.video-library__card-description{font-size:.875rem;line-height:1.4;color:rgb(var(--color-foreground-rgb, 0 0 0) / 70%)}.video-library__card[hidden]{display:none}.video-library__dialog{border:0;background:#000;color:#fff;padding:0;width:min(92vw,1100px);max-width:1100px;border-radius:12px;overflow:hidden}.video-library__dialog::backdrop{background-color:#000c}.video-library__dialog-close{position:absolute;top:.5rem;right:.5rem;z-index:2;-webkit-appearance:none;appearance:none;background:#0000007f;color:#fff;border:0;width:36px;height:36px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--animation-speed, .2s) var(--animation-easing, ease)}.video-library__dialog-close:hover,.video-library__dialog-close:focus-visible{background:#000000d9}.video-library__player{aspect-ratio:16 / 9;width:100%;background:#000}.video-library__player iframe,.video-library__player video{width:100%;height:100%;display:block;border:0}
/*# sourceMappingURL=/cdn/shop/t/48/assets/video-library.css.map */