.tutorials-list-section-parent{width:100vw;box-sizing:border-box;padding:11.25vw 1.875vw;margin-bottom:-2.5vw;color:var(--downriver-100);background-color:var(--icy-lilac-100);display:flex;flex-direction:column;gap:5vw}.tutorials-list-section-topper{display:flex;justify-content:space-between;align-items:start}.tutorials-list-section-description{padding-top:.625vw}.tutorials-list-section-title{width:48.125vw}.tutorials-list-section-title strong *{font-weight:400;background:linear-gradient(127deg,#081b48,#8ad1da,#081b48);background-size:300% 100%;background-position:120% 0%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tutorials-list-section-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:7.5vw}.list-tutorials{width:100%;height:38.563vw;display:flex;justify-content:center;align-items:start;position:relative}.tutorials-menu-list{width:10.063vw;position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:1.25vw}.tutorial-menu-card{display:flex;flex-direction:column;gap:.625vw;opacity:.6;cursor:pointer}.tutorial-menu-card.active{opacity:1;cursor:default}.tutorial-menu-card-image{width:10.063vw;height:6.625vw;object-fit:cover;border-radius:1.563vw}.tutorial-menu-card-title-mobile{display:none}.tutorials-videos-list{width:61.625vw;height:36.5vw;position:relative}.tutorial-video-card{display:block;width:61.625vw;height:36.5vw;border-radius:1.563vw;overflow:hidden;position:absolute;top:0;left:0;transform-origin:top center}.tutorial-cover-placer{width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer}.tutorial-cover-image{width:100%;height:100%;position:absolute;z-index:100;object-fit:cover}.tutorial-cover-play-icon{position:absolute;z-index:101;pointer-events:none}.player{width:100%;height:100%}.tutorial-video-card-overflow{width:24.563vw;height:16.375vw;background-color:var(--cheerful-whisper-100);border-radius:1.563vw;position:absolute;right:0;top:0;z-index:101;overflow:hidden}.toturial-cover-card{box-sizing:border-box;width:24.563vw;height:16.375vw;padding:1.125vw;position:absolute;right:0;top:0;display:flex;flex-direction:column;justify-content:space-between}.toturial-cover-card-topper{display:flex;justify-content:space-between}.tutorial-cover-card-info{display:flex;flex-direction:column;gap:1.438vw}.tutorial-cover-card-tags-parent{display:flex;gap:.625vw}.tutorial-cover-card-tag{padding:.375vw .625vw;background-color:var(--midnight-jam-30);color:var(--white-color-100);border-radius:2vw}.tutorial-cover-card-tag:nth-of-type(1){background-color:var(--brewing-storm-100)}.tutorial-cover-card-title{width:15.313vw}.tutorial-cover-card-image{width:2vw;height:2vw;padding:.875vw;object-fit:cover;background-color:var(--white-color-35);border-radius:6.25vw}.toturial-cover-card .descriptor-card{width:15.313vw}.tutorials-progress-parent{width:30vw;height:3.125vw;padding:.938vw;background-color:var(--midnight-jam-15);border-radius:6.25vw;display:flex;justify-content:space-between;align-items:center;position:relative}.tutorials-progress-bar{width:85%;height:.313vw;background-color:var(--midnight-jam-20);border-radius:2.112vw;position:absolute;left:.938vw}.tutorials-progress-toolbar{display:none;width:fit-content;text-wrap:nowrap;padding:.375vw .625vw;background-color:var(--brewing-storm-100);color:var(--white-color-100);border-radius:6.25vw;position:absolute;top:-4.7vw;left:0;transform:translate(-50%,-50%)}.tutorials-progress-toolbar:after{content:"";position:absolute;bottom:-.625vw;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--brewing-storm-100)}.tutorials-progress-bar-inner{width:0%;height:.313vw;background-color:var(--white-color-100);border-radius:2.112vw}.tutorials-progress-count-placer{width:fit-content;height:fit-content;position:absolute;right:.938vw}.tutorials-progress-count-parent{width:3.125vw;height:3.125vw;background-color:var(--midnight-jam-30);border-radius:6.25vw;display:flex;justify-content:center;align-items:center;color:var(--white-color-100)}.tutorials-progress-count-parent p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width: 768px) and (max-width: 1278px){.tutorials-list-section-parent{padding:18.229vw 3.255vw}.tutorials-list-section-title{width:46.094vw}.tutorials-list-section-title strong{font-weight:400;background:linear-gradient(127deg,#081b48,#8ad1da,#081b48);background-size:300% 100%;background-position:120% 0%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tutorials-list-section-content{margin-block-start:7.813vw;height:fit-content;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:12.5vw}.list-tutorials{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:3.906vw}.tutorials-menu-list{width:79.167vw;position:relative;flex-direction:row;justify-content:center;gap:5.208vw}.tutorial-menu-card{gap:1.302vw;align-items:center}.tutorial-menu-card-image{width:10.417vw;height:10.417vw;object-fit:cover;border-radius:100%}.tutorial-menu-card-title{display:none}.tutorial-menu-card-title-mobile{display:inline-block;text-align:center}.tutorials-videos-list{width:93.49vw;height:84.635vw}.tutorial-video-card{width:93.49vw;height:84.635vw;border-radius:3.255vw}.tutorial-video-card.second{top:5%;transform:scale(.95)}.tutorial-video-card.third{top:10%;transform:scale(.9)}.tutorial-video-card-overflow{width:46.745vw;height:33.854vw;border-radius:3.255vw}.toturial-cover-card{box-sizing:border-box;width:46.745vw;height:33.854vw;padding:2.604vw}.tutorial-cover-card-info{gap:2.995vw}.tutorial-cover-card-tags-parent{gap:1.302vw}.tutorial-cover-card-tag{padding:.781vw 1.302vw;border-radius:13.021vw}.tutorial-cover-card-title{width:31.901vw}.tutorial-cover-card-image{width:4.167vw;height:4.167vw;padding:1.823vw;border-radius:100%}.toturial-cover-card .descriptor-card{width:100%}.tutorials-progress-parent{width:62.5vw;height:6.51vw;padding:1.953vw;border-radius:13.021vw}.tutorials-progress-bar{width:85%;height:.651vw;border-radius:4.297vw;left:1.953vw}.tutorials-progress-bar-inner{width:0%;height:.651vw;border-radius:4.297vw}.tutorials-progress-count-placer{right:1.953vw}.tutorials-progress-count-parent{width:6.51vw;height:6.51vw;border-radius:100%}.tutorials-progress-count-parent p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (max-width: 767px){.tutorials-list-section-parent{padding:27.778vw 4.167vw 33.333vw;margin-bottom:-5.556vw}.tutorials-list-section-topper{flex-direction:column-reverse;gap:11.111vw}.list-descriptor-placer{display:none}.tutorials-list-section-title{width:91.667vw}.tutorials-list-section-title strong{font-weight:400;background:linear-gradient(127deg,#081b48,#8ad1da,#081b48);background-size:300% 100%;background-position:120% 0%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tutorials-list-section-content{margin-block-start:11.111vw;height:fit-content;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:13.889vw}.list-tutorials{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:5.556vw}.tutorials-menu-list{width:91.667vw;position:relative;flex-direction:row;justify-content:center;gap:2.778vw}.tutorial-menu-card{gap:1.111vw;align-items:center}.tutorial-menu-card-image{width:16.667vw;height:16.667vw;object-fit:cover;border-radius:100%}.tutorial-menu-card-title{display:none}.tutorial-menu-card-title-mobile{display:inline-block;font-size:3.333vw;line-height:110%;letter-spacing:0}.tutorials-videos-list{width:91.667vw;height:116.667vw}.tutorial-video-card{width:91.667vw;height:116.667vw;border-radius:6.944vw}.tutorial-video-card.second{top:5%;transform:scale(.95)}.tutorial-video-card.third{top:10%;transform:scale(.9)}.tutorial-video-card-overflow{display:none}.tutorials-progress-parent{width:91.667vw;height:13.889vw;padding:unset;background-color:transparent;display:flex;gap:2.778vw}.tutorials-progress-bar-parent{background-color:var(--midnight-jam-15);height:1.111vw;padding:6.389vw 4.167vw;border-radius:27.778vw;position:relative}.tutorials-progress-bar{width:66.667vw;height:1.111vw;border-radius:9.722vw;left:4.167vw}.tutorials-progress-toolbar{display:none}.tutorials-progress-bar-inner{height:1.111vw;border-radius:9.722vw}.tutorials-progress-count-parent{width:13.889vw;height:13.889vw;border-radius:9.167vw}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/tutorials-list.css.map */