.dl-tutorial-videos-container{width:1440px;margin:0 auto}.dl-tutorial-videos-container .dl-tutorial-videos-container-title h2{color:#000;font-size:56px;font-style:normal;font-weight:500;line-height:normal;margin:0 0 40px}.dl-tutorial-videos-container .dl-tutorial-videos-container-title{margin:0 0 24px}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul{display:flex;gap:24px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li{width:342px;height:304px;border-radius:8px;overflow:hidden}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li .dl-tutorial-videos-container-li-center{width:100%;height:200px}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li a{display:block;width:100%;height:100%;position:relative}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li a img{width:100%;height:100%;object-fit:cover}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li a.dl-tutorial-videos-container-li-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:233.333px;background:#57576166;-webkit-backdrop-filter:blur(11.666666984558105px);backdrop-filter:blur(11.666666984558105px)}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li a.dl-tutorial-videos-container-li-center-play svg{width:32px;height:32px}.dl-tutorial-videos-container .dl-tutorial-videos-container-li-footer{height:104px;background-color:#fafafa;padding:16px 24px;box-sizing:border-box;border-radius:0 0 8px 8px}.dl-tutorial-videos-container .dl-tutorial-videos-container-li-footer p{color:#000;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin:0;padding:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dl-tutorial-videos-container .dl-tutorial-videos-container-button{height:32px;width:100%;line-height:32px;display:none;align-items:center;justify-content:end;margin-top:40px}.dl-tutorial-videos-container .dl-tutorial-videos-container-button.dl-show{display:flex}.dl-tutorial-videos-container .dl-tutorial-videos-container-button-active{display:flex;align-items:center;border-bottom:2px solid #000;cursor:pointer;font-size:24px;font-weight:500;line-height:normal;gap:8px}.dl-tutorial-videos-container .dl-tutorial-videos-container-button-active svg{width:24px;height:auto;position:static;transition:all .3s ease}.dl-tutorial-videos-container-ul li.dl-hide-pc,.dl-tutorial-videos-container-button-active .dl-tutorial-videos-container-button-hide{display:none}.dl-tutorial-videos-container-button-active.dl-for-hide .dl-tutorial-videos-container-button-hide{display:block}.dl-tutorial-videos-container-button-active.dl-for-hide .dl-tutorial-videos-container-button-read-more{display:none}.dl-tutorial-videos-container-button-active.dl-for-hide svg{transform:rotate(180deg)}@media screen and (min-width: 1921px){.dl-tutorial-videos-container{width:75vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-title h2{font-size:2.917vw;margin:0 0 2.083vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-title{margin:0 0 1.25vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul{gap:1.25vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li{width:17.813vw;height:15.833vw;border-radius:.417vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li .dl-tutorial-videos-container-li-center{height:10.417vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li a.dl-tutorial-videos-container-li-center-play{width:2.917vw;height:2.917vw;border-radius:12.153vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li a.dl-tutorial-videos-container-li-center-play svg{width:1.667vw;height:1.667vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-li-footer{height:5.417vw;padding:.833vw 1.25vw;border-radius:0 0 .417vw .417vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-li-footer p{font-size:1.042vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-button{height:1.667vw;line-height:1.667vw;margin-top:2.083vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-button-active{border-bottom:.104vw solid #000;font-size:1.25vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-button-active svg{width:1.667vw;top:-.208vw}}@media screen and (min-width:991px) and (max-width:1600px){.dl-tutorial-videos-container{width:90vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-title h2{font-size:3.5vw;margin:0 0 2.5vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-title{margin:0 0 1.5vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul{gap:1.5vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li{width:21.375vw;height:19vw;border-radius:.5vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li .dl-tutorial-videos-container-li-center{height:12.5vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li a.dl-tutorial-videos-container-li-center-play{width:3.5vw;height:3.5vw;border-radius:14.583vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li a.dl-tutorial-videos-container-li-center-play svg{width:2vw;height:2vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-li-footer{height:6.5vw;padding:1vw 1.5vw;border-radius:0 0 .5vw .5vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-li-footer p{font-size:1.25vw;font-weight:400}.dl-tutorial-videos-container .dl-tutorial-videos-container-button{height:2vw;line-height:2vw;margin-top:2.5vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-button-active{border-bottom:.125vw solid #000;font-size:1.5vw}.dl-tutorial-videos-container .dl-tutorial-videos-container-button-active svg{width:2vw;top:-.25vw}}@media screen and (max-width:990px){.dl-tutorial-videos{margin-top:40px}.dl-tutorial-videos-container{width:100%}.dl-tutorial-videos-container .dl-tutorial-videos-container-title h2{font-size:32px;margin:0 0 24px}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul{display:block}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li{display:flex;height:96px;margin-bottom:8px;width:100%}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li:last-child{margin-bottom:0}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li .dl-tutorial-videos-container-li-center{flex:0 0 160px;height:96px}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li a.dl-tutorial-videos-container-li-center-play{display:none}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li .dl-tutorial-videos-container-li-footer{flex-grow:1;height:100%;padding:16px;border-radius:0 8px}.dl-tutorial-videos-container .dl-tutorial-videos-container-ul li .dl-tutorial-videos-container-li-footer p{font-size:16px;font-weight:400}.dl-tutorial-videos-container .dl-tutorial-videos-container-button{margin-top:24px;justify-content:left}.dl-tutorial-videos-container .dl-tutorial-videos-container-button .dl-tutorial-videos-container-button-active{border-bottom:2px solid #000;font-size:16px}.dl-tutorial-videos-container-ul li.dl-hide-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/dl-tutorial-videos.css.map */