.snippet-container{background-color:var(--background-one);border-radius:8px;width:100%;margin:0 auto;display:flex;overflow:hidden}.snippet-nav{flex-direction:column;margin-top:60px;margin-bottom:20px;display:flex}.snippet-nav-item{color:var(--text-color);border-radius:4px;margin-bottom:.5rem;padding:.5rem;text-decoration:none;transition:background-color .3s,color .3s}.snippet-nav-item:focus,.snippet-nav-item:hover{color:var(--color-three)}.snippet-main{flex:1;margin-left:250px;padding:2rem;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;margin-bottom:1rem;padding:1rem;overflow:hidden}.snippet-box pre{max-height:100%;overflow-y:unset}.snippet-box pre,.snippet-box pre[class*=language-]{-webkit-overflow-scrolling:touch;overflow-x:auto}.snippet-box code,.snippet-box code[class*=language-]{display:block}.copy-btn{background-color:var(--color-four);color:var(--text-color);cursor:pointer;background-image:linear-gradient(#ffffff2e 0%,#ffffff0f 42%,#fff0 100%);border:1px solid #7ec5ff94;border-radius:999px;min-height:2.5rem;padding:.55rem .9rem;font-size:.9em;font-weight:700;transition:background-color .3s,transform .2s,box-shadow .2s,border-color .3s;box-shadow:0 10px 22px #00000047,inset 0 1px #ffffff2e,inset 0 -1px #00000038}.copy-btn:hover{background-color:var(--color-three);color:var(--text-color);border-color:#bce3ffeb;transform:translateY(-1px);box-shadow:0 14px 28px #00000057,0 0 0 1px #007bf024,inset 0 1px #ffffff38}.copy-btn i{margin-right:6px}.title-box{justify-content:space-between;display:flex}button,button i{transition:all .3s}button i{margin-right:5px}button:active{transform:scale(.95)}.sidebar-toggle{cursor:pointer;z-index:1001;background:0 0;border:0;width:30px;height:30px;padding:0;display:none;position:fixed;top:3px;left:25px}.sidebar-toggle .bar-container{width:100%;height:100%;margin-top:1px;position:relative}.sidebar-toggle .bar{background-color:var(--text-color);width:30px;height:3px;transition:all .3s;position:absolute;left:0}.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{margin-left:500px;font-size:1.5rem}@media (width<=1180px){h2{clip-path:inset(50%);clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.clickable-item{color:var(--text-color);cursor:pointer;margin-left:35px;padding:2px 0;font-weight:500;line-height:2;text-decoration:none;list-style-type:none;transition:color .3s}.clickable-item:hover{color:var(--color-three);text-decoration:underline;transition:all .3s}.type-group{cursor:pointer;font-size:20px;font-weight:600}.list-menu{margin-bottom:15px}.list-menu:hover{color:#3b3be8;transition:all .3s}.tune-list{margin-top:10px;margin-bottom:10px;list-style-type:none}@media (width<=768px){h1,.sidebar-toggle,.snippet-sidebar{display:none}body{overflow:auto}.snippet-container{flex-direction:column;gap:1rem;overflow:visible}.snippet-main{width:100%;margin-left:0;padding:1rem .8rem 1.4rem;overflow-x:visible}.snippet-nav{margin-top:0}.snippet-box{border-radius:12px;padding:.85rem}.title-box{flex-direction:column;align-items:flex-start;gap:.75rem}.copy-btn{align-self:flex-start;min-height:2.2rem;padding:.5rem .8rem;font-size:.82rem}.snippet-box pre,.snippet-box pre[class*=language-]{overflow-wrap:anywhere;word-break:break-word;border-radius:10px;margin:0;padding:1rem .9rem;font-size:.78rem;line-height:1.55;overflow:visible;white-space:pre-wrap!important}.snippet-box code,.snippet-box code[class*=language-]{overflow-wrap:inherit;word-break:inherit;white-space:inherit!important}}.spacer{height:60px}.navbar .resize-text{margin:0;font-size:2rem}.snippet-sidebar{background-color:var(--background-one);min-width:250px;max-height:calc(100vh - 140px);padding:1rem;position:fixed;top:140px;left:0;overflow:hidden auto}.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;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.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}