.video-tutorial-section{--vt-border: rgba(35, 35, 35, .12);--vt-muted: rgba(35, 35, 35, .66);--vt-soft: rgba(35, 35, 35, .045);--vt-card: var(--body-bg, #fff);--vt-accent: var(--body-link-color, #ae1f65);--vt-radius: 18px}.video-tutorial__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,370px);gap:clamp(30px,4vw,72px);align-items:stretch}.video-tutorial__page-header{max-width:980px;margin-block-end:clamp(28px,4vw,52px)}.video-tutorial__page-header .video-tutorial__back{margin-block-end:18px}.video-tutorial__page-header .video-tutorial__excerpt{max-width:820px}.video-tutorial__main{min-width:0}.video-tutorial__sidebar{min-width:0;align-self:stretch}.video-tutorial__sidebar--sticky .video-tutorial__sidebar-inner{position:sticky;top:calc(var(--header-height, 0px) + 24px)}.video-tutorial__sidebar-inner{padding:clamp(22px,2.4vw,34px);border:1px solid var(--vt-border);border-radius:var(--vt-radius);background:var(--vt-card);box-shadow:0 18px 50px #1c1c1c0f}.video-tutorial__back{display:inline-flex;align-items:center;gap:8px;margin-block-end:22px;color:var(--vt-muted);font-size:13px;text-decoration:none}.video-tutorial__back svg{width:14px;height:14px}.video-tutorial__title{margin:0;font-size:clamp(28px,3vw,44px);line-height:1.08}.video-tutorial__excerpt{margin-block-start:18px;color:var(--vt-muted);font-size:15px;line-height:1.65}.tutorial-author-card{display:flex;gap:11px;margin-block-start:18px;padding-block:15px;border-block:1px solid var(--vt-border)}.video-tutorial__sidebar-inner>.tutorial-author-card:first-child{margin-block-start:0;padding-block-start:0;border-block-start:0}.tutorial-author-card__photo{flex:0 0 48px;width:48px;height:48px;overflow:hidden;border-radius:50%;background:var(--vt-soft)}.tutorial-author-card__photo img{width:100%;height:100%;object-fit:cover}.tutorial-author-card__content{min-width:0}.tutorial-author-card__label,.tutorial-step-item__label,.video-tutorial__eyebrow{color:var(--vt-muted);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.tutorial-author-card__label{font-size:9px}.tutorial-author-card__name{margin-block-start:1px;font-size:14px;line-height:1.3;font-weight:700}.tutorial-author-card__role,.tutorial-author-card__social{margin-block-start:1px;color:var(--vt-muted);font-size:11px;line-height:1.35}.tutorial-author-card__bio{display:-webkit-box;margin:5px 0 0;overflow:hidden;color:var(--vt-muted);font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-tutorial__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:14px 0 0;overflow:hidden;border:1px solid var(--vt-border);border-radius:12px;background:var(--vt-border)}.video-tutorial__facts>div{min-width:0;padding:9px 11px;background:var(--vt-card)}.video-tutorial__facts dt{color:var(--vt-muted);font-size:9px;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.video-tutorial__facts dd{margin:2px 0 0;overflow:hidden;font-size:12px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.video-tutorial__steps{margin-block-start:20px}.video-tutorial__steps-heading{margin:0 0 14px;font-size:20px}.video-tutorial__step-list{display:grid;gap:8px}.tutorial-step-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:12px;border:1px solid transparent;border-radius:12px;background:var(--vt-soft);color:inherit;text-align:start;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.tutorial-step-item:hover,.tutorial-step-item:focus-visible{border-color:var(--vt-border);transform:translateY(-1px)}.tutorial-step-item.is-active{border-color:var(--vt-accent);background:var(--vt-card)}.tutorial-step-item__number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--vt-card);color:var(--vt-accent);font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1px var(--vt-border)}.tutorial-step-item.is-active .tutorial-step-item__number{background:var(--vt-accent);color:#fff;box-shadow:none}.tutorial-step-item__copy{display:grid;min-width:0}.tutorial-step-item__title{margin-block-start:2px;overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.tutorial-step-item__duration{margin-block-start:2px;color:var(--vt-muted);font-size:12px}.tutorial-step-item__arrow{color:var(--vt-muted);font-size:18px}[dir=rtl] .tutorial-step-item__arrow{transform:rotate(180deg)}.video-tutorial__share{margin-block-start:24px}.video-tutorial__share-button{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--vt-accent);cursor:pointer;font-weight:700}.video-tutorial__share-button svg{width:18px}.video-tutorial__step-panel[hidden],.video-tutorial__tab-panel[hidden]{display:none!important}.tutorial-video,.video-tutorial__fallback-image{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:16 / 9;border-radius:var(--vt-radius);background:#111;box-shadow:0 20px 60px #1c1c1c1f}.tutorial-video__media,.video-tutorial__fallback-image img{display:block;width:100%;height:100%;border:0;object-fit:cover}.tutorial-video>.tutorial-video__media{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;min-height:100%}.tutorial-video__youtube-preview{padding:0;border:0;background:#111;color:#fff;cursor:pointer}.tutorial-video__youtube-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;transition:transform .35s ease,filter .35s ease}.tutorial-video__youtube-preview:hover .tutorial-video__youtube-thumbnail,.tutorial-video__youtube-preview:focus-visible .tutorial-video__youtube-thumbnail{filter:brightness(.82);transform:scale(1.015)}.tutorial-video__youtube-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:68px;height:48px;border-radius:14px;background:#f03;box-shadow:0 10px 28px #0000004d;transform:translate(-50%,-50%)}.tutorial-video__youtube-play svg{width:25px;height:25px}.tutorial-video__youtube-preview:focus-visible{outline:3px solid #fff;outline-offset:-6px}.tutorial-video__empty{display:grid;place-items:center;height:100%;color:#fff}.video-tutorial__step-copy{padding-block:18px 10px}.video-tutorial__step-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between}.video-tutorial__step-navigation{display:flex;gap:8px;align-items:center}.video-tutorial__step-nav-button{display:inline-flex;gap:7px;align-items:center;min-height:36px;padding:7px 12px;border:1px solid var(--vt-border);border-radius:999px;background:var(--vt-card);color:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.video-tutorial__step-nav-button:hover:not(:disabled),.video-tutorial__step-nav-button:focus-visible{border-color:var(--vt-accent);background:var(--vt-accent);color:#fff}.video-tutorial__step-nav-button:focus-visible{outline:2px solid var(--vt-accent);outline-offset:2px}.video-tutorial__step-nav-button:disabled{opacity:.38;cursor:default}.video-tutorial__step-nav-button svg{width:13px;height:13px}.video-tutorial__step-nav-button--next svg{transform:rotate(180deg)}.video-tutorial__step-title{margin:6px 0 0;font-size:clamp(24px,3vw,36px)}.video-tutorial__step-description{max-width:760px;margin-block-start:12px;color:var(--vt-muted);font-size:16px;line-height:1.7}.video-tutorial__step-notes{margin-block-start:18px;border-block-start:1px solid var(--vt-border);padding-block-start:16px}.video-tutorial__step-notes summary{cursor:pointer;font-weight:700}.video-tutorial__step-notes .rte{margin-block-start:12px}.video-tutorial__tabs{margin-block-start:28px}.video-tutorial__tab-list{display:flex;gap:8px;overflow-x:auto;padding-block-end:10px;border-block-end:1px solid var(--vt-border);scrollbar-width:thin}.video-tutorial__tab{position:relative;flex:0 0 auto;padding:12px 18px;border:0;border-radius:999px;background:var(--vt-soft);color:inherit;font-size:14px;font-weight:700;cursor:pointer}.video-tutorial__tab.is-active{background:var(--vt-accent);color:#fff}.video-tutorial__tab:focus-visible,.tutorial-step-item:focus-visible,.video-tutorial__share-button:focus-visible{outline:2px solid var(--vt-accent);outline-offset:3px}.video-tutorial__tab-panel{padding-block-start:26px}.video-tutorial__materials-grid,.video-tutorial__community-grid{display:grid;gap:20px}.video-tutorial__materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-material-card,.tutorial-community-card{overflow:hidden;border:1px solid var(--vt-border);border-radius:16px;background:var(--vt-card)}.tutorial-material-card{padding:clamp(18px,2vw,28px)}.tutorial-material-card__header{display:flex;justify-content:space-between;gap:16px}.tutorial-material-card__title,.tutorial-community-card__title{margin:0;font-size:20px}.tutorial-material-card__quantity,.tutorial-community-card__maker{margin-block-start:4px;color:var(--vt-accent);font-size:13px;font-weight:700}.tutorial-material-card__description,.tutorial-material-card__note,.tutorial-community-card__description{margin-block-start:10px;color:var(--vt-muted)}.tutorial-material-card__products,.tutorial-community-card__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:20px}.tutorial-material-card__products{grid-template-columns:1fr}.tutorial-product-card{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:14px;row-gap:10px;align-items:center;width:100%;height:184px;padding:10px;border:1px solid var(--vt-border);border-radius:12px;background:var(--vt-card);box-sizing:border-box}.tutorial-product-card__body{min-width:0}.tutorial-product-card__image{display:block;overflow:hidden;width:92px;aspect-ratio:1;border-radius:9px;background:var(--vt-soft)}.tutorial-product-card__image img,.tutorial-product-card__image svg{width:100%;height:100%;object-fit:cover}.tutorial-product-card__title{min-height:2.7em;margin:0;overflow:hidden;font-size:14px;line-height:1.35}.tutorial-product-card__title a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tutorial-product-card__variant{margin-block-start:3px;overflow:hidden;color:var(--vt-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tutorial-product-card__price{display:flex;flex-wrap:nowrap;gap:6px;margin-block-start:7px;overflow:hidden;font-size:13px;font-weight:700;white-space:nowrap}.tutorial-product-card__price s{color:var(--vt-muted);font-weight:400}.tutorial-product-card__status{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0;margin-block-start:4px}.tutorial-product-card__availability{color:#237a3b;font-size:11px;white-space:nowrap}.tutorial-product-card__availability.is-unavailable{color:#a32929}.tutorial-product-card__required-quantity{overflow:hidden;color:var(--vt-accent);font-size:11px;font-weight:700;text-align:end;text-overflow:ellipsis;white-space:nowrap}.tutorial-product-card__form{grid-column:1 / -1;min-width:0}.tutorial-product-card__form form{margin:0}.tutorial-product-card__add{min-height:38px;padding-block:7px;font-size:12px}.tutorial-product-card__error{margin-block-start:6px;color:#a32929;font-size:11px;line-height:1.35}.video-tutorial__community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-community-card__image{aspect-ratio:4 / 3;overflow:hidden;background:var(--vt-soft)}.tutorial-community-card__image img{width:100%;height:100%;object-fit:cover}.tutorial-community-card__body{padding:20px}.tutorial-community-card__products{grid-template-columns:1fr;margin:0;padding:0 20px 20px}.video-tutorial__instructions{max-width:820px;font-size:16px;line-height:1.75}.video-tutorial__kit-empty{padding:clamp(24px,4vw,42px);border:1px dashed var(--vt-border);border-radius:16px;background:var(--vt-soft);color:var(--vt-muted);text-align:center}.video-tutorial__kit-builder{display:block}.video-tutorial__kit-action{margin-block-start:18px}.video-tutorial__kit-add-all{min-height:48px}.video-tutorial__kit-error{margin-block-end:10px;color:#a32929;font-size:12px;line-height:1.4}.video-tutorial__instructions h2,.video-tutorial__instructions h3{margin-block-start:1.5em}.video-tutorial__download{margin-block-start:28px}.video-tutorial__article-content{margin-block-start:40px;padding-block-start:34px;border-block-start:1px solid var(--vt-border)}.video-tutorial__empty{max-width:900px;margin-inline:auto;padding:40px;border:1px dashed var(--vt-border);border-radius:var(--vt-radius);text-align:center}@media(max-width:1199px){.video-tutorial__layout{grid-template-columns:minmax(0,1fr) 310px;gap:30px}}@media(max-width:991px){.video-tutorial__layout{display:flex;flex-direction:column}.video-tutorial__sidebar{width:100%}.video-tutorial__sidebar--sticky .video-tutorial__sidebar-inner{position:static}.video-tutorial__step-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-block-end:8px}.tutorial-step-item{flex:0 0 min(300px,82vw);scroll-snap-align:start}.video-tutorial__main{width:100%}}@media(max-width:767px){.video-tutorial__sidebar-inner{padding:20px}.video-tutorial__title{font-size:30px}.video-tutorial__community-grid,.video-tutorial__materials-grid,.tutorial-material-card__products{grid-template-columns:1fr}.video-tutorial__tab{padding:10px 14px;font-size:13px}}@media(max-width:479px){.tutorial-author-card{align-items:flex-start}.video-tutorial__facts{grid-template-columns:1fr}.tutorial-product-card{grid-template-columns:76px minmax(0,1fr)}.tutorial-product-card__image{width:76px}.video-tutorial__step-nav-button{width:36px;padding-inline:0;justify-content:center}.video-tutorial__step-nav-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.tutorial-step-item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/video-tutorial.css.map */