.vtd{padding-block:var(--vtd-padding-top, 24px) var(--vtd-padding-bottom, 64px);background:var(--color-background);color:var(--color-text)}.vtd__inner{max-width:var(--vtd-content-width, 1200px);margin-inline:auto;padding-inline:var(--page-margin, 20px)}.vtd__crumbs{margin-block-end:var(--spacing-md, 20px);font-size:12.5px}.vtd__crumb-list{display:flex;flex-wrap:wrap;gap:.5em;margin:0;padding:0;list-style:none;color:var(--color-text-secondary)}.vtd__crumb-list>li+li:before{content:"/";margin-inline-end:.5em;opacity:.55}.vtd__crumb-list a{color:inherit}.vtd__crumb-list [aria-current=page]{color:var(--color-text)}.vtd__grid{display:grid;gap:var(--spacing-lg, 32px);grid-template-columns:minmax(0,1fr);align-items:start}.vtd__grid>*,.vtd-col>*{display:contents}.vtd-col{display:flex;flex-direction:column;gap:var(--vtd-col-gap, 28px);min-width:0}.vtd-col--rail{order:-1}.vtd-col--main{order:0}.vtd__notice{margin:0;padding:var(--spacing-sm, 12px);border:1px dashed var(--color-border);border-radius:var(--style-border-radius-cards);color:var(--color-text-secondary);font-size:var(--text-sm)}.vtp__frame{position:relative;aspect-ratio:16 / 9;border-radius:var(--vtp-radius, 14px);overflow:hidden;background:var(--color-overlay)}.vtp__poster,.vtp__video,.vtp__frame iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}.vtp__poster--empty{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 22%,var(--color-overlay)),var(--color-overlay))}.vtp__frame[data-vtp-playing=true] .vtp__poster,.vtp__frame[data-vtp-playing=true] .vtp__play,.vtp__frame[data-vtp-playing=true] .vtp__bar{display:none}.vtp__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;display:grid;place-items:center;width:76px;height:76px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--color-card-background) 92%,transparent);color:var(--color-text);cursor:pointer;box-shadow:0 4px 20px color-mix(in srgb,var(--color-shadow) 35%,transparent);transition:scale .2s ease,background .2s ease}.vtp__play:hover{scale:1.06;background:var(--color-card-background)}.vtp__play-mark{display:block;width:24px;height:27px;margin-inline-start:5px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.vtp__bar{position:absolute;inset-inline:0;inset-block-end:0;display:flex;gap:var(--spacing-sm, 12px);align-items:center;padding:10px 14px 12px;background:linear-gradient(to top,color-mix(in srgb,var(--color-overlay) 82%,transparent),transparent)}.vtp__track{flex:1 1 auto;height:4px;border-radius:999px;background:color-mix(in srgb,#fff 30%,transparent);overflow:hidden}.vtp__fill{height:100%;background:var(--color-accent);transition:inline-size .25s ease}.vtp__times{flex:0 0 auto;margin:0;color:#fff;font-size:12px;font-variant-numeric:tabular-nums}.vtp__times-sep{margin-inline:.35em;opacity:.6}.vtp__notice{position:absolute;inset-block-end:12px;inset-inline:12px;background:var(--color-card-background)}.vth__eyebrow{margin:0 0 .5em;color:var(--color-accent);font-family:var(--font-accent--family);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.vth__sep{margin-inline:.5em}.vth__title{margin:0;font-family:var(--font-heading--family);font-size:var(--vth-title-size-mobile, 25px);font-weight:var(--font-heading--weight);line-height:1.14}.vth__standfirst{max-width:var(--vth-measure, 640px);margin:.7em 0 0;color:var(--color-text-secondary);font-size:15px;line-height:var(--line-height-body)}.vtt{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.vtt__pill{display:inline-block;padding:6px 13px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card-background);color:var(--color-text-secondary);font-size:12.5px;text-decoration:none;transition:border-color .2s ease,color .2s ease}.vtt__pill:hover{border-color:var(--color-text);color:var(--color-text)}.vts__heading{margin:0 0 var(--spacing-sm, 12px);font-family:var(--font-heading--family);font-size:21px;line-height:var(--line-height-heading)}.vts__list{margin:0;padding:0;list-style:none;border-block-start:1px solid var(--color-border)}.vts__row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:var(--spacing-sm, 12px);padding-block:var(--spacing-sm, 12px);border-block-end:1px solid var(--color-border)}.vts__time{align-self:start;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--style-border-radius-inputs);background:var(--color-card-background);color:var(--color-accent);font-size:12.5px;font-variant-numeric:tabular-nums;text-align:center}button.vts__time{cursor:pointer;transition:background .2s ease,border-color .2s ease}button.vts__time:hover{border-color:var(--color-accent)}button.vts__time[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-card-background))}[data-vtp-armed=true] .vts__time--static{display:none}.vts__title{margin:0;font-family:var(--font-heading--family);font-size:16px;line-height:var(--line-height-heading)}.vts__text{margin:.35em 0 0;color:var(--color-text-secondary);font-size:14px;line-height:var(--line-height-body)}.vtd-col--rail .vtd-stack{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-accent) 4%,var(--color-card-background))}.vtd-col--rail[style*="--vtd-col-gap: 0px"]>*:first-child .vtd-stack{border-start-start-radius:14px;border-start-end-radius:14px}.vtd-col--rail[style*="--vtd-col-gap: 0px"]>*:last-child .vtd-stack{border-end-start-radius:14px;border-end-end-radius:14px}.vtd-col--rail[style*="--vtd-col-gap: 0px"]>*+* .vtd-stack{border-block-start:0}.vtd-col--rail:not([style*="--vtd-col-gap: 0px"]) .vtd-stack{border-radius:14px}.vtd-stack{padding:var(--spacing-md, 20px)}.vtd-stack__head--toggle{cursor:pointer;list-style:none}.vtd-stack__head--toggle::-webkit-details-marker{display:none}.vtd-stack__chevron{flex:0 0 auto;width:8px;height:8px;margin-inline-start:auto;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;rotate:45deg;translate:0 -2px;color:var(--color-text-secondary);transition:rotate .2s ease,translate .2s ease}[data-vtd-accordion][open]>.vtd-stack__head--toggle .vtd-stack__chevron{rotate:-135deg;translate:0 2px}[data-vtd-accordion]:not([open])>.vtd-stack__head{margin-block-end:0}.vtd-stack__head{display:flex;flex-wrap:wrap;gap:4px var(--spacing-sm, 12px);align-items:baseline;justify-content:space-between;margin-block-end:var(--spacing-sm, 12px)}.vtd-stack__title{margin:0;font-family:var(--font-heading--family);font-size:15px;letter-spacing:.01em;line-height:var(--line-height-heading)}.vtd-stack__meta{margin:0;color:var(--color-text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.vtd-stack__sep{margin-inline:.4em}.vtc__list{margin:0;padding:0;list-style:none}.vtc__button{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:var(--spacing-xs, 8px);align-items:baseline;width:100%;padding:8px 10px;border:0;border-radius:var(--style-border-radius-inputs);background:transparent;color:inherit;cursor:pointer;text-align:start;font-size:13px;transition:background .2s ease}.vtc__button:hover{background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.vtc__button[aria-pressed=true]{background:color-mix(in srgb,var(--color-accent) 16%,transparent)}.vtc__time,.vtc__length{color:var(--color-text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.vtc__button[aria-pressed=true] .vtc__time{color:var(--color-accent)}.vtc__title{line-height:1.35}.vtm__rows{display:flex;flex-direction:column}.vtm__row+.vtm__row{border-block-start:1px solid var(--color-border)}.vtm__link{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:var(--spacing-sm, 12px);align-items:center;padding-block:10px;color:inherit;text-decoration:none}.vtm__thumb{display:block;width:44px;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:var(--color-card-background)}.vtm__image{display:block;width:100%;height:100%;object-fit:cover}.vtm__image--empty{background:var(--color-border)}.vtm__text{display:block;min-width:0}.vtm__title{display:block;font-size:13.5px;line-height:1.3}.vtm__variant,.vtm__note{display:block;color:var(--color-text-secondary);font-size:12px}.vtm__oos{display:block;color:var(--color-text-secondary);font-size:12px;font-weight:600}.vtm__price{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.vtm__row[data-vtm-state=sold_out] .vtm__link,.vtm__row[data-vtm-state=no_variant] .vtm__link{opacity:.55}.vtm__form{margin-block-start:var(--spacing-sm, 12px)}.vtm__submit{display:flex;gap:.5em;align-items:center;justify-content:center;width:100%;padding:12px 16px;border:0;border-radius:var(--style-border-radius-buttons);background:var(--color-button);color:var(--color-button-label);font-size:14px;font-weight:600;cursor:pointer;text-transform:var(--button-text-transform, none);transition:background .2s ease}.vtm__submit:hover:not([disabled]){background:color-mix(in srgb,var(--color-button) 85%,var(--color-overlay))}.vtm__submit[disabled]{opacity:.6;cursor:not-allowed}.vtm__submit-total:before{content:"\b7";margin-inline-end:.5em;opacity:.7}.vtm__submit[aria-busy=true]{opacity:.75}.vtm__error{margin:0;color:var(--color-sale);font-size:12.5px}.vtm__error:empty{display:none}.vtm__sheet{display:block;margin-block-start:var(--spacing-xs, 8px);padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--style-border-radius-buttons);background:var(--color-secondary-button);color:var(--color-secondary-button-label);font-size:13px;text-align:center;text-decoration:none}.vtm__sheet:hover{border-color:var(--color-text)}.vtn__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.vtn__list>li+li{border-block-start:1px solid var(--color-border)}.vtn__card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--spacing-sm, 12px);align-items:center;padding-block:10px;color:inherit;text-decoration:none}.vtn__thumb{display:block;width:64px;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:var(--color-card-background)}.vtn__image{display:block;width:100%;height:100%;object-fit:cover}.vtn__image--empty{background:var(--color-border)}.vtn__title{display:block;font-size:13.5px;line-height:1.3}.vtn__meta{display:block;margin-block-start:2px;color:var(--color-text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.vtn__card:hover .vtn__title,.vtm__link:hover .vtm__title{text-decoration:underline}.vtp__play:focus-visible,.vtc__button:focus-visible,button.vts__time:focus-visible,.vtm__submit:focus-visible,.vtm__sheet:focus-visible,.vtm__link:focus-visible,.vtn__card:focus-visible,.vtt__pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.vtd-stack__chevron,.vtp__play,.vtp__fill,.vtc__button,button.vts__time,.vtm__submit,.vtt__pill{transition:none}.vtp__play:hover{scale:1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/video-tutorial-detail.css.map */