:root { --mp: .5rem; --scrollbar-size: 6pt; --transition-super-fast: all .10s linear; --transition-fast: all .33s ease-out; --transition-mid: all .66s ease-out; --transition-slow: all 2s ease-out; --transition-ultra-slow: all 6s ease-out; --transition-lettering: all .15s ease-out; } * { -webkit-user-select: none; user-select: none; box-sizing: border-box; scroll-behavior: smooth !important; touch-action: manipulation; } *::-webkit-scrollbar { width: var(--scrollbar-size); height: var(--scrollbar-size); overflow: hidden; -webkit-border-radius: var(--scrollbar-size); border-radius: var(--scrollbar-size); opacity: 1; } *::-webkit-scrollbar-track { background: var(--scrollbar-track-color); overflow: hidden; -webkit-border-radius: var(--scrollbar-size); border-radius: var(--scrollbar-size); } *::-webkit-scrollbar-thumb { background: linear-gradient(0deg, transparent 0%, var(--scrollbar-thumb-color) 50%, transparent 100%); background: var(--scrollbar-thumb-color); overflow: hidden; -webkit-border-radius: var(--scrollbar-size); border-radius: var(--scrollbar-size); } html, body { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-scrollbar-color: var(--scrollbar-thumb-color) var(--border-color-thin); -moz-scrollbar-color: var(--scrollbar-thumb-color) var(--border-color-thin); scrollbar-color: var(--scrollbar-thumb-color) var(--border-color-thin); scrollbar-width: thin; font-family: var(--ui-font); font-size: var(--font-size); width: 100vw; max-width: 100vw; min-height: 100vh; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; overflow: hidden; } .ui_shield { position: fixed; background-color: transparent; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 10000000000000; display: flex; transition: var(--transition-fast); pointer-events: all; visibility: visible; } .ui_shield_hidden { visibility: hidden; pointer-events: none; z-index: -1000; transition: var(--transition-fast); } .obj_grid { margin: auto; max-width: 80%; padding: calc(var(--mp) * 2); display: grid; grid-template-columns: 25% auto; border: 1px solid var(--elements-fg-border-color-trans); } .obj_grid .obj_value, .obj_grid .obj_label { padding: calc(var(--mp) * .5); border-bottom: 1px dotted var(--elements-border-color-trans); font-weight: 600; } .obj_grid .obj_label { text-align: right; text-transform: capitalize; } .elements_hide { transition:var(--transition-fast); opacity: 0 !important; visibility:hidden; pointer-events:none; transform:translateY(50%); }