is in a , reset it's formatting to blend in */
+ background: inherit;
+ font-size: inherit;
+ color: inherit;
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
+
+code pre {
+ /* When is in a , reset it's formatting to blend in */
+ display: inline;
+ background: inherit;
+ font-size: inherit;
+ color: inherit;
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
+
+details {
+ /* Make the look more "clickable" */
+ padding: .6rem 1rem;
+ background: var(--nc-bg-2);
+ border: 1px solid var(--nc-bg-3);
+ border-radius: 4px;
+}
+
+summary {
+ /* Makes the look more like a "clickable" link with the pointer cursor */
+ cursor: pointer;
+ font-weight: bold;
+}
+
+details[open] {
+ /* Adjust the padding while open */
+ padding-bottom: .75rem;
+}
+
+details[open] summary {
+ /* Adjust the padding while open */
+ margin-bottom: 6px;
+}
+
+details[open]>*:last-child {
+ /* Resets the bottom margin of the last element in the while is opened. This prevents double margins/paddings. */
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: bold;
+}
+
+dd::before {
+ /* Add an arrow to data table definitions */
+ content: '→ ';
+}
+
+hr {
+ /* Reset the border of the
separator, then set a better line */
+ border: 0;
+ border-bottom: 1px solid var(--nc-bg-3);
+ margin: 1rem auto;
+}
+
+fieldset {
+ margin-top: 1rem;
+ padding: 2rem;
+ border: 1px solid var(--nc-bg-3);
+ border-radius: 4px;
+}
+
+legend {
+ padding: auto .5rem;
+}
+
+table {
+ /* border-collapse sets the table's elements to share borders, rather than floating as separate "boxes". */
+ border-collapse: collapse;
+ width: 100%
+}
+
+td,
+th {
+ border: 1px solid var(--nc-bg-3);
+ text-align: left;
+ padding: .5rem;
+}
+
+th {
+ background: var(--nc-bg-2);
+}
+
+tr:nth-child(even) {
+ /* Set every other cell slightly darker. Improves readability. */
+ background: var(--nc-bg-2);
+}
+
+table caption {
+ font-weight: bold;
+ margin-bottom: .5rem;
+}
+
+textarea {
+ /* Don't let the