Restructure the project to utilize included builds (#3174)

* Refactor and simplify artifact publishing
* Update Gradle to 8.4
* Refactor and simplify convention plugins and build scripts

Fixes #3132

---------

Co-authored-by: Adam <897017+aSemy@users.noreply.github.com>
Co-authored-by: Oleg Yukhnevich <whyoleg@gmail.com>

4 files changed, 1775 insertions, 0 deletions

diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/font-jb-sans-auto.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/font-jb-sans-auto.css
new file mode 100644
index 00000000..bdc68723
--- /dev/null
+++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/font-jb-sans-auto.css
@@ -0,0 +1,36 @@
+/*
+ * Copyright 2014-2023 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license.
+ */
+
+/* Light weight */
+@font-face {
+    font-family: 'JetBrains Sans';
+    src: url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-Light.woff2') format('woff2'), url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+/* Regular weight */
+@font-face {
+    font-family: 'JetBrains Sans';
+    src: url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-Regular.woff2') format('woff2'), url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-Regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+/* SemiBold weight */
+@font-face {
+    font-family: 'JetBrains Sans';
+    src: url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-SemiBold.woff2') format('woff2'), url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-SemiBold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@supports (font-variation-settings: normal) {
+    @font-face {
+        font-family: 'JetBrains Sans';
+        src: url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans.woff2') format('woff2 supports variations'),
+        url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans.woff2') format('woff2-variations'),
+        url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans.woff') format('woff-variations');
+        font-weight: 100 900;
+        font-style: normal;
+    }
+}
diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/logo-styles.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/logo-styles.css
new file mode 100644
index 00000000..69804e46
--- /dev/null
+++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/logo-styles.css
@@ -0,0 +1,9 @@
+/*
+ * Copyright 2014-2023 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license.
+ */
+
+:root {
+    --dokka-logo-image-url: url('../images/logo-icon.svg');
+    --dokka-logo-height: 50px;
+    --dokka-logo-width: 50px;
+}
diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/prism.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/prism.css
new file mode 100644
index 00000000..2d3a091e
--- /dev/null
+++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/prism.css
@@ -0,0 +1,217 @@
+/*
+ * Copyright 2014-2023 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license.
+ */
+
+/*
+ * Custom Dokka styles
+ */
+code .token {
+    white-space: pre;
+}
+
+/**
+ * Styles based on webhelp's prism.js styles
+ * Changes:
+ * - Since webhelp's styles are in .pcss, they use nesting which is not achievable in native CSS
+ *   so nested css blocks have been unrolled (like dark theme).
+ * - Webhelp uses "Custom Class" prism.js plugin, so all of their prism classes are prefixed with "--prism".
+ *   Dokka doesn't seem to need this plugin at the moment, so all "--prism" prefixes have been removed.
+ * - Removed all styles related to `pre` and `code` tags. Kotlinlang's resulting styles are so spread out and complicated
+ *   that it's difficult to gather in one place. Instead use code styles defined in the main Dokka styles,
+ *   which at the moment looks fairly similar.
+ *
+ * Based on prism.js default theme
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: #8c8c8c;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.token.namespace {
+	opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #871094;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #067d17;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	/* This background color was intended by the author of this theme. */
+	background: hsla(0, 0%, 100%, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	font-size: inherit; /* to override .keyword */
+	color: #0033b3;
+}
+
+.token.function {
+	color: #00627a;
+}
+
+.token.class-name {
+	color: #000000;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #871094;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+.token.operator {
+	background: none;
+}
+
+/*
+ * DARK THEME
+ */
+:root.theme-dark .token.comment,
+:root.theme-dark .token.prolog,
+:root.theme-dark .token.cdata {
+	color: #808080;
+}
+
+:root.theme-dark .token.delimiter,
+:root.theme-dark .token.boolean,
+:root.theme-dark .token.keyword,
+:root.theme-dark .token.selector,
+:root.theme-dark .token.important,
+:root.theme-dark .token.atrule {
+	color: #cc7832;
+}
+
+:root.theme-dark .token.operator,
+:root.theme-dark .token.punctuation,
+:root.theme-dark .token.attr-name {
+	color: #a9b7c6;
+}
+
+:root.theme-dark .token.tag,
+:root.theme-dark .token.tag .punctuation,
+:root.theme-dark .token.doctype,
+:root.theme-dark .token.builtin {
+	color: #e8bf6a;
+}
+
+:root.theme-dark .token.entity,
+:root.theme-dark .token.number,
+:root.theme-dark .token.symbol {
+	color: #6897bb;
+}
+
+:root.theme-dark .token.property,
+:root.theme-dark .token.constant,
+:root.theme-dark .token.variable {
+	color: #9876aa;
+}
+
+:root.theme-dark .token.string,
+:root.theme-dark .token.char {
+	color: #6a8759;
+}
+
+:root.theme-dark .token.attr-value,
+:root.theme-dark .token.attr-value .punctuation {
+	color: #a5c261;
+}
+
+:root.theme-dark .token.attr-value .punctuation:first-child {
+	color: #a9b7c6;
+}
+
+:root.theme-dark .token.url {
+	text-decoration: underline;
+
+	color: #287bde;
+	background: transparent;
+}
+
+:root.theme-dark .token.function {
+	color: #ffc66d;
+}
+
+:root.theme-dark .token.regex {
+	background: #364135;
+}
+
+:root.theme-dark .token.deleted {
+	background: #484a4a;
+}
+
+:root.theme-dark .token.inserted {
+	background: #294436;
+}
+
+:root.theme-dark .token.class-name {
+	color: #a9b7c6;
+}
+
+:root.theme-dark .token.function {
+	color: #ffc66d;
+}
+
+:root.theme-darkcode .language-css .token.property,
+:root.theme-darkcode .language-css,
+:root.theme-dark .token.property + .token.punctuation {
+	color: #a9b7c6;
+}
+
+code.language-css .token.id {
+	color: #ffc66d;
+}
+
+:root.theme-dark code.language-css .token.selector > .token.class,
+:root.theme-dark code.language-css .token.selector > .token.attribute,
+:root.theme-dark code.language-css .token.selector > .token.pseudo-class,
+:root.theme-dark code.language-css .token.selector > .token.pseudo-element {
+	color: #ffc66d;
+}
+
+:root.theme-dark .language-plaintext .token {
+	/* plaintext code should be colored as article text */
+	color: inherit !important;
+}
diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/style.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/style.css
new file mode 100644
index 00000000..62b0ddbd
--- /dev/null
+++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/style.css
@@ -0,0 +1,1513 @@
+/*
+ * Copyright 2014-2023 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license.
+ */
+
+@import url('./font-jb-sans-auto.css');
+@import url('https://fonts.googleapis.com/css?family=JetBrains+Mono');
+
+/* --- root styles --- */
+:root {
+    --default-gray: #f4f4f4;
+    --default-font-color: black;
+    --header-font-color: var(--default-font-color);
+
+    --breadcrumb-font-color: #637282;
+    --breadcrumb-margin: 24px;
+    --hover-link-color: #5B5DEF;
+
+    --footer-height: 64px;
+    --footer-padding-top: 48px;
+    --footer-background: var(--default-gray);
+    --footer-font-color: var(--average-color);
+    --footer-go-to-top-color: white;
+
+    --horizontal-spacing-for-content: 16px;
+    --bottom-spacing: 16px;
+    --color-scrollbar: rgba(39, 40, 44, 0.40);
+    --color-scrollbar-track: var(--default-gray);
+    --default-white: #fff;
+    --background-color: var(--default-white);
+    --dark-mode-and-search-icon-color: var(--default-white);
+    --color-dark: #27282c;
+    --default-font-family: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI,Roboto, Oxygen, Ubuntu,Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;
+    --default-monospace-font-family: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+    --default-font-size: 15px;
+    --average-color: var(--color-dark);
+    --brief-color: var(--average-color);
+    --copy-icon-color: rgba(39, 40, 44, .7);
+    --copy-icon-hover-color: var(--color-dark);
+    --code-background: rgba(39, 40, 44, .05);
+    --border-color: rgba(39, 40, 44, .2);
+    --navigation-highlight-color: rgba(39, 40, 44, 0.05);
+    --top-navigation-height: 73px;
+    --max-width: 1160px;
+    --white-10: hsla(0, 0%, 100%, .1);
+
+    --active-tab-border-color: #7F52FF;
+    --inactive-tab-border-color: rgba(164, 164, 170, 0.7);
+
+    --active-section-color: #7F52FF;
+    --inactive-section-color: rgba(25, 25, 28, .7);
+
+    --sidebar-width: 280px;
+    --sidemenu-section-active-color: #7F52FF;
+}
+
+html {
+    height: 100%;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    scrollbar-color: rgba(39, 40, 44, 0.40) #F4F4F4;
+    scrollbar-color: var(--color-scrollbar) var(--color-scrollbar-track);
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    color: var(--default-font-color);
+}
+
+html ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+html ::-webkit-scrollbar-track {
+    background-color: var(--color-scrollbar-track);
+}
+
+html ::-webkit-scrollbar-thumb {
+    width: 8px;
+    border-radius: 6px;
+    background: rgba(39, 40, 44, 0.40);
+    background: var(--color-scrollbar);
+}
+
+html, body {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    width: 100%;
+}
+/* /--- root styles --- */
+
+/* --- global tags styles --- */
+body, table {
+    background: var(--background-color);
+    font-family: var(--default-font-family);
+    font-style: normal;
+    font-weight: normal;
+    font-size: var(--default-font-size);
+    line-height: 1.6;
+    margin: 0;
+}
+
+h1 {
+    font-size: 40px;
+    line-height: 48px;
+    letter-spacing: -1px;
+}
+
+h2 {
+    font-size: 31px;
+    line-height: 40px;
+    letter-spacing: -0.5px;
+}
+
+h3 {
+    font-size: 20px;
+    line-height: 28px;
+    letter-spacing: -0.2px;
+}
+
+p, ul, ol, table, pre, dl {
+    margin: 0;
+}
+
+a {
+    text-decoration: none;
+}
+
+u {
+    text-decoration: none;
+    padding-bottom: 2px;
+    border-bottom: 1px solid var(--border-color);
+}
+
+blockquote {
+    border-left: 1ch solid var(--default-gray);
+    margin: 0;
+    padding-left: 1ch;
+    font-style: italic;
+    color: var(--average-color);
+}
+
+.theme-dark blockquote {
+    color: var(--default-font-color);
+    border-left-color: var(--code-background);
+}
+
+pre {
+    display: block;
+}
+
+dt {
+    color: #444;
+    font-weight: 530;
+}
+
+img {
+    max-width: 100%;
+}
+
+small {
+    font-size: 11px;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    padding: 5px;
+}
+
+th, td {
+    padding: 12px 10px 11px;
+    text-align: left;
+    vertical-align: top;
+}
+
+tbody > tr {
+    min-height: 56px;
+}
+
+td:first-child {
+    width: 20vw;
+}
+/* /---  global tags styles --- */
+
+/* ---  utils classes --- */
+.w-100 {
+    width: 100%;
+}
+
+.no-gutters {
+    margin: 0;
+    padding: 0;
+}
+
+.d-flex {
+    display: flex;
+}
+
+.floating-right {
+    float: right;
+}
+
+.pull-right {
+    float: right;
+    margin-left: auto
+}
+
+.clearfix::after {
+    display: block;
+    content: '';
+    clear: both;
+    height: 0;
+}
+/* /---  utils classes --- */
+
+/* ---dark theme --- */
+.theme-dark {
+    --background-color: #27282c;
+    --color-dark: #3d3d41;
+    --default-font-color: hsla(0, 0%, 100%, 0.8);
+    --border-color: hsla(0, 0%, 100%, 0.2);
+    --code-background: hsla(0, 0%, 100%, 0.05);
+    --breadcrumb-font-color: #8c8c8e;
+    --brief-color: hsla(0, 0%, 100%, 0.4);
+    --copy-icon-color: hsla(0, 0%, 100%, 0.6);
+    --copy-icon-hover-color: #fff;
+
+    --active-tab-border-color: var(--default-font-color);
+    --inactive-tab-border-color: hsla(0, 0%, 100%, 0.4);
+
+    --active-section-color: var(--default-font-color);
+    --inactive-section-color: hsla(0, 0%, 100%, 0.4);
+
+    --navigation-highlight-color: rgba(255, 255, 255, 0.05);
+    --footer-background: hsla(0, 0%, 100%, 0.05);
+    --footer-font-color: hsla(0, 0%, 100%, 0.6);
+    --footer-go-to-top-color: var(--footer-font-color);
+
+    --sidemenu-section-active-color: var(--color-dark);
+}
+/* /---dark theme --- */
+
+.root {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+/* --- Navigation styles --- */
+.navigation {
+    display: flex;
+    justify-content: space-between;
+
+    color: #fff;
+    background-color: var(--color-dark);
+    font-family: var(--default-font-family);
+    letter-spacing: -0.1px;
+
+    /* Reset margin and use padding for border */
+    margin-left: 0;
+    margin-right: 0;
+    padding: 10px var(--horizontal-spacing-for-content);
+
+    z-index: 4;
+}
+
+.navigation--inner {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    flex: 1 1 auto;
+}
+
+.navigation--inner, .navigation-title {
+    min-height: 40px;
+}
+
+.navigation-title, .filter-section {
+    align-items: center;
+}
+
+.navigation-title {
+    display: flex;
+    align-items: center;
+}
+
+/* --- Navigation MENU --- */
+.menu-toggle {
+    color: var(--background-color);
+    line-height: 0;
+    font-size: 0;
+    text-indent: -9999px;
+
+    background: transparent;
+    border: none;
+    padding: 0;
+    margin-right: 16px;
+    outline: none;
+
+    transition: margin .2s ease-out;
+    z-index: 5;
+}
+
+@media (min-width: 760px) {
+    .menu-toggle {
+        display: none;
+    }
+}
+
+.menu-toggle::before {
+    display: block;
+    content: '';
+    background: url('../images/burger.svg') no-repeat center;
+    height: 28px;
+    width: 28px;
+}
+/* /--- Navigation MENU --- */
+
+.library-version {
+    position: relative;
+    top: -4px;
+    margin-left: 3px;
+
+    color: rgba(255,255,255,.7);
+    font-size: 13px;
+    font-weight: normal;
+    line-height: 16px;
+}
+
+.filter-section {
+    z-index: 0;
+}
+
+.no-js .filter-section {
+    display: none;
+}
+
+@media (min-width: 760px) {
+    .filter-section {
+        padding: 5px 0 5px;
+    }
+}
+/* --- Navigation controls --- */
+.navigation-controls {
+    display: flex;
+    margin-left: 4px;
+}
+
+@media (min-width: 760px) {
+    .navigation-controls {
+        align-items: center;
+    }
+}
+
+.no-js .navigation-controls {
+    display: none;
+}
+
+/* --- Navigation THEME --- */
+.navigation-controls--search {
+    display: inline-flex;
+    font-size: 0;
+    line-height: 0;
+}
+
+.navigation-controls--theme {
+    display: block;
+    border-radius: 50%;
+    background-color: inherit;
+    padding: 0;
+    border: none;
+    cursor: pointer;
+    font-size: 0;
+    line-height: 0;
+}
+
+.navigation-controls--theme::before {
+    height: 40px;
+    width: 40px;
+}
+
+.navigation-controls--theme:hover {
+    background: var(--white-10);
+}
+
+.navigation-controls--theme::before {
+    display: block;
+    content: url("../images/theme-toggle.svg");
+}
+
+@media (max-width: 759px) {
+    .navigation-controls--theme {
+        display: none;
+    }
+}
+/* /--- Navigation THEME --- */
+
+/* --- Navigation HOMEPAGE --- */
+.navigation-controls--homepage {
+    height: 40px;
+    width: 40px;
+    display: block;
+    border-radius: 50%;
+    cursor: pointer;
+}
+
+.navigation-controls--homepage a::before {
+    height: 100%;
+    width: 20px;
+    margin-left: 10px;
+    display: block;
+    content: "";
+    background: url("../images/homepage.svg");
+    background-size: 100% 100%;
+}
+
+.navigation-controls--homepage:hover {
+    background: var(--white-10);
+}
+
+@media (max-width: 759px) {
+    .navigation-controls--homepage {
+        display: none;
+    }
+}
+/* /--- Navigation HOMEPAGE --- */
+
+.navigation .platform-selector:not([data-active]) {
+    color: #fff;
+}
+/* /--- Navigation controls --- */
+/* /--- Navigation styles --- */
+
+/* --- Layout styles --- */
+
+#container {
+    display: flex;
+    flex: 1 1 auto;
+    min-height: 0; /* full height exclude header */
+}
+
+#container > .sidebar, #container > #main {
+    overflow: auto;
+}
+
+#main {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 0; /* full width, but no affects for sidebar */
+}
+
+.sidebar {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    border-right: 1px solid var(--border-color);
+    width: var(--sidebar-width);
+}
+
+.no-js .sidebar {
+    display: none;
+}
+
+@media (max-width: 759px) {
+    #container {
+        position: relative;
+    }
+
+    .sidebar {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        box-sizing: border-box;
+        background: var(--background-color);
+        margin-left: calc(-1 * var(--sidebar-width));
+        transition: margin .2s ease-out;
+        z-index: 4;
+    }
+
+    .sidebar.open {
+        margin-left: 0;
+    }
+
+    .sidebar.open ~ #main .navigation-controls--search {
+        display: none;
+    }
+
+    .sidebar.open ~ #main .menu-toggle {
+        margin-left: var(--sidebar-width);
+    }
+}
+
+.sidebar--inner {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 16px;
+    padding-top: 22px;
+    padding-bottom: 16px;
+}
+/* /--- Layout styles --- */
+
+/* --- Main Content styles --- */
+.main-content {
+    padding-bottom: var(--bottom-spacing);
+    margin-left: auto;
+    margin-right: auto;
+    max-width: var(--max-width);
+    width: 100%;
+    z-index: 0;
+}
+
+.main-content > * {
+    margin-left: var(--horizontal-spacing-for-content);
+    margin-right: var(--horizontal-spacing-for-content);
+}
+
+.main-content .content > hr {
+    margin: 30px 0;
+    border-top: 3px double #8c8b8b;
+}
+
+.main-content :is(h1, h2) {
+    font-weight: 530;
+}
+/* /--- Main Content styles --- */
+
+/* /--- Breadcrumbs styles --- */
+.breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover {
+    margin-top: var(--breadcrumb-margin);
+    color: var(--breadcrumb-font-color);
+    overflow-wrap: break-word;
+}
+
+.breadcrumbs .delimiter {
+    margin: auto 2px;
+}
+
+.breadcrumbs .current {
+    color: var(--default-font-color);
+}
+/* /--- Breadcrumbs styles --- */
+
+.tabs-section,
+.platform-hinted > .platform-bookmarks-row {
+    margin-left: -8px;
+    margin-right: -8px;
+}
+
+.section-tab,
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark {
+    border: 0;
+    padding: 11px 3px;
+    margin: 0 8px;
+    cursor: pointer;
+    outline: none;
+    font-size: var(--default-font-size);
+    background-color: transparent;
+    color: var(--inactive-section-color);
+    border-bottom: 1px solid var(--inactive-tab-border-color);
+}
+
+.platform-hinted > .platform-bookmarks-row {
+    margin-bottom: 16px;
+}
+
+.no-js .platform-bookmarks-row + .sourceset-dependent-content {
+    margin-top: 8px;
+}
+
+.no-js .platform-bookmarks-row + .sourceset-dependent-content:last-of-type {
+    margin-top: 0;
+}
+
+.section-tab:hover {
+    color: var(--default-font-color);
+    border-bottom: 2px solid var(--default-font-color);
+}
+
+.section-tab[data-active=''] {
+    color: var(--active-section-color);
+    border-bottom: 2px solid var(--active-tab-border-color);
+}
+
+.tabs-section-body > div {
+    margin-top: 12px;
+}
+
+.tabs-section-body .with-platform-tabs {
+    padding-top: 12px;
+    padding-bottom: 12px;
+}
+
+.cover > .platform-hinted {
+    padding-bottom: 12px;
+}
+
+.cover {
+    display: flex;
+    flex-direction: column;
+}
+
+.cover .platform-hinted.with-platform-tabs .sourceset-dependent-content > .block ~ .symbol {
+    padding-top: 16px;
+    padding-left: 0;
+}
+
+.cover .sourceset-dependent-content > .block {
+    padding: 16px 0;
+    font-size: 18px;
+    line-height: 28px;
+}
+
+.cover .platform-hinted.with-platform-tabs .sourceset-dependent-content > .block {
+    padding: 0;
+    font-size: var(--default-font-size);
+}
+
+.cover ~ .divergent-group {
+    margin-top: 24px;
+    padding: 24px 8px 8px 8px;
+}
+
+.cover ~ .divergent-group .main-subrow .symbol {
+    width: 100%;
+}
+
+.main-content p.paragraph,
+.sample-container, blockquote,
+.content > .symbol {
+    margin-top: 8px;
+}
+
+blockquote,
+.content > .symbol:first-of-type,
+p.paragraph:first-child,
+.brief p.paragraph {
+    margin-top: 0;
+}
+
+.content .kdoc-tag > p.paragraph {
+    margin-top: 0;
+}
+
+.content h4 {
+    margin-bottom: 0;
+}
+
+.divergent-group {
+    background-color: var(--background-color);
+    padding: 16px 0 8px 0;
+    margin-bottom: 2px;
+}
+
+.divergent-group .table-row, tbody > tr {
+    border-bottom: 1px solid var(--border-color);
+}
+
+.divergent-group .table-row:last-of-type, tbody > tr:last-of-type {
+    border-bottom: none;
+}
+
+.title > .divergent-group:first-of-type {
+    padding-top: 0;
+}
+
+.sample-container, div.CodeMirror {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+code.paragraph {
+    display: block;
+}
+
+.overview > .navButton {
+    position: absolute;
+    align-items: center;
+    display: flex;
+    justify-content: flex-end;
+    padding: 2px 2px 2px 0;
+    margin-right: 5px;
+    cursor: pointer;
+}
+
+.strikethrough {
+    text-decoration: line-through;
+}
+
+.symbol:empty {
+    padding: 0;
+}
+
+.symbol:not(.token), code {
+    background-color: var(--code-background);
+    align-items: center;
+    box-sizing: border-box;
+    white-space: pre-wrap;
+    font-family: var(--default-monospace-font-family);
+    font-size: var(--default-font-size);
+}
+
+.symbol:not(.token), code.block {
+    display: block;
+    padding: 12px 32px 12px 12px;
+    border-radius: 8px;
+    line-height: 24px;
+    position: relative;
+}
+
+code {
+    overflow-x: auto;
+    max-width: 100%;
+}
+
+code:not(.block) {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.symbol > a {
+    color: var(--hover-link-color);
+}
+
+.copy-icon {
+    cursor: pointer;
+}
+
+.sample-container span.copy-icon {
+    display: none;
+}
+
+.js .sample-container:hover span.copy-icon {
+    display: inline-block;
+}
+
+.sample-container span.copy-icon::before {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+    content: '';
+    /* masks are required if you want to change color of the icon dynamically instead of using those provided with the SVG */
+    -webkit-mask: url("../images/copy-icon.svg") no-repeat 50% 50%;
+    mask: url("../images/copy-icon.svg") no-repeat 50% 50%;
+    -webkit-mask-size: cover;
+    mask-size: cover;
+    background-color: var(--copy-icon-color);
+}
+
+.sample-container span.copy-icon:hover::before {
+    background-color: var(--copy-icon-hover-color);
+}
+
+.copy-popup-wrapper {
+    display: none;
+    align-items: center;
+    position: absolute;
+    z-index: 1000;
+    background: var(--background-color);
+    font-weight: normal;
+    font-family: var(--default-font-family);
+    width: max-content;
+    font-size: var(--default-font-size);
+    cursor: default;
+    border: 1px solid #D8DCE1;
+    box-sizing: border-box;
+    box-shadow: 0 5px 10px var(--ring-popup-shadow-color);
+    border-radius: 3px;
+    color: var(--default-font-color);
+}
+
+.copy-popup-wrapper > .copy-popup-icon::before {
+    content: url("../images/copy-successful-icon.svg");
+    padding: 8px;
+}
+
+.copy-popup-wrapper > .copy-popup-icon {
+    position: relative;
+    top: 3px;
+}
+
+.copy-popup-wrapper.popup-to-left {
+    /* since it is in position absolute we can just move it to the left to make it always appear on the left side of the icon */
+    left: -15em;
+}
+
+.table-row:hover .copy-popup-wrapper.active-popup,
+.sample-container:hover .copy-popup-wrapper.active-popup {
+    display: flex !important;
+}
+
+.copy-popup-wrapper:hover {
+    font-weight: normal;
+}
+
+.copy-popup-wrapper > span:last-child {
+    padding-right: 14px;
+}
+
+.symbol .top-right-position, .sample-container .top-right-position {
+    /* it is important for a parent to have a position: relative */
+    position: absolute;
+    top: 8px;
+    right: 8px;
+}
+
+.sideMenuPart > .overview {
+    display: flex;
+    align-items: center;
+    position: relative;
+    user-select: none; /* there's a weird bug with text selection */
+    padding: 8px 0;
+}
+
+.sideMenuPart a {
+    display: block;
+    align-items: center;
+    color: var(--default-font-color);
+    overflow: hidden;
+    padding-left: 23px;
+}
+
+.sideMenuPart a:hover {
+    text-decoration: none;
+    color: var(--default-font-color);
+}
+
+.sideMenuPart > .overview:before {
+    box-sizing: border-box;
+    content: '';
+    top: 0;
+    width: var(--sidebar-width);
+    right: 0;
+    bottom: 0;
+    position: absolute;
+    z-index: -1;
+}
+
+.overview:hover:before {
+    background-color: var(--navigation-highlight-color);
+}
+
+#nav-submenu {
+    padding-left: 24px;
+}
+
+.sideMenuPart {
+    padding-left: 12px;
+    box-sizing: border-box;
+}
+
+.sideMenuPart.hidden > .overview .navButtonContent::before {
+    transform: rotate(0deg);
+}
+
+.sideMenuPart > .overview .navButtonContent::before {
+    content: '';
+
+    -webkit-mask: url("../images/arrow_down.svg") no-repeat 50% 50%;
+    mask: url("../images/arrow_down.svg") no-repeat 50% 50%;
+    -webkit-mask-size: cover;
+    mask-size: cover;
+    background-color: var(--default-font-color);
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    transform: rotate(90deg);
+    width: 16px;
+    height: 16px;
+}
+
+.sideMenuPart[data-active] > .overview .navButtonContent::before {
+    background-color: var(--default-white);
+}
+
+.sideMenuPart.hidden > .navButton .navButtonContent::after {
+    content: '\02192';
+}
+
+.sideMenuPart.hidden > .sideMenuPart {
+    display: none;
+}
+
+.overview .nav-link-grid {
+    display: grid;
+    grid-template-columns: 16px auto; /* first is the icon, then name */
+    grid-gap: 6px;
+    align-items: center;
+}
+
+.nav-icon {
+    width: 16px;
+    height: 16px;
+}
+
+.nav-icon.class::before {
+    content: url("../images/nav-icons/class.svg");
+}
+
+.nav-icon.class-kt::before {
+    content: url("../images/nav-icons/class-kotlin.svg");
+}
+
+.nav-icon.function::before {
+    content: url("../images/nav-icons/function.svg");
+}
+
+.nav-icon.enum-class::before {
+    content: url("../images/nav-icons/enum.svg");
+}
+
+.nav-icon.enum-class-kt::before {
+    content: url("../images/nav-icons/enum-kotlin.svg");
+}
+
+.nav-icon.annotation-class::before {
+    content: url("../images/nav-icons/annotation.svg");
+}
+
+.nav-icon.annotation-class-kt::before {
+    content: url("../images/nav-icons/annotation-kotlin.svg");
+}
+
+.nav-icon.abstract-class::before {
+    content: url("../images/nav-icons/abstract-class.svg");
+}
+
+.nav-icon.abstract-class-kt::before {
+    content: url("../images/nav-icons/abstract-class-kotlin.svg");
+}
+