.metaobject-grille-youtube{padding:2rem 0}.grille-youtube-container{max-width:1200px;margin:0 auto;padding:var(--section-padding-top-desktop) var(--section-padding-right-desktop) var(--section-padding-bottom-desktop) var(--section-padding-left-desktop)}.grille-youtube-title{text-align:var(--text-alignment-desktop);margin-bottom:20px;font-size:var(--section-title-size-desktop)}.grille-youtube-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--block-gap-desktop, 20px)}.video-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.video-item:hover{transform:translateY(-5px)}.video-thumbnail-container{position:relative;padding-top:56.25%;cursor:pointer}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;transition:opacity .3s ease}.video-thumbnail:hover,.video-thumbnail-container:hover .video-thumbnail{opacity:.9}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.video-play-button:hover{background-color:#000000e6}.video-play-button svg{width:24px;height:24px;fill:#fff}.video-info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.video-title{font-size:var(--video-title-size-desktop, 16px);font-weight:600;margin:5px 0;line-height:1.2;color:#333}.video-tags{display:flex;flex-wrap:wrap;gap:5px;max-width:100%;overflow:visible}[data-section-type=metaobject-editeur-youtube] .video-tags{position:absolute!important;top:5px!important;left:5px!important;z-index:2!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;max-width:calc(100% - 10px)!important;overflow:visible!important}.video-tag{display:inline-block;padding:3px 8px;border-radius:3px;line-height:1.4;white-space:nowrap;font-size:var(--video-tag-size-desktop, 12px);background-color:var(--video-tag-bg-color, #59BCFF);color:var(--video-tag-color, #FFFFFF);flex-shrink:0}[data-section-type=metaobject-editeur-youtube] .video-tag{display:inline-block!important;padding:3px 8px!important;border-radius:3px!important;line-height:1.4!important;white-space:nowrap!important;font-size:var(--video-tag-size-desktop, 12px)!important;background-color:var(--video-tag-bg-color, #59BCFF)!important;color:var(--video-tag-color, #FFFFFF)!important;flex-shrink:0!important;position:static!important;top:auto!important;left:auto!important;z-index:auto!important}.video-critique-container{margin-top:5px;font-size:var(--video-tag-size-desktop, 12px)}.video-critique-link{display:inline-block;color:#59bcff;text-decoration:underline;font-weight:500;transition:color .2s ease}.video-critique-link:hover{color:#4492cc}.pagination{display:flex;justify-content:center;gap:10px;margin-top:30px}.pagination button{padding:8px 16px;border:1px solid #DDDDDD;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .3s ease}.pagination button:hover{background-color:#f5f5f5}.pagination button.active{background-color:#333;color:#fff;border-color:#333}.pagination button:disabled{opacity:.5;cursor:not-allowed}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999}.modal-content{position:relative;width:90%;max-width:800px;margin:5% auto}#closeModal{position:absolute;top:-30px;right:-30px;color:#fff;font-size:28px;font-weight:700;cursor:pointer;z-index:10}#modalPlayer{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}#modalPlayer iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:transparent}.youtube-subscription-widget{margin-top:40px;text-align:center}.youtube-subscription-widget img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 10px #0000001a}.tags-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter-tag{padding:8px 16px;border:none;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s ease;background-color:var(--filter-tag-bg-color, #59BCFF);color:var(--filter-tag-color, #FFFFFF);font-size:var(--filter-tag-size-desktop, 13px)}.filter-tag[data-tag=all],.filter-tag.active{background-color:var(--filter-tag-all-bg-color, #333333);color:var(--filter-tag-all-color, #FFFFFF)}@media (max-width: 768px){.grille-youtube-title{text-align:var(--text-alignment-mobile);font-size:var(--section-title-size-mobile)}.grille-youtube-grid{grid-template-columns:repeat(2,1fr);gap:var(--block-gap-mobile, 10px)}.video-title{min-height:25px;font-size:var(--video-title-size-mobile)!important}[data-section-type=metaobject-editeur-youtube] .video-tags{top:5px!important;left:5px!important}.video-tag{font-size:var(--video-tag-size-mobile, 11px)}.filter-tag{font-size:var(--filter-tag-size-mobile, 11px);padding:6px 12px}.video-play-button{width:50px;height:50px}.video-play-button svg{width:20px;height:20px}.modal-content{width:100%;margin:0;height:100%}#closeModal{top:10px;right:10px;color:#fff;font-size:30px}#modalPlayer{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:auto}.video-thumbnail-container,.video-thumbnail{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.play-button{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;width:50px;height:50px}.play-button svg{width:20px;height:20px}#closeModal{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;padding:10px;font-size:30px}}@media screen and (max-width: 768px){.grille-youtube-grid{grid-template-columns:repeat(2,1fr);gap:10px}[data-mobile-padding]{padding-top:var(--mobile-padding-top)!important;padding-right:var(--mobile-padding-right)!important;padding-bottom:var(--mobile-padding-bottom)!important;padding-left:var(--mobile-padding-left)!important}[data-mobile-align]{text-align:var(--mobile-align)!important}[data-mobile-size]{font-size:var(--mobile-size)!important}[data-mobile-bg]{background-color:var(--mobile-bg)!important}[data-mobile-bold=true]{font-weight:700!important}[data-mobile-bold=false]{font-weight:400!important}[data-mobile-underline]{text-decoration:var(--mobile-underline)!important}.video-tag-wrapper[data-mobile-align=left]{text-align:left!important}.video-tag-wrapper[data-mobile-align=center]{text-align:center!important}.video-tag-wrapper[data-mobile-align=right]{text-align:right!important}[data-mobile-style]{font-size:var(--mobile-size)!important;background-color:var(--mobile-bg)!important;color:var(--mobile-color)!important}.filter-tag{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.play-button{width:27px;height:19px}.play-button:before{border-width:4px 0 4px 8px;margin-left:1.5px}.video-info{min-height:50px;padding:0 3px}.video-title{min-height:25px;font-size:14px}.grille-youtube-container{padding:10px!important}}.filter-container{margin:0 0 20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.filter-tag{-webkit-tap-highlight-color:transparent;outline:none;display:inline-block;padding:6px 15px;border:none;border-radius:40px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-size:13px;font-weight:500;color:#fff;background-color:#59bcff}.filter-tag:hover{opacity:.8}.filter-tag:focus{outline:none}.filter-tag:active{outline:none;-webkit-tap-highlight-color:transparent}.filter-tag[data-tag=all]{background-color:#333;color:#fff}.filter-tag[data-tag=INTERACTIF],.filter-tag[data-tag="ACTION/AVENTURE"],.filter-tag[data-tag=RPG],.filter-tag[data-tag="MONDE OUVERT"],.filter-tag[data-tag=SURVIVAL],.filter-tag[data-tag="HACK'N SLASH"],.filter-tag[data-tag=FPS]{background-color:#59bcff;color:#fff}.youtube-subscribe-container{position:relative;overflow:hidden;display:inline-block;margin:20px auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;width:100%;padding:15px;box-sizing:border-box}.youtube-subscribe-content{display:flex;align-items:center;gap:20px}.g-ytsubscribe-wrapper{min-width:fit-content}.subscribe-text-wrapper{display:flex;align-items:center;white-space:nowrap}.subscribe-text{margin-right:10px}.youtube-icon{width:24px;height:24px;opacity:.8;display:inline-flex;align-items:center}.g-ytsubscribe-wrapper img{display:block;width:auto;max-width:var(--subscribe-logo-width-desktop, 300px);height:auto;max-height:var(--subscribe-logo-height-desktop, 60px);object-fit:contain;position:relative;z-index:1}@media screen and (max-width: 768px){.youtube-subscribe-container{display:block;width:100%;position:relative;padding-top:40px;padding-bottom:5px;margin-top:var(--mobile-margin-top)!important;margin-bottom:var(--mobile-margin-bottom)!important}.youtube-subscribe-content{flex-direction:column;gap:15px}.youtube-icon{position:absolute;top:15px;right:15px;margin:0}.subscribe-text-wrapper{flex-direction:column;width:100%;white-space:normal}.subscribe-text[data-mobile-text]{font-size:var(--mobile-size)!important;color:var(--mobile-color)!important;text-decoration:var(--mobile-underline)!important;margin-right:0;text-align:center;margin-bottom:5px}.g-ytsubscribe-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:0}.g-ytsubscribe-wrapper img{width:auto;max-width:var(--subscribe-logo-width-mobile, 280px);height:auto;max-height:var(--subscribe-logo-height-mobile, 60px);object-fit:contain}.filter-container{gap:5px;margin-bottom:15px}.filter-tag{padding:5px 10px;font-size:11px}}.pagination-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px}.pagination-button{padding:8px 12px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px;min-width:40px;text-align:center}.pagination-button:hover{background-color:#e0e0e0}.pagination-button.active{background-color:#59bcff;color:#fff;border-color:#59bcff}.pagination-button.prev,.pagination-button.next{background-color:#f9f9f9;font-weight:700}@media screen and (max-width: 768px){[data-mobile-pagination-margin]{margin-top:var(--mobile-pagination-margin-top)!important;margin-bottom:var(--mobile-pagination-margin-bottom)!important}.pagination-button{padding:6px 10px;font-size:12px;min-width:35px}}@media screen and (max-width: 768px){.video-critique-container{font-size:var(--video-tag-size-mobile, 11px)}}.view-all-button-container{display:flex;align-items:center;justify-content:center;gap:120px}.grille-youtube-container .youtube-subscribe-wrapper{display:flex;align-items:center;min-width:210px;height:42px;transform:none!important;transition:none!important;animation:none!important}.grille-youtube-container .youtube-subscribe-wrapper img{display:block;width:300px;height:60px;object-fit:contain;position:relative;z-index:1;transform:none!important;transition:none!important;animation:none!important}.grille-youtube-container .view-all-button{padding:15px 30px;background-color:#59bcff;color:#000;text-decoration:none;border-radius:5px;font-weight:700;border:1px solid #000000;transition:none!important;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:fit-content;transform:none!important;animation:none!important;font-size:16px}.grille-youtube-container .view-all-button:hover{background-color:#3da8ff;transform:none!important;transition:none!important;animation:none!important;color:#000;border:1px solid #000000}@media (max-width: 768px){.grille-youtube-container .view-all-button{padding:12px 25px;margin:15px 5px;font-size:14px;width:calc(100% - 10px);white-space:normal}.grille-youtube-container .view-all-button-container{flex-direction:column;gap:0;transform:none!important;transition:none!important;animation:none!important;align-items:stretch;width:100%}.grille-youtube-container [data-mobile-view-all-margin]{margin-top:var(--mobile-margin-top)!important;margin-bottom:var(--mobile-margin-bottom)!important}.grille-youtube-container .youtube-subscribe-wrapper{margin:15px 0;min-width:262px;height:50px;display:flex;justify-content:center}.grille-youtube-container .youtube-subscribe-wrapper img{width:262px;height:50px;transform:none!important;transform-origin:center}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/metaobject-editeur-youtube.css.map */