.fp-v2-videos{display:block;padding-top:var(--fpv2-section-pad, 96px);padding-bottom:var(--fpv2-section-pad, 96px);background:var(--fpv2-color-bg, #fff);color:var(--fpv2-primary, #2063f6);font-family:var(--fpv2-font-display, "Simplon Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace)}.fp-v2-videos__inner{max-width:var(--fpv2-container-max, 1280px);margin:0 auto;padding:0 var(--fpv2-space-md, 24px)}.fp-v2-videos__header{margin-bottom:24px}.fp-v2-videos__heading{font-family:var(--fpv2-font-display, "Simplon Mono", monospace);font-size:50px;font-weight:500;line-height:50px;text-transform:uppercase;letter-spacing:0;margin:0;color:var(--fpv2-primary, #2063f6)}@media screen and (max-width:749px){.fp-v2-videos__heading{font-size:36px;line-height:36px}}.fp-v2-videos__card{position:relative;border:var(--fpv2-card-border-w, 1.5px) solid var(--fpv2-primary, #2063f6);border-radius:var(--fpv2-card-radius, 20px);background:var(--fpv2-card-bg, #f6f6f8);overflow:hidden;box-sizing:border-box}.fp-v2-videos__card{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fp-v2-videos__card::-webkit-scrollbar{display:none}.fp-v2-videos__grid{display:flex;flex-wrap:nowrap;gap:0}.fp-v2-videos__tile{position:relative;display:block;flex:0 0 22.22%;width:22.22%;box-sizing:border-box;scroll-snap-align:start;aspect-ratio:366 / 574;overflow:hidden;background:var(--fpv2-card-bg, #f6f6f8);color:inherit;text-decoration:none;cursor:pointer}@media screen and (min-width:750px){.fp-v2-videos__card[data-tile-count="1"] .fp-v2-videos__tile{flex-basis:100%;width:100%}.fp-v2-videos__card[data-tile-count="2"] .fp-v2-videos__tile{flex-basis:50%;width:50%}.fp-v2-videos__card[data-tile-count="3"] .fp-v2-videos__tile{flex-basis:33.333%;width:33.333%}.fp-v2-videos__card[data-tile-count="4"] .fp-v2-videos__tile{flex-basis:25%;width:25%}}.fp-v2-videos__tile+.fp-v2-videos__tile{border-left:var(--fpv2-card-border-w, 1.5px) solid var(--fpv2-primary, #2063f6)}.fp-v2-videos__poster,.fp-v2-videos__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}.fp-v2-videos__video{z-index:2}.fp-v2-videos__poster{z-index:1;transition:transform .4s ease}@media(hover:hover)and (pointer:fine){.fp-v2-videos__tile:hover .fp-v2-videos__poster,.fp-v2-videos__tile:focus-within .fp-v2-videos__poster,.fp-v2-videos__tile:hover .fp-v2-videos__video,.fp-v2-videos__tile:focus-within .fp-v2-videos__video{transform:scale(1.02)}.fp-v2-videos__video{transition:transform .4s ease}}.fp-v2-videos__tile:focus-visible{outline:2px solid var(--fpv2-primary, #2063f6);outline-offset:-3px}@media screen and (max-width:749px){.fp-v2-videos__tile{flex:0 0 80vw;width:80vw;aspect-ratio:343 / 560}.fp-v2-videos__video{opacity:1}}.fp-v2-videos__empty{display:grid;place-items:center;padding:64px 24px;border:var(--fpv2-card-border-w, 1.5px) dashed var(--fpv2-primary, #2063f6);border-radius:var(--fpv2-card-radius, 20px);text-align:center;color:var(--fpv2-primary, #2063f6)}.fp-v2-videos__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:32px;background:#000000e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fpv2-videos-overlay-in .2s ease-out}.fp-v2-videos__overlay[hidden]{display:none}@keyframes fpv2-videos-overlay-in{0%{opacity:0}to{opacity:1}}.fp-v2-videos__overlay-video{max-width:100%;max-height:100%;width:auto;height:auto;background:#000;border-radius:8px;aspect-ratio:9 / 16;height:min(90vh,100%);object-fit:contain}.fp-v2-videos__overlay-close{position:absolute;top:20px;right:20px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#fff;border:var(--fpv2-card-border-w, 1.5px) solid var(--fpv2-primary, #2063f6);border-radius:50%;color:var(--fpv2-primary, #2063f6);cursor:pointer;transition:transform .15s ease,background .15s ease}.fp-v2-videos__overlay-close:hover{transform:scale(1.05);background:var(--fpv2-card-bg, #f6f6f8)}.fp-v2-videos__overlay-close:focus-visible{outline:2px solid var(--fpv2-primary, #2063f6);outline-offset:3px}@media screen and (max-width:749px){.fp-v2-videos__overlay{padding:16px}.fp-v2-videos__overlay-close{top:12px;right:12px;width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-fp-v2-videos.css.map */