@import url("https://fonts.googleapis.com/css2?family=Andika:ital,wght@0,400;0,700;1,400;1,700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");body,html{font-family:Rubik,sans-serif;font-size:1rem;overflow-x:hidden;position:relative;height:100%}a{text-decoration:none}.glass-card{background-color:hsla(0,0%,100%,.2);box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3)}.glass-card.active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid #fff}.glass-card:hover{box-shadow:0 2px 3px rgba(0,0,0,.1)}.search-input,.shadow-inset-primary{box-shadow:inset 0 4px 25px -8px rgba(60,51,138,.4)}.search-input{width:100%;transition:all .3s ease-in-out;padding-left:2.5rem;outline:none}.sticky-sidebar{background-color:#fff;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:10px;z-index:100}.sidebar-content,.sticky-sidebar{display:flex;flex-direction:column;align-items:center}.sidebar-item{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#f2f2f2;color:#333;font-size:18px;margin:5px 0;cursor:pointer;transition:background-color .3s,color .3s}.sidebar-item:hover{background-color:#e6e6e6;color:#000}@media (max-width:768px){.sticky-sidebar{right:10px}.sidebar-item{width:35px;height:35px;font-size:16px}}@media (max-width:480px){.sticky-sidebar{right:5px}.sidebar-item{width:30px;height:30px;font-size:14px}}.flip-card-back{transform:rotateY(180deg)}.backface-hidden{backface-visibility:hidden}.perspective-1000{perspective:1000px}.transform-style-preserve-3d{transform-style:preserve-3d}.rotate-y-180{transform:rotateY(180deg)}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.blur-background{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:sans-serif;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{border-radius:var(--radius);color:#000;position:relative;line-height:20px;font-weight:400;text-align:left;border-top-left-radius:10px;border-top-right-radius:10px}.editor-inner{background:#fff;position:relative}.editor-input{min-height:150px;resize:none;font-size:15px;caret-color:#050505;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0;padding:15px 10px;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;top:15px;left:10px;font-size:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace;font-size:94%}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code,.tree-view-output{display:block;position:relative}.editor-code{background-color:#f0f2f5;font-family:Menlo,Consolas,Monaco,monospace;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:auto}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:10px;text-transform:uppercase;position:absolute;color:rgba(0,0,0,.5)}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{margin:0 0 8px;position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left:4px solid #ced0d4;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;border-top-left-radius:10px;border-top-right-radius:10px;vertical-align:middle}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:rgba(223,232,250,.3)}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .divider,.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;vertical-align:middle;font-size:14px;color:#777;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}