:root { font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 400; color-scheme: light dark; color: rgba(255, 255, 255, 0.87); background-color: #242424; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } a { font-weight: 500; color: #646cff; text-decoration: inherit; } a:hover { color: #535bf2; } body { margin: 0; /* display: flex; place-items: center; */ min-width: 320px; min-height: 100vh; background-color: #f4f4fb; overflow-wrap: break-word; } h1 { font-size: 3.2em; line-height: 1.1; } button { border-radius: 8px; border: 1px solid transparent; padding: 0.6em 1.2em; font-size: 1em; font-weight: 500; font-family: inherit; background-color: #1a1a1a; cursor: pointer; transition: border-color 0.25s; } .qrzap { position: fixed; top: 80px; right: 20px; z-index: 100; } @media (prefers-color-scheme: light) { :root { color: #213547; background-color: #ffffff; } a:hover { color: #747bff; } button { background-color: #f9f9f9; } } .main { padding: 60px 0; } .hide-mobile { @media (max-width: 639px) { display: none !important; } } .hide-desktop { @media (min-width: 639px) { display: none !important; } } /* * when this class is assigned to a component, user will not be able to select and copy the content from that component */ .no-select { user-select: none; } /* Style
tag of markdown editor affected by prism theme */
pre[class*='language-'][class*='w-md-editor-text-pre'] {
padding: 0;
line-height: normal;
}
/* Style tag of markdown editor affected by prism theme */
code[class*='language-'][class*='code-highlight'] {
color: #3e3e3e;
}
.bold-link {
color: inherit !important;
font-weight: bold;
}
button:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.dashed-field.Mui-focused fieldset {
border-color: unset !important;
}
.dashed-field fieldset {
border-style: dashed !important;
}
.pointer {
cursor: pointer;
}
.force-pointer {
cursor: pointer !important;
}
.inherit-color {
color: inherit;
}
.inherit-color-force {
color: inherit !important;
}
.profile-image {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
}