.snippet-container{display:flex;width:100%;margin:0 auto;background-color:var(--background-one);border-radius:8px;overflow:hidden}.snippet-nav{display:flex;flex-direction:column;margin-top:60px;margin-bottom:20px}.snippet-nav-item{color:var(--text-color);text-decoration:none;padding:.5rem;margin-bottom:.5rem;border-radius:4px;transition:background-color .3s ease,color .3s ease}.snippet-nav-item:focus,.snippet-nav-item:hover{color:var(--color-three)}.snippet-main{flex:1;padding:2rem;margin-left:250px;overflow-x:auto}.snippet-header{margin-bottom:2rem}.snippet-section{margin-bottom:3rem}.copy-btn,.snippet-box{background-color:var(--background-two)}.snippet-box{border-radius:8px;padding:1rem;margin-bottom:1rem;overflow:hidden}.snippet-box pre{max-height:100%;overflow-y:unset}.copy-btn{border:0;color:var(--text-color);font-size:.9em;cursor:pointer;transition:background-color .3s,transform .1s}.copy-btn:hover{color:var(--color-three);transform:scale(1.05)}.copy-btn i{margin-right:6px}.title-box{display:flex;justify-content:space-between}button,button i{transition:all .3s ease}button i{margin-right:5px}button:active{transform:scale(.95)}.sidebar-toggle{display:none;cursor:pointer;position:fixed;top:3px;left:25px;z-index:1001;background:0 0;border:0;width:30px;height:30px;padding:0}.sidebar-toggle .bar-container{position:relative;width:100%;height:100%;margin-top:1px}.sidebar-toggle .bar{position:absolute;left:0;width:30px;height:3px;background-color:var(--text-color);transition:all .3s}.sidebar-toggle .bar:first-child{top:20%}.sidebar-toggle .bar:nth-child(2){top:45%}.sidebar-toggle .bar:nth-child(3){bottom:20%}.sidebar-toggle.active .bar:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.sidebar-toggle.active .bar:nth-child(2){opacity:0}.sidebar-toggle.active .bar:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}h2{font-size:1.5rem;margin-left:500px}@media (max-width: 1180px){h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);clip:rect(0 0 0 0);white-space:nowrap;border:0}}.clickable-item{color:var(--text-color);transition:color .3s ease;cursor:pointer;padding:2px 0;margin-left:35px;text-decoration:none;font-weight:500;line-height:2;list-style-type:none}.clickable-item:hover{color:var(--color-three);text-decoration:underline;transition:.3s}.type-group{font-size:20px;font-weight:600;cursor:pointer}.list-menu{margin-bottom:15px}.list-menu:hover{transition:.3s;color:#3b3be8}.tune-list{list-style-type:none;margin-top:10px;margin-bottom:10px}@media (max-width: 768px){h1{display:none}.sidebar-toggle{display:block}body{overflow:auto}.snippet-container{flex-direction:column}.snippet-sidebar{width:200px;transform:translate(-100%);position:fixed;top:10px;left:0;height:100%;overflow-y:auto}.snippet-main{margin-left:0;width:100%}.snippet-container.show-sidebar .snippet-sidebar{transform:translate(0)}}.spacer{height:60px}.navbar .resize-text{font-size:2rem;margin:0}.snippet-sidebar{min-width:250px;background-color:var(--background-one);padding:1rem;position:fixed;top:140px;left:0;max-height:calc(100vh - 140px);overflow-y:auto;overflow-x:hidden}.snippet-sidebar::-webkit-scrollbar{width:8px}.snippet-sidebar::-webkit-scrollbar-track{background:var(--background-one)}.snippet-sidebar::-webkit-scrollbar-thumb{background-color:var(--color-three);border-radius:4px}.snippet-sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--text-color)}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}