body{font-family:"Inter",sans-serif;color:#333}#videos-header{background:linear-gradient(318deg, #5c5ce6 0%, #5c5ce6 35%, #2e2e73 100%);padding:2em 1em}@media screen and (min-width: 1024px){#videos-header{padding:6em 1em 8em}#videos-header h1{margin-bottom:4rem}}@media screen and (min-width: 1440px){#videos-header{padding:8em 1em}}#videos-header img{max-width:100%;max-height:55vh}#videos-header .type-video{margin-top:30px;gap:10px}#videos-header .picto-title{gap:9px;color:#fff}#videos-header .picto-title img{max-width:25px}#videos-header .picto-title h3{margin:0;font-weight:400}#videos-header .type-description{color:hsla(0,0%,100%,.6)}@media screen and (min-width: 1024px){#videos-header .type-description{padding-left:35px}}#videos-header .type-description p{margin-bottom:0}#videos-list{background-color:#f6f7fb;padding:30px 0 75px}@media screen and (min-width: 760px){#videos-list{padding:75px 0}}#videos-list .img-container{width:100%;max-height:277px}#videos-list .img-container img:not(.play-decoration){width:100%;height:100%;object-fit:cover}#videos-list h2 span{color:#4b9ef1}#videos-list .list-description{max-width:860px;margin:auto;padding:1rem 0 3rem}#videos-list .filters{display:flex;align-items:center;justify-content:center;gap:1rem}#videos-list .filters__label{font-size:14px;color:#4a4a68}#videos-list .filters__select-group{display:flex;gap:.75rem}#videos-list .filters__select{appearance:none;padding:.4rem 1rem;font-size:12px;border:1px solid #bdc0d7;border-radius:999px;background:#fff url("../../img/videos-seo/open-select.svg") no-repeat right .75rem center/9px;cursor:pointer;min-width:195px;letter-spacing:.24px}#videos-list .filters__select:focus{outline:none}#videos-list .video-bloc{max-width:360px;margin:auto}@media screen and (min-width: 601px){#videos-list .video-bloc{margin:initial}}#videos-list .bloc{padding:15px}#videos-list .bloc .white-card{background-color:#fff;box-shadow:2px 6px 20px rgba(0,0,0,.1);border-radius:15px;overflow:hidden;height:100%}#videos-list .bloc .white-card .ico{position:relative}#videos-list .bloc .white-card .ico .play-decoration{position:absolute;bottom:0;left:0;padding:14px 25px;width:100%}#videos-list .bloc .white-card .categories-container{overflow-x:auto;cursor:grab;user-select:none;-ms-overflow-style:none;scrollbar-width:none}#videos-list .bloc .white-card .categories-container::-webkit-scrollbar{display:none}#videos-list .bloc .white-card .categories-container:active{cursor:grabbing}#videos-list .bloc .white-card .categories{display:flex;flex-wrap:nowrap;gap:5px;width:max-content;margin-bottom:.5rem}#videos-list .bloc .white-card .cat{border:2px solid #bdc0d7;border-radius:20px;font-size:10px;padding:7px 10px;width:fit-content}#videos-list .bloc .white-card .card-content{padding:1rem 1rem 0}#videos-list .bloc .white-card .card-content h3{margin:.5rem 0 0;font-size:17px}#videos-list .bloc .white-card .card-content .wysiwyg{color:rgba(34,39,43,.8)}#ressources{padding:4rem 1em}#ressources h2 span{color:#4b9ef1}#ressources img{max-width:100%}.video-modal-trigger{cursor:pointer}#videoModal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);transition:background-color .3s ease,visibility .3s ease;visibility:hidden}#videoModal.hidden{background-color:rgba(0,0,0,0);visibility:hidden}#videoModal:not(.hidden){background-color:rgba(0,0,0,.8);visibility:visible}.modal-content{width:90%;max-width:800px;background-color:#fff;border-radius:8px;position:relative;transition:all .3s ease;transform:scale(0.7);opacity:0}#videoModal:not(.hidden) .modal-content{transform:scale(1);opacity:1}#closeModal{position:absolute;right:0;top:0;font-size:50px;background:none;color:#fff;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease;opacity:.7;z-index:2}#closeModal:hover{transform:scale(1.1);opacity:1}#videoContainer{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;opacity:0;transition:opacity .3s ease}#videoModal:not(.hidden) #videoContainer{opacity:1}#videoContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}@media(max-width: 640px){.modal-content{width:95%}#closeModal{right:10px;top:10px;font-size:40px}}/*# sourceMappingURL=index-videos.css.map */