.scrolly-container{display:flex}.scrolly-text{background:#f9f9f9;flex:1;max-height:80vh;overflow-y:auto;scroll-margin-top:10vh;padding-bottom:500px}.scrolly-step{background:#f9f9f9;color:#222;padding:1rem;border-radius:0;transition:border-color 0.3s ease, background 0.3s ease;cursor:pointer}.scrolly-step[data-active="true"]{background:#f0f7ff;border:solid 0px #310c66 !important;border-left-width:5px !important}.step-title{margin-top:0;font-size:1.25rem}.scrolly-code{width:100%;max-width:700px;height:80vh;overflow-y:hidden;position:sticky;top:10vh;align-self:flex-start}.code-sticky{position:relative}.code-animate{background:#f9f9f9;padding:1rem;min-height:400px;font-family:monospace;white-space:pre;transition:all 0.3s ease;overflow-x:auto;overflow:auto;position:absolute;width:100%;height:100%}.code-animate code{display:block;width:max-content;min-width:100%;position:relative}pre code.hljs{overflow-x:visible}.code-line{position:relative;display:block;min-width:max-content;min-width:100%;box-sizing:border-box;transition:background-color 0.3s ease}.highlight-overlay{position:absolute;left:0;background:rgba(216,236,255,0.3);pointer-events:none;transition:opacity 0.3s ease;width:100%;z-index:0}.code-blocks{font-size:14px}.scrolly-tab{background:#0d1117;border:none;padding:0.2rem 0.7rem;font-size:0.8rem;color:white;cursor:pointer;transition:background 0.3s ease, color 0.3s ease;border-radius:20px}.scrolly-tab i{margin-right:3px}.scrolly-tab.scrolly-active-tab{font-weight:500;background:#310c66;color:white}.scrolly-tab-selector{position:sticky;top:0;background:#0d1116;z-index:99;padding:15px;display:flex;gap:0.5rem}.scrolly-tab-selector button:hover{background:#0d1117}.rating-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:0.25rem;font-size:1.5rem;cursor:pointer}.rating-stars .star{color:#6a737d;transition:color 0.2s ease}.rating-stars .star:hover,.rating-stars .star:hover~.star{color:#6f42c1}.rating-stars .star.selected{color:#6f42c1}.rating-step{cursor:auto;display:flex;flex-direction:column;justify-content:flex-end}.rating-step::after{content:"";display:none}.rating-step.rated .rating-stars{display:none}.rating-step.rated::after{content:"Thanks for the feedback!";display:block;margin-top:0.5rem;font-size:1rem;color:#6f42c1;text-align:left}.hljs{background:#f9f9f9;color:#333}.hljs-keyword{color:#005cc5}.hljs-title{color:#005cc5}.hljs-built_in{color:#005cc5}.hljs-string{color:#032f62}.hljs-comment{color:#6a737d;font-style:italic}.hljs-number{color:#22863a}.hljs-function{color:#6f42c1}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag{color:#ff7b72}.hljs-keyword{color:#ff7b72}.hljs-meta{color:#79c0ff}.hljs-meta .hljs-keyword{color:#ff7b72}.hljs-meta .hljs-string{color:#a5d6ff}.hljs-template-tag{color:#ff7b72}.hljs-template-variable{color:#ff7b72}.hljs-type{color:#ff7b72}.hljs-variable.language_{color:#ff7b72}.hljs-title{color:#d2a8ff}.hljs-title.class_{color:#d2a8ff}.hljs-title.class_.inherited__{color:#d2a8ff}.hljs-title.function_{color:#d2a8ff}.hljs-attr{color:#79c0ff}.hljs-attribute{color:#79c0ff}.hljs-literal{color:#79c0ff}.hljs-number{color:#79c0ff}.hljs-operator{color:#79c0ff}.hljs-selector-attr{color:#79c0ff}.hljs-selector-class{color:#79c0ff}.hljs-selector-id{color:#79c0ff}.hljs-variable{color:#79c0ff}.hljs-regexp{color:#a5d6ff}.hljs-string{color:#a5d6ff}.hljs-built_in{color:#ffa657}.hljs-symbol{color:#ffa657}.hljs-code{color:#8b949e}.hljs-comment{color:#8b949e}.hljs-formula{color:#8b949e}.hljs-name{color:#7ee787}.hljs-quote{color:#7ee787}.hljs-selector-pseudo{color:#7ee787}.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}