:root{--aside-hide-offset:14px}body{font-family:var(--main-font);background-color:var(--background-one);color:var(--text-color);margin:0;padding:0;overflow-x:hidden}header{background-color:var(--background-one);z-index:1000;width:100%;position:sticky;top:0}h1{white-space:nowrap;color:var(--color-three);margin:0;font-size:2em}.search-container{justify-content:left;margin-top:0;margin-left:80px;padding-top:10px;padding-bottom:30px;display:flex}#search{background-color:var(--background-two);width:250px;max-width:100%;color:var(--text-color);border:1px solid;border-color:var(--background-two) var(--background-four) var(--background-four) var(--background-two);box-shadow:var(--box-shadow);border-radius:6px;padding:12px}summary{background-color:var(--background-five);cursor:pointer;border:1px solid;border-color:var(--background-two) var(--background-four) var(--background-four) var(--background-two);box-shadow:var(--box-shadow);border-radius:6px;align-items:center;padding:9px 9px 9px 40px;font-weight:700;display:flex;position:relative}summary:before{content:"▼";position:absolute;top:50%;left:18px;transform:translateY(-50%)}summary:hover{background-color:var(--background-six)}details{background-color:var(--background-two);border-radius:6px;margin-bottom:2px;margin-left:10px;margin-right:10px;overflow:hidden}details p{text-align:justify;margin:0 18px;padding:18px}details[open]>summary:before{content:"▲"}details[open]>:not(summary){animation:.3s ease-out slideDown}.tag-group{color:var(--text-color);margin-left:20px;font-size:.9em;font-weight:400}.tag-description{margin-left:18px;font-weight:400}ol{margin-left:20px;padding-right:18px;line-height:1.8}ol li{text-align:justify;margin:25px}.glossary-label{color:var(--color-three);letter-spacing:.01em;margin-right:.3rem;font-size:1.02em;font-weight:800;display:inline-block}.code-container{background-color:var(--background-one);border-radius:5px;margin:20px 18px;position:relative;overflow:hidden}pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;text-align:left;margin:0;padding:40px 15px 15px;overflow-x:auto}code{color:var(--text-color);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;text-align:left;font-family:Courier New,Courier,monospace;display:block}.copy-btn{background-color:var(--color-four);color:var(--text-color);text-align:center;cursor:pointer;z-index:10;background-image:linear-gradient(#ffffff2e 0%,#ffffff0f 42%,#fff0 100%);border:1px solid #7ec5ff94;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;min-height:2.3rem;padding:.45rem .8rem;font-size:.8em;font-weight:700;transition:background-color .3s,transform .2s,box-shadow .2s,border-color .3s;display:inline-flex;position:absolute;top:5px;right:5px;box-shadow:0 10px 22px #00000047,inset 0 1px #ffffff2e,inset 0 -1px #00000038}.copy-btn:hover{background-color:var(--color-three);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}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.main-content{margin-left:360px}main{width:100%;margin-top:0}aside{background-color:var(--background-two);z-index:1000;border:1px solid;border-color:var(--background-two) var(--background-four) var(--background-four) var(--background-two);width:350px;max-height:80%;box-shadow:var(--box-shadow);border-radius:10px;margin-left:6px;position:fixed;top:182px;left:0;overflow-y:auto}.aside-content{padding:10px}.concept-list,.concept-list ul{margin:0;padding-left:15px;list-style-type:none}.concept-list>li{margin-top:15px;margin-bottom:5px;font-weight:700}.clickable-item{color:var(--text-color);cursor:pointer;margin-left:35px;padding:2px 0;transition:color .3s}.clickable-item:hover{color:var(--color-three);text-decoration:underline}aside::-webkit-scrollbar{width:8px}aside::-webkit-scrollbar-thumb{background-color:var(--background-six);border-radius:4px}aside::-webkit-scrollbar-track{background-color:var(--background-two)}aside{scrollbar-width:thin;scrollbar-color:var(--background-six) var(--background-two)}@media (height<=650px){aside{max-height:75%}}@media (height<=550px){aside{max-height:70%}}@media (width<=1024px){.tag-group{display:none}}@media screen and (width<=1180px){body{font-size:1em}pre{padding:20px 10px 10px}.code-container{margin:10px}.copy-btn{padding:5px;font-size:.7rem}.logo{width:35px;height:37px}#search{max-width:none}.sidebar-toggle{display:none}.sidebar-toggle .bar,.menu-icon .bar{background-color:var(--text-color);width:100%;height:3px;transition:all .3s}.sidebar-toggle:hover .bar,.menu-icon:hover .bar{background-color:var(--color-three);transform:scale(1.1)}.sidebar-toggle.active .bar:first-child,.menu-icon.active .bar:first-child{transform:rotate(45deg)translate(5px,5px)}.sidebar-toggle.active .bar:nth-child(2),.menu-icon.active .bar:nth-child(2){opacity:0}.sidebar-toggle.active .bar:nth-child(3),.menu-icon.active .bar:nth-child(3){transform:rotate(-45deg)translate(7.3px,-7.3px)}.main-content.aside-open,main{margin-left:0}details{z-index:1;position:relative}.main-content{flex-direction:column;gap:16px;margin-left:0;display:flex}.sidebar-placeholder{display:none}aside{will-change:auto;pointer-events:auto;z-index:auto;width:auto;max-width:none;max-height:none;margin:0 10px;transition:none;position:static;top:auto;left:auto;overflow:visible;transform:none}aside.active{box-shadow:var(--box-shadow);transform:none}@media (width<=480px){details p,ol{padding-left:10px;padding-right:10px}body{font-size:.9em}.code-container{margin:5px}pre{padding:15px 5px 5px}}.aside-content{max-height:none}}@media screen and (width<=768px){.sidebar-toggle,.sidebar-placeholder,aside{display:none!important}.main-content,.main-content.aside-open,main{margin-left:0}.main-content,main,main>section{width:100%;max-width:100%}main{box-sizing:border-box;padding-inline:.4rem}details{margin-inline:0;margin-bottom:.6rem}summary{padding:.85rem .9rem .85rem 2.4rem}ol{margin-left:0;padding:0 .9rem 0 1.25rem}ol li{margin:.95rem 0}}.glossari_resize{margin-left:200px;font-size:1.5rem}@media (width<=1180px){.glossari_resize{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}}.spacer{height:60px}.title-box{justify-content:space-between;display:flex}button,button i{transition:all .3s}button i{margin-right:5px}button:active{transform:scale(.95)}
