.tutorial{display:flex;flex-direction:column;justify-content:flex-start}.tutorial__medias{width:100%;padding:0 2.4rem 1rem;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none}.tutorial__medias::-webkit-scrollbar{display:none}.tutorial__medias__list{margin:0;padding:0;list-style:none;display:flex}.tutorial,.tutorial__medias__list{gap:1.6rem}@media only screen and (min-width: 990px){.tutorial,.tutorial__medias__list{gap:4rem}.tutorial{flex-direction:row}.tutorial__medias{overflow-x:auto;padding-right:10.4rem}}.tutorial__medias__list-item{min-width:12rem;height:21.35rem}@media only screen and (min-width: 750px){.tutorial__medias__list-item{min-width:24rem;height:42.7rem}}@media only screen and (min-width: 990px){.tutorial__medias__list-item{min-width:48rem;height:85.4rem}}@media screen and (min-width: 750px){.tutorial--reverse{flex-direction:row-reverse}}.tutorial__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:100%;max-width:42rem;justify-content:center;align-self:center;padding:0 2.4rem 4rem;position:relative;z-index:1;flex-shrink:0}@media screen and (min-width: 990px){.tutorial__content{padding:0 4rem 7rem 0;margin-left:10.4rem;margin-right:0rem}.tutorial--reverse .tutorial__content{margin-right:10.4rem;margin-left:0rem}}.tutorial__text--caption{color:rgb(var(--color-secondary-button-text))}.tutorial__text--caption.caption-with-letter-spacing--large{font-size:2.4rem}.tutorial__content--mobile-right>*{align-self:flex-end;text-align:right}.tutorial__content--mobile-center>*{align-self:center;text-align:center}.tutorial--overlap .tutorial__content{width:90%;margin:-3rem auto 0}@media screen and (min-width: 990px){.tutorial__grid--reverse .tutorial__content{margin-left:10.4rem}}@media screen and (min-width: 750px){.tutorial__content--bottom{justify-content:flex-end;align-self:flex-end}.tutorial__content--top{justify-content:flex-start;align-self:flex-start}.tutorial__content--desktop-right>*{align-self:flex-end;text-align:right}.tutorial__content--desktop-left>*{align-self:flex-start;text-align:left}.tutorial__content--desktop-center>*{align-self:center;text-align:center}}.tutorial .gradient{transform:perspective(0)}.tutorial__content{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));word-break:break-word}.tutorial__content>*+*{margin-top:2.4rem}@media screen and (min-width: 990px){.tutorial__content>*+*{margin-top:3.2rem}}.tutorial__content>.tutorial__text:empty~a{margin-top:2rem}.tutorial__content>:first-child:is(.tutorial__heading),.tutorial__text--caption+.tutorial__heading,.tutorial__text--caption:first-child{margin-top:0}.tutorial__content :last-child:is(.tutorial__heading),.tutorial__text--caption{margin-bottom:0}.tutorial__content .button+.tutorial__text{margin-top:2rem}.tutorial__content .tutorial__text+.button{margin-top:2.4rem}@media screen and (min-width: 990px){.tutorial__content .tutorial__text+.button{margin-top:4rem}}.tutorial__heading{margin-bottom:0}.tutorial__text p{margin-top:0;margin-bottom:1rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-tutorial.css.map */