.help-tutorials{--bg:#f2f4f5;--card:#fff;--ink:#124b68;--muted:#6c7a89;--nav-border:#e6eaf0;--nav-hover:#f1f6ff;--nav-active:#cfeaff;--nav-active-border:#3a86b9;--shadow:0 10px 30px rgba(17,24,39,.12);--radius:18px;color:#124b68;font-family:Kantumruy Pro,sans-serif}.help-tutorials__header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:14px}.help-tutorials__title{color:#124b68;font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0}@media (max-width:520px){.help-tutorials__title{font-size:38px}}.help-tutorials__layout{align-items:start;display:grid;gap:18px;grid-template-columns:340px 1fr}.help-tutorials__nav{overflow:auto;padding:14px}.help-tutorials__nav a{background:#fff;border:1px solid transparent;border-radius:14px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:#124b68;cursor:pointer;display:block;font-weight:900;padding:16px;text-decoration:none;transition:background .14s ease,border-color .14s ease,transform .14s ease}.help-tutorials__nav a+a{margin-top:12px}.help-tutorials__nav a:hover{background:#f1f6ff;border-color:#d9e6f6;transform:translateY(-1px)}.help-tutorials__nav a.active{background:#cfeaff;border-color:rgba(58,134,185,.35);box-shadow:inset 0 0 0 2px rgba(58,134,185,.65),0 1px 0 rgba(17,24,39,.06)}.help-tutorials__viewer{background:transparent;border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative;width:100%}.help-tutorials__viewer:before{background:radial-gradient(1200px 700px at 25% 20%,rgba(33,31,59,.55),transparent 60%),linear-gradient(180deg,hsla(0,0%,100%,.06),transparent 25%,rgba(9,12,25,.85));content:"";inset:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .22s ease;z-index:1}.help-tutorials__viewer.playing:before{opacity:0}.help-tutorials__video{display:block;filter:none;height:auto;opacity:1;width:100%}.help-tutorials .overlay{display:grid;inset:0;padding:28px;place-items:center;position:absolute;user-select:none;z-index:2}.help-tutorials .play{backdrop-filter:blur(2px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.35);cursor:pointer;display:grid;height:86px;place-items:center;transition:transform .14s ease,background .14s ease;width:86px}.help-tutorials .play:hover{background:hsla(0,0%,100%,.12);transform:scale(1.02)}.help-tutorials .play:active{transform:scale(.98)}.help-tutorials .play .triangle{border-bottom:12px solid transparent;border-left:18px solid hsla(0,0%,100%,.92);border-top:12px solid transparent;height:0;margin-left:4px;width:0}.help-tutorials .caption{bottom:64px;left:0;padding:0 18px;position:absolute;right:0;text-align:center;z-index:2}.help-tutorials .caption h2{color:hsla(0,0%,100%,.95);font-size:26px;font-weight:900;letter-spacing:-.01em;margin:0 0 8px}.help-tutorials .caption p{color:hsla(0,0%,100%,.7);font-size:14px;font-weight:800;margin:0}.help-tutorials__viewer.playing .caption,.help-tutorials__viewer.playing .overlay{opacity:0;pointer-events:none;transition:opacity .22s ease}@media (max-width:980px){.help-tutorials__layout{grid-template-columns:1fr}.help-tutorials__nav{height:auto!important;max-height:340px}.help-tutorials .caption{bottom:44px}}@media (max-width:520px){.help-tutorials__nav a{font-size:14px;padding:14px}.help-tutorials .play{height:76px;width:76px}.help-tutorials .caption h2{font-size:22px}}