:root{--border-radius:30px;--color-avena:#f2f1ed;--color-azzure:#7fb3cf;--color-lavagna:#373234;--color-white:#ffffff;--color-black:#000000;--color-red:#ff2800;--color-orange:#ff8c00;--color-green:#66db00;--color-violet:#6f2da8;--color-grey:#bbbbbb;--color-gold:#d4af37;--font-family-core:'Quicksand',sans-serif;--font-family-mono:'Roboto Mono',monospace;--font-family-icons:'Material Symbols Rounded';--margin-item:20px;--size-menu-icon:2.0em;--size-menu-text:1.2em;--time-ease:0.4s;--width-menu-text:150px}::-webkit-scrollbar{width:8px;height:8px;background:transparent}::-webkit-scrollbar-thumb{border:3px solid var(--color-white);background-clip:padding-box;background:color-mix(in srgb,var(--color-azzure) 50%,transparent);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{border:1.5px solid var(--color-white);background:color-mix(in srgb,var(--color-azzure) 75%,transparent)}.red-scrollbar::-webkit-scrollbar-thumb{border:3px solid var(--color-white);background-clip:padding-box;background:color-mix(in srgb,var(--color-red) 50%,transparent);border-radius:var(--border-radius)}.red-scrollbar::-webkit-scrollbar-thumb:hover{border:1.5px solid var(--color-white);background:color-mix(in srgb,var(--color-red) 75%,transparent)}body{font-family:var(--font-family-core);color:var(--color-lavagna);margin:0}.flex-row{display:flex;min-height:100vh}.main-content{background-color:var(--color-avena);flex:1;position:relative}*{box-sizing:border-box}.icon{font-family:var(--font-family-icons);transition:font-family var(--time-ease) ease;user-select:none;position:relative}.icon.red{color:var(--color-red)}.icon.green{color:var(--color-green)}.icon.green{color:var(--color-green)}.icon.orange{color:var(--color-orange)}.icon.hover::after{background:var(--color-lavagna);border-radius:var(--border-radius);box-shadow:0 0 4px 4px color-mix(in srgb,var(--color-azzure) 30%,transparent);color:var(--color-white);content:attr(data-tooltip);font-family:var(--font-family-core);font-size:0.75rem;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;left:50%;top:75%;transform-origin:top center;transform:translate(-50%,10px) scale(0.85);transition:opacity var(--time-ease) ease,transform var(--time-ease) ease;white-space:nowrap;z-index:3}.icon.hover:hover::after{opacity:1;transform:translate(-50%,10px) scale(1)}.red:hover{color:var(--color-red)!important}.green:hover{color:var(--color-green)!important}span.hide{display:none}.icon.fill{font-variation-settings:'FILL' 1}.box *{opacity:0;animation:showElement var(--time-ease) ease forwards}.hover:hover{z-index:1}@keyframes showElement{to{opacity:1}}.code{font-family:var(--font-family-mono)!important;font-size:0.8rem}