.section-home-youtube-list .home-youtube-list__background{background:var(--section-bg-color, transparent)}.home-youtube-bg{overflow:hidden;container-type:inline-size;--columns: 12;--column-gap: 1px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.home-youtube-bg:active{cursor:grabbing}.home-youtube-bg .home-youtube-track{display:flex;width:max-content;will-change:transform}.home-youtube-bg .youtube-box{flex-shrink:0;box-sizing:border-box;height:auto;width:calc(100vw / var(--columns));width:calc((100cqw - (var(--columns) - 1) * var(--column-gap)) / var(--columns));margin-right:var(--column-gap);transition:filter .3s ease}.home-youtube-bg .youtube-box .img__overlay .home-youtube-icon{fill:#fff;width:30px;height:30px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:none;z-index:4}.home-youtube-bg .youtube-box img,.home-youtube-bg .youtube-box svg.ver_top,.home-youtube-bg .youtube-box .home-youtube-placeholder{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;vertical-align:top;background:#f3f3f3;pointer-events:none;-webkit-user-drag:none}.home-youtube-bg a{display:block;position:relative;overflow:hidden;margin-bottom:-8px}.home-youtube-bg .youtube-box:hover .img__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background-color:#000;opacity:.6;z-index:3}.home-youtube-bg .youtube-box:hover .img__overlay .home-youtube-icon{display:block}@media(max-width:1700px){.home-youtube-bg{--columns: 9}}@media(max-width:1500px){.home-youtube-bg{--columns: 8}}@media(max-width:1150px){.home-youtube-bg{--columns: 7}}@media(max-width:990px){.home-youtube-bg{padding-inline:clamp(16px,5vw,50px);box-sizing:border-box}}@media(max-width:900px){.home-youtube-bg{--columns: 6}}@media(max-width:700px){.home-youtube-bg{--columns: 5}}@media(max-width:500px){.home-youtube-bg{--columns: 3}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/section-home-youtube-list.css.map */