.vt{--vt-ground: #D2E1DC;--vt-surface: #E7E9D3;--vt-surface-hover: #F0F2E0;--vt-accent: #253A66;--vt-thumb-bg: #DADBB9;--vt-ink: #1a1a1a;--vt-ink-soft: rgba(26, 26, 26, .62);background:var(--vt-ground);padding:60px 0;margin:0;position:relative}.vt__inner{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.vt__header{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:32px;text-align:center}.vt__description{font-family:Futura Condensed PT,Futura,sans-serif;font-size:20px;color:var(--vt-ink);margin:0 auto;line-height:1.4;max-width:720px;text-align:center}.vt__player{display:flex;flex-direction:column;gap:16px}.vt__stage{position:relative;aspect-ratio:16 / 9;background:var(--vt-ink);border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #253a662e}.vt__stage iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.vt__select{position:relative;flex:0 0 auto;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(37,58,102,.22)}.vt__select-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:var(--vt-surface);border:2px solid transparent;border-radius:10px;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:background .15s ease}.vt__select-btn:hover{background:var(--vt-surface-hover)}.vt__select-btn .vt__face-media{flex-basis:50px;width:50px}.vt__select-btn .vt__face-title{font-size:19px}.vt__select-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:var(--vt-surface);border:2px solid transparent;border-radius:10px;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:background .15s ease,border-color .15s ease}.vt__select-menu li+li{margin-top:4px}.vt__select-option:hover{background:var(--vt-surface-hover)}.vt__face{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.vt__face-media{flex:0 0 44px;width:44px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.vt__face-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.vt__face-title{flex:1 1 auto;min-width:0;font-family:Dimbo Regular,Dimbo,sans-serif;font-size:17px;text-transform:uppercase;letter-spacing:.5px;line-height:1.15;color:var(--vt-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt__face-count{flex:0 0 auto;margin-left:auto;padding-left:10px;font-family:Futura Condensed PT,Futura,sans-serif;font-size:14px;color:var(--vt-ink);white-space:nowrap}.vt__select-chevron{flex:0 0 auto;display:flex;align-items:center;transition:transform .2s ease}.vt__select-chevron svg{width:18px;height:18px;fill:none;stroke:var(--vt-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;display:block}.vt__select.is-open .vt__select-chevron{transform:rotate(180deg)}.vt__select-menu{list-style:none;margin:10px 0 0;padding:0;display:none;max-height:220px;overflow-y:auto;overscroll-behavior:contain;background:transparent;scrollbar-width:thin;scrollbar-color:rgba(37,58,102,.35) transparent}.vt__select-menu::-webkit-scrollbar{width:6px}.vt__select-menu::-webkit-scrollbar-track{background:transparent}.vt__select-menu::-webkit-scrollbar-thumb{background:#253a6659;border-radius:3px}.vt__select.is-open .vt__select-menu{display:block}.vt__select.is-open~.vt__scroll{display:none}.vt__select.is-open{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-bottom:none;padding-bottom:0;margin-bottom:0}.vt__select.is-open .vt__select-menu{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;padding-right:4px}.vt__select-option.is-current{display:none}.vt__rows{list-style:none;margin:0;padding:0;display:block}.vt__rows[hidden]{display:none}.vt__row{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;background:var(--vt-surface);border:2px solid transparent;border-radius:8px;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:background .15s ease,border-color .15s ease}.vt__rows li+li{margin-top:4px}.vt__row:hover{background:var(--vt-surface-hover)}.vt__row.is-active{border-color:var(--vt-accent)}.vt__row-index{flex:0 0 26px;display:flex;align-items:center;justify-content:center;font-family:Dimbo Regular,Dimbo,sans-serif;font-size:15px;color:var(--vt-accent);font-variant-numeric:tabular-nums}.vt__row-playing{display:none}.vt__row-playing svg{width:12px;height:12px;fill:var(--vt-accent);display:block}.vt__row.is-active .vt__row-number{display:none}.vt__row.is-active .vt__row-playing{display:block}.vt__row-thumb{position:relative;flex:0 0 92px;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:var(--vt-thumb-bg);display:block}.vt__row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vt__row-duration{position:absolute;right:4px;bottom:4px;padding:1px 4px;border-radius:3px;background:#1a1a1ac7;color:var(--vt-surface);font-family:Futura Condensed PT,Futura,sans-serif;font-size:11px;line-height:1.3}.vt__row-title{font-family:Dimbo Regular,Dimbo,sans-serif;font-size:15px;color:var(--vt-ink);text-transform:uppercase;letter-spacing:.4px;line-height:1.2;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vt__row.is-active .vt__row-title{color:var(--vt-accent);font-weight:600}@media(min-width:769px){.vt__player{flex-direction:row;align-items:stretch;gap:24px}.vt__stage{flex:1.6 1 0;min-width:0;align-self:flex-start;width:100%}.vt__lists{flex:1 1 0;min-width:0;max-width:420px;position:relative}.vt__list{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.vt__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(37,58,102,.35) transparent}.vt__scroll::-webkit-scrollbar{width:6px}.vt__scroll::-webkit-scrollbar-thumb{background:#253a6659;border-radius:3px}.vt__player--single{justify-content:center}.vt__player--single .vt__stage{flex:none;width:100%;max-width:860px}}@media(max-width:768px){.vt{padding:40px 0}.vt__inner{padding:0 16px}.vt__header{margin-bottom:24px}.vt__description{font-size:17px}.vt__scroll{max-height:52vh;overflow-y:auto;overscroll-behavior:contain}.vt__face-title{font-size:16px}.vt__face-media{flex-basis:40px;width:40px}.vt__row-thumb{flex-basis:84px}.vt__row-title{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-tutorial.css.map */