:root{--fms-react-play-button: #00bcd4;--fms-react-text-color: #1a1a1a;--fms-react-bg: #ffffff;--fms-react-radius: 12px}.fms-react-section{padding:4rem 2rem;background:var(--fms-react-bg);position:relative}.fms-react-container{max-width:1400px;margin:0 auto}.fms-react-carousel-wrapper{position:relative;width:100%}.fms-react-video-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;max-width:100%}.fms-react-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:none;width:48px;height:48px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 12px #00000026;transition:all .3s ease;color:var(--fms-react-text-color)}.fms-react-nav-button:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:translateY(-50%) scale(1.1)}.fms-react-nav-button:active{transform:translateY(-50%) scale(.95)}.fms-react-nav-prev{left:-24px}.fms-react-nav-next{right:-24px}.fms-react-video-card{position:relative;cursor:pointer;transition:transform .3s ease}.fms-react-video-card:hover{transform:scale(1.05)}.fms-react-card-thumbnail{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--fms-react-radius);background:#f0f0f0}.fms-react-card-thumbnail img,.fms-react-card-thumbnail video,.fms-react-preview-video{width:100%;height:100%;object-fit:cover;display:block}.fms-react-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;background:#f5f5f5}.fms-react-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--fms-react-play-button);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003;z-index:2}.fms-react-play-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:var(--fms-react-play-button);opacity:.7;animation:fms-pulse-wave 2s ease-out infinite;z-index:-1}.fms-react-play-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:var(--fms-react-play-button);opacity:.7;animation:fms-pulse-wave 2s ease-out infinite 1s;z-index:-1}.fms-react-play-button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.fms-react-video-card:hover .fms-react-play-button{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 16px #0000004d}@media (max-width: 1400px){.fms-react-video-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1024px){.fms-react-section{padding:3rem 0}.fms-react-container{max-width:100%;padding:0}.fms-react-carousel-wrapper{position:relative;padding:0 1.5rem;overflow:visible}.fms-react-video-grid{display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1.5rem;padding:1.5rem .5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.fms-react-video-grid::-webkit-scrollbar{display:none}.fms-react-video-card{flex:0 0 70%;scroll-snap-align:center;scroll-snap-stop:always}.fms-react-nav-button{display:flex}.fms-react-play-button{width:60px;height:60px}}@media (max-width: 768px){.fms-react-section{padding:2.5rem 0}.fms-react-carousel-wrapper{padding:0 1rem}.fms-react-video-card{flex:0 0 75%}.fms-react-video-grid{gap:1.25rem;padding:1.25rem .5rem}.fms-react-play-button{width:50px;height:50px}.fms-react-play-button svg{width:24px;height:24px}.fms-react-nav-button{width:40px;height:40px}.fms-react-nav-prev{left:-8px}.fms-react-nav-next{right:-8px}}@media (max-width: 480px){.fms-react-section{padding:2rem 0}.fms-react-carousel-wrapper{padding:0 .75rem}.fms-react-video-card{flex:0 0 80%}.fms-react-video-grid{gap:1rem;padding:1rem .5rem}.fms-react-nav-button{width:36px;height:36px}.fms-react-nav-button svg{width:20px;height:20px}.fms-react-nav-prev{left:-4px}.fms-react-nav-next{right:-4px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fms-pulse-wave{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.fms-react-video-grid{animation:fadeInUp .6s ease both}.fms-react-video-card:focus{outline:2px solid var(--fms-react-play-button);outline-offset:4px;border-radius:var(--fms-react-radius)}@media (prefers-reduced-motion: reduce){.fms-react-video-card,.fms-react-play-button,.fms-react-video-grid{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/fms-react.css.map */