@media (min-width: 499px){#sidebar{position:fixed;right:5%;top:10%;opacity:.7;transition:opacity .6s ease-out,right 2s ease-in-out;height:70%;padding-right:2em;overflow-y:scroll;overflow-x:hidden}#sidebar.hiding{right:-30%}#sidebar:hover{opacity:1}#sidebar *{font-weight:400;margin-top:3px;margin-bottom:3px}#sidebar a{color:var(--title-color)}#sidebar h1{font-size:1.4rem}#sidebar h2{font-size:1.25rem;text-indent:.8em}#sidebar h3{font-size:1.15rem;text-indent:1.6em}#sidebar h4{font-size:1rem;text-indent:2.4em}#sidebar h5{font-size:.9rem;text-indent:3.2em}#sidebar h6{font-size:.75rem;text-indent:4em}}@media (max-width: 499px){#sidebar{display:none}}#hide-sidebar{cursor:pointer}#show-sidebar-button{cursor:pointer;position:fixed;right:57px;bottom:110px;opacity:.5;transition:opacity .6s ease-out}#show-sidebar-button:hover{opacity:1}button.copy{all:unset;border-radius:5px;position:absolute;padding:.2rem;padding-bottom:0;right:.25rem;top:.25rem;cursor:pointer;transition:all .2s ease-in-out;opacity:0;transform:scale(.5)}div.code:hover button.copy{opacity:1;transform:scale(1)}button.copy:hover{background:#b3b3b3;box-shadow:inset 10px 10px 20px #acacac,inset -10px -10px 20px #bababa}.light button.copy{background-color:#ededed}.dark button.copy{background-color:#7d6e83}div.code{position:relative}article{margin-top:5%;margin-bottom:10%}