* {font-family: "Ubuntu";-webkit-tap-highlight-color: transparent;outline: none;}body {background-color: #222;overflow-y: auto;margin: 30px;color: #BBB;}main {display: flex;justify-content: center;}article {width: 90%;max-width: 900px;display: flex;flex-direction: column;gap: 10px;}header {display: flex;flex-direction: column;}nav ol {display: flex;list-style: none;margin: 10px 0px 0px 0px;white-space: nowrap;font-size: 14px;color: #888;padding: 0px;gap: 8px;}nav ol li:not([aria-current])::after {content: "\27A4";margin-left: 8px;font-size: 10px;color: #555;}nav ol li a {color: #888;text-decoration: none;}nav ol li a:hover {text-decoration: underline;}nav ol li[aria-current] {max-width: calc(100vw - 190px);text-overflow: ellipsis;overflow: hidden;}h1 {margin: 8px 0px 5px 0px;}h2 {margin: 0px 0px 15px 0px;}.info {color: #888;display: flex;font-size: 15px;padding: 5px 0px;gap: 10px;}.tags {display: flex;margin-top: 10px;gap: 5px;}.demo[data-demo-id] {display: none;line-height: 35px;background-color: #fff;border-radius: 10px;padding: 0px 15px 0px 36px;background-image: url(../../assets/images/demo-logo.png);background-repeat: no-repeat;background-position: 4px center;background-size: auto calc(100% - 8px);transition: opacity 0.15s;text-decoration: none;width: fit-content;user-select: none;overflow: hidden;font-weight: 600;margin-top: 25px;font-size: 14px;cursor: pointer;color: #000;}.demo[data-demo-id]:active {opacity: 0.65;}.tag-item {background-color: #0004;color: #FFF7;font-size: 13.5px;font-weight: 400;line-height: 30px;border-radius: 30px;padding: 0px 12px 0px 12px;}.author {color: #888;}p {line-height: 27px;margin: 14px 0px;color: #fff8;}figure {margin: 20px 0px;display: flex;justify-content: center;}figure img {width: 100%;margin: auto;border-radius: 15px;}section a {color: #1a65ef;text-decoration: none;}section a:hover {text-decoration: underline;}em,code {padding: 5px 7px;background-color: #0003;color: #fffa;border-radius: 6px;margin: 0px 4px;font-size: 14px;}code {font-family: "FiraCode";}li {line-height: 28px;}ol ul {padding: 5px 25px;}pre {padding: 20px;color: #CCC;overflow-y: auto;border-radius: 12px;background-color: #0005;}pre::selection {background-color: #fff2;}pre::-webkit-scrollbar {width: 4px;height: 4px;}pre::-webkit-scrollbar-thumb {background-color: #FFF4;border-radius: 8px;}pre,pre * {font-family: "FiraCode";font-size: 14px;}.preview {width: calc(100% - 40px);border: none;border-radius: 12px;background-color: #ffffff18;position: relative;padding: 20px;}.preview-download {position: absolute;background-image: url(../../assets/icons/download.svg);background-position: center;background-repeat: no-repeat;background-size: 19px auto;background-color: #fff3;transition: background-color 0.15s;border-radius: 6px;cursor: pointer;border: none;width: 30px;height: 30px;right: 48px;top: 10px;}.preview-download:hover {background-color: #fff4;}.preview-download:active {background-color: #fff2;}.preview-code {position: absolute;background-image: url(../../assets/icons/code.svg);background-position: center;background-repeat: no-repeat;background-size: 19px auto;background-color: #fff3;transition: background-color 0.15s;border-radius: 6px;cursor: pointer;border: none;width: 30px;height: 30px;right: 10px;top: 10px;}.preview-code:hover {background-color: #fff4;}.preview-code:active {background-color: #fff2;}@media (max-width: 740px) {body {margin: 20px;}article {width: 100%;gap: 10px;}figure {margin: 10px 0px;}figure img {border-radius: 8px;}pre {border-radius: 8px;}p {margin: 10px 0px;}}