.claude-steps-video{padding:80px 0;background:#fff;color:#14181c}.claude-steps-video .page-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}.claude-steps-video__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#5f6770;margin:0 0 12px}.claude-steps-video__h{font:inherit;font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#14181c;margin:0}.claude-steps-video__lead{font-size:16px;color:#5f6770;margin-top:12px}.claude-steps-video__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;align-items:start;margin-top:28px}.claude-steps-video__list{display:grid;gap:10px}.claude-steps-video__item{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;text-align:left;background:#f5f6f7;border:1px solid transparent;border-radius:8px;padding:16px 16px 18px;cursor:pointer;font:inherit;color:#14181c}.claude-steps-video__item[aria-selected=true]{background:#fff;border-color:#e3e6e9}.claude-steps-video__n{width:28px;height:28px;border-radius:50%;background:#d9dde1;color:#14181c;display:grid;place-items:center;font-size:13px;font-weight:700}.claude-steps-video__item[aria-selected=true] .claude-steps-video__n{background:#14181c;color:#fff}.claude-steps-video__t b{display:block;font-size:16px}.claude-steps-video__t span{display:block;margin-top:4px;color:#5f6770;font-size:14px;line-height:1.45}.claude-steps-video__item:not([aria-selected=true]) .claude-steps-video__t span{display:none}.claude-steps-video__bar{position:absolute;inset:auto 0 0;height:3px;overflow:hidden;border-radius:0 0 8px 8px}.claude-steps-video__item[aria-selected=true] .claude-steps-video__bar{background:#e3e6e9}.claude-steps-video__bar i{display:block;height:100%;width:0;background:#009456}.claude-steps-video__media{position:relative;min-width:0;aspect-ratio:16 / 10;background:#000;border-radius:4px;overflow:hidden}.claude-steps-video__media video{display:block;width:100%;height:100%;object-fit:cover}.claude-steps-video__tag{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);padding:6px 12px;min-height:32px;border-radius:2px;background:#0e1216b8;color:#fff;font-size:13px;font-weight:600;line-height:20px}.claude-steps-video__pause{position:absolute;right:12px;bottom:12px;min-height:44px;padding:0 12px;border:0;border-radius:2px;background:#0e1216c7;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.claude-steps-video :focus-visible{outline:2px solid #2fbe7b;outline-offset:2px}@media(hover:hover)and (pointer:fine){.claude-steps-video__item:hover{border-color:#a9b1b9}.claude-steps-video__pause{min-height:36px}.claude-steps-video__pause:hover{background:#14181c}}@media(max-width:749px){.claude-steps-video{padding:48px 0}.claude-steps-video .page-width{width:calc(100% - 40px)}.claude-steps-video__h{font-size:24px}.claude-steps-video__lead{font-size:15px}.claude-steps-video__grid{grid-template-columns:minmax(0,1fr)}.claude-steps-video__media{grid-row:1}.claude-steps-video__pause{min-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/claude-steps-video.css.map */