.guide-tutorials{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background-color:var(--background-color)}.guide-tutorials *{color:var(--text-color)}.guide-tutorials-header .heading{font-size:clamp(20px,2.1vw,var(--heading-size-desktop));line-height:1.25;margin:0;color:var(--heading-color);text-align:center}.guide-tutorials-header+.guide-tutorials-body{margin-top:clamp(15px,1.6vw,30px)}.guide-tutorials_grid{display:flex;flex-wrap:wrap;gap:clamp(20px,2.1vw,40px)}.guide-tutorials_tab-item{width:clamp(150px,16vw,300px)}.guide-tutorials_content-item{width:calc(100% - clamp(150px,16vw,300px) - clamp(20px,2.1vw,40px));background:#fff;border-radius:clamp(2px,.3vw,4px);overflow:hidden;padding:clamp(20px,2.1vw,40px) clamp(24px,2.6vw,48px)}.tutorials-content-list ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:clamp(21px,2.2vw,42px) clamp(8px,.9vw,16px)}.tutorials-content-list ul li{width:calc(50% - (clamp(8px,.9vw,16px)/2));display:none}.tutorials-content-list ul li.is--actived{display:block}.tutorials-content-media .youtube-media{border-radius:clamp(5px,.6vw,10px);overflow:hidden;padding-top:54.5%;position:relative}.tutorials-content-media .youtube-media svg.placeholder-svg,.tutorials-content-media .youtube-media img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.tutorials-content-media .youtube-media .tutorials-play-btn{position:absolute;width:clamp(34px,3.6vw,68px);height:clamp(24px,2.6vw,48px);top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.tutorials-content-media .youtube-media .tutorials-play-btn svg{width:100%;height:100%;display:block}.tutorials-content-info{margin-top:clamp(7px,.8vw,14px)}.tutorials-content-info p{margin:0;font-weight:500;font-size:clamp(10px,1.1vw,20px);line-height:1.45;color:#1a1a1a;font-family:Poppins-medium}.guide-tutorials_tab-item{--after-top: 0px;--after-height:clamp(26px,2.8vw,53px)}.guide-tutorials_tab-item ul{margin:0;padding:0;list-style:none;position:sticky;top:100px;border-left:3px solid #DEDEDE}.guide-tutorials_tab-item ul:after{content:"";position:absolute;top:var(--after-top);left:-3px;width:3px;height:var(--after-height);background:#0077cd;transition:all .4s ease}.guide-tutorials_tab-item ul li{width:fit-content;display:block;cursor:pointer}.guide-tutorials_tab-item ul li.is--actived span{color:#0077cd}.guide-tutorials_tab-item ul li span{font-weight:500;font-size:clamp(9px,1vw,18px);line-height:1.389;color:#1a1a1a;display:block;padding:clamp(7px,.8vw,14px) clamp(5px,.6vw,10px) clamp(7px,.8vw,14px) clamp(12px,1.4vw,25px);letter-spacing:0;font-family:Poppins-medium}.guide-tutorials-popup-drawer{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#0000001a;z-index:10;display:none}.guide-tutorials-popup-drawer.active{display:block}.guide-tutorials-popup-drawer .guide-tutorials-popup-empty{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#0000001a;z-index:11;overflow:hidden;display:block}.guide-tutorials-popup-outer{width:100%;height:100%;position:relative}.guide-tutorials-popup-inner{position:absolute;top:50%;left:50%;width:97%;transform:translate(-50%,-50%);max-width:1200px;z-index:12}.guide-tutorials-popup-wrapper{width:100%;height:100%;display:none}.guide-tutorials-popup-wrapper.active{display:block}.guide-tutorials-popup-wrapper iframe{width:100%;height:80dvh;border:0}.guide-tutorials-popup-close-btn{position:absolute;width:clamp(16px,1.7vw,32px);height:clamp(16px,1.7vw,32px);right:-45px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.guide-tutorials-popup-close-btn svg{width:clamp(6px,.7vw,12px);height:clamp(6px,.7vw,12px);display:block}.guide-tutorials-popup-close-btn svg path{stroke-width:clamp(2px,.3vw,4px)}.guide-tutorials_tab-item.mobile-view{display:none}@media(max-width:1440px){.guide-tutorials_content-item{padding:25px 20px}.guide-tutorials-popup-close-btn{right:10px;top:10px}}@media(max-width:1220px){.guide-tutorials_grid{gap:20px}.guide-tutorials_tab-item{width:250px}.guide-tutorials_content-item{width:calc(100% - 270px)}.guide-tutorials_tab-item ul li span{font-size:15px;padding:10px 5px 10px 20px}}@media(max-width:991px){.guide-tutorials_tab-item{width:100%}.guide-tutorials_tab-item.desktop-view{display:none}.guide-tutorials_tab-item.mobile-view{display:block}.guide-tutorials_content-item{width:100%}.guide-tutorials_tab-item-slider{border-bottom:1px solid #DFDFDF}.guide-tutorials_tab-item ul{border:0;position:unset;display:flex;gap:10px;border-bottom:0}.guide-tutorials_tab-item-slider.swiper-initialized ul{gap:0}.guide-tutorials_tab-item ul:after{content:none}.guide-tutorials_tab-item ul li span{font-size:14px;line-height:1.358;padding:0 0 13px;border:0;border-radius:0;margin-bottom:0;border-bottom:1px solid transparent;position:relative;color:#686868}.guide-tutorials_tab-item ul li.is--actived span{color:#0077cd}.guide-tutorials_tab-item ul li.is--actived span:after{content:"";position:absolute;left:0;right:0;bottom:-1px;width:100%;height:1px;background:#0077cd}}@media(max-width:768px){.guide-tutorials_grid{gap:18px}.guide-tutorials{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.guide-tutorials-header .heading{font-size:var(--heading-size-mobile);line-height:1.4336}.guide-tutorials-header .richtext{font-size:var(--richtext-size-mobile)}.guide-tutorials-header+.guide-tutorials-body{margin-top:20px}.tutorials-content-list ul li{width:100%}.tutorials-content-info{margin-top:12px}.tutorials-content-info p{font-size:16px;line-height:1.438}.tutorials-content-media .youtube-media{padding-top:54.87%}.tutorials-content-media .youtube-media .tutorials-play-btn{width:46px;height:32px}.guide-tutorials-popup-wrapper iframe{width:100%;height:400px;border:0}.guide-tutorials_content-item{padding:24px 15px;border-radius:8px;overflow:hidden}.tutorials-content-list ul{gap:22px 16px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/guide-tutorials.css.map */