.tutorial__section{position:relative;background-color:#0d1323;background-position:top left;background-size:672px 378px;background-repeat:repeat;border-top:1px solid #434343;padding-top:180px;padding-bottom:0}.tutorial__inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;text-align:center}.tutorial__intro{display:flex;flex-direction:column;align-items:center;gap:16px}.tutorial__intro-titles{display:flex;flex-direction:column;gap:4px;width:100%}.tutorial__body{max-width:562px}.tutorial__body .text--rich>*+*{margin-top:1.4em}.tutorial__body .text--rich [style*=font-size]{font-size:inherit!important}.tutorial__body .text--rich>:is(p,div):empty{display:none}.tutorial-video{position:relative;display:flex;height:600px;margin-top:40px;border:1px solid #9DAB91;border-radius:7px;padding:2px;background-color:#0d1323}.tutorial-video__inner{flex:1;min-width:0;display:flex;border:1px solid #9DAB91;border-radius:6px;padding:16px}.tutorial-video__inner iframe,.tutorial-video__inner video{flex:1;min-width:0;width:100%;height:100%;display:block;border:0;background-color:#0d1323}.tutorial-video__facade{position:relative;flex:1;min-width:0;display:block;padding:0;border:0;background:transparent;cursor:pointer}.tutorial-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.tutorial-video__play{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%);color:#fff;pointer-events:none;transition:transform .2s ease}.tutorial-video__play svg{display:block;width:100%;height:100%}.tutorial-video__facade:hover .tutorial-video__play{transform:translate(-50%,-50%) scale(1.06)}.tutorial-video__facade:focus-visible{outline:2px solid #EBBDC6;outline-offset:2px}.tutorial-video__corner{position:absolute;width:42px;height:41px;background-size:contain;background-repeat:no-repeat;pointer-events:none}.tutorial-video__corner--bl{left:-5px;bottom:-5px}.tutorial-video__corner--tl{left:-5px;top:-5px;transform:scaleY(-1)}.tutorial-video__corner--tr{right:-5px;top:-5px;transform:scale(-1)}.tutorial-video__corner--br{right:-5px;bottom:-5px;transform:scaleX(-1)}.tutorial__nav{display:flex;align-items:stretch;justify-content:space-between;gap:16px;margin-top:20px;padding-bottom:100px}.tutorial__nav .btn{display:flex;flex:0 0 330px;max-width:330px}.tutorial__nav .btn.btn--nav-button button{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}@media screen and (max-width:1024px){.tutorial__section{padding-top:160px}.tutorial-video{height:487px}.tutorial__nav{margin-top:16px;padding-bottom:64px}}@media screen and (max-width:767px){.tutorial__section{padding-top:110px}.tutorial__intro .heading.heading--title-1{font-size:48px}.tutorial-video{height:294px;margin-top:20px}.tutorial__nav{flex-direction:column;align-items:stretch;gap:4px}.tutorial__nav .btn{flex:0 0 auto;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tutorial.css.map */