@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";
.tippy-box[data-animation=fade][data-state=hidden] {
    opacity:0
}

[data-tippy-root] {
    max-width:calc(100vw - 10px)
}

.tippy-box {
    color: #fff;
    white-space: normal;
    background-color: #333;
    border-radius: 4px;
    outline: 0;
    font-size: 14px;
    line-height: 1.4;
    transition-property: transform, visibility, opacity;
    position:relative
}

.tippy-box[data-placement^=top] > .tippy-arrow {
    bottom:0
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: top;
    bottom: -7px;
    left:0
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
    top:0
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: bottom;
    top: -7px;
    left:0
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right:0
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    transform-origin: 0;
    right:-7px
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left:0
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: 100%;
    left:-7px
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function:cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color:#333
}

.tippy-arrow:before {
    content: "";
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    position:absolute
}

.tippy-content {
    z-index: 1;
    padding: 5px 9px;
    position:relative
}

.tippy-box[data-theme ~= light] {
    color: #26323d;
    background-color: #fff;
    border-radius: 6px;
    box-shadow:0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15)
}

.tippy-box[data-theme ~= light][data-placement^=top] > .tippy-arrow:before {
    border-top-color:#fff
}

.tippy-box[data-theme ~= light][data-placement^=bottom] > .tippy-arrow:before {
    border-bottom-color:#fff
}

.tippy-box[data-theme ~= light][data-placement^=left] > .tippy-arrow:before {
    border-left-color:#fff
}

.tippy-box[data-theme ~= light][data-placement^=right] > .tippy-arrow:before {
    border-right-color:#fff
}

.tippy-box[data-theme ~= light] > .tippy-backdrop {
    background-color:#fff
}

.tippy-box[data-theme ~= light] > .tippy-arrow {
    display:none
}

:root {
    --font-family-body: "JetBrains Mono", "Helvetica Neue", "PingFang SC", "Microsoft Yahei", monospace, Arial, sans-serif;
    --font-family-code: "JetBrains Mono", Consolas, Arial, "Microsoft Yahei", monospace, sans-serif;
    --color-bkg: #fff;
    --color-text-black: #353833;
    --color-text: var(--color-text-black);
    --color-section-bkg: #f8f8f8;
    --color-table-header-bkg: #dee3e9;
    --color-even-row-bkg: #fff;
    --color-odd-row-bkg: #eeeeef;
    --color-section-detail-bkg: #fff;
    --color-section-detail-border: #ededed;
    --color-tab: #03a9f4;
    --color-tab-active: gold;
    --color-topnav-bkg: #e9e9e9;
    --color-topnav-border: #ccc;
    --color-table-border: #eee;
    --color-detail-caption-border: #d0d9e0;
    --color-hr: #9e9e9e;
    --color-a-link: #4a6782;
    --color-title: #2c4557;
    --color-input: #25262b;
    --select-bkg: #8c9eff;
    --select-color: #fff;
    --search-bg: #fff;
    --search-watermark: #545454;
    --search-category-bkg: var(--color-table-header-bkg);
    --search-item-hover-bg: #e7ebf2;
    --search-item-hover-text: var(--color-text);
    --search-highlight-text:#0c7bf0
}

:root.dark {
    --color-bkg: #121212;
    --color-text: #eee;
    --color-section-bkg: #161616;
    --color-table-header-bkg: #1e2225;
    --color-even-row-bkg: #0d0d0d;
    --color-odd-row-bkg: #1b1b1b;
    --color-section-detail-bkg: #0d0d0d;
    --color-section-detail-border: #010101;
    --color-tab: #1976d2;
    --color-tab-active: #ffa000;
    --color-topnav-bkg: #1e1e1e;
    --color-topnav-border: #57585a;
    --color-table-border: #1a1a1a;
    --color-detail-caption-border: #1d2124;
    --color-hr: #21262d;
    --color-a-link: #7dafe8;
    --color-title: #58a6ff;
    --color-input: #e1e1e1;
    --search-bg: #181e25;
    --search-watermark: #e1e1e1;
    --search-category-bkg: var(--color-a-link);
    --search-item-hover-bg: #343a4c;
    --search-item-hover-text: var(--color-text);
    --search-highlight-text:#489ffa
}

:root.dark .swal2-popup {
    border: 1px solid #30363d;
    box-shadow:0 8px 24px #010409
}

::selection {
    background: var(--select-bkg);
    color:var(--select-color)
}

.ui-widget-content {
    background: var(--color-bkg) !important;
    color:var(--color-text) !important
}

hr {
    border: 0;
    border-top:2px solid var(--color-hr)
}

.summary-table > div a {
    font-weight:700
}

#search-input {
    width: 100%;
    box-sizing: border-box;
    height: 26px;
    color: var(--color-input);
    background-color: rgba(39, 39, 41, .04);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    outline: none;
    font-size:12px
}

body {
    background-color: var(--color-bkg);
    color: var(--color-text);
    font-family: var(--font-family-body);
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size:14px
}

iframe {
    height: 100%;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow-y:scroll
}

a:link, a:visited {
    color: var(--color-a-link);
    text-decoration:none
}

a[href]:hover, a[href]:focus {
    color: #f8981d;
    text-decoration:none
}

a[name] {
    color:#353833
}

pre {
    font-family: var(--font-family-code);
    font-size:14px
}

h1 {
    font-size:20px
}

h2 {
    font-size:18px
}

h3 {
    font-size:16px
}

h4 {
    font-size:15px
}

h5 {
    font-size:14px
}

h6 {
    font-size:13px
}

ul {
    list-style-type:disc
}

code, tt {
    font-family:var(--font-family-code)
}

:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) > code, :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) > tt {
    margin-top: 8px;
    padding-top: 4px;
    font-size: 14px;
    line-height:1.4em
}

dt code {
    font-family: var(--font-family-code);
    padding-top: 4px;
    font-size:14px
}

.summary-table dt code {
    font-family: var(--font-family-code);
    vertical-align: top;
    padding-top: 4px;
    font-size:14px
}

sup {
    font-size:8px
}

button {
    font-family: var(--font-family-body);
    font-size:14px
}

.clear {
    clear: both;
    height: 0;
    overflow:hidden
}

.about-language {
    float: right;
    height: 2.9em;
    margin-top: -9px;
    padding: 0 21px 8px 8px;
    font-size:11px
}

.legal-copy {
    margin-left:.5em
}

.tab {
    color: #fff;
    width: 5em;
    background-color: #06f;
    padding: 8px;
    font-weight:700
}

@media screen {
    .flex-box {
        height: 100%;
        width: 100%;
        flex-direction: column;
        display: flex;
        position:fixed
    }

    .flex-header {
        flex:none
    }

    .flex-content {
        flex: auto;
        overflow-y:auto
    }
}

.top-nav {
    background-color: var(--color-topnav-bkg);
    color: #6c6c6c;
    float: left;
    width: 100%;
    clear: right;
    min-height: 2.8em;
    border-bottom: 1px solid var(--color-topnav-border);
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    overflow:hidden
}

.sub-nav {
    background-color: var(--color-table-header-bkg);
    float: left;
    width: 100%;
    font-size: 12px;
    overflow:hidden
}

.sub-nav div {
    clear: left;
    float: left;
    text-transform: uppercase;
    padding:0 0 5px 6px
}

.sub-nav .nav-list {
    padding-top:5px
}

ul.nav-list {
    margin: 0 25px 0 0;
    padding: 0;
    display:block
}

ul.sub-nav-list {
    float: left;
    margin: 0 25px 0 0;
    padding:0
}

ul.nav-list li {
    float: left;
    text-transform: uppercase;
    padding: 5px 6px;
    font-size: 16px;
    list-style:none
}

.sub-nav .nav-list-search {
    float: right;
    clear: none;
    margin: 0;
    padding:5px 6px
}

ul.sub-nav-list li {
    float: left;
    padding-top: 10px;
    list-style:none
}

.top-nav a:link, .top-nav a:active, .top-nav a:visited {
    color: var(--color-a-link);
    text-transform: uppercase;
    text-decoration:none
}

.top-nav a:hover {
    color: #f8981d;
    text-transform: uppercase;
    text-decoration:none
}

.nav-bar-cell1-rev {
    color: #f80;
    margin:auto 5px
}

.skip-nav {
    position: absolute;
    top: auto;
    left: -9999px;
    overflow:hidden
}

@media print {
    ul.nav-list, div.sub-nav {
        display:none
    }
}

.title {
    color: var(--color-title);
    margin:10px 0
}

.sub-title {
    margin:5px 0 0
}

.header ul {
    margin: 0 0 15px;
    padding:0
}

.header ul li, .footer ul li {
    font-size: 13px;
    list-style:none
}

body.class-declaration-page .summary h2, body.class-declaration-page .details h2, body.class-use-page h2, body.module-declaration-page .block-list h2 {
    margin: 15px 0;
    padding: 0;
    font-style:italic
}

body.class-declaration-page .summary h3, body.class-declaration-page .details h3, body.class-declaration-page .summary .inherited-list h2 {
    background-color: var(--color-table-header-bkg);
    border: 1px solid var(--color-detail-caption-border);
    margin: 0 0 6px -8px;
    padding:7px 5px
}

main {
    clear: both;
    padding: 10px 20px;
    position:relative
}

dl.notes > dt {
    font-family: var(--font-family-code);
    color: #4e4e4e;
    margin: 10px 0 0;
    font-size: 13px;
    font-weight:700
}

dl.notes > dd {
    font-size: 14px;
    font-family: var(--font-family-code);
    margin:5px 10px 10px 0
}

dl.name-value > dt {
    margin-left: 1px;
    font-size: 1.1em;
    font-weight: 700;
    display:inline
}

dl.name-value > dd {
    margin: 0 0 0 1px;
    font-size: 1.1em;
    display:inline
}

li.circle {
    list-style:circle
}

ul.horizontal li {
    font-size: .9em;
    display:inline
}

div.inheritance {
    margin: 0;
    padding:0
}

div.inheritance div.inheritance {
    margin-left:2em
}

ul.block-list, ul.details-list, ul.member-list, ul.summary-list {
    margin: 10px 0;
    padding:0
}

ul.block-list > li, ul.details-list > li, ul.member-list > li, ul.summary-list > li {
    margin-bottom: 15px;
    line-height: 1.4;
    list-style:none
}

.summary-table dl, .summary-table dl dt, .summary-table dl dd {
    margin-top: 0;
    margin-bottom:1px
}

ul.see-list, ul.see-list-long {
    padding-left: 0;
    list-style:none
}

ul.see-list li {
    display:inline
}

ul.see-list li:not(:last-child):after, ul.see-list-long li:not(:last-child):after {
    content: ", ";
    white-space:pre-wrap
}

.summary-table, .details-table {
    width: 100%;
    border-spacing: 0;
    border-left: 1px solid var(--color-table-border);
    border-right: 1px solid var(--color-table-border);
    border-bottom: 1px solid var(--color-table-border);
    padding:0
}

.caption {
    text-align: left;
    color: #253441;
    clear: none;
    white-space: pre;
    background-repeat: no-repeat;
    margin: 0;
    padding: 10px 0 0 1px;
    font-weight: 700;
    position: relative;
    overflow:hidden
}

.caption a:link, .caption a:visited {
    color:#1f389c
}

.caption a:hover, .caption a:active {
    color:#fff
}

.caption span {
    white-space: nowrap;
    float: left;
    background-color: var(--color-tab-active);
    height: 16px;
    border: none;
    padding: 5px 12px 7px;
    display:inline-block
}

div.table-tabs {
    margin: 0;
    padding:10px 0 0 1px
}

div.table-tabs > button {
    cursor: pointer;
    border: none;
    border-radius: 0;
    margin-right: 3px;
    padding: 5px 12px 7px;
    font-weight:700
}

div.table-tabs > button.active-table-tab {
    background: var(--color-tab-active);
    color:#253441
}

div.table-tabs > button.table-tab {
    background: var(--color-tab);
    color:#fff
}

.two-column-summary {
    grid-template-columns: minmax(15%, max-content) minmax(15%, auto);
    display:grid
}

.three-column-summary {
    grid-template-columns: minmax(10%, max-content) minmax(15%, max-content) minmax(15%, auto);
    display:grid
}

.four-column-summary {
    grid-template-columns: minmax(10%, max-content) minmax(10%, max-content) minmax(10%, max-content) minmax(10%, auto);
    display:grid
}

@media screen and (max-width: 600px) {
    .two-column-summary {
        grid-template-columns: 1fr;
        display:grid
    }
}

@media screen and (max-width: 800px) {
    .three-column-summary {
        grid-template-columns: minmax(10%, max-content) minmax(25%, auto);
        display:grid
    }

    .three-column-summary .col-last {
        grid-column-end:span 2
    }
}

@media screen and (max-width: 1000px) {
    .four-column-summary {
        grid-template-columns: minmax(15%, max-content) minmax(15%, auto);
        display:grid
    }
}

.summary-table > div, .details-table > div {
    text-align: left;
    padding:8px 3px 3px 7px
}

.col-first, .col-second, .col-last, .col-constructor-name, .col-summary-item-name {
    vertical-align: top;
    padding-top: 8px;
    padding-bottom: 3px;
    padding-right:0
}

.table-header {
    background: var(--color-table-header-bkg);
    font-weight:700
}

.col-first, .col-first, .col-second, .col-second, .col-last, .col-constructor-name, .col-summary-item-name, .col-last {
    font-size:13px
}

.col-first, .col-second, .col-constructor-name {
    vertical-align: top;
    overflow:auto
}

.col-last {
    white-space:normal
}

.col-first a:link, .col-first a:visited, .col-second a:link, .col-second a:visited, .col-first a:link, .col-first a:visited, .col-second a:link, .col-second a:visited, .col-constructor-name a:link, .col-constructor-name a:visited, .col-summary-item-name a:link, .col-summary-item-name a:visited, .constant-values-container a:link, .constant-values-container a:visited, .all-classes-container a:link, .all-classes-container a:visited, .all-packages-container a:link, .all-packages-container a:visited {
    font-weight:700
}

.table-sub-heading-color {
    background-color:#eef
}

.even-row-color, .even-row-color .table-header {
    background-color:var(--color-even-row-bkg)
}

.odd-row-color, .odd-row-color .table-header {
    background-color:var(--color-odd-row-bkg)
}

.deprecated-content {
    margin: 0;
    padding:10px 0
}

div.block {
    font-size: 14px;
    font-family: var(--font-family-code);
    -webkit-hyphens: none;
    hyphens: none;
    word-break:break-word
}

.col-last div {
    padding-top:0
}

.col-last a {
    padding-bottom:3px
}

.module-signature, .package-signature, .type-signature, .member-signature {
    font-family: var(--font-family-code);
    white-space: pre-wrap;
    margin: 14px 0;
    font-size: 14px;
    font-weight:700
}

.module-signature, .package-signature, .type-signature {
    margin-top:0
}

.member-signature .type-parameters-long, .member-signature .parameters, .member-signature .exceptions {
    vertical-align: top;
    white-space: pre;
    display:inline-block
}

.member-signature .type-parameters {
    white-space:normal
}

.source-line-no {
    color: green;
    padding:0 30px 0 0
}

h1.hidden {
    visibility: hidden;
    font-size: 10px;
    overflow:hidden
}

.block {
    color: var(--color-text);
    margin: 0 10px 5px 0;
    display:block
}

.deprecated-label, .descfrm-type-label, .implementation-label, .member-name-label, .member-name-link, .module-label-in-package, .module-label-in-type, .override-specify-label, .package-label-in-type, .package-hierarchy-label, .type-name-label, .type-name-link, .search-tag-link, .preview-label {
    font-weight:700
}

.deprecation-comment, .help-footnote, .preview-comment {
    font-style:italic
}

.deprecation-block {
    color: var(--color-text-black);
    background-color: #fdeac7;
    border-left: 6px solid orange;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    font-size:14px
}

.preview-block {
    font-size: 14px;
    font-family: var(--font-family-code);
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    display:inline-block
}

div.block div.deprecation-comment {
    font-style:normal
}

main, nav, header, footer, section {
    display:block
}

.ui-autocomplete-category {
    background-color: var(--search-category-bkg);
    color: var(--color-text);
    padding: 7px 0 7px 3px;
    font-size: 15px;
    font-weight:700
}

.ui-widget.ui-widget-content {
    border:none !important
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color: var(--search-item-hover-text) !important;
    background: var(--search-item-hover-bg) !important;
    border:none !important
}

.ui-state-active {
    margin:0 !important
}

.result-item {
    font-size:13px
}

.ui-autocomplete {
    max-height: 85%;
    max-width: 65%;
    word-break: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    background-color:var(--search-bg) !important
}

ul.ui-autocomplete {
    z-index: 999999;
    position:fixed
}

ul.ui-autocomplete li {
    float: left;
    clear: both;
    width:100%
}

.result-highlight {
    color: var(--search-highlight-text);
    font-weight:700
}

#search-input {
    width: 400px;
    padding-left:20px
}

#reset-button {
    display:none
}

.watermark {
    color:var(--search-watermark)
}

.search-tag-desc-result {
    font-size: 11px;
    font-style:italic
}

.search-tag-holder-result {
    font-size: 12px;
    font-style:italic
}

.search-tag-result:target {
    background-color:#ff0
}

.module-graph span {
    display: none;
    position:absolute
}

.module-graph:hover span {
    z-index: 1;
    margin: -100px 0 0 100px;
    display:block
}

.inherited-list {
    margin:10px 0
}

section.class-description {
    line-height:1.4
}

.summary section[class$=-summary], .details section[class$=-details], .class-uses .detail, .serialized-class-details {
    border: 1px solid var(--color-section-detail-border);
    background-color: var(--color-section-bkg);
    padding:0 20px 5px 10px
}

.inherited-list, section[class$=-details] .detail {
    background-color: var(--color-section-detail-bkg);
    border: none;
    padding:0 0 5px 8px
}

.vertical-separator {
    padding:0 5px
}

ul.help-section-list {
    margin:0
}

ul.help-subtoc > li {
    padding-right: 5px;
    font-size: smaller;
    display:inline-block
}

ul.help-subtoc > li:before {
    content: "•";
    padding-right:2px
}

span.help-note {
    font-style: italic
}

main a[href * ="://"]:after {
    content: "";
    width: 7px;
    height: 7px;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22768%22 height=%22768%22%3E%3Cpath d=%22M584 664H104V184h216V80H0v688h688V448H584zM384 0l132 132-240 240 120 120 240-240 132 132V0z%22 fill=%22%234a6782%22/%3E%3C/svg%3E");
    background-size: 100% 100%;
    margin-bottom: 4px;
    margin-left: 2px;
    display: inline-block
}

main a[href *= "://"]:hover:after, main a[href *= "://"]:focus:after {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22768%22 height=%22768%22%3E%3Cpath d=%22M584 664H104V184h216V80H0v688h688V448H584zM384 0l132 132-240 240 120 120 240-240 132 132V0z%22 fill=%22%23f8981d%22/%3E%3C/svg%3E")
}

table.borderless, table.plain, table.striped {
    margin-top: 10px;
    margin-bottom:10px
}

table.borderless > caption, table.plain > caption, table.striped > caption {
    font-size: smaller;
    font-weight:700
}

table.borderless th, table.borderless td, table.plain th, table.plain td, table.striped th, table.striped td {
    padding:2px 5px
}

table.borderless, table.borderless > thead > tr > th, table.borderless > tbody > tr > th, table.borderless > tr > th, table.borderless > thead > tr > td, table.borderless > tbody > tr > td, table.borderless > tr > td {
    border:none
}

table.borderless > thead > tr, table.borderless > tbody > tr, table.borderless > tr {
    background-color:rgba(0, 0, 0, 0)
}

table.plain {
    border-collapse: collapse;
    border:1px solid #000
}

table.plain > thead > tr, table.plain > tbody tr, table.plain > tr {
    background-color:rgba(0, 0, 0, 0)
}

table.plain > thead > tr > th, table.plain > tbody > tr > th, table.plain > tr > th, table.plain > thead > tr > td, table.plain > tbody > tr > td, table.plain > tr > td {
    border:1px solid #000
}

table.striped {
    border-collapse: collapse;
    border:1px solid #000
}

table.striped > thead {
    background-color:#e3e3e3
}

table.striped > thead > tr > th, table.striped > thead > tr > td {
    border:1px solid #000
}

table.striped > tbody > tr:nth-child(2n) {
    background-color:#eee
}

table.striped > tbody > tr:nth-child(2n + 1) {
    background-color:#fff
}

table.striped > tbody > tr > th, table.striped > tbody > tr > td {
    border-left: 1px solid #000;
    border-right:1px solid #000
}

table.striped > tbody > tr > th {
    font-weight:400
}

@media screen and (max-width: 1050px) {
    #search-input {
        width:300px
    }
}

@media screen and (max-width: 800px) {
    #search-input {
        width:200px
    }

    .top-nav, .bottom-nav {
        padding-top: 6px;
        font-size:11px
    }

    .sub-nav {
        font-size:11px
    }

    .about-language {
        padding-right:16px
    }

    ul.nav-list li, .sub-nav .nav-list-search {
        padding:6px
    }

    ul.sub-nav-list li {
        padding-top:5px
    }

    main {
        padding:10px
    }

    .summary section[class$=-summary], .details section[class$=-details], .class-uses .detail, .serialized-class-details {
        padding:0 8px 5px
    }

    body {
        -webkit-text-size-adjust:none
    }
}

@media screen and (max-width: 500px) {
    #search-input {
        width:150px
    }

    .top-nav, .bottom-nav, .sub-nav {
        font-size:10px
    }

    .about-language {
        padding-right: 12px;
        font-size:10px
    }
}

:root {
    --modal-bg: #fff;
    --modal-color:#545454
}

:root.dark {
    --modal-bg: #19191a;
    --modal-color:#e1e1e1
}

body {
    -webkit-tap-highlight-color:transparent
}

main {
    max-width: 1200px;
    margin:auto
}

button {
    -webkit-appearance: button;
    text-transform: none;
    -webkit-user-select: none;
    user-select: none;
    outline:none
}

.compatibility-tip {
    float: right;
    color: #2bae85;
    cursor: default;
    text-decoration:underline
}

section.detail {
    z-index: 1;
    position: relative;
    overflow:hidden
}

@keyframes blur {
    0% {
        -webkit-backdrop-filter: blur();
        -webkit-backdrop-filter: blur();
        backdrop-filter:blur()
    }

    to {
        -webkit-backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        left:0
    }
}

@keyframes blur-fadeout {
    0% {
        -webkit-backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter:blur(10px)
    }

    to {
        -webkit-backdrop-filter: blur();
        -webkit-backdrop-filter: blur();
        backdrop-filter: blur();
        left:0
    }
}

.incompatible-overlay {
    height: 100%;
    width: 100%;
    z-index: 10;
    justify-content: center;
    align-items: center;
    animation: blur .4s linear forwards;
    display: flex;
    position: absolute;
    top: 0;
    left:0
}

.incompatible-overlay-without-member-name {
    margin-top: -6px;
    top:auto
}

.incompatible-overlay-fade-out {
    animation:blur-fadeout .4s linear forwards
}

main {
    position:relative
}

.sidebar-container-outer {
    width: 100%;
    position: absolute;
    left:calc(100% - 40px)
}

.sidebar-container {
    height: 100%;
    z-index: 99;
    pointer-events: none;
    flex-flow: wrap;
    display: flex;
    position: fixed;
    bottom:0
}

.sidebar-buttons {
    position: relative;
    transform:translate(-40px, calc(100% - 150px))
}

@media (max-width: 1220px) {
    .sidebar-buttons {
        transform:translate(-24px, calc(100% - 150px))
    }
}

.sidebar-button {
    pointer-events: auto;
    cursor: pointer;
    height: 45px;
    width: 45px;
    transform-origin: 50%;
    background: #fff;
    border: 1px solid #e3e5e7;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    font-size: 13px;
    transition: all .2s;
    display:flex
}

.sidebar-button:active {
    transform:scale(.95)
}

.sidebar-button-top {
    display:none
}

.ver {
    margin-left: 5px;
    margin-right:5px
}

.modal-container {
    z-index: 1000;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .4);
    justify-content: center;
    align-items: center;
    transition: background-color .1s;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right:0
}

.modal {
    width: 40em;
    max-width: 90%;
    max-height: 80%;
    background: var(--modal-bg);
    color: var(--modal-color);
    border: none;
    border-radius: 6px;
    flex-direction: column;
    padding: 0 0 1.25em;
    font-size: 1rem;
    animation: modal-show .3s;
    display:flex
}

@keyframes modal-show {
    0% {
        transform:scale(.7)
    }

    45% {
        transform:scale(1.05)
    }

    80% {
        transform:scale(.95)
    }

    to {
        transform:scale(1)
    }
}

@keyframes modal-hide {
    0% {
        opacity: 1;
        transform:scale(1)
    }

    to {
        opacity: 0;
        transform:scale(.5)
    }
}

:root.dark .modal {
    border: 1px solid #30363d;
    box-shadow:0 8px 24px #010409
}

.modal .modal-title {
    text-align: center;
    margin: 0;
    padding: .8em 1em 0;
    font-size: 1.5em;
    font-weight: 600;
    position:relative
}

.modal .modal-content {
    text-align: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    overflow:auto
}

.modal .modal-action {
    z-index: 1;
    box-sizing: border-box;
    width: auto;
    -webkit-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 1.25em auto 0;
    padding: 0;
    display:flex
}

.modal .modal-button {
    background: initial;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    color: #fff;
    background-color: #7367f0;
    border: 0;
    border-radius: .25em;
    margin: .3125em;
    padding: .625em 1.1em;
    font-size: 1em;
    font-weight: 500;
    transition: box-shadow .5s;
    display: inline-block;
    box-shadow:0 0 0 3px rgba(0, 0, 0, 0)
}

.modal .modal-button:focus {
    box-shadow:0 0 0 3px rgba(115, 103, 240, .5)
}

.modal .modal-button:hover {
    background-image:linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.modal .modal-button:active {
    background-image:linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

ul.check-items {
    -webkit-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
    list-style-type:none
}

ul.check-items li:before {
    content: "";
    width: 10px;
    padding-left:5px
}

ul.check-items li {
    min-height: 1.8em;
    border-radius: 5px;
    flex-direction: row;
    align-items: center;
    transition: background-color .25s, color .25s;
    display:flex
}

ul.check-items li:hover:not(.check-items-checked) {
    color: #646cff;
    background-color:#f1f1f1
}

ul.check-items li.check-items-checked {
    background-color: var(--color-tab);
    color: #fff;
    font-weight: 700
}