@media screen and (min-width: 590px){.video-list-with-dialog .hide-pc{display:none}}@media screen and (max-width: 589px){.video-list-with-dialog .hide-mb{display:none}}.video-list-with-dialog .common-title{text-align:center;font-size:clamp(24px,calc(18px + 1vw),36px);margin:0 0 64px}@media screen and (max-width: 768px){.video-list-with-dialog .common-title{font-size:clamp(18px,6.4vw,30px);margin-bottom:clamp(16px,calc(12px + 3.2vw),32px)}}.video-list-with-dialog__video-list{display:flex;--row-gap: 32px;--column-gap: 32px;gap:var(--row-gap) var(--column-gap);flex-wrap:nowrap;justify-content:center}.video-list-with-dialog__card-inner{cursor:pointer}.video-list-with-dialog__card{flex:1;display:block;width:100%;border-radius:.8rem;overflow:hidden;position:relative}.video-list-with-dialog__card-cover{padding-top:58%;position:relative}.video-list-with-dialog__card-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-list-with-dialog__card-overlay{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;padding:5%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(180deg,#0000,#00000080 56.5%)}.video-list-with-dialog__card-play{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50px}.video-list-with-dialog__card-play path{transition:all .3s}.video-list-with-dialog__card:hover .video-list-with-dialog__card-play{--icon-background-color: #6172F3}.video-list-with-dialog__card-title{font-size:16px;font-weight:600;line-height:2;text-transform:capitalize;margin:0;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width: 1399px){.video-list-with-dialog__video-list{--row-gap: 24px;--column-gap: 24px}.video-list-with-dialog__card-title{font-size:14px}}@media screen and (max-width: 1199px){.video-list-with-dialog__card-title{font-size:12px}.video-list-with-dialog__card-play svg{width:40px;height:40px}}@media screen and (max-width: 989px){.video-list-with-dialog{overflow:auto;max-width:100%}.video-list-with-dialog__video-list{justify-content:initial;column-gap:0;--column-gap: 16px;--slides-per-view: 3}.video-list-with-dialog__card{flex:0 0 calc((100% - var(--column-gap) * (var(--slides-per-view) - 1)) / var(--slides-per-view))}.video-list-with-dialog__card:not(:last-of-type){margin-right:var(--column-gap)}.video-list-with-dialog__video-list:after{content:"";display:block;width:var(--page-padding);min-width:var(--page-padding)}.video-list-with-dialog__card-title{font-size:14px}}@media screen and (max-width: 768px){.video-list-with-dialog__card-play svg{width:48px;height:48px}.video-list-with-dialog__video-list{--slides-per-view: 2}}@media screen and (max-width: 589px){.video-list-with-dialog__video-list{--slides-per-view: 1}.video-list-with-dialog__card-title{font-size:16px}}.video-list-with-dialog__player-wrapper{display:block;width:999px;max-width:min(90vw,calc(100vw - 56px))}.video-list-with-dialog__player-wrapper video{width:100%;display:block;background-color:#000}.video-list-with-dialog .custom-dialog__main{background-color:initial}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-video-list-with-dialog.css.map */