.video-library-section{background:var(--vl-background)}.video-library{padding-top:var(--vl-padding-top-mobile);padding-bottom:var(--vl-padding-bottom-mobile);color:var(--vl-text-color)}@media screen and (min-width:750px){.video-library{padding-top:var(--vl-padding-top);padding-bottom:var(--vl-padding-bottom)}}.video-library__back-row{margin-bottom:1.6rem}.video-library__back{display:inline-flex;align-items:center;gap:.2rem;color:var(--vl-text-color);font-size:1.6rem;line-height:1.4;text-decoration:none;transition:color .15s ease}.video-library__back:hover,.video-library__back:focus-visible{color:var(--vl-accent);text-decoration:underline;text-underline-offset:.3rem}.video-library__back-caret{display:inline-flex;width:1rem}.video-library__back-caret svg{width:100%;height:auto;transform:rotate(90deg)}.video-library__head{margin-bottom:2.4rem;text-align:var(--vl-heading-align)}.video-library__heading{margin:0;color:var(--vl-heading-color);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:var(--vl-heading-size-mobile);line-height:1.15;letter-spacing:-.01em;word-break:break-word}.video-library__subheading{margin:1.2rem auto 0;max-width:68rem;font-size:1.6rem;line-height:1.6}@media screen and (min-width:750px){.video-library__head{margin-bottom:3.2rem}.video-library__heading{font-size:var(--vl-heading-size)}}.video-library__filter{display:flex;justify-content:flex-start;margin-bottom:2.4rem}@media screen and (min-width:750px){.video-library__filter{justify-content:var(--vl-filter-align);margin-bottom:3.2rem}}.video-library__select{position:relative;display:inline-flex;align-items:center;width:auto;max-width:100%}.video-library .video-library__select .video-library__select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;max-width:100%;min-height:0;margin:0;padding:.4rem 2.4rem .4rem 0;border:0;border-radius:0;outline:0;box-shadow:none;background:none;background-image:none;color:var(--vl-accent);font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.6rem;line-height:1.4;letter-spacing:normal;text-indent:0;text-overflow:ellipsis;cursor:pointer}.video-library__select-input::-ms-expand{display:none}.video-library .video-library__select .video-library__select-input:focus{outline:0;box-shadow:none}.video-library .video-library__select .video-library__select-input:focus-visible{outline:.2rem solid var(--vl-accent);outline-offset:.3rem}.video-library__select-input option{color:#262626;background-color:#fff}.video-library__select .svg-wrapper{position:absolute;right:.4rem;width:1.2rem;height:.8rem;color:var(--vl-accent);pointer-events:none}.video-library__select .svg-wrapper svg{width:100%;height:100%}.video-library__grid{display:grid;grid-template-columns:repeat(var(--vl-columns-mobile),minmax(0,1fr));column-gap:var(--vl-column-gap);row-gap:var(--vl-row-gap);margin:0;padding:0}@media screen and (min-width:750px){.video-library__grid{grid-template-columns:repeat(var(--vl-columns-tablet),minmax(0,1fr))}}@media screen and (min-width:990px){.video-library__grid{grid-template-columns:repeat(var(--vl-columns-desktop),minmax(0,1fr))}}.video-library__card{display:flex;flex-direction:column;min-width:0}.video-library__card[hidden]{display:none}.video-library__poster{position:relative;display:block;width:100%;aspect-ratio:var(--vl-card-ratio);margin:0;padding:0;border:0;border-radius:var(--vl-card-radius);overflow:hidden;background-color:rgba(var(--color-foreground, 0, 0, 0),.06);transition:box-shadow .2s ease,transform .2s ease}button.video-library__poster{cursor:pointer}.video-library__image,.video-library__poster .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}@media(hover:hover){button.video-library__poster:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-2px)}button.video-library__poster:hover .video-library__image{transform:scale(1.03)}}button.video-library__poster:focus-visible{outline:.2rem solid var(--vl-accent);outline-offset:.3rem}.video-library__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:var(--vl-play-size-mobile);height:var(--vl-play-size-mobile);transform:translate(-50%,-50%);border:.2rem solid var(--vl-play-color);border-radius:50%;background-color:#0000002e;color:var(--vl-play-color);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}@media screen and (min-width:750px){.video-library__play{width:var(--vl-play-size);height:var(--vl-play-size)}}.video-library__play-triangle{width:calc(var(--vl-play-size-mobile) * .24);height:calc(var(--vl-play-size-mobile) * .28);margin-left:calc(var(--vl-play-size-mobile) * .04);background-color:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}@media screen and (min-width:750px){.video-library__play-triangle{width:calc(var(--vl-play-size) * .24);height:calc(var(--vl-play-size) * .28);margin-left:calc(var(--vl-play-size) * .04)}}@media(hover:hover){button.video-library__poster:hover .video-library__play{background-color:var(--vl-play-hover-background);border-color:var(--vl-play-hover-background);transform:translate(-50%,-50%) scale(1.06)}}button.video-library__poster:focus-visible .video-library__play{background-color:var(--vl-play-hover-background);border-color:var(--vl-play-hover-background)}.video-library__duration{position:absolute;right:.8rem;bottom:.8rem;padding:.2rem .6rem;border-radius:.3rem;background-color:var(--vl-duration-background);color:var(--vl-duration-color);font-size:1.3rem;font-variant-numeric:tabular-nums;line-height:1.4;letter-spacing:.02em}.video-library__title{display:block;width:100%;margin:1.4rem 0 0;padding:0;border:0;background:none;color:var(--vl-title-color);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:var(--vl-title-size-mobile);font-weight:var(--vl-title-weight);line-height:1.35;text-align:var(--vl-title-align);word-break:break-word;transition:color .15s ease}button.video-library__title{cursor:pointer}@media screen and (min-width:750px){.video-library__title{font-size:var(--vl-title-size)}}@media(hover:hover){button.video-library__title:hover{color:color-mix(in srgb,var(--vl-title-color) 78%,#000);text-decoration:underline;text-underline-offset:.3rem}}button.video-library__title:focus-visible{outline:.2rem solid var(--vl-accent);outline-offset:.3rem}.video-library__description{margin:.6rem 0 0;color:var(--vl-text-color);font-size:1.5rem;line-height:1.6;text-align:var(--vl-title-align)}.video-library__empty{margin:3.2rem 0 0;color:var(--vl-text-color);font-size:1.6rem;text-align:center}.video-library__empty[hidden]{display:none}.vlb{--vlb-pad: 2rem;--vlb-bar-height: 5.6rem;--vlb-gap-top: 1.6rem;--vlb-gap-bottom: 2rem;--vlb-strip-height: 8.6rem;--vlb-strip-space: min(var(--vlb-strip-height), 20vh);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;background-color:var(--vlb-overlay);color:var(--vlb-text);opacity:0;visibility:hidden;z-index:-1;transition:opacity .2s ease,visibility .2s ease}.vlb[open]{opacity:1;visibility:visible;z-index:101}.vlb[data-single=true]{--vlb-strip-space: 0px}.vlb *,.vlb *:before,.vlb *:after{box-sizing:border-box}.vlb__dialog{display:flex;flex-direction:column;max-height:100%;padding-inline:var(--vlb-pad);overflow-y:auto}.vlb__dialog:focus{outline:none}.vlb__bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:var(--vlb-bar-height)}.vlb__share,.vlb__close{display:inline-flex;align-items:center;gap:1.2rem;padding:.6rem;margin:0;border:0;border-radius:.4rem;background:none;color:var(--vlb-text);cursor:pointer;transition:opacity .15s ease}.vlb__share:hover,.vlb__close:hover{opacity:.65}.vlb__share:focus-visible,.vlb__close:focus-visible{outline:.2rem solid var(--vlb-text);outline-offset:.2rem}.vlb__share-icon{display:inline-flex;width:1.8rem;height:1.8rem}.vlb__share-icon svg{width:100%;height:100%}.vlb__share-label{font-family:var(--font-heading-family);font-size:1.5rem;font-weight:400;line-height:1}.vlb__close svg{width:2rem;height:2rem}.vlb__stage{position:relative;flex:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"player" "info";grid-template-rows:auto auto;gap:1.6rem;padding-top:var(--vlb-gap-top);padding-bottom:var(--vlb-gap-bottom);min-height:0}.vlb__player-col{grid-area:player;min-width:0}.vlb__player{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--vlb-overlay);overflow:hidden}.vlb__player iframe,.vlb__player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;object-fit:contain}.vlb__info{grid-area:info;display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.vlb__title{margin:0;color:var(--vlb-text);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:1.8rem;line-height:1.25;letter-spacing:-.01em;word-break:break-word}.vlb__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:.8rem 0 0;color:var(--vlb-muted);font-size:1.3rem;line-height:1.5}.vlb__meta:empty,.vlb__duration:empty{display:none}.vlb__dot[hidden]{display:none}.vlb__link-row{margin:1.6rem 0 0;word-break:break-all}.vlb__link-row[hidden]{display:none}.vlb__link{color:var(--vlb-text);font-size:1.4rem;line-height:1.5;text-decoration:none}.vlb__link:hover{text-decoration:underline;text-underline-offset:.3rem}.vlb__link:focus-visible{outline:.2rem solid var(--vlb-text);outline-offset:.2rem}.vlb__description{margin:1.6rem 0 0;color:var(--vlb-muted);font-size:1.4rem;line-height:1.6}.vlb__description[hidden]{display:none}.vlb__nav{grid-area:player;align-self:center;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background-color:#00000073;color:var(--vlb-text);cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.vlb__nav svg{width:2rem;height:2rem}.vlb__nav--prev{justify-self:start;margin-left:calc(20px - var(--vlb-pad))}.vlb__nav--next{justify-self:end;margin-right:calc(20px - var(--vlb-pad))}.vlb__nav:hover{background-color:#000000b3}.vlb__nav:focus-visible{outline:.2rem solid var(--vlb-text);outline-offset:.2rem}.vlb__nav[disabled]{opacity:.3;cursor:default}.vlb__strip{flex:none;display:flex;justify-content:flex-start;gap:.4rem;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.vlb__strip::-webkit-scrollbar{display:none}.vlb__strip-item{flex:0 0 auto;height:min(var(--vlb-strip-height),20vh);scroll-snap-align:center}.vlb__strip-button{position:relative;display:block;height:100%;width:auto;aspect-ratio:16 / 9;padding:0;border:0;background-color:#111;cursor:pointer;overflow:hidden}.vlb__strip-image{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease,transform .4s ease}.vlb__strip-image--empty{background-color:#222}@media(hover:hover){.vlb__strip-button:hover .vlb__strip-image{transform:scale(1.04)}}.vlb__strip-button:focus-visible{outline:.2rem solid var(--vlb-text);outline-offset:-.2rem}.vlb__strip-now{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:.8rem;color:var(--vlb-text);font-size:1.4rem;line-height:1.3;text-align:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.vlb__strip-button[aria-current=true]{cursor:default}.vlb__strip-button[aria-current=true] .vlb__strip-image{opacity:.3}.vlb__strip-button[aria-current=true] .vlb__strip-now{opacity:1}@media screen and (min-width:750px){.vlb{--vlb-pad: 3.2rem;--vlb-bar-height: 6.4rem;--vlb-strip-height: 11.2rem}.vlb__title{font-size:2rem}}@media screen and (min-width:990px)and (min-height:620px)and (max-width:1199px){.vlb__player-col{display:flex;justify-content:center}.vlb__player{width:min(100%,calc((100vh - var(--vlb-bar-height) - var(--vlb-gap-top) - var(--vlb-gap-bottom) - var(--vlb-strip-space) - 14rem) * 16 / 9))}}@media screen and (min-width:1200px){.vlb{--vlb-pad: 4.4rem;--vlb-gap-top: min(3.2rem, 3.5vh);--vlb-gap-bottom: min(3.6rem, 4vh);--vlb-strip-height: 16.8rem}.vlb__dialog{height:100%;max-height:100%;overflow:hidden}.vlb__stage{grid-template-columns:minmax(0,1fr) clamp(26rem,26vw,44rem);grid-template-areas:"player info";grid-template-rows:auto;align-content:center;align-items:start;flex:1 1 auto;gap:4rem;min-height:0}.vlb__player-col{display:flex;align-items:flex-start;justify-content:flex-end;min-width:0;min-height:0}.vlb__player{width:min(100%,calc((100vh - var(--vlb-bar-height) - var(--vlb-gap-top) - var(--vlb-gap-bottom) - var(--vlb-strip-space)) * 16 / 9));height:auto;aspect-ratio:16 / 9;max-width:100%;max-height:none}.vlb__info{min-height:0;max-height:100%;padding-right:3.2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.vlb__title{font-size:2.4rem}.vlb__meta{margin-top:1.4rem;font-size:1.3rem}.vlb__link-row{margin-top:2rem}.vlb__link{font-size:1.5rem}.vlb__nav{grid-area:auto;position:absolute;top:50%;transform:translateY(-50%);margin:0;width:4rem;height:4rem;background:none}.vlb__nav--prev{left:calc(20px - var(--vlb-pad))}.vlb__nav--next{right:calc(20px - var(--vlb-pad))}.vlb__nav svg{width:2.4rem;height:2.4rem}.vlb__nav:hover{background:none;opacity:.6}}@media screen and (min-width:1200px)and (max-height:660px){.vlb__dialog{height:auto;overflow-y:auto}.vlb__stage{flex:none}.vlb__player{width:100%;height:auto;aspect-ratio:16 / 9}.vlb__info{max-height:none;overflow-y:visible}}@media(prefers-reduced-motion:reduce){.vlb,.vlb__nav,.vlb__strip-image,.vlb__strip-now,.video-library__image,.video-library__play,.video-library__poster{transition:none}button.video-library__poster:hover,button.video-library__poster:hover .video-library__image,.vlb__strip-button:hover .vlb__strip-image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-video-library-grid.css.map */