q2-tecton-theme 1.14.3 → 1.16.0

package/src/q2-tecton-theme.scss

@@ -1,1429 +0,0 @@
-/*
-        Tecton Normalize
-        Inpsired by base q2-app _bootstrap.scss but conflicting resets are removed.
-        Wrapped in data-tecton-module for use in platforms
-    */
-[data-tecton-module] article,
-[data-tecton-module] aside,
-[data-tecton-module] details,
-[data-tecton-module] figcaption,
-[data-tecton-module] figure,
-[data-tecton-module] footer,
-[data-tecton-module] header,
-[data-tecton-module] hgroup,
-[data-tecton-module] main,
-[data-tecton-module] nav,
-[data-tecton-module] section,
-[data-tecton-module] address,
-[data-tecton-module] summary {
-    display: block;
-}
-
-[data-tecton-module] audio,
-[data-tecton-module] canvas,
-[data-tecton-module] video {
-    display: inline-block;
-}
-
-[data-tecton-module] audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-[data-tecton-module] [hidden] {
-    display: none;
-}
-
-[data-tecton-module] html {
-    font-family: sans-serif;
-    /* stylelint-disable */
-    -webkit-text-size-adjust: 100%;
-    -ms-text-size-adjust: 100%;
-    /* stylelint-enable */
-}
-
-[data-tecton-module] body {
-    margin: 0;
-}
-
-[data-tecton-module] a:focus {
-    outline: thin dotted;
-}
-
-[data-tecton-module] a:active,
-[data-tecton-module] a:hover {
-    outline: 0;
-}
-
-[data-tecton-module] b,
-[data-tecton-module] strong {
-    font-weight: 700;
-}
-
-[data-tecton-module] dfn {
-    font-style: italic;
-}
-
-[data-tecton-module] hr {
-    height: 0;
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eeeeee;
-    box-sizing: content-box;
-}
-
-[data-tecton-module] div,
-[data-tecton-module] input,
-[data-tecton-module] a {
-    box-sizing: border-box;
-}
-
-[data-tecton-module] code,
-[data-tecton-module] kbd,
-[data-tecton-module] pre,
-[data-tecton-module] samp {
-    font-family: monospace, serif;
-    font-size: 1em;
-}
-
-[data-tecton-module] pre {
-    white-space: pre-wrap;
-}
-
-[data-tecton-module] q {
-    quotes: "“" "”" "‘" "’";
-}
-
-[data-tecton-module] sub,
-[data-tecton-module] sup {
-    position: relative;
-    font-size: 75%;
-    line-height: 0;
-    vertical-align: baseline;
-}
-
-[data-tecton-module] sup {
-    top: -0.5em;
-}
-
-[data-tecton-module] sub {
-    bottom: -0.25em;
-}
-
-[data-tecton-module] img {
-    border: 0;
-}
-
-[data-tecton-module] svg:not(:root) {
-    overflow: hidden;
-}
-
-[data-tecton-module] figure {
-    margin: 0;
-}
-
-[data-tecton-module] legend {
-    padding: 0;
-    border: 0;
-}
-
-[data-tecton-module] button,
-[data-tecton-module] input,
-[data-tecton-module] select,
-[data-tecton-module] textarea {
-    margin: 0;
-    box-sizing: border-box;
-    font-family: inherit;
-    line-height: inherit;
-    font-size: 100%;
-}
-
-[data-tecton-module] button,
-[data-tecton-module] input {
-    line-height: normal;
-}
-
-[data-tecton-module] button,
-[data-tecton-module] select {
-    text-transform: none;
-}
-
-[data-tecton-module] button,
-[data-tecton-module] html input[type="button"],
-[data-tecton-module] input[type="reset"],
-[data-tecton-module] input[type="submit"] {
-    cursor: pointer;
-    /* stylelint-disable */
-    -webkit-appearance: button;
-    /* stylelint-enable */
-}
-
-[data-tecton-module] button[disabled],
-[data-tecton-module] html input[disabled] {
-    cursor: default;
-}
-
-[data-tecton-module] input[type="checkbox"],
-[data-tecton-module] input[type="radio"] {
-    padding: 0;
-    box-sizing: border-box;
-}
-
-[data-tecton-module] input[type="search"] {
-    box-sizing: content-box;
-    /* stylelint-disable */
-    -webkit-appearance: textfield;
-    /* stylelint-enable */
-}
-
-[data-tecton-module] input[type="search"]::-webkit-search-cancel-button,
-[data-tecton-module] input[type="search"]::-webkit-search-decoration {
-    /* stylelint-disable */
-    -webkit-appearance: none;
-    /* stylelint-enable */
-}
-
-[data-tecton-module] button::-moz-focus-inner,
-[data-tecton-module] input::-moz-focus-inner {
-    padding: 0;
-    border: 0;
-}
-
-[data-tecton-module] textarea {
-    overflow: auto;
-    vertical-align: top;
-}
-
-[data-tecton-module] table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-[data-tecton-module] button,
-[data-tecton-module] input,
-[data-tecton-module] select[multiple],
-[data-tecton-module] textarea {
-    background-image: none;
-}
-
-[data-tecton-module] .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0 0 0 0);
-    border: 0;
-}
-
-[data-tecton-module] cite {
-    font-style: normal;
-}
-
-[data-tecton-module] p {
-    margin: 0 0 10px;
-}
-
-[data-tecton-module] ul,
-[data-tecton-module] ol {
-    margin-top: 0;
-    margin-bottom: 10px;
-}
-
-[data-tecton-module] ul ul,
-[data-tecton-module] ol ul,
-[data-tecton-module] ul ol,
-[data-tecton-module] ol ol {
-    margin-bottom: 0;
-}
-
-[data-tecton-module] dl {
-    margin-bottom: 20px;
-}
-
-[data-tecton-module] dt,
-[data-tecton-module] dd {
-    line-height: 1.428571429;
-}
-
-[data-tecton-module] dt {
-    font-weight: 700;
-}
-
-[data-tecton-module] dd {
-    margin-left: 0;
-}
-
-[data-tecton-module] address {
-    display: block;
-}
-
-[data-tecton-module] h1,
-[data-tecton-module] h2,
-[data-tecton-module] h3,
-[data-tecton-module] .heading-1,
-[data-tecton-module] .heading-2,
-[data-tecton-module] .heading-3 {
-    margin-top: 1.4285714286rem;
-    margin-bottom: 0.7142857143rem;
-}
-
-[data-tecton-module] h4,
-[data-tecton-module] h5,
-[data-tecton-module] h6,
-[data-tecton-module] .heading-4,
-[data-tecton-module] .heading-5,
-[data-tecton-module] .heading-6 {
-    margin-top: 0.7142857143rem;
-    margin-bottom: 0.7142857143rem;
-}
-
-[data-tecton-module] h1,
-[data-tecton-module] .heading-1 {
-    font-size: 2.0714285714rem;
-    font-weight: 400;
-}
-
-@media screen and (max-width: 767px) {
-    [data-tecton-module] h1,
-    [data-tecton-module] .heading-1 {
-        font-size: 1.7857142857rem;
-    }
-}
-[data-tecton-module] h2,
-[data-tecton-module] .heading-2 {
-    font-size: 1.4285714286rem;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-}
-
-[data-tecton-module] h3,
-[data-tecton-module] .heading-3 {
-    font-size: 1.2142857143rem;
-    font-weight: 600;
-}
-
-[data-tecton-module] h4,
-[data-tecton-module] .heading-4 {
-    font-size: 1rem;
-    font-weight: 600;
-}
-
-[data-tecton-module] h5,
-[data-tecton-module] h6,
-[data-tecton-module] .heading-5,
-[data-tecton-module] .heading-6 {
-    font-size: inherit;
-    font-weight: 400;
-}
-
-[data-tecton-module] p {
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-}
-
-[data-tecton-module] small,
-[data-tecton-module] .small-copy {
-    font-size: 0.8571428571rem;
-    font-weight: 400;
-}
-
-[data-tecton-module] .light {
-    font-weight: 300;
-}
-
-[data-tecton-module] .semibold {
-    font-weight: 600;
-}
-
-[data-tecton-module] .bold {
-    font-weight: 700;
-}
-
-[data-tecton-module] .empty-state,
-[data-tecton-module] .no-history {
-    font-style: italic;
-}
-
-[data-tecton-module] .mrg\(a\) {
-    margin: auto;
-}
-
-[data-tecton-module] .mrg-y\(a\) {
-    margin-top: auto;
-    margin-bottom: auto;
-}
-
-[data-tecton-module] .mrg-x\(a\) {
-    margin-left: auto;
-    margin-right: auto;
-}
-
-[data-tecton-module] .mrg-t\(a\) {
-    margin-top: auto;
-}
-
-[data-tecton-module] .mrg-b\(a\) {
-    margin-bottom: auto;
-}
-
-[data-tecton-module] .mrg-l\(a\) {
-    margin-left: auto;
-}
-
-[data-tecton-module] .mrg-r\(a\) {
-    margin-right: auto;
-}
-
-[data-tecton-module] .pad\(a\) {
-    padding: auto;
-}
-
-[data-tecton-module] .pad-y\(a\) {
-    padding-top: auto;
-    padding-bottom: auto;
-}
-
-[data-tecton-module] .pad-x\(a\) {
-    padding-left: auto;
-    padding-right: auto;
-}
-
-[data-tecton-module] .pad-t\(a\) {
-    padding-top: auto;
-}
-
-[data-tecton-module] .pad-b\(a\) {
-    padding-bottom: auto;
-}
-
-[data-tecton-module] .pad-l\(a\) {
-    padding-left: auto;
-}
-
-[data-tecton-module] .pad-r\(a\) {
-    padding-right: auto;
-}
-
-[data-tecton-module] .w\(a\) {
-    width: auto;
-}
-
-[data-tecton-module] .h\(a\) {
-    height: auto;
-}
-
-[data-tecton-module] .mrg\(0\) {
-    margin: 0px;
-}
-
-[data-tecton-module] .mrg-y\(0\) {
-    margin-top: 0px;
-    margin-bottom: 0px;
-}
-
-[data-tecton-module] .mrg-x\(0\) {
-    margin-left: 0px;
-    margin-right: 0px;
-}
-
-[data-tecton-module] .mrg-t\(0\) {
-    margin-top: 0px;
-}
-
-[data-tecton-module] .mrg-b\(0\) {
-    margin-bottom: 0px;
-}
-
-[data-tecton-module] .mrg-l\(0\) {
-    margin-left: 0px;
-}
-
-[data-tecton-module] .mrg-r\(0\) {
-    margin-right: 0px;
-}
-
-[data-tecton-module] .pad\(0\) {
-    padding: 0px;
-}
-
-[data-tecton-module] .pad-y\(0\) {
-    padding-top: 0px;
-    padding-bottom: 0px;
-}
-
-[data-tecton-module] .pad-x\(0\) {
-    padding-left: 0px;
-    padding-right: 0px;
-}
-
-[data-tecton-module] .pad-t\(0\) {
-    padding-top: 0px;
-}
-
-[data-tecton-module] .pad-b\(0\) {
-    padding-bottom: 0px;
-}
-
-[data-tecton-module] .pad-l\(0\) {
-    padding-left: 0px;
-}
-
-[data-tecton-module] .pad-r\(0\) {
-    padding-right: 0px;
-}
-
-[data-tecton-module] .w\(0\) {
-    width: 0px;
-}
-
-[data-tecton-module] .h\(0\) {
-    height: 0px;
-}
-
-[data-tecton-module] .mrg\(1\) {
-    margin: 5px;
-}
-
-[data-tecton-module] .mrg-y\(1\) {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-[data-tecton-module] .mrg-x\(1\) {
-    margin-left: 5px;
-    margin-right: 5px;
-}
-
-[data-tecton-module] .mrg-t\(1\) {
-    margin-top: 5px;
-}
-
-[data-tecton-module] .mrg-b\(1\) {
-    margin-bottom: 5px;
-}
-
-[data-tecton-module] .mrg-l\(1\) {
-    margin-left: 5px;
-}
-
-[data-tecton-module] .mrg-r\(1\) {
-    margin-right: 5px;
-}
-
-[data-tecton-module] .pad\(1\) {
-    padding: 5px;
-}
-
-[data-tecton-module] .pad-y\(1\) {
-    padding-top: 5px;
-    padding-bottom: 5px;
-}
-
-[data-tecton-module] .pad-x\(1\) {
-    padding-left: 5px;
-    padding-right: 5px;
-}
-
-[data-tecton-module] .pad-t\(1\) {
-    padding-top: 5px;
-}
-
-[data-tecton-module] .pad-b\(1\) {
-    padding-bottom: 5px;
-}
-
-[data-tecton-module] .pad-l\(1\) {
-    padding-left: 5px;
-}
-
-[data-tecton-module] .pad-r\(1\) {
-    padding-right: 5px;
-}
-
-[data-tecton-module] .w\(1\) {
-    width: 5px;
-}
-
-[data-tecton-module] .h\(1\) {
-    height: 5px;
-}
-
-[data-tecton-module] .mrg\(2\) {
-    margin: 10px;
-}
-
-[data-tecton-module] .mrg-y\(2\) {
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
-
-[data-tecton-module] .mrg-x\(2\) {
-    margin-left: 10px;
-    margin-right: 10px;
-}
-
-[data-tecton-module] .mrg-t\(2\) {
-    margin-top: 10px;
-}
-
-[data-tecton-module] .mrg-b\(2\) {
-    margin-bottom: 10px;
-}
-
-[data-tecton-module] .mrg-l\(2\) {
-    margin-left: 10px;
-}
-
-[data-tecton-module] .mrg-r\(2\) {
-    margin-right: 10px;
-}
-
-[data-tecton-module] .pad\(2\) {
-    padding: 10px;
-}
-
-[data-tecton-module] .pad-y\(2\) {
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-[data-tecton-module] .pad-x\(2\) {
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-[data-tecton-module] .pad-t\(2\) {
-    padding-top: 10px;
-}
-
-[data-tecton-module] .pad-b\(2\) {
-    padding-bottom: 10px;
-}
-
-[data-tecton-module] .pad-l\(2\) {
-    padding-left: 10px;
-}
-
-[data-tecton-module] .pad-r\(2\) {
-    padding-right: 10px;
-}
-
-[data-tecton-module] .w\(2\) {
-    width: 10px;
-}
-
-[data-tecton-module] .h\(2\) {
-    height: 10px;
-}
-
-[data-tecton-module] .mrg\(3\) {
-    margin: 15px;
-}
-
-[data-tecton-module] .mrg-y\(3\) {
-    margin-top: 15px;
-    margin-bottom: 15px;
-}
-
-[data-tecton-module] .mrg-x\(3\) {
-    margin-left: 15px;
-    margin-right: 15px;
-}
-
-[data-tecton-module] .mrg-t\(3\) {
-    margin-top: 15px;
-}
-
-[data-tecton-module] .mrg-b\(3\) {
-    margin-bottom: 15px;
-}
-
-[data-tecton-module] .mrg-l\(3\) {
-    margin-left: 15px;
-}
-
-[data-tecton-module] .mrg-r\(3\) {
-    margin-right: 15px;
-}
-
-[data-tecton-module] .pad\(3\) {
-    padding: 15px;
-}
-
-[data-tecton-module] .pad-y\(3\) {
-    padding-top: 15px;
-    padding-bottom: 15px;
-}
-
-[data-tecton-module] .pad-x\(3\) {
-    padding-left: 15px;
-    padding-right: 15px;
-}
-
-[data-tecton-module] .pad-t\(3\) {
-    padding-top: 15px;
-}
-
-[data-tecton-module] .pad-b\(3\) {
-    padding-bottom: 15px;
-}
-
-[data-tecton-module] .pad-l\(3\) {
-    padding-left: 15px;
-}
-
-[data-tecton-module] .pad-r\(3\) {
-    padding-right: 15px;
-}
-
-[data-tecton-module] .w\(3\) {
-    width: 15px;
-}
-
-[data-tecton-module] .h\(3\) {
-    height: 15px;
-}
-
-[data-tecton-module] .mrg\(4\) {
-    margin: 30px;
-}
-
-[data-tecton-module] .mrg-y\(4\) {
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
-[data-tecton-module] .mrg-x\(4\) {
-    margin-left: 30px;
-    margin-right: 30px;
-}
-
-[data-tecton-module] .mrg-t\(4\) {
-    margin-top: 30px;
-}
-
-[data-tecton-module] .mrg-b\(4\) {
-    margin-bottom: 30px;
-}
-
-[data-tecton-module] .mrg-l\(4\) {
-    margin-left: 30px;
-}
-
-[data-tecton-module] .mrg-r\(4\) {
-    margin-right: 30px;
-}
-
-[data-tecton-module] .pad\(4\) {
-    padding: 30px;
-}
-
-[data-tecton-module] .pad-y\(4\) {
-    padding-top: 30px;
-    padding-bottom: 30px;
-}
-
-[data-tecton-module] .pad-x\(4\) {
-    padding-left: 30px;
-    padding-right: 30px;
-}
-
-[data-tecton-module] .pad-t\(4\) {
-    padding-top: 30px;
-}
-
-[data-tecton-module] .pad-b\(4\) {
-    padding-bottom: 30px;
-}
-
-[data-tecton-module] .pad-l\(4\) {
-    padding-left: 30px;
-}
-
-[data-tecton-module] .pad-r\(4\) {
-    padding-right: 30px;
-}
-
-[data-tecton-module] .w\(4\) {
-    width: 30px;
-}
-
-[data-tecton-module] .h\(4\) {
-    height: 30px;
-}
-
-[data-tecton-module] .mrg\(5\) {
-    margin: 45px;
-}
-
-[data-tecton-module] .mrg-y\(5\) {
-    margin-top: 45px;
-    margin-bottom: 45px;
-}
-
-[data-tecton-module] .mrg-x\(5\) {
-    margin-left: 45px;
-    margin-right: 45px;
-}
-
-[data-tecton-module] .mrg-t\(5\) {
-    margin-top: 45px;
-}
-
-[data-tecton-module] .mrg-b\(5\) {
-    margin-bottom: 45px;
-}
-
-[data-tecton-module] .mrg-l\(5\) {
-    margin-left: 45px;
-}
-
-[data-tecton-module] .mrg-r\(5\) {
-    margin-right: 45px;
-}
-
-[data-tecton-module] .pad\(5\) {
-    padding: 45px;
-}
-
-[data-tecton-module] .pad-y\(5\) {
-    padding-top: 45px;
-    padding-bottom: 45px;
-}
-
-[data-tecton-module] .pad-x\(5\) {
-    padding-left: 45px;
-    padding-right: 45px;
-}
-
-[data-tecton-module] .pad-t\(5\) {
-    padding-top: 45px;
-}
-
-[data-tecton-module] .pad-b\(5\) {
-    padding-bottom: 45px;
-}
-
-[data-tecton-module] .pad-l\(5\) {
-    padding-left: 45px;
-}
-
-[data-tecton-module] .pad-r\(5\) {
-    padding-right: 45px;
-}
-
-[data-tecton-module] .w\(5\) {
-    width: 45px;
-}
-
-[data-tecton-module] .h\(5\) {
-    height: 45px;
-}
-
-[data-tecton-module] .mrg\(6\) {
-    margin: 60px;
-}
-
-[data-tecton-module] .mrg-y\(6\) {
-    margin-top: 60px;
-    margin-bottom: 60px;
-}
-
-[data-tecton-module] .mrg-x\(6\) {
-    margin-left: 60px;
-    margin-right: 60px;
-}
-
-[data-tecton-module] .mrg-t\(6\) {
-    margin-top: 60px;
-}
-
-[data-tecton-module] .mrg-b\(6\) {
-    margin-bottom: 60px;
-}
-
-[data-tecton-module] .mrg-l\(6\) {
-    margin-left: 60px;
-}
-
-[data-tecton-module] .mrg-r\(6\) {
-    margin-right: 60px;
-}
-
-[data-tecton-module] .pad\(6\) {
-    padding: 60px;
-}
-
-[data-tecton-module] .pad-y\(6\) {
-    padding-top: 60px;
-    padding-bottom: 60px;
-}
-
-[data-tecton-module] .pad-x\(6\) {
-    padding-left: 60px;
-    padding-right: 60px;
-}
-
-[data-tecton-module] .pad-t\(6\) {
-    padding-top: 60px;
-}
-
-[data-tecton-module] .pad-b\(6\) {
-    padding-bottom: 60px;
-}
-
-[data-tecton-module] .pad-l\(6\) {
-    padding-left: 60px;
-}
-
-[data-tecton-module] .pad-r\(6\) {
-    padding-right: 60px;
-}
-
-[data-tecton-module] .w\(6\) {
-    width: 60px;
-}
-
-[data-tecton-module] .h\(6\) {
-    height: 60px;
-}
-
-[data-tecton-module] .h\(1x\) {
-    height: var(--tct-scale-1x, var(--app-scale-1x, 5px));
-}
-
-[data-tecton-module] .w\(1x\) {
-    width: var(--tct-scale-1x, var(--app-scale-1x, 5px));
-}
-
-[data-tecton-module] .h\(2x\) {
-    height: var(--tct-scale-2x, var(--app-scale-2x, 10px));
-}
-
-[data-tecton-module] .w\(2x\) {
-    width: var(--tct-scale-2x, var(--app-scale-2x, 10px));
-}
-
-[data-tecton-module] .h\(3x\) {
-    height: var(--tct-scale-3x, var(--app-scale-3x, 15px));
-}
-
-[data-tecton-module] .w\(3x\) {
-    width: var(--tct-scale-3x, var(--app-scale-3x, 15px));
-}
-
-[data-tecton-module] .h\(4x\) {
-    height: var(--tct-scale-4x, var(--app-scale-4x, 20px));
-}
-
-[data-tecton-module] .w\(4x\) {
-    width: var(--tct-scale-4x, var(--app-scale-4x, 20px));
-}
-
-[data-tecton-module] .h\(5x\) {
-    height: var(--tct-scale-5x, var(--app-scale-5x, 25px));
-}
-
-[data-tecton-module] .w\(5x\) {
-    width: var(--tct-scale-5x, var(--app-scale-5x, 25px));
-}
-
-[data-tecton-module] .h\(6x\) {
-    height: var(--tct-scale-6x, var(--app-scale-6x, 30px));
-}
-
-[data-tecton-module] .w\(6x\) {
-    width: var(--tct-scale-6x, var(--app-scale-6x, 30px));
-}
-
-[data-tecton-module] .h\(7x\) {
-    height: var(--tct-scale-7x, var(--app-scale-7x, 35px));
-}
-
-[data-tecton-module] .w\(7x\) {
-    width: var(--tct-scale-7x, var(--app-scale-7x, 35px));
-}
-
-[data-tecton-module] .h\(8x\) {
-    height: var(--tct-scale-8x, var(--app-scale-8x, 40px));
-}
-
-[data-tecton-module] .w\(8x\) {
-    width: var(--tct-scale-8x, var(--app-scale-8x, 40px));
-}
-
-[data-tecton-module] .h\(9x\) {
-    height: var(--tct-scale-9x, var(--app-scale-9x, 45px));
-}
-
-[data-tecton-module] .w\(9x\) {
-    width: var(--tct-scale-9x, var(--app-scale-9x, 45px));
-}
-
-[data-tecton-module] .h\(10x\) {
-    height: var(--tct-scale-10x, var(--app-scale-10x, 50px));
-}
-
-[data-tecton-module] .w\(10x\) {
-    width: var(--tct-scale-10x, var(--app-scale-10x, 50px));
-}
-
-[data-tecton-module] .h\(11x\) {
-    height: var(--tct-scale-11x, var(--app-scale-11x, 55px));
-}
-
-[data-tecton-module] .w\(11x\) {
-    width: var(--tct-scale-11x, var(--app-scale-11x, 55px));
-}
-
-[data-tecton-module] .h\(12x\) {
-    height: var(--tct-scale-12x, var(--app-scale-12x, 60px));
-}
-
-[data-tecton-module] .w\(12x\) {
-    width: var(--tct-scale-12x, var(--app-scale-12x, 60px));
-}
-
-[data-tecton-module] .tooltipped {
-    position: relative;
-}
-
-@keyframes tooltippedFade {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-[data-tecton-module] .tooltipped:before {
-    position: absolute;
-    z-index: 1000001;
-    width: 0;
-    height: 0;
-    color: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8));
-    pointer-events: none;
-    content: "";
-    border: var(--app-tooltip-size, 5px) solid transparent;
-}
-
-[data-tecton-module] .tooltipped:after {
-    position: absolute;
-    z-index: 1000000;
-    padding: var(--app-tooltip-size, 5px) 8px;
-    font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-weight: 600;
-    font-size: 12px;
-    line-height: 1.5;
-    color: var(--app-tooltip-text-color, #ffffff);
-    text-align: center;
-    text-decoration: none;
-    text-shadow: none;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: break-word;
-    white-space: pre;
-    pointer-events: none;
-    content: attr(aria-label);
-    background: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8));
-    border-radius: 3px;
-}
-
-[data-tecton-module] .tooltipped[label][stencil-hydrated]:after {
-    content: attr(label);
-}
-
-[data-tecton-module] .tooltipped:before,
-[data-tecton-module] .tooltipped:after {
-    display: inline-block;
-    visibility: hidden;
-    opacity: 0;
-    transition: all 250ms ease-in-out 0s;
-}
-
-[data-tecton-module] .tooltipped:hover:before,
-[data-tecton-module] .tooltipped:hover:after,
-[data-tecton-module] .tooltipped:active:before,
-[data-tecton-module] .tooltipped:active:after,
-[data-tecton-module] .tooltipped:focus:before,
-[data-tecton-module] .tooltipped:focus:after,
-[data-tecton-module] .tooltipped:focus-within:before,
-[data-tecton-module] .tooltipped:focus-within:after {
-    text-decoration: none;
-    visibility: visible;
-    opacity: 1;
-}
-
-[data-tecton-module] .tooltipped:hover:before,
-[data-tecton-module] .tooltipped:hover:after,
-[data-tecton-module] .tooltipped:active:before,
-[data-tecton-module] .tooltipped:active:after {
-    transition: all 250ms ease-in-out;
-}
-
-[data-tecton-module] .tooltipped:hover:before,
-[data-tecton-module] .tooltipped:hover:after {
-    transition-delay: 1s;
-}
-
-[data-tecton-module] .tooltipped:focus:before,
-[data-tecton-module] .tooltipped:focus:after,
-[data-tecton-module] .tooltipped:focus-within:before,
-[data-tecton-module] .tooltipped:focus-within:after {
-    animation-timing-function: ease-in-out;
-    animation-fill-mode: forwards;
-    animation-name: tooltippedFade, tooltippedFade;
-    animation-direction: normal, reverse;
-    animation-duration: var(--app-tooltip-transition-duration, 250ms);
-    animation-delay: 0ms,
-        calc(
-            var(--app-tooltip-visible-duration, 2s) +
-                var(--app-tooltip-transition-duration, 250ms)
-        );
-}
-
-[data-tecton-module]
-    .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:before,
-[data-tecton-module]
-    .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:after,
-[data-tecton-module]
-    .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:before,
-[data-tecton-module]
-    .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:after,
-[data-tecton-module]
-    .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:before,
-[data-tecton-module]
-    .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:after,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:before,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:after,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated])[aria-label=""]:active:before,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated])[aria-label=""]:active:after,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:before,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:after,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:before,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:after,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated]):not([aria-label]):active:before,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated]):not([aria-label]):active:after,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:before,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:after {
-    display: none;
-}
-
-[data-tecton-module]
-    .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:before,
-[data-tecton-module]
-    .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:after,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:before,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:after,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:before,
-[data-tecton-module]
-    .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:after {
-    display: none;
-}
-
-[data-tecton-module] .tooltipped-multiline:after {
-    width: -webkit-max-content;
-    width: -moz-max-content;
-    width: max-content;
-    max-width: var(--app-tooltip-multiline-max-width, 200px);
-    word-break: break-word;
-    word-wrap: normal;
-    white-space: pre-line;
-    border-collapse: separate;
-    text-align: left;
-}
-
-[data-tecton-module] .tooltipped-multiline.tooltipped-s:after,
-[data-tecton-module] .tooltipped-multiline.tooltipped-n:after {
-    right: auto;
-    left: 50%;
-    transform: translateX(-50%);
-}
-
-[data-tecton-module] .tooltipped-multiline.tooltipped-w:after,
-[data-tecton-module] .tooltipped-multiline.tooltipped-e:after {
-    right: 100%;
-}
-
-[data-tecton-module] .tooltipped-multiline:hover:after,
-[data-tecton-module] .tooltipped-multiline:active:after,
-[data-tecton-module] .tooltipped-multiline:focus:after {
-    display: table-cell;
-}
-
-[data-tecton-module] .tooltipped-multiline:focus-within:after {
-    display: table-cell;
-}
-
-[data-tecton-module] .tooltipped-sticky:before,
-[data-tecton-module] .tooltipped-sticky:after {
-    display: inline-block;
-}
-
-[data-tecton-module] .tooltipped-sticky.tooltipped-multiline:after {
-    display: table-cell;
-}
-
-[data-tecton-module] .tooltipped-s:after,
-[data-tecton-module] .tooltipped-se:after,
-[data-tecton-module] .tooltipped-sw:after {
-    top: 100%;
-    right: 50%;
-    margin-top: var(--app-tooltip-size, 5px);
-}
-
-[data-tecton-module] .tooltipped-s:before,
-[data-tecton-module] .tooltipped-se:before,
-[data-tecton-module] .tooltipped-sw:before {
-    top: auto;
-    right: 50%;
-    bottom: var(--app-tooltip-position, -5px);
-    margin-right: var(--app-tooltip-position, -5px);
-    border-bottom-color: var(
-        --app-tooltip-background-color,
-        rgba(0, 0, 0, 0.8)
-    );
-}
-
-[data-tecton-module] .tooltipped-se:after {
-    right: auto;
-    left: 50%;
-    margin-left: var(--app-tooltip-body-offset, -15px);
-}
-
-[data-tecton-module] .tooltipped-sw:after {
-    margin-right: var(--app-tooltip-body-offset, -15px);
-}
-
-[data-tecton-module] .tooltipped-n:after,
-[data-tecton-module] .tooltipped-ne:after,
-[data-tecton-module] .tooltipped-nw:after {
-    right: 50%;
-    bottom: 100%;
-    margin-bottom: var(--app-tooltip-size, 5px);
-}
-
-[data-tecton-module] .tooltipped-n:before,
-[data-tecton-module] .tooltipped-ne:before,
-[data-tecton-module] .tooltipped-nw:before {
-    top: var(--app-tooltip-position, -5px);
-    right: 50%;
-    bottom: auto;
-    margin-right: var(--app-tooltip-position, -5px);
-    border-top-color: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8));
-}
-
-[data-tecton-module] .tooltipped-ne:after {
-    right: auto;
-    left: 50%;
-    margin-left: var(--app-tooltip-body-offset, -15px);
-}
-
-[data-tecton-module] .tooltipped-nw:after {
-    margin-right: var(--app-tooltip-body-offset, -15px);
-}
-
-[data-tecton-module] .tooltipped-s:after,
-[data-tecton-module] .tooltipped-n:after {
-    transform: translateX(50%);
-}
-
-[data-tecton-module] .tooltipped-w:after {
-    right: 100%;
-    bottom: 50%;
-    margin-right: var(--app-tooltip-size, 5px);
-    transform: translateY(50%);
-}
-
-[data-tecton-module] .tooltipped-w:before {
-    top: 50%;
-    bottom: 50%;
-    left: var(--app-tooltip-position, -5px);
-    margin-top: var(--app-tooltip-position, -5px);
-    border-left-color: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8));
-}
-
-[data-tecton-module] .tooltipped-e:after {
-    bottom: 50%;
-    left: 100%;
-    margin-left: var(--app-tooltip-size, 5px);
-    transform: translateY(50%);
-}
-
-[data-tecton-module] .tooltipped-e:before {
-    top: 50%;
-    right: var(--app-tooltip-position, -5px);
-    bottom: 50%;
-    margin-top: var(--app-tooltip-position, -5px);
-    border-right-color: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8));
-}
-
-[data-tecton-module].phone .tooltipped:not(.tooltip-popover):hover:before,
-[data-tecton-module].phone .tooltipped:not(.tooltip-popover):hover:after,
-[data-tecton-module].phone .tooltipped:not(.tooltip-popover):active:before,
-[data-tecton-module].phone .tooltipped:not(.tooltip-popover):active:after,
-[data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus:before,
-[data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus:after,
-[data-tecton-module].phone
-    .tooltipped:not(.tooltip-popover):focus-within:before,
-[data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus-within:after,
-[data-tecton-module].tablet .tooltipped:not(.tooltip-popover):hover:before,
-[data-tecton-module].tablet .tooltipped:not(.tooltip-popover):hover:after,
-[data-tecton-module].tablet .tooltipped:not(.tooltip-popover):active:before,
-[data-tecton-module].tablet .tooltipped:not(.tooltip-popover):active:after,
-[data-tecton-module].tablet .tooltipped:not(.tooltip-popover):focus:before,
-[data-tecton-module].tablet .tooltipped:not(.tooltip-popover):focus:after,
-[data-tecton-module].tablet
-    .tooltipped:not(.tooltip-popover):focus-within:before,
-[data-tecton-module].tablet
-    .tooltipped:not(.tooltip-popover):focus-within:after {
-    display: none;
-}
-
-/* TODO: Merge the theme with fallback colors */
-:root {
-    /* default theme */
-    /*button */
-    --tct-btn-font-size: 14px;
-    --tct-btn-padding: 10px;
-    /* primary btn */
-    --tct-btn-primary-bg: #510098;
-    --tct-btn-primary-font-color: #ffffff;
-    --tct-btn-primary-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.12);
-    --tct-btn-primary-border-color: transparent;
-    --tct-btn-primary-border-width: 0px;
-    --tct-btn-primary-border-radius: 5px;
-    --tct-btn-primary-font-weight: 400;
-    --tct-btn-primary-text-transform: none;
-    --tct-btn-primary-letter-spacing: normal;
-    /* primary btn hover effects */
-    --tct-btn-primary-hover-bg: #510098;
-    --tct-btn-primary-hover-font-color: #ffffff;
-    --tct-btn-primary-hover-box-shadow: 8px 8px 8px rgba(98, 0, 255, 0.2);
-    --tct-btn-primary-hover-border-color: transparent;
-    /* secondary btn */
-    --tct-btn-secondary-bg: #8058bc;
-    --tct-btn-secondary-font-color: #ffffff;
-    --tct-btn-secondary-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.12);
-    --tct-btn-secondary-border-color: transparent;
-    --tct-btn-secondary-border-width: 0px;
-    --tct-btn-secondary-border-radius: 5px;
-    --tct-btn-secondary-font-weight: 400;
-    --tct-btn-secondary-text-transform: none;
-    --tct-btn-secondary-letter-spacing: normal;
-    /* secondary btn hover effects */
-    --tct-btn-secondary-hover-bg: #8058bc;
-    --tct-btn-secondary-hover-font-color: #ffffff;
-    --tct-btn-secondary-hover-box-shadow: 8px 8px 8px rgba(98, 0, 255, 0.2);
-    /* neutral btn */
-    --tct-btn-default-bg: #ffffff;
-    --tct-btn-default-font-color: #510098;
-    --tct-btn-default-font-weight: 400;
-    /* neutral btn hover effects */
-    --tct-btn-default-hover-bg: #ffffff;
-    --tct-btn-default-hover-font-color: #510098;
-    --tct-btn-default-hover-box-shadow: 8px 8px 8px rgba(98, 0, 255, 0.2);
-    /*icon buttons */
-    --tct-btn-icon-width: 50px;
-    --tct-btn-icon-height: 50px;
-    --tct-btn-icon-color: #510098;
-    /* icon button hover effects */
-    --tct-btn-icon-hover-bg: #f2f2f2;
-    --tct-btn-icon-active-bg: #f2f2f2;
-    /* badge buttons */
-    --tct-btn-badge-font-size: 14px;
-    --tct-btn-badge-bg: #510098;
-    --tct-btn-badge-font-color: #ffffff;
-    /* badge hover effects */
-    --tct-btn-badge-hover-bg: #8058bc;
-    --tct-btn-badge-hover-font-color: #ffffff;
-    /* badge active */
-    --tct-btn-badge-active-bg: #8058bc;
-    --tct-btn-badge-active-font-color: #ffffff;
-    /* buttons disabled */
-    --tct-btn-disabled-opacity: 0.6;
-    --tct-btn-primary-disabled-bg: #510098;
-    --tct-btn-primary-disabled-font-color: #ffffff;
-    --tct-btn-primary-disabled-box-shadow: transparent;
-    --tct-btn-secondary-disabled-bg: #8058bc;
-    --tct-btn-secondary-disabled-font-color: #ffffff;
-    --tct-btn-secondary-disabled-box-shadow: transparent;
-    --tct-btn-neutral-disabled-bg: #ffffff;
-    --tct-btn-neutral-disabled-font-color: #510098;
-    --tct-btn-neutral-disabled-box-shadow: transparent;
-    /* checkbox with label */
-    --tct-checkbox-font-weight: 300;
-    --tct-input-label-optional-font-size: 14px;
-    --tct-input-label-optional-font-weight: 300;
-    /* checkbox disabled */
-    --tct-checkbox-disabled-opacity: 0.6;
-    /* calendar */
-    --tct-calendar-label-font-size: 16px;
-    --tct-calendar-month-font-size: 14px;
-    --tct-calendar-day-heading-font-size: 14px;
-    --t-calendar-day-hover-bg: rgba(245, 238, 255, 0.5);
-    --tct-calendar-day-selected-font-color: #510098;
-    --tct-calendar-activity-indicator-color: #510098;
-    /* collapsible sections */
-    --tct-section-bg: #ffffff;
-    --tct-section-font-color: #090313;
-    /* dropdowns */
-    --tct-dropdown-item-bg: #ffffff;
-    --tct-dropdown-item-font-color: #090313;
-    --tct-dropdown-item-selected-bg: #f1f1f1;
-    /* icons */
-    --t-icon-size: 20px;
-    --t-icon-stroke-width: 1;
-    --t-icon-cap: round;
-    --t-icon-stroke-primary: #090313;
-    /* inputs */
-    --tct-input-font-size: 14px;
-    --tct-input-placeholder-font-color: #797979;
-    --tct-input-height: 40px;
-    --tct-input-bg: #fefefe;
-    --tct-input-font-color: #4b4b4b;
-    /* input label */
-    --tct-input-label-font-color: #090313;
-    --tct-input-label-font-size: 16px;
-    --tct-input-label-font-weight: 500;
-    /* input borders */
-    --tct-input-border-top-width: 0.5px;
-    --tct-input-border-right-width: 0.5px;
-    --tct-input-border-bottom-width: 0.5px;
-    --tct-input-border-left-width: 0.5px;
-    --tct-input-border-color: #510098;
-    /* loaders */
-    --tct-loading-skeleton-shimmer-color: rgba(254, 254, 254, 0.5);
-    --tct-loading-spinner-size: 40px;
-    /* messages */
-    --tct-message-bg: #f5f5f5;
-    --tct-input-messages-font-color: #090313;
-    --tct-message-bar-width: 6px;
-    --tct-message-padding: 15px;
-    /* options */
-    --tct-tab-alt-active-color: #510098;
-    --tct-optgroup-header-font-weight: 400;
-    /* selects */
-    --tct-select-margin-top: 20px;
-    --tct-select-margin-bottom: 20px;
-}