diff --git a/packages/web-new/src/styles/styles.css b/packages/web-new/src/styles/styles.css deleted file mode 100644 index b471ae3a..00000000 --- a/packages/web-new/src/styles/styles.css +++ /dev/null @@ -1,2476 +0,0 @@ -/* - * Copyright (c) 2023 Contributors to the Eclipse Foundation - * - * See the NOTICE file(s) distributed with this work for additional - * information regarding copyright ownership. - * - * This program and the accompanying materials are made available under the - * terms of the Eclipse Public License v. 2.0 which is available at - * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and - * Document License (2015-05-13) which is available at - * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document. - * - * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513 - */ -/*** Globals **/ -*, -*::before, -*::after { - box-sizing: border-box; - margin: 0; - padding: 0; -} - -:root { - /*Fonts styles*/ - --ff-primary: "Roboto", sans-serif; - --ff-secondary: "Open Sans", sans-serif; - /*Font weights*/ - --fw-light: 300; - --fw-regular: 400; - --fw-bold: 700; - --fw-black: 900; - /*Font sizes*/ - --fs-h1: 2.5rem; - --fs-h2: 2.5rem; - --fs-sub-header: 1.75rem; - --fs-p: 1.2rem; - --fs-footer: 0.8rem; - --fs-i: 1.4rem; - --fs-h1: clamp(2rem, 1.8rem + 0.625vw, 3rem); - --fs-h2: clamp(2rem, 1.8rem + 0.625vw, 3rem); - --fs-h3: clamp(1.5rem, 1.3rem + 0.625vw, 2.5rem); - --fs-sub-header: clamp(1.25rem, 1.05rem + 1vw, 2.25rem); - --fs-p: clamp(1rem, 0.92rem + 0.3999999999999999vw, 1.4rem); - --fs-footer: clamp(0.8rem, 0.76rem + 0.19999999999999996vw, 1rem); - --fs-i: clamp(1.2rem, 1.04rem + 0.8vw, 2rem); - /*line heights*/ - --lh-h1: 4rem; - --lh-h2: 4rem; - --lh-h3: 3.5rem; - --lh-sub-header: 3rem; - --lh-p: 1.8rem; - --lh-footer: 1.25rem; - --lh-i: 2rem; - /*colors*/ - --clr-neutral-50: #FFFFFE; - --clr-neutral-100: #E4E6E6; - --clr-neutral-200: #CACCCC; - --clr-neutral-300: #B1B3B3; - --clr-neutral-900: #141414; - --clr-primary-100: #95E5D9; - --clr-primary-300: #5ED1C0; - --clr-primary-500: #33B8A4; - --clr-primary-700: #179985; - --clr-primary-900: #067362; - --clr-shades-trans: rgba(255, 255, 255, 0.6); - --clr-shadow: rgba(0, 0, 0, 0.4); - --clr-success-100: #80F2AA; - --clr-success-300: #63E592; - --clr-success-500: #4ADE80; - --clr-success-700: #2DC464; - --clr-success-900: #16AB4C; - --clr-warning-100: #FFDE59; - --clr-warning-300: #FCD63F; - --clr-warning-500: #FACC15; - --clr-warning-700: #EDBF09; - --clr-warning-900: #E0B300; - --clr-error-100: #FAA5A5; - --clr-error-300: #FA8C8C; - --clr-error-500: #F87171; - --clr-error-700: #EB5454; - --clr-error-900: #DE3A3A; - --clr-td-300: #d6935d; - --clr-td-500: #E07A26; - --clr-controls: var(--clr-neutral-50); - --clr-controls-bg: var(--clr-primary-500); - --clr-controls-txt: var(--clr-neutral-900); - /* transitions */ - --trans-bouncy: cubic-bezier(0.68, -0.75, 0.27, 1.75); -} - -.dark-mode { - --clr-neutral-50: #1E1E1E; - --clr-neutral-100: #4C4D4C; - --clr-neutral-200: #656666; - --clr-neutral-300: #7E807F; - --clr-neutral-900: #FFFFFE; - --clr-shades-trans: rgba(30, 30, 30, 0.7); - --clr-shadow: rgba(255, 255, 255, 0.4); -} - -.monochrome-mode { - --clr-neutral-50: #549087; - --clr-neutral-100: #4C4D4C; - --clr-neutral-200: #656666; - --clr-neutral-300: #7E807F; - --clr-neutral-900: #FFFFFE; - --clr-primary-500: #FFFFFE; - --clr-primary-700: #E4E6E6; - --clr-controls: #FFFFFE; - --clr-controls-bg: var(--clr-neutral-50); - --clr-controls-txt: #141414; - --clr-shades-trans: rgba(84, 144, 135, 0.7); - --clr-shadow: rgba(255, 255, 255, 0.4); -} - -html { - font-size: 62.5%; - scroll-behavior: smooth; -} - -body { - background-color: var(--clr-neutral-100); - font-family: var(--ff-primary); - color: var(--clr-neutral-900); - position: relative; -} - -h1 { - font-size: var(--fs-h1); - line-height: var(--lh-h1); - font-weight: var(--fw-bold); -} - -h2 { - font-size: var(--fs-h2); - line-height: var(--lh-h2); - font-weight: var(--fw-bold); -} - -h3 { - font-size: var(--fs-h3); - line-height: var(--lh-h3); - font-weight: var(--fw-bold); -} - -p, -li { - font-size: var(--fs-p); - line-height: var(--lh-sub-header); - font-weight: var(--fw-regular); -} - -a { - text-decoration: none; - font-size: inherit; - color: inherit; - font-weight: var(--fw-regular); -} - -i { - font-size: var(--fs-i); -} - -ul { - list-style: none; -} - -img { - width: 100%; - height: 100%; -} - -.container { - padding: 0 2rem; - margin: 0 auto; -} - -::-webkit-scrollbar { - width: 6px; - height: 6px; -} - -/* Track */ -::-webkit-scrollbar-track { - background-color: var(--clr-neutral-50); -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: var(--clr-primary-500); - border-radius: 50vh; - border: 1px solid var(--clr-neutral-50); -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - border: none; -} - -@supports (scrollbar-color: var(--clr-primary-500) var(--clr-neutral-50)) { - * { - scrollbar-color: var(--clr-primary-500) var(--clr-neutral-50); - } -} -/***** Header *****/ -header { - background-color: var(--clr-primary-500); - color: var(--clr-neutral-50); -} -header .navbar { - min-height: 7vh; - min-height: 7svh; - max-height: 7vh; - max-height: 7svh; - padding: 1rem 0; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; -} -header .navbar__logo { - width: 12rem; -} -header .navbar__logo .logo path { - fill: var(--clr-neutral-50); -} -header .navbar__title span { - font-size: var(--fs-p); -} -header .navbar__links { - display: flex; - align-items: center; - justify-content: center; - gap: 3rem; -} -header .navbar__links a { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: var(--fs-p); - transition: color 250ms ease; -} -header .navbar__links a:hover { - color: var(--clr-neutral-200); -} -header .navbar__links i { - font-size: var(--fs-i); - margin-bottom: 0.5rem; -} - -/***** Main *****/ -main { - height: 93vh; - height: 93svh; - padding: 2rem 0; - width: 100%; - position: relative; - overflow: hidden; -} -main .container { - height: 100%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} -main .control-panel, -main .console { - background-color: var(--clr-neutral-50); - border-radius: 10px; -} -main .horizontal-divider, -main .vertical-divider { - background-color: var(--clr-neutral-100); -} -main .horizontal-divider, -main .main-content, -main .console { - width: 100%; -} -main .main-content { - display: flex; - align-items: center; - justify-content: center; - min-height: 14.5rem; - height: calc(60% - 1rem); -} -main .main-content .ide, -main .main-content .control-panel, -main .main-content .vertical-divider { - height: 100%; -} -main .main-content .ide { - width: 100%; - overflow: hidden; - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; -} -main .main-content .ide__container { - height: calc(100% - 3.5rem); - padding-top: 1rem; - background-color: var(--clr-neutral-50); -} -main .main-content .ide__tabs { - height: 3.5rem; -} -main .main-content .vertical-divider { - width: 2rem; - cursor: col-resize; -} -main .horizontal-divider { - height: 2rem; - cursor: row-resize; -} -main .console { - height: calc(40% - 1rem); -} - -/**Loader**/ -.loader-container { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: var(--clr-neutral-50); - display: grid; - place-items: center; - opacity: 1; - transition: opacity 500ms ease-in-out; - z-index: 100; -} -.loader-container .loader { - width: 20rem; - animation: fade 1.5s infinite ease-in-out, pulsate 1.5s infinite ease-in-out; -} -.loader-container .loader svg { - width: 100%; -} -.loader-container.hidden { - opacity: 0; - pointer-events: none; -} - -@keyframes fade { - 0% { - opacity: 1; - } - 50% { - opacity: 0.1; - } - 100% { - opacity: 1; - } -} -@keyframes pulsate { - 0% { - transform: scale(1.1); - } - 50% { - transform: scale(1); - } - 100% { - transform: scale(1.1); - } -} -/*** Main Content ***/ -/* - * Copyright (c) 2023 Contributors to the Eclipse Foundation - * - * See the NOTICE file(s) distributed with this work for additional - * information regarding copyright ownership. - * - * This program and the accompanying materials are made available under the - * terms of the Eclipse Public License v. 2.0 which is available at - * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and - * Document License (2015-05-13) which is available at - * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document. - * - * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513 - */ -/*** Editor ***/ -.ide__tabs { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; -} -.ide__tabs ul { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-end; - height: 100%; -} -.ide__tabs ul li { - height: 100%; - padding: 1rem; - text-align: left; - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - gap: 1rem; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - background-color: var(--clr-shades-trans); - color: var(--clr-neutral-300); - margin-right: 2px; - transition: all 250ms ease; - overflow: hidden; - white-space: nowrap; - cursor: pointer; -} -.ide__tabs ul li span { - font-size: 1rem; - font-weight: bold; - margin-right: 1rem; -} -.ide__tabs ul li p { - font-weight: var(--fw-bold); -} -.ide__tabs ul li i { - font-size: var(--fs-p); -} -.ide__tabs ul li.active { - background-color: var(--clr-neutral-50); - color: var(--clr-neutral-900); -} -.ide__tabs ul li:hover .close-tab { - opacity: 1; -} -.ide__tabs ul li:last-child { - margin-right: 0; -} -.ide__tabs__left { - max-width: 80%; - overflow-y: hidden; - overflow-x: auto; -} -.ide__tabs__left li:not(:last-child) { - position: relative; - padding-right: 3rem; - min-width: 17rem; -} -.ide__tabs__left li:not(:last-child) .tab-icon { - font-size: 1rem; - width: -moz-fit-content; - width: fit-content; - color: var(--clr-td-300); -} -.ide__tabs__left li:not(:last-child).active .tab-icon { - color: var(--clr-td-500); -} -.ide__tabs__left li:not(:last-child) .close-tab { - position: absolute; - content: ""; - top: 50%; - right: 0; - width: 2rem; - height: 2rem; - transform: translate(-0.5rem, -50%); - background-color: var(--clr-neutral-100); - opacity: 0; - border-radius: 5px; - display: flex; - align-items: center; - justify-content: center; - transition: all 250ms ease-in-out; -} -.ide__tabs__left li:not(:last-child) .close-tab:hover { - background-color: var(--clr-neutral-200); -} -.ide__tabs__left li:not(:last-child) .close-tab i { - pointer-events: none; - font-size: 1.4rem; - height: 1.3rem; -} -.ide__tabs__left li:not(:last-child) .confirm-btns { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: var(--clr-neutral-50); - display: flex; - align-items: center; - justify-content: center; - gap: 1rem; - opacity: 1; - pointer-events: all; - transition: opacity 250ms ease-in-out; -} -.ide__tabs__left li:not(:last-child) .confirm-btns button { - display: flex; - align-items: center; - justify-content: center; - gap: 0.5rem; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: none; - cursor: pointer; - border-radius: 5px; - font-family: var(--ff-primary); - font-size: var(--fs-p); - font-weight: var(--fw-bold); - color: var(--clr-neutral-50); - padding: 0.25rem 1rem; - transition: background-color 250ms ease-in-out; -} -.ide__tabs__left li:not(:last-child) .confirm-btns button i { - order: -1; -} -.ide__tabs__left li:not(:last-child) .confirm-btns button.confirm-tab-close { - background-color: var(--clr-success-500); -} -.ide__tabs__left li:not(:last-child) .confirm-btns button.confirm-tab-close:hover { - background-color: var(--clr-success-700); -} -.ide__tabs__left li:not(:last-child) .confirm-btns button.cancel-tab-close { - background-color: var(--clr-error-700); -} -.ide__tabs__left li:not(:last-child) .confirm-btns button.cancel-tab-close:hover { - background-color: var(--clr-error-900); -} -.ide__tabs__left li:not(:last-child) .confirm-btns.hidden { - opacity: 0; - pointer-events: none; -} -.ide__tabs__left li:last-child { - min-width: 3.5rem; - transition: all 250ms ease-in-out; -} -.ide__tabs__left li:last-child:hover { - background-color: var(--clr-neutral-50); - color: var(--clr-neutral-900); -} -.ide__tabs__right { - height: 100%; -} -.ide__tabs__right input[type=radio] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - width: 6rem; - height: 100%; - background-color: var(--clr-shades-trans); - border-top-right-radius: 5px; - border-top-left-radius: 5px; - color: var(--clr-neutral-300); - font-family: var(--ff-primary); - font-size: var(--fs-p); - font-weight: var(--fw-bold); - cursor: pointer; - overflow: hidden; - transition: all 250ms ease-in-out; -} -.ide__tabs__right input[type=radio]::before { - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; -} -.ide__tabs__right input[type=radio]:nth-child(1)::before { - content: "JSON"; -} -.ide__tabs__right input[type=radio]:nth-child(2)::before { - content: "YAML"; -} -.ide__tabs__right input[type=radio]:checked { - background-color: var(--clr-neutral-50); - color: var(--clr-neutral-900); -} -.ide__container .editor { - pointer-events: none; - width: 0; - height: 0; - opacity: 0; -} -.ide__container .editor.active { - pointer-events: all; - min-height: 100%; - width: 100%; - opacity: 1; - transition: opacity 300ms ease-in-out; -} - -/* - * Copyright (c) 2023 Contributors to the Eclipse Foundation - * - * See the NOTICE file(s) distributed with this work for additional - * information regarding copyright ownership. - * - * This program and the accompanying materials are made available under the - * terms of the Eclipse Public License v. 2.0 which is available at - * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and - * Document License (2015-05-13) which is available at - * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document. - * - * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513 - */ -/** Control panel **/ -.control-panel { - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-between; - overflow: hidden; - width: 8rem; -} -.control-panel__btn { - height: 100%; - width: 100%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - color: var(--clr-primary-500); - background-color: inherit; - border: none; - border-bottom: 2px solid var(--clr-primary-500); - font-family: var(--ff-primary); - cursor: pointer; - transition: all 250ms ease; -} -.control-panel__btn:last-child { - border-color: var(--clr-neutral-50); -} -.control-panel__btn:last-child:hover { - border-color: var(--clr-primary-500); -} -.control-panel__btn:hover { - color: var(--clr-neutral-50); - background-color: var(--clr-primary-500); -} -.control-panel__btn i { - font-size: var(--fs-i); -} -.control-panel__btn p { - font-weight: var(--fw-bold); -} -.control-panel__btn .text-icon { - width: -moz-fit-content; - width: fit-content; - opacity: 1; - transform: scaleX(1); - transition: opacity 250ms var(--trans-bouncy), transform 250ms var(--trans-bouncy); -} -.control-panel__btn .text-icon.hiddenV { - opacity: 0; - margin: 0; - transform: scaleX(0); - height: 0; - flex: 0; -} -.control-panel__btn .text-icon.hiddenH { - opacity: 0; - margin: 0; - transform: scaleX(0); - height: 0; - flex: 0; -} - -/* - * Copyright (c) 2023 Contributors to the Eclipse Foundation - * - * See the NOTICE file(s) distributed with this work for additional - * information regarding copyright ownership. - * - * This program and the accompanying materials are made available under the - * terms of the Eclipse Public License v. 2.0 which is available at - * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and - * Document License (2015-05-13) which is available at - * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document. - * - * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513 - */ -/*** Console ***/ -.console { - overflow: hidden; - display: flex; - flex-direction: column; -} -.console__tabs { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - border-bottom: 2px solid var(--clr-primary-500); - height: -moz-fit-content; - height: fit-content; - background-color: var(--clr-neutral-50); - padding-right: 1rem; -} -.console__tabs .console-controllers { - display: flex; - align-items: center; - justify-content: center; -} -.console__tabs .console-controllers .min-max { - padding: 1rem 0.5rem; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: none; - background-color: transparent; - color: var(--clr-primary-500); - transition: color 250ms ease; -} -.console__tabs .console-controllers .min-max:hover { - color: var(--clr-primary-700); - cursor: pointer; -} -.console__tabs .visualizations { - height: 100%; - display: flex; - align-items: center; -} -.console__tabs .visualizations input[type=radio] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - width: -moz-fit-content; - width: fit-content; - height: 100%; - padding: 0.75rem 1.5rem; - color: var(--clr-primary-500); - font-family: var(--ff-primary); - font-size: var(--fs-p); - font-weight: var(--fw-bold); - cursor: pointer; - overflow: hidden; - transition: all 250ms ease-in-out; -} -.console__tabs .visualizations input[type=radio]::before { - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; -} -.console__tabs .visualizations input[type=radio]:nth-child(1)::before { - content: "Validation"; -} -.console__tabs .visualizations input[type=radio]:nth-child(2)::before { - content: "OpenAPI"; -} -.console__tabs .visualizations input[type=radio]:nth-child(3)::before { - content: "AsyncAPI"; -} -.console__tabs .visualizations input[type=radio]:nth-child(4)::before { - content: "AAS AID"; -} -.console__tabs .visualizations input[type=radio]:nth-child(5)::before { - content: "Defaults"; -} -.console__tabs .visualizations input[type=radio]:nth-child(6)::before { - content: "Visualize"; -} -.console__tabs .visualizations input[type=radio]:hover { - background-color: var(--clr-primary-500); - color: var(--clr-neutral-50); -} -.console__tabs .visualizations input[type=radio]:checked { - color: var(--clr-neutral-50); - background-color: var(--clr-primary-500); -} -.console__content { - width: 100%; - height: 100%; - position: relative; - overflow: hidden; -} -.console__content .console-error { - position: absolute; - top: 0; - left: 0; - display: grid; - place-items: center; - width: 100%; - height: 100%; - background-color: var(--clr-neutral-50); - opacity: 1; - pointer-events: all; -} -.console__content .console-error p { - font-weight: var(--fw-bold); - color: var(--clr-error-900); - text-align: center; - font-size: var(--fs-sub-header); - transform: scale(1); - transition: transform 250ms var(--trans-bouncy); -} -.console__content .console-error.hidden { - opacity: 0; - pointer-events: none; - transition: opacity 150ms ease-in-out; -} -.console__content .console-error.hidden p { - transform: scale(0); -} -.console__content .console-view { - width: 100%; - height: 100%; - max-width: 100%; - max-height: 100%; - opacity: 1; - pointer-events: all; - position: absolute; - top: 0; - right: 0; - overflow: hidden; - padding: 2rem; - transition: opacity 250ms ease-in-out; -} -.console__content .console-view.hidden { - width: 0; - height: 0; - opacity: 0; - pointer-events: none; - transition: opacity 0s ease-in-out; -} -.console__content .validation-view .validation-container { - width: 100%; - height: 100%; - overflow-y: auto; - overflow-x: hidden; -} -.console__content .validation-view .validation-container details { - margin-bottom: 1rem; -} -.console__content .validation-view .validation-container details summary { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.console__content .validation-view .validation-container details summary .show-icon { - transform: rotate(0); - transition: transform 250ms ease-in-out; -} -.console__content .validation-view .validation-container details .section-header { - display: flex; - align-items: center; - justify-content: flex-start; - gap: 1rem; - cursor: pointer; -} -.console__content .validation-view .validation-container details .section-header .fa-circle-check { - color: var(--clr-success-500); -} -.console__content .validation-view .validation-container details .section-header .fa-circle-exclamation { - color: var(--clr-warning-500); -} -.console__content .validation-view .validation-container details .section-header .fa-circle-xmark { - color: var(--clr-error-500); -} -.console__content .validation-view .validation-container details .section-header .fa-circle { - color: var(--clr-neutral-300); -} -.console__content .validation-view .validation-container details .section-header .show-icon { - cursor: pointer; -} -.console__content .validation-view .validation-container details .section-header .title { - font-weight: var(--fw-bold); -} -.console__content .validation-view .validation-container details .section-content, -.console__content .validation-view .validation-container details .section-additional { - padding: 1rem 2rem; -} -.console__content .validation-view .validation-container details .section-content { - list-style-position: inside; - list-style-type: disc; -} -.console__content .validation-view .validation-container details .section-content .notice-prompt { - color: var(--clr-neutral-300); - font-size: var(--fs-footer); -} -.console__content .validation-view .validation-container details .section-additional details { - margin-bottom: 1rem; -} -.console__content .validation-view .validation-container details .section-additional details summary .show-icon { - transform: rotate(0); - transition: transform 250ms ease-in-out; -} -.console__content .validation-view .validation-container details .section-additional details[open] { - margin-bottom: 0; -} -.console__content .validation-view .validation-container details .section-additional details[open] summary .show-icon { - transform: rotate(-90deg); -} -.console__content .validation-view .validation-container details[open] { - margin-bottom: 0; -} -.console__content .validation-view .validation-container details[open] summary .show-icon { - transform: rotate(-90deg); -} -.console__content .validation-view .validation-container details.disabled { - pointer-events: none; -} -.console__content .open-api-view, -.console__content .async-api-view, -.console__content .aas-view, -.console__content .defaults-view, -.console__content .visualize-view { - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: flex-start; - gap: 1rem; - padding: 2rem 1rem 2rem 0; -} -.console__content .open-api-view .open-api-container, -.console__content .open-api-view .async-api-container, -.console__content .open-api-view .aas-container, -.console__content .open-api-view .defaults-container, -.console__content .open-api-view .visualize-container, -.console__content .async-api-view .open-api-container, -.console__content .async-api-view .async-api-container, -.console__content .async-api-view .aas-container, -.console__content .async-api-view .defaults-container, -.console__content .async-api-view .visualize-container, -.console__content .aas-view .open-api-container, -.console__content .aas-view .async-api-container, -.console__content .aas-view .aas-container, -.console__content .aas-view .defaults-container, -.console__content .aas-view .visualize-container, -.console__content .defaults-view .open-api-container, -.console__content .defaults-view .async-api-container, -.console__content .defaults-view .aas-container, -.console__content .defaults-view .defaults-container, -.console__content .defaults-view .visualize-container, -.console__content .visualize-view .open-api-container, -.console__content .visualize-view .async-api-container, -.console__content .visualize-view .aas-container, -.console__content .visualize-view .defaults-container, -.console__content .visualize-view .visualize-container { - height: 100%; - width: calc(100% - 30rem); -} -.console__content .open-api-view .open-api-inputs, -.console__content .open-api-view .async-api-inputs, -.console__content .open-api-view .aas-inputs, -.console__content .open-api-view .defaults-inputs, -.console__content .open-api-view .visualize-inputs, -.console__content .async-api-view .open-api-inputs, -.console__content .async-api-view .async-api-inputs, -.console__content .async-api-view .aas-inputs, -.console__content .async-api-view .defaults-inputs, -.console__content .async-api-view .visualize-inputs, -.console__content .aas-view .open-api-inputs, -.console__content .aas-view .async-api-inputs, -.console__content .aas-view .aas-inputs, -.console__content .aas-view .defaults-inputs, -.console__content .aas-view .visualize-inputs, -.console__content .defaults-view .open-api-inputs, -.console__content .defaults-view .async-api-inputs, -.console__content .defaults-view .aas-inputs, -.console__content .defaults-view .defaults-inputs, -.console__content .defaults-view .visualize-inputs, -.console__content .visualize-view .open-api-inputs, -.console__content .visualize-view .async-api-inputs, -.console__content .visualize-view .aas-inputs, -.console__content .visualize-view .defaults-inputs, -.console__content .visualize-view .visualize-inputs { - width: 30rem; - height: 100%; - padding: 0 1rem; - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; - overflow-y: auto; - overflow-x: hidden; - gap: 1rem; -} -.console__content .open-api-view .open-api-inputs .warning-txt, -.console__content .open-api-view .async-api-inputs .warning-txt, -.console__content .open-api-view .aas-inputs .warning-txt, -.console__content .open-api-view .defaults-inputs .warning-txt, -.console__content .open-api-view .visualize-inputs .warning-txt, -.console__content .async-api-view .open-api-inputs .warning-txt, -.console__content .async-api-view .async-api-inputs .warning-txt, -.console__content .async-api-view .aas-inputs .warning-txt, -.console__content .async-api-view .defaults-inputs .warning-txt, -.console__content .async-api-view .visualize-inputs .warning-txt, -.console__content .aas-view .open-api-inputs .warning-txt, -.console__content .aas-view .async-api-inputs .warning-txt, -.console__content .aas-view .aas-inputs .warning-txt, -.console__content .aas-view .defaults-inputs .warning-txt, -.console__content .aas-view .visualize-inputs .warning-txt, -.console__content .defaults-view .open-api-inputs .warning-txt, -.console__content .defaults-view .async-api-inputs .warning-txt, -.console__content .defaults-view .aas-inputs .warning-txt, -.console__content .defaults-view .defaults-inputs .warning-txt, -.console__content .defaults-view .visualize-inputs .warning-txt, -.console__content .visualize-view .open-api-inputs .warning-txt, -.console__content .visualize-view .async-api-inputs .warning-txt, -.console__content .visualize-view .aas-inputs .warning-txt, -.console__content .visualize-view .defaults-inputs .warning-txt, -.console__content .visualize-view .visualize-inputs .warning-txt { - font-size: var(--fs-p); - font-family: var(--ff-primary); - color: var(--clr-neutral-300); - line-height: var(--lh-p); -} -.console__content .open-api-view .open-api-inputs button, -.console__content .open-api-view .async-api-inputs button, -.console__content .open-api-view .aas-inputs button, -.console__content .open-api-view .defaults-inputs button, -.console__content .open-api-view .visualize-inputs button, -.console__content .async-api-view .open-api-inputs button, -.console__content .async-api-view .async-api-inputs button, -.console__content .async-api-view .aas-inputs button, -.console__content .async-api-view .defaults-inputs button, -.console__content .async-api-view .visualize-inputs button, -.console__content .aas-view .open-api-inputs button, -.console__content .aas-view .async-api-inputs button, -.console__content .aas-view .aas-inputs button, -.console__content .aas-view .defaults-inputs button, -.console__content .aas-view .visualize-inputs button, -.console__content .defaults-view .open-api-inputs button, -.console__content .defaults-view .async-api-inputs button, -.console__content .defaults-view .aas-inputs button, -.console__content .defaults-view .defaults-inputs button, -.console__content .defaults-view .visualize-inputs button, -.console__content .visualize-view .open-api-inputs button, -.console__content .visualize-view .async-api-inputs button, -.console__content .visualize-view .aas-inputs button, -.console__content .visualize-view .defaults-inputs button, -.console__content .visualize-view .visualize-inputs button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: none; - width: 100%; - height: 3.25rem; - border-radius: 5px; - padding: 0.75rem 1.5rem; - background-color: var(--clr-primary-500); - color: var(--clr-neutral-50); - font-family: var(--ff-primary); - font-size: var(--fs-p); - font-weight: var(--fw-bold); - cursor: pointer; - transition: background-color 250ms ease-in-out; - display: flex; - justify-content: center; - align-items: center; - gap: 1rem; -} -.console__content .open-api-view .open-api-inputs button:hover, -.console__content .open-api-view .async-api-inputs button:hover, -.console__content .open-api-view .aas-inputs button:hover, -.console__content .open-api-view .defaults-inputs button:hover, -.console__content .open-api-view .visualize-inputs button:hover, -.console__content .async-api-view .open-api-inputs button:hover, -.console__content .async-api-view .async-api-inputs button:hover, -.console__content .async-api-view .aas-inputs button:hover, -.console__content .async-api-view .defaults-inputs button:hover, -.console__content .async-api-view .visualize-inputs button:hover, -.console__content .aas-view .open-api-inputs button:hover, -.console__content .aas-view .async-api-inputs button:hover, -.console__content .aas-view .aas-inputs button:hover, -.console__content .aas-view .defaults-inputs button:hover, -.console__content .aas-view .visualize-inputs button:hover, -.console__content .defaults-view .open-api-inputs button:hover, -.console__content .defaults-view .async-api-inputs button:hover, -.console__content .defaults-view .aas-inputs button:hover, -.console__content .defaults-view .defaults-inputs button:hover, -.console__content .defaults-view .visualize-inputs button:hover, -.console__content .visualize-view .open-api-inputs button:hover, -.console__content .visualize-view .async-api-inputs button:hover, -.console__content .visualize-view .aas-inputs button:hover, -.console__content .visualize-view .defaults-inputs button:hover, -.console__content .visualize-view .visualize-inputs button:hover { - background-color: var(--clr-primary-900); -} -.console__content .open-api-view .open-api-inputs button:disabled, -.console__content .open-api-view .async-api-inputs button:disabled, -.console__content .open-api-view .aas-inputs button:disabled, -.console__content .open-api-view .defaults-inputs button:disabled, -.console__content .open-api-view .visualize-inputs button:disabled, -.console__content .async-api-view .open-api-inputs button:disabled, -.console__content .async-api-view .async-api-inputs button:disabled, -.console__content .async-api-view .aas-inputs button:disabled, -.console__content .async-api-view .defaults-inputs button:disabled, -.console__content .async-api-view .visualize-inputs button:disabled, -.console__content .aas-view .open-api-inputs button:disabled, -.console__content .aas-view .async-api-inputs button:disabled, -.console__content .aas-view .aas-inputs button:disabled, -.console__content .aas-view .defaults-inputs button:disabled, -.console__content .aas-view .visualize-inputs button:disabled, -.console__content .defaults-view .open-api-inputs button:disabled, -.console__content .defaults-view .async-api-inputs button:disabled, -.console__content .defaults-view .aas-inputs button:disabled, -.console__content .defaults-view .defaults-inputs button:disabled, -.console__content .defaults-view .visualize-inputs button:disabled, -.console__content .visualize-view .open-api-inputs button:disabled, -.console__content .visualize-view .async-api-inputs button:disabled, -.console__content .visualize-view .aas-inputs button:disabled, -.console__content .visualize-view .defaults-inputs button:disabled, -.console__content .visualize-view .visualize-inputs button:disabled { - background-color: var(--clr-neutral-300); - cursor: auto; -} -.console__content .open-api-view .open-api-inputs .input-field, -.console__content .open-api-view .async-api-inputs .input-field, -.console__content .open-api-view .aas-inputs .input-field, -.console__content .open-api-view .defaults-inputs .input-field, -.console__content .open-api-view .visualize-inputs .input-field, -.console__content .async-api-view .open-api-inputs .input-field, -.console__content .async-api-view .async-api-inputs .input-field, -.console__content .async-api-view .aas-inputs .input-field, -.console__content .async-api-view .defaults-inputs .input-field, -.console__content .async-api-view .visualize-inputs .input-field, -.console__content .aas-view .open-api-inputs .input-field, -.console__content .aas-view .async-api-inputs .input-field, -.console__content .aas-view .aas-inputs .input-field, -.console__content .aas-view .defaults-inputs .input-field, -.console__content .aas-view .visualize-inputs .input-field, -.console__content .defaults-view .open-api-inputs .input-field, -.console__content .defaults-view .async-api-inputs .input-field, -.console__content .defaults-view .aas-inputs .input-field, -.console__content .defaults-view .defaults-inputs .input-field, -.console__content .defaults-view .visualize-inputs .input-field, -.console__content .visualize-view .open-api-inputs .input-field, -.console__content .visualize-view .async-api-inputs .input-field, -.console__content .visualize-view .aas-inputs .input-field, -.console__content .visualize-view .defaults-inputs .input-field, -.console__content .visualize-view .visualize-inputs .input-field { - width: 100%; - min-height: 3.25rem; - display: flex; - align-items: center; - justify-content: center; - gap: 2px; - border-radius: 5px; - overflow: hidden; -} -.console__content .open-api-view .open-api-inputs .input-field button, -.console__content .open-api-view .async-api-inputs .input-field button, -.console__content .open-api-view .aas-inputs .input-field button, -.console__content .open-api-view .defaults-inputs .input-field button, -.console__content .open-api-view .visualize-inputs .input-field button, -.console__content .async-api-view .open-api-inputs .input-field button, -.console__content .async-api-view .async-api-inputs .input-field button, -.console__content .async-api-view .aas-inputs .input-field button, -.console__content .async-api-view .defaults-inputs .input-field button, -.console__content .async-api-view .visualize-inputs .input-field button, -.console__content .aas-view .open-api-inputs .input-field button, -.console__content .aas-view .async-api-inputs .input-field button, -.console__content .aas-view .aas-inputs .input-field button, -.console__content .aas-view .defaults-inputs .input-field button, -.console__content .aas-view .visualize-inputs .input-field button, -.console__content .defaults-view .open-api-inputs .input-field button, -.console__content .defaults-view .async-api-inputs .input-field button, -.console__content .defaults-view .aas-inputs .input-field button, -.console__content .defaults-view .defaults-inputs .input-field button, -.console__content .defaults-view .visualize-inputs .input-field button, -.console__content .visualize-view .open-api-inputs .input-field button, -.console__content .visualize-view .async-api-inputs .input-field button, -.console__content .visualize-view .aas-inputs .input-field button, -.console__content .visualize-view .defaults-inputs .input-field button, -.console__content .visualize-view .visualize-inputs .input-field button { - border-radius: 0; -} -.console__content .open-api-view .open-api-inputs .view-download, -.console__content .open-api-view .async-api-inputs .view-download, -.console__content .open-api-view .aas-inputs .view-download, -.console__content .open-api-view .defaults-inputs .view-download, -.console__content .open-api-view .visualize-inputs .view-download, -.console__content .async-api-view .open-api-inputs .view-download, -.console__content .async-api-view .async-api-inputs .view-download, -.console__content .async-api-view .aas-inputs .view-download, -.console__content .async-api-view .defaults-inputs .view-download, -.console__content .async-api-view .visualize-inputs .view-download, -.console__content .aas-view .open-api-inputs .view-download, -.console__content .aas-view .async-api-inputs .view-download, -.console__content .aas-view .aas-inputs .view-download, -.console__content .aas-view .defaults-inputs .view-download, -.console__content .aas-view .visualize-inputs .view-download, -.console__content .defaults-view .open-api-inputs .view-download, -.console__content .defaults-view .async-api-inputs .view-download, -.console__content .defaults-view .aas-inputs .view-download, -.console__content .defaults-view .defaults-inputs .view-download, -.console__content .defaults-view .visualize-inputs .view-download, -.console__content .visualize-view .open-api-inputs .view-download, -.console__content .visualize-view .async-api-inputs .view-download, -.console__content .visualize-view .aas-inputs .view-download, -.console__content .visualize-view .defaults-inputs .view-download, -.console__content .visualize-view .visualize-inputs .view-download { - width: 100%; - height: 100%; - min-height: 3.25rem; - display: flex; - align-items: flex-end; - justify-content: center; -} -.console__content .defaults-view .defaults-inputs button { - display: flex; - align-items: center; - justify-content: center; - gap: 1rem; -} -.console__content .defaults-view .defaults-inputs button i { - font-size: var(--fs-p); -} -.console__content .visualize-view { - padding-left: 2rem; -} -.console__content .visualize-view .visualize-container .visualized { - width: 100%; - height: 100%; - overflow: auto; - display: grid; - place-items: center; -} -.console__content .visualize-view .visualize-container .visualized svg text { - font-size: 1.2rem; - font-family: var(--ff-secondary); - fill: var(--clr-neutral-900); -} -.console__content .visualize-view .visualize-inputs { - gap: 0; -} -.console__content .visualize-view .visualize-inputs__type { - width: 100%; - display: flex; - align-items: center; - justify-content: center; - gap: 2rem; - margin-bottom: 1rem; -} -.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - width: 100%; - min-height: 3.25rem; - background-color: var(--clr-primary-500); - cursor: pointer; - transition: background-color 250ms ease-in-out; - position: relative; -} -.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:hover { - background-color: var(--clr-primary-900); -} -.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]::before { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: grid; - place-items: center; - font-size: var(--fs-p); - font-family: var(--ff-primary); - font-weight: var(--fw-bold); - text-transform: capitalize; - color: var(--clr-neutral-50); -} -.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:nth-child(1)::before { - content: "Graph"; -} -.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:nth-child(2)::before { - content: "Tree"; -} -.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:checked { - background-color: var(--clr-neutral-300); - cursor: auto; -} -.console__content .visualize-view .visualize-inputs__graph, .console__content .visualize-view .visualize-inputs__tree { - width: 100%; - height: -moz-fit-content; - height: fit-content; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 2rem; - opacity: 1; - transition: width 0s, height 0s, opacity 250ms ease-in-out; -} -.console__content .visualize-view .visualize-inputs__graph.hidden, .console__content .visualize-view .visualize-inputs__tree.hidden { - width: 0; - height: 0; - opacity: 0; - pointer-events: none; - transition: opacity 0s ease-in-out; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind { - width: 100%; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind span { - font-size: var(--fs-p); - font-family: var(--ff-primary); - color: var(--clr-neutral-900); - min-width: 3rem; - text-transform: capitalize; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind span.vega-bind-name { - min-width: 6.5rem; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label { - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; - pointer-events: none; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label input, -.console__content .visualize-view .visualize-inputs__tree .vega-bind label select { - width: 100%; - pointer-events: all; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: 2px solid var(--clr-primary-500); - cursor: pointer; - width: 100%; - border-radius: 5px; - height: 3rem; - position: relative; - background-color: var(--clr-primary-500); - transition: all 250ms ease-in-out; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox]::before { - position: absolute; - content: "\f06e"; - display: inline-block; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - font: var(--fa-font-solid); - font-size: var(--fs-p); - color: var(--clr-neutral-50); - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - transition: all 500ms ease-in-out; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox]:hover { - background-color: var(--clr-primary-900); - border-color: var(--clr-primary-900); -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox]:checked::before { - content: "\f070"; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 4px; - border-radius: 50vw; - background-color: var(--clr-neutral-200); - cursor: pointer; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range]::-moz-range-thumb { - height: 2rem; - width: 2rem; - border-radius: 50%; - background-color: var(--clr-primary-500); - border: none; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range]::-webkit-slider-thumb { - -webkit-appearance: none; - border: none; - height: 2rem; - width: 2rem; - border-radius: 50%; - background-color: var(--clr-primary-500); -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range] input[type=range]::-ms-thumb { - height: 2rem; - width: 2rem; - border-radius: 50%; - background-color: var(--clr-primary-500); - border: none; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind label select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: var(--clr-primary-500); - border-radius: 5px; - color: var(--clr-neutral-50); - font-size: var(--fs-p); - font-family: var(--ff-primary); - padding: 0.75rem 1rem; - border: none; - cursor: pointer; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio { - width: 100%; - display: flex; - align-items: center; - justify-content: center; - gap: 2px; - border-radius: 5px; - overflow: hidden; - margin-top: 0.5rem; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label { - position: relative; - z-index: 0; - color: var(--clr-neutral-50); - padding: 0.75rem 1.5rem; - justify-content: center; - cursor: pointer; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label input[type=radio] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: var(--clr-primary-500); - cursor: pointer; - z-index: -1; - transition: background-color 250ms ease-in-out; -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label input[type=radio]:hover { - background-color: var(--clr-primary-900); -} -.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label input[type=radio]:checked { - background-color: var(--clr-neutral-300); - cursor: auto; -} -.console__content .visualize-view .visualize-inputs__download { - width: 100%; - height: 100%; - margin-top: 2rem; - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-end; -} - -/** Additional menus **/ -/* - * Copyright (c) 2023 Contributors to the Eclipse Foundation - * - * See the NOTICE file(s) distributed with this work for additional - * information regarding copyright ownership. - * - * This program and the accompanying materials are made available under the - * terms of the Eclipse Public License v. 2.0 which is available at - * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and - * Document License (2015-05-13) which is available at - * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document. - * - * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513 - */ -/***** settings menu *****/ -.settings-menu { - position: absolute; - top: 0; - right: 0; - width: 50rem; - height: 100%; - background-color: var(--clr-primary-700); - border-radius: 0 0 0 10px; - padding: 4rem; - color: var(--clr-neutral-50); - transform-origin: right; - transition: width 0s ease, height 0s ease, opacity 150ms ease-in-out, transform 500ms var(--trans-bouncy); - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-between; - z-index: 100; -} -.settings-menu .settings { - width: 100%; -} -.settings-menu .settings__close { - text-align: right; - margin-bottom: 2rem; -} -.settings-menu .settings__close i { - font-size: var(--fs-sub-header); - cursor: pointer; -} -.settings-menu .settings__title, .settings-menu .settings__preferences { - padding-bottom: 1rem; - border-bottom: 2px solid var(--clr-neutral-50); - margin: 4rem 0; -} -.settings-menu .settings__validate-options { - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - gap: 2rem; -} -.settings-menu .settings__validate-options .form-field { - width: calc(50% - 2rem); - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; -} -.settings-menu .settings__validate-options .form-field label { - font-size: var(--fs-p); - max-width: 10ch; -} -.settings-menu .settings__validate-options .form-field input[type=checkbox] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - width: 6rem; - height: 3rem; - border-radius: 50vw; - background-color: var(--clr-controls-bg); - position: relative; - transition: background-color 250ms ease-in-out; - cursor: pointer; -} -.settings-menu .settings__validate-options .form-field input[type=checkbox]::before { - content: ""; - position: absolute; - top: 0.4rem; - left: 0.4rem; - width: 2.2rem; - height: 2.2rem; - border-radius: 50%; - background-color: var(--clr-controls); - transition: left 500ms var(--trans-bouncy); -} -.settings-menu .settings__validate-options .form-field input[type=checkbox]:checked { - background-color: var(--clr-success-500); -} -.settings-menu .settings__validate-options .form-field input[type=checkbox]:checked::before { - left: 3.2rem; -} -.settings-menu .settings__editor { - width: 100%; -} -.settings-menu .settings__editor .form-field { - width: 100%; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - font-size: var(--fs-p); - margin-bottom: 2rem; -} -.settings-menu .settings__editor .form-field span { - font-weight: var(--fw-bold); -} -.settings-menu .settings__editor .form-field .select-container { - width: 60%; - position: relative; -} -.settings-menu .settings__editor .form-field .select-container select { - width: 100%; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: var(--clr-neutral-50); - color: var(--clr-neutral-900); - padding: 0.5rem 1rem; - border-radius: 5px; - border: none; - cursor: pointer; - font-family: var(--ff-primary); -} -.settings-menu .settings__editor .form-field .select-container::after { - position: absolute; - top: 50%; - right: 1rem; - transform: translateY(-50%); - display: inline-block; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - font: var(--fa-font-solid); - content: "\f107"; - pointer-events: none; - color: var(--clr-neutral-900); - font-size: var(--fs-footer); -} -.settings-menu .settings__editor .form-field .font-range-container { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - gap: 1rem; - width: 100%; - padding: 1rem 0; -} -.settings-menu .settings__editor .form-field .font-range-container span { - width: -moz-fit-content; - width: fit-content; -} -.settings-menu .settings__editor .form-field input[type=range] { - flex: 1; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 4px; - border-radius: 50vw; - background-color: var(--clr-controls-bg); - cursor: pointer; - /* All the same stuff for Firefox */ -} -.settings-menu .settings__editor .form-field input[type=range]::-moz-range-thumb { - height: 2rem; - width: 2rem; - border-radius: 50%; - background-color: var(--clr-controls); - border: none; -} -.settings-menu .settings__editor .form-field input[type=range]::-webkit-slider-thumb { - -webkit-appearance: none; - border: none; - height: 2rem; - width: 2rem; - border-radius: 50%; - background-color: var(--clr-controls); -} -.settings-menu .settings__editor .form-field input[type=range] input[type=range]::-ms-thumb { - height: 2rem; - width: 2rem; - border-radius: 50%; - background-color: var(--clr-controls); - border: none; -} -.settings-menu .settings__editor .form-field .reset-settings { - width: 100%; - border: none; - padding: 1rem 2rem; - border-radius: 5px; - background-color: var(--clr-controls-bg); - color: var(--clr-controls); - font-size: var(--fs-p); - font-weight: var(--fw-bold); - font-family: var(--ff-primary); - cursor: pointer; - transition: background-color 250ms ease-in-out; -} -.settings-menu .settings__editor .form-field .reset-settings:hover { - background-color: var(--clr-primary-900); -} -.settings-menu .settings__editor .form-field .reset-settings:active { - transform: scale(0.98); -} -.settings-menu .settings__editor .form-field:nth-child(2) { - flex-direction: column; - align-items: self-start; -} -.settings-menu footer { - width: 100%; - text-align: center; -} -.settings-menu footer p { - margin-bottom: 1rem; -} -.settings-menu footer .footer-links { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} -.settings-menu footer .footer-links a { - font-size: 1.2rem; - padding: 0 1rem; - height: 100%; -} -.settings-menu footer .footer-links a:not(:last-child) { - border-right: 1px solid var(--clr-neutral-50); -} - -.settings-menu.closed { - width: 0; - height: 0; - opacity: 0; - transform: scaleX(0); - transition: transform 500ms var(--trans-bouncy), opacity 250ms ease-in-out 250ms, width 0s ease 500ms, height 0s ease 500ms; -} - -/* - * Copyright (c) 2023 Contributors to the Eclipse Foundation - * - * See the NOTICE file(s) distributed with this work for additional - * information regarding copyright ownership. - * - * This program and the accompanying materials are made available under the - * terms of the Eclipse Public License v. 2.0 which is available at - * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and - * Document License (2015-05-13) which is available at - * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document. - * - * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513 - */ -/**** Examples Menu ****/ -.examples-menu { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 2rem; - background-color: var(--clr-neutral-100); - display: grid; - place-items: center; - opacity: 1; - transform: scale(1); - pointer-events: all; - transition: all 500ms var(--trans-bouncy); -} -.examples-menu .examples-menu-container { - overflow: hidden; - background-color: var(--clr-neutral-50); - width: 100%; - height: 100%; - padding: 2rem; - border-radius: 10px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} -.examples-menu .examples-menu-container__close { - width: 100%; - text-align: right; -} -.examples-menu .examples-menu-container__close i { - font-size: var(--fs-sub-header); - cursor: pointer; -} -.examples-menu .examples-menu-container__filter { - width: 100%; - padding: 4rem; - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - flex-wrap: wrap; - gap: 4rem; - font-size: var(--fs-p); -} -.examples-menu .examples-menu-container__filter .thing-type-toggle { - width: 6rem; - height: 3rem; - border-radius: 50vw; - background-color: var(--clr-controls-bg); - position: relative; -} -.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - position: absolute; - width: 100%; - height: 100%; - cursor: pointer; -} -.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox]::before { - content: ""; - position: absolute; - top: 0.4rem; - left: 0.4rem; - width: 2.2rem; - height: 2.2rem; - border-radius: 50%; - background-color: var(--clr-controls); - display: grid; - place-items: center; - transition: left 500ms var(--trans-bouncy); -} -.examples-menu .examples-menu-container__filter .thing-type-toggle .td-text, -.examples-menu .examples-menu-container__filter .thing-type-toggle .tm-text { - position: absolute; - height: 100%; - z-index: 1; - font-size: var(--fs-footer); - font-weight: var(--fw-bold); - font-family: var(--ff-primary); - pointer-events: none; - display: flex; - align-items: center; -} -.examples-menu .examples-menu-container__filter .thing-type-toggle .td-text { - left: 0.9rem; - z-index: 1; - color: var(--clr-neutral-900); - transition: color 250ms ease-in-out 200ms; -} -.examples-menu .examples-menu-container__filter .thing-type-toggle .tm-text { - content: "TM"; - right: 1rem; - z-index: 1; - color: var(--clr-neutral-200); - transition: color 250ms ease-in-out; -} -.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox]:checked::before { - content: ""; - left: 3.2rem; -} -.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox]:checked ~ .td-text { - color: var(--clr-neutral-200); - transition: color 250ms ease-in-out; -} -.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox]:checked ~ .tm-text { - color: var(--clr-neutral-900); - transition: color 250ms ease-in-out 200ms; -} -.examples-menu .examples-menu-container__filter .category-field { - flex: 1 1 25rem; - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} -.examples-menu .examples-menu-container__filter .category-field label { - font-weight: var(--fw-bold); - font-size: var(--fs-p); -} -.examples-menu .examples-menu-container__filter .category-field .select-container { - position: relative; - width: 100%; -} -.examples-menu .examples-menu-container__filter .category-field .select-container::after { - position: absolute; - top: 50%; - right: 2rem; - transform: translateY(-50%); - display: inline-block; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - font: var(--fa-font-solid); - content: "\f107"; - pointer-events: none; - color: var(--clr-neutral-900); - font-size: var(--fs-p); -} -.examples-menu .examples-menu-container__filter .category-field select, -.examples-menu .examples-menu-container__filter .category-field .search-bar, -.examples-menu .examples-menu-container__filter .category-field .search-input { - background-color: var(--clr-neutral-50); - color: var(--clr-neutral-900); - font-family: var(--ff-primary); - font-size: inherit; -} -.examples-menu .examples-menu-container__filter .category-field select, -.examples-menu .examples-menu-container__filter .category-field .search-bar { - border: 2px solid var(--clr-neutral-300); -} -.examples-menu .examples-menu-container__filter .category-field select { - padding: 0.8rem 6rem 0.8rem 2rem; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; -} -.examples-menu .examples-menu-container__filter .category-field select { - width: 100%; - border-radius: 5px; - text-transform: capitalize; -} -.examples-menu .examples-menu-container__filter .search-field { - flex: 1 1 35rem; - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} -.examples-menu .examples-menu-container__filter .search-field .search-bar { - width: 100%; - overflow: hidden; - display: flex; - align-items: center; - justify-content: flex-start; - border: 2px solid var(--clr-neutral-300); - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - border-right: none; - background-color: var(--clr-neutral-50); - color: var(--clr-neutral-900); - font-family: var(--ff-primary); - font-size: inherit; -} -.examples-menu .examples-menu-container__filter .search-field .search-bar i { - width: -moz-fit-content; - width: fit-content; - padding: 0 1rem; - font-size: inherit; -} -.examples-menu .examples-menu-container__filter .search-field .search-bar .search-input { - background-color: var(--clr-neutral-50); - color: var(--clr-neutral-900); - font-family: var(--ff-primary); - font-size: inherit; - border: none; - width: 100%; - padding: 0.8rem 1rem; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: text; -} -.examples-menu .examples-menu-container__filter .search-field .search-bar .search-input:focus { - outline: none; -} -.examples-menu .examples-menu-container__filter .search-field .search-btn { - background-color: var(--clr-primary-500); - font-family: inherit; - font-size: inherit; - font-weight: var(--fw-bold); - padding: 1rem 2rem; - border: none; - color: var(--clr-neutral-50); - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - cursor: pointer; - transition: background-color 250ms ease-in-out; -} -.examples-menu .examples-menu-container__filter .search-field .search-btn:hover { - background-color: var(--clr-primary-700); -} -.examples-menu .examples-menu-container .examples-container { - display: flex; - flex-direction: row; - width: 100%; - height: 100%; - overflow-y: hidden; -} -.examples-menu .examples-menu-container .examples-container__td, .examples-menu .examples-menu-container .examples-container__tm { - width: 100%; - min-height: -moz-fit-content; - min-height: fit-content; - opacity: 1; - overflow-y: auto; - transition: opacity 250ms ease-in-out 250ms, width 250ms ease-in-out 0ms, height 250ms ease-in-out 0ms; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__title, .examples-menu .examples-menu-container .examples-container__tm .examples-category__title { - padding: 0 4rem; - position: relative; - z-index: 0; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__title::before, .examples-menu .examples-menu-container .examples-container__tm .examples-category__title::before { - position: absolute; - content: ""; - top: 50%; - left: 4rem; - width: calc(100% - 8rem); - height: 0.5rem; - background-color: var(--clr-primary-500); - z-index: -1; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__title h3, .examples-menu .examples-menu-container .examples-container__tm .examples-category__title h3 { - width: -moz-fit-content; - width: fit-content; - background-color: var(--clr-neutral-50); - padding: 0 1rem; - margin-left: 8rem; - text-transform: capitalize; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__description, .examples-menu .examples-menu-container .examples-container__tm .examples-category__description { - padding: 2rem 4rem 0 4rem; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__description p, .examples-menu .examples-menu-container .examples-container__tm .examples-category__description p { - font-size: var(--fs-p); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container { - padding: 4rem; - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: flex-start; - flex-wrap: wrap; - gap: 2rem; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example { - background-color: var(--clr-neutral-50); - border-radius: 5px; - width: -moz-fit-content; - width: fit-content; - padding: 0.75rem; - box-shadow: 0px 0px 5px 0px var(--clr-shadow); - transition: box-shadow 250ms ease-in-out; - position: relative; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header { - display: flex; - align-items: center; - justify-content: center; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name { - flex: 1; - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - gap: 1rem; - margin: 0 4rem; - cursor: pointer; - transition: all 250ms ease-in-out; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name .example-icon, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name .example-icon { - width: 1.8rem; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name .example-icon svg path, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name .example-icon svg path { - fill: var(--clr-primary-500); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name p, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name p { - font-weight: var(--fw-bold); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name .toggle-arrow, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name .toggle-arrow { - font-size: var(--fs-footer); - transform: rotate(0); - transition: transform 250ms ease-in-out 250ms; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--quick, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--quick { - opacity: 0; - position: absolute; - top: 0.25rem; - right: 0.25rem; - width: 4rem; - height: 4rem; - border-radius: 50%; - background-color: var(--clr-neutral-50); - border: none; - cursor: pointer; - transition: background-color 250ms ease-in-out, opacity 250ms ease-in-out; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--quick i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--quick i { - font-size: var(--fs-i); - color: var(--clr-neutral-50); - transition: color 250ms ease-in-out; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover { - box-shadow: 0px 0px 10px 0px var(--clr-shadow); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover .example__header--quick, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover .example__header--quick { - opacity: 1; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover .example__header--quick i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover .example__header--quick i { - color: var(--clr-neutral-300); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover .example__header--quick:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover .example__header--quick:hover { - background-color: var(--clr-neutral-100); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover .example__header--quick:hover i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover .example__header--quick:hover i { - color: var(--clr-neutral-900); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover { - box-shadow: 0px 0px 10px 0px var(--clr-shadow); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__content, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__content { - pointer-events: none; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - flex-wrap: wrap; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__description, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__description { - height: 0; - opacity: 0; - font-size: var(--fs-p); - line-height: var(--lh-sub-header); - max-width: 60ch; - overflow-y: scroll; - overflow-x: hidden; - padding-right: 1rem; - transition: height 250ms ease-in-out 250ms, margin 250ms ease-in-out 250ms, opacity 250ms ease-in-out 0ms; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn { - display: flex; - width: 100%; - gap: 0.5rem; - height: 0; - opacity: 0; - transition: opacity 250ms ease-in-out 0ms, height 250ms ease-in-out 250ms; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button { - width: 100%; - padding: 0.75rem 1.5rem; - border-radius: 5px; - font-family: var(--ff-primary); - font-size: var(--fs-p); - font-weight: var(--fw-bold); - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - cursor: pointer; - transition: all 250ms ease-in-out; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button p, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button p { - font-weight: var(--fw-bold); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button i { - margin-right: 1rem; - font-size: var(--fs-p); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn--use, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn--use { - background-color: var(--clr-primary-500); - border: none; - color: var(--clr-neutral-50); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn--use:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn--use:hover { - background-color: var(--clr-primary-700); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn--cancel, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn--cancel { - background-color: var(--clr-neutral-50); - border: 2px solid var(--clr-primary-500); - color: var(--clr-primary-500); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn--cancel:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn--cancel:hover { - background-color: var(--clr-primary-700); - border-color: var(--clr-primary-700); - color: var(--clr-neutral-50); -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__header--name .toggle-arrow, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__header--name .toggle-arrow { - transform: rotate(-90deg); - transition: transform 250ms ease-in-out 0s; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__content, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__content { - pointer-events: all; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__description, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__description { - height: 9rem; - margin: 2rem 0; - opacity: 1; - transition: height 250ms ease-in-out 0s, margin 250ms ease-in-out 0s, opacity 200ms ease-in-out 250ms; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__btn, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__btn { - height: 3.5rem; - opacity: 1; - transition: height 250ms ease-in-out 0s, opacity 200ms ease-in-out 250ms; -} -.examples-menu .examples-menu-container .examples-container__td .examples-category.hidden, .examples-menu .examples-menu-container .examples-container__tm .examples-category.hidden { - height: 0; - opacity: 0; - transition: opacity 100ms ease-in-out 0s, height 0s ease-in-out 250ms; -} -.examples-menu .examples-menu-container .examples-container__td.hidden, .examples-menu .examples-menu-container .examples-container__tm.hidden { - width: 0; - height: 0; - opacity: 0; - transition: opacity 100ms ease-in-out 0s, width 0s ease-in-out 250ms, height 0s ease-in-out 250ms; -} -.examples-menu.closed { - transform: scale(0); - opacity: 0; - pointer-events: none; -} - -/* - * Copyright (c) 2023 Contributors to the Eclipse Foundation - * - * See the NOTICE file(s) distributed with this work for additional - * information regarding copyright ownership. - * - * This program and the accompanying materials are made available under the - * terms of the Eclipse Public License v. 2.0 which is available at - * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and - * Document License (2015-05-13) which is available at - * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document. - * - * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513 - */ -.save-menu { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: grid; - place-items: center; - background-color: var(--clr-shades-trans); - opacity: 1; - transform: scale(1); - pointer-events: all; - transition: all 500ms var(--trans-bouncy); -} -.save-menu__container { - width: 50rem; - border-radius: 10px; - background-color: var(--clr-neutral-50); - box-shadow: 0px 0px 10px 0px var(--clr-shadow); - padding: 2rem; -} -.save-menu__container .save-menu-close { - width: 100%; - text-align: right; - margin-bottom: 2rem; -} -.save-menu__container .save-menu-close i { - font-size: var(--fs-sub-header); - cursor: pointer; -} -.save-menu__container .save-menu-title { - margin-bottom: 3rem; -} -.save-menu__container .save-menu-title p { - color: var(--clr-neutral-900); - font-weight: var(--fw-bold); - font-size: var(--fs-sub-header); -} -.save-menu__container .share-td { - width: 100%; - margin-bottom: 3rem; -} -.save-menu__container .share-td > * { - width: 100%; - height: 4rem; - border-radius: 5px; - font-family: var(--ff-primary); - font-size: var(--fs-p); -} -.save-menu__container .share-td__input { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - margin-bottom: 1rem; -} -.save-menu__container .share-td__input .share-url-input { - width: 100%; - height: 4rem; - background-color: var(--clr-neutral-50); - border-top: 2px solid var(--clr-neutral-200); - border-left: 2px solid var(--clr-neutral-200); - border-bottom: 2px solid var(--clr-neutral-200); - border-right: none; - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - font-family: var(--ff-primary); - font-size: var(--fs-p); - color: var(--clr-neutral-900); - padding: 1rem; -} -.save-menu__container .share-td__input .share-url-input.error { - color: var(--clr-error-500); -} -.save-menu__container .share-td__input .share-url-input:focus { - outline: none; -} -.save-menu__container .share-td__input .open-url-tab { - height: 4rem; - width: -moz-fit-content; - width: fit-content; - background-color: var(--clr-neutral-200); - color: var(--clr-neutral-50); - font-size: var(--fs-p); - padding: 1rem; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - border: none; - cursor: pointer; - transition: background-color 250ms ease-in-out; -} -.save-menu__container .share-td__input .open-url-tab:hover { - background-color: var(--clr-neutral-300); -} -.save-menu__container .share-td__input .open-url-tab:disabled { - background-color: var(--clr-neutral-200); - cursor: default; -} -.save-menu__container .share-td__btn { - cursor: pointer; - font-weight: var(--fw-bold); - transition: all 250ms ease-in-out; -} -.save-menu__container .share-td__btn.share-url { - margin-bottom: 1rem; - background-color: var(--clr-primary-500); - color: var(--clr-neutral-50); - border: none; - transition: background-color 250ms ease-in-out; -} -.save-menu__container .share-td__btn.share-url i { - margin-right: 1rem; -} -.save-menu__container .share-td__btn.share-url:hover { - background-color: var(--clr-primary-700); -} -.save-menu__container .share-td__btn.open-editdor { - border: 2px solid var(--clr-primary-500); - background-color: transparent; - color: var(--clr-primary-500); - transition: all 250ms ease-in-out; -} -.save-menu__container .share-td__btn.open-editdor:hover { - background-color: var(--clr-primary-700); - border-color: var(--clr-primary-700); - color: var(--clr-neutral-50); -} -.save-menu__container .save-td { - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; - margin-bottom: 0.5rem; - padding-top: 3rem; - border-top: 2px solid var(--clr-primary-500); -} -.save-menu__container .save-td > * { - flex: 1; - height: 4rem; - border-radius: 5px; - border: none; - color: var(--clr-neutral-50); - background-color: var(--clr-primary-500); - cursor: pointer; - font-family: var(--ff-primary); - font-size: var(--fs-p); - font-weight: var(--fw-bold); - transition: background-color 250ms ease-in-out; -} -.save-menu__container .save-td > *:disabled { - background-color: var(--clr-primary-100); - cursor: not-allowed; -} -.save-menu__container .save-td > *:disabled:hover { - background-color: var(--clr-primary-100); -} -.save-menu__container .save-td > * i { - margin-right: 1rem; -} -.save-menu__container .save-td > *:hover { - background-color: var(--clr-primary-700); -} -.save-menu__container .save-warning { - margin-bottom: 3rem; -} -.save-menu__container .save-warning p { - color: var(--clr-neutral-300); - font-size: var(--fs-footer); - transition: color 150ms ease-in-out; -} -.save-menu__container .save-warning p span { - font-weight: var(--fw-bold); -} -.save-menu__container .save-warning.active p { - color: var(--clr-error-500); -} -.save-menu.closed { - transform: scale(0); - opacity: 0; - pointer-events: none; -} - -/* - * Copyright (c) 2023 Contributors to the Eclipse Foundation - * - * See the NOTICE file(s) distributed with this work for additional - * information regarding copyright ownership. - * - * This program and the accompanying materials are made available under the - * terms of the Eclipse Public License v. 2.0 which is available at - * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and - * Document License (2015-05-13) which is available at - * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document. - * - * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513 - */ -.json-yaml-warning { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: var(--clr-shades-trans); - display: grid; - place-items: center; - opacity: 1; - transform: scale(1); - pointer-events: all; - transition: all 500ms var(--trans-bouncy); -} -.json-yaml-warning__container { - background-color: var(--clr-neutral-50); - border-radius: 10px; - box-shadow: 0px 0px 10px 0px var(--clr-shadow); - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-between; - padding: 2rem; -} -.json-yaml-warning__container .warning-text { - margin-bottom: 2rem; -} -.json-yaml-warning__container .warning-text h3 { - text-align: center; - color: var(--clr-warning-500); - margin-bottom: 1rem; -} -.json-yaml-warning__container .warning-text p { - max-width: 40rem; -} -.json-yaml-warning__container .warning-btns button { - cursor: pointer; - border: none; - padding: 0.75rem 1.75rem; - border-radius: 5px; - font-size: var(--fs-p); - font-weight: var(--fw-bold); - font-family: var(--ff-primary); - color: var(--clr-neutral-50); - transition: background-color 250ms ease-in-out; -} -.json-yaml-warning__container .warning-btns .confirm-btn { - background-color: var(--clr-success-700); - margin-right: 1rem; -} -.json-yaml-warning__container .warning-btns .confirm-btn:hover { - background-color: var(--clr-success-900); -} -.json-yaml-warning__container .warning-btns .cancel-btn { - background-color: var(--clr-error-700); -} -.json-yaml-warning__container .warning-btns .cancel-btn:hover { - background-color: var(--clr-error-900); -} -.json-yaml-warning.closed { - transform: scale(0); - opacity: 0; - pointer-events: none; -} - -/** Visualizations **/ -/* - * Copyright (c) 2023 Contributors to the Eclipse Foundation - * - * See the NOTICE file(s) distributed with this work for additional - * information regarding copyright ownership. - * - * This program and the accompanying materials are made available under the - * terms of the Eclipse Public License v. 2.0 which is available at - * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and - * Document License (2015-05-13) which is available at - * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document. - * - * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513 - */ -svg { - border: none; -} -svg g .node { - cursor: pointer; -} -svg g .link { - fill: none; - stroke: var(--clr-neutral-300); - stroke-width: 1px; -} - -.d3-tip { - font-size: var(--fs-p); - font-family: var(--ff-secondary); - color: var(--clr-neutral-900); - border: 1px solid var(--clr-neutral-300); - border-radius: 5px; - padding: 1rem 2rem; - max-width: 30rem; - word-wrap: break-word; - background-color: var(--clr-neutral-50); - text-align: left; - z-index: 10; -}/*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/packages/web-new/src/styles/styles.css.map b/packages/web-new/src/styles/styles.css.map deleted file mode 100644 index 9d2bcf15..00000000 --- a/packages/web-new/src/styles/styles.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["styles.scss","styles.css","_editor.scss","_control-panel.scss","_console.scss","_settings-menu.scss","_examples-menu.scss","_save-menu.scss","_json-yaml-warning.scss","_jsonld-vis.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;EAAA;AAeA,eAAA;AACA;;;EAII,sBAAA;EACA,SAAA;EACA,UAAA;ACAJ;;ADGA;EACI,eAAA;EACA,kCAAA;EACA,uCAAA;EAEA,eAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,eAAA;EAEA,aAAA;EAEA,eAAA;EACA,eAAA;EACA,wBAAA;EACA,cAAA;EACA,mBAAA;EACA,cAAA;EAGA,4CAAA;EACA,4CAAA;EACA,gDAAA;EACA,uDAAA;EACA,2DAAA;EACA,iEAAA;EACA,4CAAA;EAEA,eAAA;EACA,aAAA;EACA,aAAA;EACA,eAAA;EACA,qBAAA;EACA,cAAA;EACA,oBAAA;EACA,YAAA;EAEA,SAAA;EAEA,yBAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAGA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAGA,4CAAA;EACA,gCAAA;EAGA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAGA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAGA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EAGA,qBAAA;EACA,qBAAA;EAGA,qCAAA;EACA,yCAAA;EACA,0CAAA;EAEA,gBAAA;EACA,qDAAA;ACvBJ;;AD2BA;EACI,yBAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAEA,yCAAA;EACA,sCAAA;ACzBJ;;AD4BA;EACI,yBAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAEA,0BAAA;EACA,0BAAA;EAEA,uBAAA;EACA,wCAAA;EACA,2BAAA;EAEA,2CAAA;EACA,sCAAA;AC5BJ;;AD+BA;EACI,gBAAA;EACA,uBAAA;AC5BJ;;AD+BA;EACI,wCAAA;EACA,8BAAA;EACA,6BAAA;EACA,kBAAA;AC5BJ;;AD+BA;EACI,uBAAA;EACA,yBAAA;EACA,2BAAA;AC5BJ;;AD+BA;EACI,uBAAA;EACA,yBAAA;EACA,2BAAA;AC5BJ;;AD+BA;EACI,uBAAA;EACA,yBAAA;EACA,2BAAA;AC5BJ;;AD+BA;;EAEI,sBAAA;EACA,iCAAA;EACA,8BAAA;AC5BJ;;AD+BA;EACI,qBAAA;EACA,kBAAA;EACA,cAAA;EACA,8BAAA;AC5BJ;;AD+BA;EACI,sBAAA;AC5BJ;;AD+BA;EACI,gBAAA;AC5BJ;;AD+BA;EACI,WAAA;EACA,YAAA;AC5BJ;;AD+BA;EACI,eAAA;EACA,cAAA;AC5BJ;;AD+BA;EACI,UAAA;EACA,WAAA;AC5BJ;;AD+BA,UAAA;AACA;EACI,uCAAA;AC5BJ;;AD+BA,WAAA;AACA;EACI,kCAAA;EACA,mBAAA;EACA,uCAAA;AC5BJ;;AD+BA,oBAAA;AACA;EACI,YAAA;AC5BJ;;AD+BA;EACI;IACI,6DAAA;EC5BN;AACF;ADgCA,mBAAA;AACA;EACI,wCAAA;EACA,4BAAA;AC9BJ;ADgCI;EACI,eAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AC9BR;ADgCQ;EACI,YAAA;AC9BZ;ADiCgB;EACI,2BAAA;AC/BpB;ADqCY;EACI,sBAAA;ACnChB;ADuCQ;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;ACrCZ;ADuCY;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,sBAAA;EACA,4BAAA;ACrChB;ADuCgB;EACI,6BAAA;ACrCpB;ADyCY;EACI,sBAAA;EACA,qBAAA;ACvChB;;AD6CA,iBAAA;AAEA;EACI,YAAA;EACA,aAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;AC3CJ;AD6CI;EACI,YAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;AC3CR;AD8CI;;EAEI,uCAAA;EACA,mBAAA;AC5CR;AD+CI;;EAEI,wCAAA;AC7CR;ADgDI;;;EAGI,WAAA;AC9CR;ADiDI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;AC/CR;ADiDQ;;;EAGI,YAAA;AC/CZ;ADkDQ;EACI,WAAA;EACA,gBAAA;EACA,+BAAA;EACA,gCAAA;AChDZ;ADkDY;EACI,2BAAA;EACA,iBAAA;EACA,uCAAA;AChDhB;ADmDY;EACI,cAAA;ACjDhB;ADqDQ;EACI,WAAA;EACA,kBAAA;ACnDZ;ADuDI;EACI,YAAA;EACA,kBAAA;ACrDR;ADwDI;EACI,wBAAA;ACtDR;;AD0DA,WAAA;AACA;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,aAAA;EACA,mBAAA;EACA,UAAA;EACA,qCAAA;EACA,YAAA;ACvDJ;ADyDI;EACI,YAAA;EACA,4EAAA;ACvDR;ADwDQ;EACI,WAAA;ACtDZ;AD0DI;EACI,UAAA;EACA,oBAAA;ACxDR;;AD4DA;EACI;IAAG,UAAA;ECxDL;EDyDE;IAAI,YAAA;ECtDN;EDuDE;IAAK,UAAA;ECpDP;AACF;ADsDA;EACI;IAAG,qBAAA;ECnDL;EDoDE;IAAI,mBAAA;ECjDN;EDkDE;IAAK,qBAAA;EC/CP;AACF;ADiDA,qBAAA;AEjaA;;;;;;;;;;;;;EAAA;AAeA,eAAA;AAEI;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ADiXR;AC/WQ;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,yBAAA;EACA,YAAA;ADiXZ;AC/WY;EACI,YAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,2BAAA;EACA,SAAA;EACA,2BAAA;EACA,4BAAA;EACA,yCAAA;EACA,6BAAA;EACA,iBAAA;EACA,0BAAA;EACA,gBAAA;EACA,mBAAA;EACA,eAAA;ADiXhB;AC/WgB;EACI,eAAA;EACA,iBAAA;EACA,kBAAA;ADiXpB;AC9WgB;EACI,2BAAA;ADgXpB;AC7WgB;EACI,sBAAA;AD+WpB;AC5WgB;EACI,uCAAA;EACA,6BAAA;AD8WpB;AC1WoB;EACI,UAAA;AD4WxB;ACxWgB;EACI,eAAA;AD0WpB;ACrWQ;EACI,cAAA;EACA,kBAAA;EACA,gBAAA;ADuWZ;ACrWY;EACI,kBAAA;EACA,mBAAA;EACA,gBAAA;ADuWhB;ACrWgB;EACI,eAAA;EACA,uBAAA;EAAA,kBAAA;EACA,wBAAA;ADuWpB;ACnWoB;EACI,wBAAA;ADqWxB;ACjWgB;EACI,kBAAA;EACA,WAAA;EACA,QAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,mCAAA;EACA,wCAAA;EACA,UAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,iCAAA;ADmWpB;ACjWoB;EACI,wCAAA;ADmWxB;AChWoB;EACI,oBAAA;EACA,iBAAA;EACA,cAAA;ADkWxB;AC9VgB;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,UAAA;EACA,mBAAA;EACA,qCAAA;ADgWpB;AC9VoB;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;EACA,8CAAA;ADgWxB;AC9VwB;EACI,SAAA;ADgW5B;AC7VwB;EACI,wCAAA;AD+V5B;AC7V4B;EACI,wCAAA;AD+VhC;AC3VwB;EACI,sCAAA;AD6V5B;AC3V4B;EACI,sCAAA;AD6VhC;ACvVoB;EACI,UAAA;EACA,oBAAA;ADyVxB;ACpVY;EACI,iBAAA;EACA,iCAAA;ADsVhB;ACpVgB;EACI,uCAAA;EACA,6BAAA;ADsVpB;ACjVQ;EACI,YAAA;ADmVZ;AClVY;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,yCAAA;EACA,4BAAA;EACA,2BAAA;EACA,6BAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,eAAA;EACA,gBAAA;EACA,iCAAA;ADoVhB;AClVgB;EACI,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ADoVpB;ACjVgB;EACI,eAAA;ADmVpB;AChVgB;EACI,eAAA;ADkVpB;AC9UY;EACI,uCAAA;EACA,6BAAA;ADgVhB;AC1UQ;EACI,oBAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;AD4UZ;ACzUQ;EACI,mBAAA;EACA,gBAAA;EACA,WAAA;EACA,UAAA;EACA,qCAAA;AD2UZ;;AEzkBA;;;;;;;;;;;;;EAAA;AAeA,oBAAA;AACA;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,8BAAA;EACA,gBAAA;EACA,WAAA;AF2kBJ;AEzkBI;EACI,YAAA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,6BAAA;EACA,yBAAA;EACA,YAAA;EACA,+CAAA;EACA,8BAAA;EACA,eAAA;EACA,0BAAA;AF2kBR;AEzkBQ;EACI,mCAAA;AF2kBZ;AEzkBY;EACI,oCAAA;AF2kBhB;AEvkBQ;EACI,4BAAA;EACA,wCAAA;AFykBZ;AEtkBQ;EACI,sBAAA;AFwkBZ;AErkBQ;EACI,2BAAA;AFukBZ;AEpkBQ;EACI,uBAAA;EAAA,kBAAA;EACA,UAAA;EACA,oBAAA;EACA,kFAAA;AFskBZ;AEnkBQ;EACI,UAAA;EACA,SAAA;EACA,oBAAA;EACA,SAAA;EACA,OAAA;AFqkBZ;AElkBQ;EACI,UAAA;EACA,SAAA;EACA,oBAAA;EACA,SAAA;EACA,OAAA;AFokBZ;;AGppBA;;;;;;;;;;;;;EAAA;AAeA,gBAAA;AACA;EACI,gBAAA;EACA,aAAA;EACA,sBAAA;AHspBJ;AGppBI;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,+CAAA;EACA,wBAAA;EAAA,mBAAA;EACA,uCAAA;EACA,mBAAA;AHspBR;AGppBQ;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;AHspBZ;AGppBY;EACI,oBAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,YAAA;EACA,6BAAA;EACA,6BAAA;EACA,4BAAA;AHspBhB;AGppBgB;EACI,6BAAA;EACA,eAAA;AHspBpB;AGjpBQ;EACI,YAAA;EACA,aAAA;EACA,mBAAA;AHmpBZ;AGjpBY;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,uBAAA;EAAA,kBAAA;EACA,YAAA;EACA,uBAAA;EACA,6BAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,eAAA;EACA,gBAAA;EACA,iCAAA;AHmpBhB;AGjpBgB;EACI,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AHmpBpB;AGhpBgB;EACI,qBAAA;AHkpBpB;AG/oBgB;EACI,kBAAA;AHipBpB;AG9oBgB;EACI,mBAAA;AHgpBpB;AG7oBgB;EACI,kBAAA;AH+oBpB;AG5oBgB;EACI,mBAAA;AH8oBpB;AG3oBgB;EACI,oBAAA;AH6oBpB;AG1oBgB;EACI,wCAAA;EACA,4BAAA;AH4oBpB;AGxoBY;EACI,4BAAA;EACA,wCAAA;AH0oBhB;AGroBI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;AHuoBR;AGroBQ;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,UAAA;EACA,mBAAA;AHuoBZ;AGroBY;EACI,2BAAA;EACA,2BAAA;EACA,kBAAA;EACA,+BAAA;EACA,mBAAA;EACA,+CAAA;AHuoBhB;AGpoBY;EACI,UAAA;EACA,oBAAA;EACA,qCAAA;AHsoBhB;AGpoBgB;EACI,mBAAA;AHsoBpB;AGjoBQ;EACI,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,UAAA;EACA,mBAAA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,gBAAA;EACA,aAAA;EACA,qCAAA;AHmoBZ;AGjoBY;EACI,QAAA;EACA,SAAA;EACA,UAAA;EACA,oBAAA;EACA,kCAAA;AHmoBhB;AG9nBY;EACI,WAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;AHgoBhB;AG9nBgB;EACI,mBAAA;AHgoBpB;AG9nBoB;EACI,yBAAA;KAAA,sBAAA;UAAA,iBAAA;AHgoBxB;AG9nBwB;EACI,oBAAA;EACA,uCAAA;AHgoB5B;AG5nBoB;EACI,aAAA;EACA,mBAAA;EACA,2BAAA;EACA,SAAA;EACA,eAAA;AH8nBxB;AG5nBwB;EACI,6BAAA;AH8nB5B;AG3nBwB;EACI,6BAAA;AH6nB5B;AG1nBwB;EACI,2BAAA;AH4nB5B;AGznBwB;EACI,6BAAA;AH2nB5B;AGxnBwB;EACI,eAAA;AH0nB5B;AGvnBwB;EACI,2BAAA;AHynB5B;AGrnBoB;;EAEI,kBAAA;AHunBxB;AGpnBoB;EACI,2BAAA;EACA,qBAAA;AHsnBxB;AGpnBwB;EACI,6BAAA;EACA,2BAAA;AHsnB5B;AGjnBwB;EACI,mBAAA;AHmnB5B;AGhnBgC;EACI,oBAAA;EACA,uCAAA;AHknBpC;AG7mBwB;EACI,gBAAA;AH+mB5B;AG5mBgC;EACI,yBAAA;AH8mBpC;AGvmBgB;EACI,gBAAA;AHymBpB;AGtmBwB;EACI,yBAAA;AHwmB5B;AGnmBgB;EACI,oBAAA;AHqmBpB;AG9lBQ;;;;;EAKI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;EACA,SAAA;EACA,yBAAA;AHgmBZ;AG9lBY;;;;;;;;;;;;;;;;;;;;;;;;;EAKI,YAAA;EACA,yBAAA;AHonBhB;AGjnBY;;;;;;;;;;;;;;;;;;;;;;;;;EAKI,YAAA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,2BAAA;EACA,gBAAA;EACA,kBAAA;EACA,SAAA;AHuoBhB;AGroBgB;;;;;;;;;;;;;;;;;;;;;;;;;EACI,sBAAA;EACA,8BAAA;EACA,6BAAA;EACA,wBAAA;AH+pBpB;AG3pBgB;;;;;;;;;;;;;;;;;;;;;;;;;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;EACA,wCAAA;EACA,4BAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,eAAA;EACA,8CAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;AHqrBpB;AGnrBoB;;;;;;;;;;;;;;;;;;;;;;;;;EACI,wCAAA;AH6sBxB;AG1sBoB;;;;;;;;;;;;;;;;;;;;;;;;;EACI,wCAAA;EACA,YAAA;AHouBxB;AGhuBgB;;;;;;;;;;;;;;;;;;;;;;;;;EACI,WAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,QAAA;EACA,kBAAA;EACA,gBAAA;AH0vBpB;AGxvBoB;;;;;;;;;;;;;;;;;;;;;;;;;EACI,gBAAA;AHkxBxB;AG9wBgB;;;;;;;;;;;;;;;;;;;;;;;;;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AHwyBpB;AGjyBgB;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;AHmyBpB;AGjyBoB;EACI,sBAAA;AHmyBxB;AG7xBQ;EACI,kBAAA;AH+xBZ;AG5xBgB;EACI,WAAA;EACA,YAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;AH8xBpB;AG3xBwB;EACI,iBAAA;EACA,gCAAA;EACA,4BAAA;AH6xB5B;AGvxBY;EACI,MAAA;AHyxBhB;AGvxBgB;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,mBAAA;AHyxBpB;AGtxBwB;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,mBAAA;EACA,wCAAA;EACA,eAAA;EACA,8CAAA;EACA,kBAAA;AHwxB5B;AGtxB4B;EACI,wCAAA;AHwxBhC;AGrxB4B;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,8BAAA;EACA,2BAAA;EACA,0BAAA;EACA,4BAAA;AHuxBhC;AGnxBgC;EACI,gBAAA;AHqxBpC;AGhxBgC;EACI,eAAA;AHkxBpC;AG7wBwB;EACI,wCAAA;EACA,YAAA;AH+wB5B;AG1wBgB;EAEI,WAAA;EACA,wBAAA;EAAA,mBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,UAAA;EACA,0DAAA;AH2wBpB;AGzwBoB;EACI,QAAA;EACA,SAAA;EACA,UAAA;EACA,oBAAA;EACA,kCAAA;AH2wBxB;AGtwBoB;EACI,WAAA;AHwwBxB;AGtwBwB;EACI,sBAAA;EACA,8BAAA;EACA,6BAAA;EACA,eAAA;EACA,0BAAA;AHwwB5B;AGtwB4B;EACI,iBAAA;AHwwBhC;AGpwBwB;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,oBAAA;AHswB5B;AGpwB4B;;EAEI,WAAA;EACA,mBAAA;AHswBhC;AGnwB4B;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,wCAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,kBAAA;EACA,wCAAA;EACA,iCAAA;AHqwBhC;AGnwBgC;EACI,kBAAA;EACA,gBAAA;EACA,qBAAA;EACA,oBAAA;EACA,mCAAA;EACA,0BAAA;EACA,sBAAA;EACA,4BAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,iCAAA;AHqwBpC;AGlwBgC;EACI,wCAAA;EACA,oCAAA;AHowBpC;AG/vBgC;EACI,gBAAA;AHiwBpC;AG7vB4B;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,mBAAA;EACA,wCAAA;EACA,eAAA;AH+vBhC;AG7vBgC;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,wCAAA;EACA,YAAA;AH+vBpC;AG5vBgC;EACI,wBAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,wCAAA;AH8vBpC;AG3vBgC;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,wCAAA;EACA,YAAA;AH6vBpC;AGzvB4B;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,wCAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,8BAAA;EACA,qBAAA;EACA,YAAA;EACA,eAAA;AH2vBhC;AGrvB4B;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,QAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;AHuvBhC;AGrvBgC;EACI,kBAAA;EACA,UAAA;EACA,4BAAA;EACA,uBAAA;EACA,uBAAA;EACA,eAAA;AHuvBpC;AGrvBoC;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,wCAAA;EACA,eAAA;EACA,WAAA;EACA,8CAAA;AHuvBxC;AGrvBwC;EACI,wCAAA;AHuvB5C;AGnvBoC;EACI,wCAAA;EACA,YAAA;AHqvBxC;AG7uBgB;EACI,WAAA;EACA,YAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,yBAAA;AH+uBpB;;ADp+BA,uBAAA;AKvaA;;;;;;;;;;;;;EAAA;AAeA,0BAAA;AAEA;EACI,kBAAA;EACA,MAAA;EACA,QAAA;EACA,YAAA;EACA,YAAA;EACA,wCAAA;EACA,yBAAA;EACA,aAAA;EACA,4BAAA;EACA,uBAAA;EACA,yGAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,8BAAA;EACA,YAAA;AJ64CJ;AI34CI;EACI,WAAA;AJ64CR;AI34CQ;EACI,iBAAA;EACA,mBAAA;AJ64CZ;AI34CY;EACI,+BAAA;EACA,eAAA;AJ64ChB;AIz4CQ;EAEI,oBAAA;EACA,8CAAA;EACA,cAAA;AJ04CZ;AIv4CQ;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;AJy4CZ;AIv4CY;EACI,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AJy4ChB;AIv4CgB;EACI,sBAAA;EACA,eAAA;AJy4CpB;AIt4CgB;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,wCAAA;EACA,kBAAA;EACA,8CAAA;EACA,eAAA;AJw4CpB;AIt4CoB;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;EACA,qCAAA;EACA,0CAAA;AJw4CxB;AIp4CgB;EACI,wCAAA;AJs4CpB;AIp4CoB;EACI,YAAA;AJs4CxB;AIh4CQ;EACI,WAAA;AJk4CZ;AIh4CY;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,sBAAA;EACA,mBAAA;AJk4ChB;AIh4CgB;EACI,2BAAA;AJk4CpB;AI/3CgB;EACI,UAAA;EACA,kBAAA;AJi4CpB;AI/3CoB;EACI,WAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,uCAAA;EACA,6BAAA;EACA,oBAAA;EACA,kBAAA;EACA,YAAA;EACA,eAAA;EACA,8BAAA;AJi4CxB;AI93CoB;EACI,kBAAA;EACA,QAAA;EACA,WAAA;EACA,2BAAA;EACA,qBAAA;EACA,oBAAA;EACA,mCAAA;EACA,0BAAA;EACA,gBAAA;EACA,oBAAA;EACA,6BAAA;EACA,2BAAA;AJg4CxB;AI53CgB;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;AJ83CpB;AI53CoB;EACI,uBAAA;EAAA,kBAAA;AJ83CxB;AI13CgB;EACI,OAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,mBAAA;EACA,wCAAA;EACA,eAAA;EAEA,mCAAA;AJ23CpB;AIz3CoB;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,qCAAA;EACA,YAAA;AJ23CxB;AIx3CoB;EACI,wBAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,qCAAA;AJ03CxB;AIv3CoB;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,qCAAA;EACA,YAAA;AJy3CxB;AIr3CgB;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,wCAAA;EACA,0BAAA;EACA,sBAAA;EACA,2BAAA;EACA,8BAAA;EACA,eAAA;EACA,8CAAA;AJu3CpB;AIr3CoB;EACI,wCAAA;AJu3CxB;AIp3CoB;EACI,sBAAA;AJs3CxB;AIj3CY;EACI,sBAAA;EACA,uBAAA;AJm3ChB;AI92CI;EACI,WAAA;EACA,kBAAA;AJg3CR;AI92CQ;EACI,mBAAA;AJg3CZ;AI72CQ;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;AJ+2CZ;AI72CY;EACI,iBAAA;EACA,eAAA;EACA,YAAA;AJ+2ChB;AI72CgB;EACI,6CAAA;AJ+2CpB;;AIx2CA;EACI,QAAA;EACA,SAAA;EACA,UAAA;EACA,oBAAA;EACA,2HAAA;AJ22CJ;;AKvnDA;;;;;;;;;;;;;EAAA;AAeA,wBAAA;AACA;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,wCAAA;EACA,aAAA;EACA,mBAAA;EACA,UAAA;EACA,mBAAA;EACA,mBAAA;EACA,yCAAA;ALynDJ;AKvnDI;EACI,gBAAA;EACA,uCAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;ALynDR;AKvnDQ;EACI,WAAA;EACA,iBAAA;ALynDZ;AKvnDY;EACI,+BAAA;EACA,eAAA;ALynDhB;AKrnDQ;EACI,WAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,2BAAA;EACA,eAAA;EACA,SAAA;EACA,sBAAA;ALunDZ;AKrnDY;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,wCAAA;EACA,kBAAA;ALunDhB;AKrnDgB;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;ALunDpB;AKrnDoB;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;EACA,qCAAA;EACA,aAAA;EACA,mBAAA;EACA,0CAAA;ALunDxB;AKnnDgB;;EAEI,kBAAA;EACA,YAAA;EACA,UAAA;EACA,2BAAA;EACA,2BAAA;EACA,8BAAA;EACA,oBAAA;EACA,aAAA;EACA,mBAAA;ALqnDpB;AKlnDgB;EACI,YAAA;EACA,UAAA;EACA,6BAAA;EACA,yCAAA;ALonDpB;AKjnDgB;EACI,aAAA;EACA,WAAA;EACA,UAAA;EACA,6BAAA;EACA,mCAAA;ALmnDpB;AK/mDoB;EACI,WAAA;EACA,YAAA;ALinDxB;AK9mDoB;EACI,6BAAA;EACA,mCAAA;ALgnDxB;AK7mDoB;EACI,6BAAA;EACA,yCAAA;AL+mDxB;AK1mDY;EACI,eAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;AL4mDhB;AK1mDgB;EACI,2BAAA;EACA,sBAAA;AL4mDpB;AKzmDgB;EACI,kBAAA;EACA,WAAA;AL2mDpB;AKzmDoB;EACI,kBAAA;EACA,QAAA;EACA,WAAA;EACA,2BAAA;EACA,qBAAA;EACA,oBAAA;EACA,mCAAA;EACA,0BAAA;EACA,gBAAA;EACA,oBAAA;EACA,6BAAA;EACA,sBAAA;AL2mDxB;AKvmDgB;;;EAGI,uCAAA;EACA,6BAAA;EACA,8BAAA;EACA,kBAAA;ALymDpB;AKtmDgB;;EAEI,wCAAA;ALwmDpB;AKrmDgB;EACI,gCAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,eAAA;ALumDpB;AKpmDgB;EACI,WAAA;EACA,kBAAA;EACA,0BAAA;ALsmDpB;AKlmDY;EACI,eAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;ALomDhB;AKlmDgB;EACI,WAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EACA,wCAAA;EACA,2BAAA;EACA,8BAAA;EACA,kBAAA;EACA,uCAAA;EACA,6BAAA;EACA,8BAAA;EACA,kBAAA;ALomDpB;AKlmDoB;EACI,uBAAA;EAAA,kBAAA;EACA,eAAA;EACA,kBAAA;ALomDxB;AKjmDoB;EACI,uCAAA;EACA,6BAAA;EACA,8BAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,oBAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,YAAA;ALmmDxB;AKjmDwB;EACI,aAAA;ALmmD5B;AK9lDgB;EACI,wCAAA;EACA,oBAAA;EACA,kBAAA;EACA,2BAAA;EACA,kBAAA;EACA,YAAA;EACA,4BAAA;EACA,4BAAA;EACA,+BAAA;EACA,eAAA;EACA,8CAAA;ALgmDpB;AK9lDoB;EACI,wCAAA;ALgmDxB;AK1lDQ;EACI,aAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AL4lDZ;AK1lDY;EAEI,WAAA;EACA,4BAAA;EAAA,uBAAA;EACA,UAAA;EACA,gBAAA;EAEA,sGAAA;AL0lDhB;AKvlDoB;EACI,eAAA;EACA,kBAAA;EACA,UAAA;ALylDxB;AKvlDwB;EACI,kBAAA;EACA,WAAA;EACA,QAAA;EACA,UAAA;EACA,wBAAA;EACA,cAAA;EACA,wCAAA;EACA,WAAA;ALylD5B;AKrlDwB;EACI,uBAAA;EAAA,kBAAA;EACA,uCAAA;EACA,eAAA;EACA,iBAAA;EACA,0BAAA;ALulD5B;AKnlDoB;EACI,yBAAA;ALqlDxB;AKnlDwB;EACI,sBAAA;ALqlD5B;AKjlDoB;EACI,aAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;EACA,eAAA;EACA,SAAA;ALmlDxB;AKjlDwB;EACI,uCAAA;EACA,kBAAA;EACA,uBAAA;EAAA,kBAAA;EACA,gBAAA;EACA,6CAAA;EACA,wCAAA;EACA,kBAAA;ALmlD5B;AKjlD4B;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;ALmlDhC;AKjlDgC;EACI,OAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,cAAA;EACA,eAAA;EACA,iCAAA;ALmlDpC;AKjlDoC;EACI,aAAA;ALmlDxC;AKhlD4C;EACI,4BAAA;ALklDhD;AK7kDoC;EACI,2BAAA;AL+kDxC;AK5kDoC;EACI,2BAAA;EACA,oBAAA;EACA,6CAAA;AL8kDxC;AK1kDgC;EACI,UAAA;EACA,kBAAA;EACA,YAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,uCAAA;EACA,YAAA;EACA,eAAA;EACA,yEAAA;AL4kDpC;AK1kDoC;EACI,sBAAA;EACA,4BAAA;EACA,mCAAA;AL4kDxC;AKvkD4B;EACI,8CAAA;ALykDhC;AKrkDoC;EAEI,UAAA;ALskDxC;AKpkDwC;EACI,6BAAA;ALskD5C;AKnkDwC;EACI,wCAAA;ALqkD5C;AKnkD4C;EACI,6BAAA;ALqkDhD;AK9jD4B;EACI,8CAAA;ALgkDhC;AK7jD4B;EACI,oBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,uBAAA;EACA,eAAA;AL+jDhC;AK1jD4B;EACI,SAAA;EACA,UAAA;EACA,sBAAA;EACA,iCAAA;EACA,eAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yGAAA;AL4jDhC;AKzjD4B;EACI,aAAA;EACA,WAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;EACA,yEAAA;AL2jDhC;AKzjDgC;EACI,WAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,iCAAA;AL2jDpC;AKzjDoC;EACI,2BAAA;AL2jDxC;AKxjDoC;EACI,kBAAA;EACA,sBAAA;AL0jDxC;AKtjDgC;EACI,wCAAA;EACA,YAAA;EACA,4BAAA;ALwjDpC;AKtjDoC;EACI,wCAAA;ALwjDxC;AKpjDgC;EACI,uCAAA;EACA,wCAAA;EACA,6BAAA;ALsjDpC;AKpjDoC;EACI,wCAAA;EACA,oCAAA;EACA,4BAAA;ALsjDxC;AK5iDoC;EACI,yBAAA;EACA,0CAAA;AL8iDxC;AKziD4B;EACI,mBAAA;AL2iDhC;AKtiD4B;EACI,YAAA;EACA,cAAA;EACA,UAAA;EACA,qGAAA;ALwiDhC;AKriD4B;EACI,cAAA;EACA,UAAA;EACA,wEAAA;ALuiDhC;AKjiDoB;EACI,SAAA;EACA,UAAA;EACA,qEAAA;ALmiDxB;AK/hDgB;EACI,QAAA;EACA,SAAA;EACA,UAAA;EACA,iGAAA;ALiiDpB;AK3hDI;EACI,mBAAA;EACA,UAAA;EACA,oBAAA;AL6hDR;;AMnkEA;;;;;;;;;;;;;EAAA;AAeA;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,yCAAA;EACA,UAAA;EACA,mBAAA;EACA,mBAAA;EACA,yCAAA;ANqkEJ;AMnkEI;EACI,YAAA;EACA,mBAAA;EACA,uCAAA;EACA,8CAAA;EACA,aAAA;ANqkER;AMnkEQ;EACI,WAAA;EACA,iBAAA;EACA,mBAAA;ANqkEZ;AMnkEY;EACI,+BAAA;EACA,eAAA;ANqkEhB;AMjkEQ;EAMI,mBAAA;AN8jEZ;AMnkEY;EACI,6BAAA;EACA,2BAAA;EACA,+BAAA;ANqkEhB;AMhkEQ;EACI,WAAA;EACA,mBAAA;ANkkEZ;AMhkEY;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,8BAAA;EACA,sBAAA;ANkkEhB;AM/jEY;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,mBAAA;ANikEhB;AM/jEgB;EACI,WAAA;EACA,YAAA;EACA,uCAAA;EACA,4CAAA;EACA,6CAAA;EACA,+CAAA;EACA,kBAAA;EACA,2BAAA;EACA,8BAAA;EACA,8BAAA;EACA,sBAAA;EACA,6BAAA;EACA,aAAA;ANikEpB;AM/jEoB;EACI,2BAAA;ANikExB;AM9jEoB;EACI,aAAA;ANgkExB;AM5jEgB;EACI,YAAA;EACA,uBAAA;EAAA,kBAAA;EACA,wCAAA;EACA,4BAAA;EACA,sBAAA;EACA,aAAA;EACA,4BAAA;EACA,+BAAA;EACA,YAAA;EACA,eAAA;EACA,8CAAA;AN8jEpB;AM5jEoB;EACI,wCAAA;AN8jExB;AM3jEoB;EACI,wCAAA;EACA,eAAA;AN6jExB;AMxjEY;EACI,eAAA;EACA,2BAAA;EACA,iCAAA;AN0jEhB;AMxjEgB;EACI,mBAAA;EACA,wCAAA;EACA,4BAAA;EACA,YAAA;EACA,8CAAA;AN0jEpB;AMzjEoB;EACI,kBAAA;AN2jExB;AMxjEoB;EACI,wCAAA;AN0jExB;AMtjEgB;EACI,wCAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;ANwjEpB;AMtjEoB;EACI,wCAAA;EACA,oCAAA;EACA,4BAAA;ANwjExB;AMljEQ;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,qBAAA;EACA,iBAAA;EACA,4CAAA;ANojEZ;AMljEY;EACI,OAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;EACA,4BAAA;EACA,wCAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,8CAAA;ANojEhB;AMljEgB;EACI,wCAAA;EACA,mBAAA;ANojEpB;AMljEoB;EACI,wCAAA;ANojExB;AMhjEgB;EACI,kBAAA;ANkjEpB;AM/iEgB;EACI,wCAAA;ANijEpB;AM5iEQ;EACI,mBAAA;AN8iEZ;AM7iEY;EACI,6BAAA;EACA,2BAAA;EACA,mCAAA;AN+iEhB;AM7iEgB;EACI,2BAAA;AN+iEpB;AM1iEgB;EACI,2BAAA;AN4iEpB;AMtiEI;EACI,mBAAA;EACA,UAAA;EACA,oBAAA;ANwiER;;AOvwEA;;;;;;;;;;;;;EAAA;AAeA;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,yCAAA;EACA,aAAA;EACA,mBAAA;EACA,UAAA;EACA,mBAAA;EACA,mBAAA;EACA,yCAAA;APywEJ;AOvwEI;EACI,uCAAA;EACA,mBAAA;EACA,8CAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,8BAAA;EACA,aAAA;APywER;AOvwEQ;EACI,mBAAA;APywEZ;AOxwEY;EACI,kBAAA;EACA,6BAAA;EACA,mBAAA;AP0wEhB;AOxwEY;EACI,gBAAA;AP0wEhB;AOrwEY;EACI,eAAA;EACA,YAAA;EACA,wBAAA;EACA,kBAAA;EACA,sBAAA;EACA,2BAAA;EACA,8BAAA;EACA,4BAAA;EAEA,8CAAA;APswEhB;AOpwEY;EACI,wCAAA;EACA,kBAAA;APswEhB;AOpwEgB;EACI,wCAAA;APswEpB;AOlwEY;EACI,sCAAA;APowEhB;AOlwEgB;EACI,sCAAA;APowEpB;AO9vEI;EACI,mBAAA;EACA,UAAA;EACA,oBAAA;APgwER;;ADz6DA,qBAAA;AS7aA;;;;;;;;;;;;;EAAA;AAeA;EACI,YAAA;ARy1EJ;AQt1EQ;EACI,eAAA;ARw1EZ;AQr1EQ;EACI,UAAA;EACA,8BAAA;EACA,iBAAA;ARu1EZ;;AQl1EA;EACI,sBAAA;EACA,gCAAA;EACA,6BAAA;EACA,wCAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;EACA,uCAAA;EACA,gBAAA;EACA,WAAA;ARq1EJ","file":"styles.css"} \ No newline at end of file