.tutorial-instructions{--ti-pink: #ff72a5;--ti-blue: #2da4de;--ti-black: #1a1a1a;--ti-white: #ffffff;--ti-gray: #767676;--ti-bg: #f3f3f3;--ti-shadow-mobile: -4px 4px 0 0 var(--ti-black);--ti-shadow-desktop: -6px 6px 0 0 var(--ti-black)}.ti-picker{display:flex;align-items:center;padding:4px;border-radius:32px;background:var(--ti-white);width:100%;margin:0 auto;position:relative}.ti-picker__indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:32px;background:var(--ti-pink);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.ti-picker[data-active=righties] .ti-picker__indicator{transform:translate(100%)}.ti-picker__btn{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 16px;border-radius:32px;border:none;cursor:pointer;flex:1;height:52px;background:transparent;font-family:Poppins,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:var(--ti-black);transition:color .3s ease,font-weight .1s ease;position:relative;z-index:1}.ti-picker__btn.is-active{color:var(--ti-white);font-weight:500}.ti-picker__btn svg{width:24px;height:24px;flex-shrink:0}.ti-picker__btn:not(.is-active) svg{color:var(--ti-black)}.ti-picker__btn.is-active svg{color:var(--ti-white)}.ti-video{width:100%;border-radius:24px;overflow:hidden;position:relative;padding-bottom:56.25%;height:0;cursor:pointer}@media screen and (max-width:1199px){.ti-video{margin-top:-2px}}.ti-video__poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transform:scale(1.04)}.ti-video__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:60px;height:60px;border-radius:50%;border:none;background:#02b3ff;color:var(--ti-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.ti-video__play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.ti-video__play-btn svg{width:24px;height:24px;margin-left:2px}.ti-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;z-index:2}.ti-tabs-nav{display:flex;align-items:center;gap:24px;padding-left:8px}.ti-tab-btn{display:flex;flex-direction:column;align-items:stretch;gap:8px;background:none;border:none;cursor:pointer;padding:0;font-family:PoppinsMedium,sans-serif!important;font-size:18px;line-height:1.4;letter-spacing:0em;color:var(--ti-black);text-transform:uppercase}.ti-tab-btn__line{height:4px;width:100%;border-radius:2px;background:transparent;transition:background-color .25s ease}.ti-tab-btn.is-active .ti-tab-btn__line{background:var(--ti-blue)}.ti-tab-panel{display:none}.ti-tab-panel.is-active{display:block}@media screen and (max-width:749px){.ti-tab-panel{width:calc(100% + 32px);margin-left:-16px}.ti-downloads{padding-left:16px;padding-right:16px}}.ti-content-panel{background:var(--ti-white);border-radius:32px;padding:24px}.ti-content-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.ti-item{display:flex;flex-direction:column;gap:0}.ti-item__header{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer}.ti-item__left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ti-item__play-btn{display:flex;justify-content:center;align-items:center;padding:2px;background:none;border:none;cursor:pointer;flex-shrink:0;text-decoration:none;transition:background-color .2s ease}@media screen and (min-width:750px){.ti-item__play-btn{padding:0}}.ti-item__play-btn:hover,.ti-item__play-btn:active{background:none}.ti-item__play-btn svg{width:40px;height:40px}.ti-item__play-btn svg rect,.ti-item__play-btn svg path{transition:fill .2s ease,stroke .2s ease}.ti-item__title{font-family:PoppinsMedium,sans-serif!important;font-size:18px;line-height:1.4;letter-spacing:0em;color:var(--ti-black);margin:0}.ti-item__toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ti-black);-webkit-appearance:none;appearance:none;cursor:pointer;padding:0;flex-shrink:0;transition:transform .3s ease}.ti-item__toggle svg{width:32px;height:32px}.ti-item__toggle .ti-icon-minus{display:none}.ti-item__toggle.is-open{transform:rotate(180deg)}.ti-item__toggle.is-open .ti-icon-plus{display:none}.ti-item__toggle.is-open .ti-icon-minus{display:block}.ti-item__desc-wrapper{overflow:hidden;height:0;transition:height .35s ease}.ti-item__desc{font-family:Poppins,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:var(--ti-black);padding-top:8px}.ti-item__desc p{margin:0 0 8px}.ti-item__desc p:last-child{margin-top:0;margin-bottom:0}.ti-downloads{display:flex;flex-direction:column;gap:16px}.ti-download-card{display:flex;text-decoration:none;padding:0 0 6px 6px}.ti-download-card__inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;width:100%;min-height:100px;background:var(--ti-white);border:1px solid var(--ti-black);border-radius:24px;box-shadow:var(--ti-shadow-mobile);transition:transform .2s ease,box-shadow .2s ease}.ti-download-card:hover .ti-download-card__inner{transform:translate(-1.5px,1.5px);box-shadow:-3px 3px 0 0 var(--ti-black)}.ti-download-card:active .ti-download-card__inner{transform:translate(-3px,3px);box-shadow:0 0 0 0 var(--ti-black)}.ti-download-card__subtitle{font-family:Poppins,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:var(--ti-gray);text-align:center}.ti-download-card__title{font-family:PoppinsMedium,sans-serif!important;font-weight:500;font-size:24px;line-height:1.2;color:var(--ti-black);text-align:center}@media screen and (min-width:750px){.ti-picker{max-width:648px}.ti-tabs-nav{gap:40px;padding-left:0}.ti-tab-btn{font-size:24px}.ti-item__left{gap:16px}.ti-item__play-btn svg{width:40px;height:40px}.ti-item__title{font-size:18px;line-height:1.4}.ti-item__toggle{padding:0}.ti-item__toggle svg{width:32px;height:32px}.ti-content-list{gap:24px}.ti-item__desc{font-size:18px;padding-top:16px}.ti-downloads{flex-direction:row}.ti-download-card{flex:1}.ti-download-card__inner{flex:1;padding:32px 24px;min-height:123px;box-shadow:var(--ti-shadow-desktop)}@media(hover:hover)and (pointer:fine){.ti-download-card:hover .ti-download-card__inner{transform:translate(-3px,3px);box-shadow:-3px 3px 0 0 var(--ti-black)}}.ti-download-card:active .ti-download-card__inner{transform:translate(-6px,6px);box-shadow:0 0 0 0 var(--ti-black)}.ti-download-card__subtitle{font-size:16px}.ti-download-card__title{font-size:24px}}@media screen and (min-width:1024px){.ti-content-panel{gap:40px}}.ti-video__mount{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.ti-video[data-loaded=false] .ti-video__mount{pointer-events:none}.ti-video__poster{z-index:3}.ti-video__play-btn{z-index:4}.ti-video iframe,.ti-video__mount iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;z-index:2}.ti-layout{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:750px){.ti-layout{gap:24px}}.ti-main-col{display:contents}.ti-player-col,.ti-steps-col{min-width:0}.ti-steps-col{display:flex;flex-direction:column;gap:14px}@media screen and (min-width:750px){.ti-steps-col{gap:24px}}.ti-downloads-block{margin-top:0}.ti-downloads__heading{margin:0 0 16px;font-family:PoppinsMedium,sans-serif;font-size:18px;line-height:1.4;color:var(--ti-black, #1a1a1a);text-transform:uppercase}@media screen and (min-width:750px){.ti-downloads__heading{font-size:24px;line-height:1.2}}.ti-tabs-nav{display:none}@media screen and (max-width:1199px){.ti-layout--playlist{display:flex;flex-direction:column}.ti-layout--playlist .ti-player-col{position:sticky;top:var(--ti-header-offset, 0px);z-index:3;background:rgb(var(--color-background));padding-bottom:12px;order:1}.ti-layout--playlist .ti-tabs-nav{display:flex;order:2}.ti-layout--playlist .ti-steps-col{order:3}.ti-layout--playlist .ti-downloads-block{order:4;margin-top:0}.ti-layout--playlist .ti-downloads__heading,.ti-layout--playlist[data-tab=content] .ti-downloads-block,.ti-layout--playlist[data-tab=downloads] .ti-steps-col{display:none}}@media screen and (max-width:749px){.ti-video{border-radius:0}.ti-layout--playlist .ti-player-col,.ti-layout--simplified .ti-player-col{width:calc(100% + 32px);margin-left:-16px}}@media screen and (min-width:1024px){.ti-layout--simplified .ti-player-col,.ti-layout--simplified .ti-downloads-block{max-width:1200px;margin-left:auto;margin-right:auto;width:100%}}@media screen and (min-width:1200px){.tutorial-instructions--playlist{--ti-picker-block: 96px}.ti-layout--playlist{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start;margin-bottom:calc(-1 * var(--ti-pin-height, 0px))}.tutorial-instructions--playlist .ti-picker-row{position:sticky;top:0;z-index:4;margin-top:-12px;margin-bottom:0;padding-top:12px;padding-bottom:24px;background:rgb(var(--color-background))}.ti-layout--playlist .ti-main-col{display:block;grid-column:1;grid-row:1;position:sticky;top:var(--ti-picker-block);z-index:3;background:rgb(var(--color-background));padding-bottom:12px;min-width:0}.ti-layout--playlist .ti-main-col .ti-downloads-block{margin-top:16px}.ti-layout--playlist .ti-steps-col{grid-column:2;grid-row:1;position:static;top:auto;max-height:none;overflow:visible;overscroll-behavior:auto}.tutorial-instructions--playlist>.page-width{display:flow-root;margin-bottom:var(--ti-pin-height, 0px)}}@media screen and (min-width:750px){.ti-downloads{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}.ti-downloads>.ti-download-card{flex:1 1 0;min-width:0}}.ti-downloads-block{container-type:inline-size;container-name:ti-downloads}@container ti-downloads (max-width: 700px){.ti-downloads>.ti-download-card--pdf{flex:0 0 100%}}@supports not (container-type: inline-size){@media screen and (min-width:750px)and (max-width:1439px){.ti-layout--playlist .ti-downloads>.ti-download-card--pdf{flex:0 0 100%}}}.ti-video[data-loaded=true] .ti-video__poster,.ti-video[data-loaded=true] .ti-video__play-btn{display:none}.ti-video[data-loaded=true]{cursor:default}.ti-video:fullscreen,.ti-video:-webkit-full-screen{padding-bottom:0;height:100%;border-radius:0}.ti-item__play-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;overflow:visible}.ti-play-icon{display:block;line-height:0}.ti-item__play-btn svg,.ti-play-icon svg{display:block;width:46px;height:46px;margin:-3px;overflow:visible}.ti-play-icon__track{fill:var(--ti-white, #fff);stroke:var(--ti-black, #1a1a1a);stroke-width:1;transition:fill .2s ease,stroke .2s ease}.ti-play-icon__play{fill:var(--ti-black, #1a1a1a);transition:fill .2s ease}.ti-play-icon__ring{fill:none;stroke:transparent;stroke-width:3;transition:stroke .2s ease}.ti-play-icon__progress{fill:none;stroke:transparent;stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .25s linear,stroke .2s ease}@media(hover:hover)and (pointer:fine){.ti-item__play-btn:hover .ti-play-icon__track{fill:var(--ti-blue, #2da4de);stroke:var(--ti-blue, #2da4de)}.ti-item__play-btn:hover .ti-play-icon__play{fill:var(--ti-white, #fff)}}.ti-item__play-btn:focus-visible{outline:none}.ti-item__play-btn:focus-visible .ti-play-icon__ring{stroke:var(--ti-black, #1a1a1a)}.ti-item__play-btn[disabled],.ti-item__play-btn.is-disabled{cursor:not-allowed;pointer-events:none}.ti-item__play-btn[disabled] .ti-play-icon__track,.ti-item__play-btn.is-disabled .ti-play-icon__track{stroke:#1a1a1a40}.ti-item__play-btn[disabled] .ti-play-icon__play,.ti-item__play-btn.is-disabled .ti-play-icon__play{fill:#1a1a1a40}.ti-item.is-progress .ti-play-icon__progress{stroke:#e87400}.ti-item.is-finished .ti-play-icon__ring{stroke:#5cba72}.ti-item.is-finished .ti-play-icon__progress{stroke:transparent}.ti-item.is-current .ti-item__title{color:#2da4de}@media(prefers-reduced-motion:reduce){.ti-play-icon__progress{transition:none}}.ti-video__empty{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;margin:0;padding:24px;align-items:center;justify-content:center;text-align:center;background:#f2f2f2;color:#6b6b6b;font-size:16px;line-height:140%}.ti-video[data-empty=true] .ti-video__empty{display:flex}.ti-video[data-empty=true] .ti-video__poster,.ti-video[data-empty=true] .ti-video__play-btn{display:none}.ti-video[data-empty=true]{cursor:default}@media screen and (min-width:750px){.ti-video__empty{font-size:18px}}.ti-video iframe,.ti-video__mount iframe{z-index:5}.ti-video__poster,.ti-video__play-btn{pointer-events:none}.ti-video[data-loaded=false] .ti-video__play-btn{pointer-events:auto}.ti-video[data-loaded=true]{cursor:default;pointer-events:auto}.ti-video[data-loaded=false] iframe{z-index:2}.ti-video[data-ready=true] iframe,.ti-video[data-ready=true] .ti-video__mount,.ti-video[data-ready=true][data-loaded=false] .ti-video__mount{pointer-events:auto}@media(hover:none),(pointer:coarse){.ti-video[data-ready=true][data-loaded=false] .ti-video__play-btn{pointer-events:none}}.ti-video[data-ready=true][data-loaded=false]:not([data-empty=true]):before,.ti-video[data-ready=true][data-loaded=false]:not([data-empty=true]):after{content:"";position:absolute;left:0;right:0;height:30%;z-index:5}.ti-video[data-ready=true][data-loaded=false]:not([data-empty=true]):before{top:0}.ti-video[data-ready=true][data-loaded=false]:not([data-empty=true]):after{bottom:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-tutorial-instructions.css.map */
