.tutorial-wrap{max-width:var(--width--7-columns);width:100%;margin-left:auto;margin-right:auto}.main-wrapper>.tutorial-hero{padding-bottom:var(--section-padding--extra-small)}.main-wrapper>.tutorial-body{padding-top:var(--spacing--32)}.tutorial-hero .tutorial-hero-media.image-wrap_article{width:100%;height:16rem;margin-bottom:var(--spacing--48);border-radius:var(--_🔘-radius---general--large);overflow:hidden}.tutorial-hero .tutorial-hero-copy.headline_article{max-width:none;margin-bottom:0;grid-column-gap:var(--spacing--16);grid-row-gap:var(--spacing--16)}.tutorial-hero .tutorial-hero-lead{color:var(--_🎨-color--tokens---tone--strong);margin:0;max-width:none}.tutorial-hero .tutorial-hero-meta{margin:0}.tutorial-body .body_article{font-family:var(--_🔠-typography---font-family--b1);font-size:var(--_🔠-typography---size--b1);line-height:var(--_🔠-typography---line-height--b1);font-weight:var(--_🔠-typography---font-weight--b1);letter-spacing:var(--_🔠-typography---letter-spacing--b1);color:var(--_🎨-color--tokens---tone--strong)}.tutorial-body .body_article>p:first-of-type{margin-top:0;margin-bottom:var(--spacing--48)}.tutorial-body .body_article h2{margin:0 0 var(--spacing--24);font-family:var(--_🔠-typography---font-family--h4);font-size:var(--_🔠-typography---size--h4);line-height:var(--_🔠-typography---line-height--h4);font-weight:var(--_🔠-typography---font-weight--h4);letter-spacing:var(--_🔠-typography---letter-spacing--h4);color:var(--_🎨-color--tokens---tone--strong)}.tutorial-body .body_article p,.tutorial-body .body_article li{font-family:var(--_🔠-typography---font-family--b1);font-size:var(--_🔠-typography---size--b1);line-height:var(--_🔠-typography---line-height--b1);font-weight:var(--_🔠-typography---font-weight--b1);letter-spacing:var(--_🔠-typography---letter-spacing--b1);color:var(--_🎨-color--tokens---tone--strong)}.tutorial-body .body_article p{margin-top:0;margin-bottom:var(--spacing--24)}.tutorial-body .body_article p:last-child,.tutorial-body .tutorial-step p:last-child,.tutorial-body .tutorial-subhead p:last-child{margin-bottom:0}.tutorial-body .tutorial-step{padding-top:var(--spacing--64);padding-bottom:var(--spacing--16)}.tutorial-body .tutorial-step+.tutorial-step,.tutorial-body .tutorial-step+.tutorial-subhead,.tutorial-body .tutorial-subhead+.tutorial-step,.tutorial-body .tutorial-subhead+.tutorial-subhead{border-top:1px solid var(--_🎨-color--tokens---tone--faint)}.tutorial-body .tutorial-subhead{padding-top:var(--spacing--48);padding-bottom:var(--spacing--8)}.tutorial-body .tutorial-step-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing--12) var(--spacing--16);margin:0 0 var(--spacing--24);font-family:var(--_🔠-typography---font-family--h4);font-size:var(--_🔠-typography---size--h4);line-height:var(--_🔠-typography---line-height--h4);font-weight:var(--_🔠-typography---font-weight--h4);letter-spacing:var(--_🔠-typography---letter-spacing--h4);color:var(--_🎨-color--tokens---tone--strong)}.tutorial-body .tutorial-step-num{font-family:var(--_🔠-typography---font--label);font-size:var(--_🔠-typography---size--h5);line-height:var(--_🔠-typography---line-height--h5);letter-spacing:var(--_🔠-typography---letter-spacing--label-1);color:var(--_🎨-color--tokens---tone--strong);flex:none}.tutorial-body .tutorial-step-sep{color:var(--_🎨-color--tokens---tone--medium);font-weight:var(--_🔠-typography---font-weight--h4)}.tutorial-body .tutorial-step-label{flex:1 1 12rem}.tutorial-body .tutorial-subhead h2{margin:0 0 var(--spacing--16);font-family:var(--_🔠-typography---font-family--h5);font-size:var(--_🔠-typography---size--h5);line-height:var(--_🔠-typography---line-height--h5);font-weight:var(--_🔠-typography---font-weight--h5);letter-spacing:var(--_🔠-typography---letter-spacing--h5);color:var(--_🎨-color--tokens---tone--strong)}.tutorial-body .tutorial-video{display:flex;flex-flow:column;gap:var(--spacing--16);margin-top:var(--spacing--80);padding-top:var(--spacing--64);border-top:1px solid var(--_🎨-color--tokens---tone--faint)}.tutorial-body .tutorial-video-frame{position:relative;width:100%;aspect-ratio:16/9;height:auto;padding-top:0;margin-top:var(--spacing--16);border-radius:var(--_🔘-radius---general--large);overflow:hidden;background-color:var(--_🎨-color--tokens---background--depth)}.tutorial-body .tutorial-video-frame iframe,.tutorial-body .tutorial-video-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.tutorial-body .tutorial-video-frame--placeholder{display:flex;justify-content:center;align-items:center}.tutorial-body .tutorial-further{display:flex;flex-flow:column;align-items:flex-start;gap:var(--spacing--24);margin-top:var(--spacing--80);padding-top:var(--spacing--64);border-top:1px solid var(--_🎨-color--tokens---tone--faint)}.tutorial-body .tutorial-further-label{margin:0}.tutorial-body .tutorial-further-label .label_circle{background-color:var(--_🎨-color--tokens---tone--strong)}.tutorial-body .tutorial-further-title{margin:0;color:var(--_🎨-color--tokens---tone--strong)}.tutorial-body .tutorial-further-list{list-style:none;margin:0;padding:var(--spacing--8);width:100%;overflow:visible;border-radius:var(--_🔘-radius---general--large);background-color:var(--_🎨-color--tokens---background--lift)}.tutorial-body .tutorial-further li{margin:0;color:var(--_🎨-color--tokens---tone--strong)}.tutorial-body .tutorial-further li+li{border-top:1px solid var(--_🎨-color--tokens---tone--faint)}.tutorial-body .tutorial-further-link{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing--16);padding:var(--spacing--20) var(--spacing--16);border-radius:var(--_🔘-radius---general--default);color:var(--_🎨-color--tokens---tone--strong);text-decoration:none;transition:background-color .25s ease,color .25s ease}.tutorial-body .tutorial-further-link-label{font-family:var(--_🔠-typography---font-family--h6);font-size:var(--_🔠-typography---size--h6);line-height:var(--_🔠-typography---line-height--h6);font-weight:var(--_🔠-typography---font-weight--h6)}.tutorial-body .tutorial-further-link .icon_button-tertiary{color:var(--_🎨-color--tokens---tone--medium);transition:transform .25s ease,color .25s ease}.tutorial-body .tutorial-further-link:hover{background-color:var(--_🎨-color--tokens---background--depth);color:var(--_🎨-color--tokens---tone--strong)}.tutorial-body .tutorial-further-link:hover .icon_button-tertiary{color:var(--_🎨-color--tokens---tone--strong);transform:translate(.25rem)}.tutorial-body .tutorial-further-link:focus-visible{outline:2px solid #7a5cff;outline-offset:2px}.tutorial-body .tutorial-further-cta{margin:var(--spacing--8)0 0}.tutorial-body .tutorial-further-cta a{display:inline-flex;align-items:center;gap:var(--spacing--4);color:var(--_🎨-color--tokens---tone--strong);text-decoration:none;font-family:var(--_🔠-typography---font-family--button-1);font-size:var(--_🔠-typography---size--button-1);line-height:var(--_🔠-typography---line-height--button-1);font-weight:var(--_🔠-typography---font-weight--button-1);transition:color .25s ease}.tutorial-body .tutorial-further-cta a:hover{color:var(--_🎨-color--tokens---button--tertiary--hover--text)}.tutorial-body .tutorial-further-cta .icon_button-tertiary{width:var(--_❇️-icon---button-icon--rectangle-large);height:var(--_❇️-icon---button-icon--rectangle-large)}@media screen and (max-width:767px){.tutorial-hero .tutorial-hero-media.image-wrap_article{height:11rem;margin-bottom:var(--spacing--32)}.main-wrapper>.tutorial-body{padding-top:var(--spacing--24)}.tutorial-body .tutorial-step{padding-top:var(--spacing--48)}.tutorial-body .tutorial-video,.tutorial-body .tutorial-further{margin-top:var(--spacing--64);padding-top:var(--spacing--48)}}@media screen and (max-width:479px){.tutorial-hero .tutorial-hero-media.image-wrap_article{height:9rem}}