*,
:after,
:before {
box-sizing: border-box;
border: 0 solid #e5e7eb
}
:after,
:before {
--tw-content: ""
}
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-feature-settings: normal;
font-variation-settings: normal
}
body {
margin: 0;
line-height: inherit
}
hr {
height: 0;
color: inherit;
border-top-width: 1px
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
pre,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-feature-settings: normal;
font-variation-settings: normal;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button;
background-color: transparent;
background-image: none
}
:-moz-focusring {
outline: auto
}
:-moz-ui-invalid {
box-shadow: none
}
progress {
vertical-align: baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
margin: 0
}
fieldset {
margin: 0
}
fieldset,
legend {
padding: 0
}
menu,
ol,
ul {
list-style: none;
margin: 0;
padding: 0
}
dialog {
padding: 0
}
textarea {
resize: vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af
}
[role=button],
button {
cursor: pointer
}
:disabled {
cursor: default
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle
}
img,
video {
max-width: 100%;
height: auto
}
[hidden] {
display: none
}
.gradient-text {
background-clip: text;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-repeat: "no-repeat";
margin: "-1px";
border: "1px solid transparent"
}
.animate-float {
animation: float 5s infinite
}
@media (prefers-reduced-motion:reduce) {
.animate-float {
animation: none
}
}
@keyframes float {
0%,
to {
transform: translateY(var(--animate-float-ceil, -5%));
animation-timing-function: ease-in-out
}
50% {
transform: translateY(0);
animation-timing-function: ease-in-out
}
}
.hide-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none
}
.hide-scrollbar::-webkit-scrollbar {
display: none
}
html {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: 16px
}
body {
font-size: 18px
}
.flex-basis-0 {
flex-basis: 0
}
.mask-fade {
-webkit-mask-image: linear-gradient(0deg, transparent var(--wf-fade-stop, 60%), #fff var(--wf-fade-start, 75%));
mask-image: linear-gradient(0deg, transparent var(--wf-fade-stop, 60%), #fff var(--wf-fade-start, 75%))
}
.mask-reverse-fade {
-webkit-mask-image: linear-gradient(180deg, transparent var(--wf-fade-stop, 60%), #fff var(--wf-fade-start, 75%));
mask-image: linear-gradient(180deg, transparent var(--wf-fade-stop, 60%), #fff var(--wf-fade-start, 75%))
}
.aspect-5\/4:before {
content: "";
padding-top: calc((4 / 5) * 100%);
float: left
}
.aspect-5\/4:after {
display: block;
content: "";
clear: both
}
.aspect-11\/10:before {
content: "";
padding-top: calc((10 / 11) * 100%);
float: left
}
.aspect-11\/10:after {
display: block;
content: "";
clear: both
}
.filter-shadow {
filter: drop-shadow(-14.4442px 17.1565px .72222px rgba(0, 0, 0, .1))
}
.filter-shadow-short {
filter: drop-shadow(-6px 8px .6px rgba(0, 0, 0, .1))
}
.filter-shadow-reverse {
filter: drop-shadow(14.4442px 17.1565px .72222px rgba(0, 0, 0, .1))
}
.filter-shadow-reverse-short {
filter: drop-shadow(6px 8px .6px rgba(0, 0, 0, .1))
}
[data-reach-dialog-overlay] {
background: rgba(0, 0, 0, .8);
position: fixed;
inset: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
display: flex;
align-items: center;
justify-content: center;
z-index: 10
}
[data-reach-dialog-content] iframe {
height: calc(80vh * (9 / 16));
width: 80vw;
max-width: 100%;
margin: 0 auto;
outline: none
}
@font-face {
font-family: GT Alpina;
font-weight: 100;
src: url("../../../assets/next/contenthash/next/fonts/gt-alpina/thin/GT-Alpina-Standard-Thin.contenthash.906c3cbe3359790771f7028eee2134c5e2038763.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/gt-alpina/thin/GT-Alpina-Standard-Thin.contenthash.1612b9f1ec978ecb5da7aa660cd4e1e2f73e40d7.woff") format("woff");
font-display: swap
}
@font-face {
font-family: GT Alpina;
font-weight: 100;
font-style: italic;
src: url("../../../assets/next/contenthash/next/fonts/gt-alpina/thin_italic/GT-Alpina-Standard-Thin-Italic.contenthash.f347262985aba9a46f46d654136c01bb63f1922b.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/gt-alpina/thin_italic/GT-Alpina-Standard-Thin-Italic.contenthash.b83eaa6a738fa94adc7b63873d0355615ddc0739.woff") format("woff");
font-display: swap
}
@font-face {
font-family: GT Alpina;
font-weight: 400;
src: url("../../../assets/next/contenthash/next/fonts/gt-alpina/medium/GT-Alpina-Standard-Medium.contenthash.1a19ab2dd3dd11f81dc69404231b673d4243b95b.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/gt-alpina/medium/GT-Alpina-Standard-Medium.contenthash.44d134bb926313aa8ecab2ca3c1250543715e43d.woff") format("woff");
font-display: swap
}
@font-face {
font-family: GT Alpina;
font-weight: 400;
font-style: italic;
src: url("../../../assets/next/contenthash/next/fonts/gt-alpina/medium_italic/GT-Alpina-Standard-Medium-Italic.contenthash.4ce207135217aaf087ca0f80c4d1a642b7ffcaa1.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/gt-alpina/medium_italic/GT-Alpina-Standard-Medium-Italic.contenthash.8b9a1d0c196ffcde5d8e3ed9e4b34f3e34508eb2.woff") format("woff");
font-display: swap
}
@font-face {
font-family: Calibre;
font-weight: 100;
src: url("../../../assets/next/contenthash/next/fonts/calibre/thin/calibre_thin.contenthash.fa493ed492d1203eed7479c025c1a7cf1f1a4f56.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/calibre/thin/calibre_thin.contenthash.58d849e0bd2fe2d60c44faa045d911a3cba96968.woff") format("woff");
font-display: swap
}
@font-face {
font-family: Calibre;
font-weight: 300;
src: url("../../../assets/next/contenthash/next/fonts/calibre/light/calibre_light.contenthash.2ffded690a23e3ccd0cd02c8922740c4b296840e.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/calibre/light/calibre_light.contenthash.2d5068e6ca9568e08b80198f08b4b3aed7668654.woff") format("woff");
font-display: swap
}
@font-face {
font-family: Calibre;
font-weight: 400;
src: url("../../../assets/next/contenthash/next/fonts/calibre/regular/calibre_regular.contenthash.96e3b1a24144c297ef23157e8fb82875fabbf07c.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/calibre/regular/calibre_regular.contenthash.1028c1c18310582d3dfd11de8c73cc335bb91d51.woff") format("woff");
font-display: swap
}
@font-face {
font-family: Calibre;
font-weight: 500;
src: url("../../../assets/next/contenthash/next/fonts/calibre/medium/calibre_medium.contenthash.ec2b939a0f8c1359167f7617ae951c6db23b0535.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/calibre/medium/calibre_medium.contenthash.00566729fb7b594abeab7fd3050c63bfb1af0a4b.woff") format("woff");
font-display: swap
}
@font-face {
font-family: Calibre;
font-weight: 600;
src: url("../../../assets/next/contenthash/next/fonts/calibre/semibold/calibre_semibold.contenthash.6635a5c0c52b47b1207a4042d998b8c48523da72.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/calibre/semibold/calibre_semibold.contenthash.f10565a64d79c09a59b4adfe2b03614f9cf75e5f.woff") format("woff");
font-display: swap
}
@font-face {
font-family: Calibre;
font-weight: 700;
src: url("../../../assets/next/contenthash/next/fonts/calibre/bold/calibre_bold.contenthash.fb1b4948b7493d5ff886f89761e4f4c3e5d2f726.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/calibre/bold/calibre_bold.contenthash.60b3f38523327b9f44afddad43760e379ae44b88.woff") format("woff");
font-display: swap
}
@font-face {
font-family: Calibre;
font-weight: 900;
src: url("../../../assets/next/contenthash/next/fonts/calibre/black/calibre_black.contenthash.c335c8b6ed697f10c8bdf5b294a08e03a830cac2.woff2") format("woff2"), url("../../../assets/next/contenthash/next/fonts/calibre/black/calibre_black.contenthash.92d36b85265b94df7e252397b1a14cc664a333c9.woff") format("woff");
font-display: swap
}
@font-face {
font-family: swiper-icons;
font-weight: 400;
src: url("../../../assets/next/contenthash/next/fonts/swiper/thin/swiper_thin.contenthash.2f0309d7fe92d81bb9d17d8382747c5001ce3520.woff") format("woff");
font-display: swap
}
.copy-body {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 18px;
line-height: 1.2
}
.copy-body-sm,
.copy-caption {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 16px;
line-height: 1.2
}
.copy-caption {
letter-spacing: .05em
}
.copy-caption,
.copy-caption-sm {
font-weight: 500;
text-transform: uppercase
}
.copy-caption-sm {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 14px;
line-height: 1.1;
letter-spacing: .1em
}
.copy-disclosure {
font-size: 1rem;
line-height: 1.5rem;
line-height: 1;
opacity: .6
}
.copy-disclosure,
.copy-disclosure-alt {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-weight: 400
}
.copy-disclosure-alt {
font-size: .875rem;
line-height: 1.25rem;
line-height: 1
}
.copy-h1 {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 42.2px;
line-height: .9;
letter-spacing: -.03em;
font-weight: 700
}
@media (min-width:1140px) {
.copy-h1 {
font-size: 63.3px;
line-height: .9;
letter-spacing: -.03em
}
}
@media (min-width:1536px) {
.copy-h1 {
font-size: 79.13px;
line-height: .9;
letter-spacing: -.03em
}
}
.copy-h1-alt {
font-family: GT Alpina, ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
font-size: 40px;
line-height: .9;
letter-spacing: -.05em;
font-weight: 100
}
@media (min-width:1140px) {
.copy-h1-alt {
font-size: 60px;
line-height: .9;
letter-spacing: -.05em
}
}
@media (min-width:1536px) {
.copy-h1-alt {
font-size: 75px;
line-height: .9;
letter-spacing: -.05em
}
}
.copy-h1-alt {
font-feature-settings: "liga" 1
}
.copy-h2 {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 31.65px;
line-height: 1;
letter-spacing: -.03em;
font-weight: 700
}
@media (min-width:960px) {
.copy-h2 {
font-size: 42.2px;
line-height: 1;
letter-spacing: -.03em
}
}
@media (min-width:1536px) {
.copy-h2 {
font-size: 52.75px;
line-height: 1;
letter-spacing: -.03em
}
}
.copy-h2-alt {
font-family: GT Alpina, ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
font-size: 30px;
line-height: 1;
letter-spacing: -.05em;
font-weight: 100
}
@media (min-width:960px) {
.copy-h2-alt {
font-size: 40px;
line-height: 1;
letter-spacing: -.05em
}
}
@media (min-width:1536px) {
.copy-h2-alt {
font-size: 50px;
line-height: 1;
letter-spacing: -.05em
}
}
.copy-h2-alt {
font-feature-settings: "liga" 1
}
.copy-h3 {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 21.1px;
line-height: 1.2;
font-weight: 500
}
@media (min-width:960px) {
.copy-h3 {
font-size: 21.1px;
line-height: 1.2
}
}
@media (min-width:1536px) {
.copy-h3 {
font-size: 26.38px;
line-height: 1.2
}
}
.copy-h3-alt {
font-family: GT Alpina, ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
font-size: 20px;
line-height: 1.2;
letter-spacing: -.03em;
font-weight: 100
}
@media (min-width:960px) {
.copy-h3-alt {
font-size: 20px;
line-height: 1.2;
letter-spacing: -.03em
}
}
@media (min-width:1536px) {
.copy-h3-alt {
font-size: 25px;
line-height: 1.2;
letter-spacing: -.03em
}
}
.copy-h3-alt {
font-feature-settings: "liga" 1
}
*,
:after,
:before {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translateZ(0)
}
.swiper-pointer-events {
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: normal;
line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: opacity .3s;
transform: translateZ(0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: transform .2s, top .2s
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, left .2s
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, right .2s
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border-radius: 50%;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-top: 4px solid transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s linear infinite
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
border-color: #ccc;
border-style: solid;
border-width: 3px 3px 0 0;
content: "";
display: block;
height: 9px;
position: absolute;
top: 6px;
width: 9px
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
margin-left: -4px;
position: absolute;
width: 0
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
box-sizing: content-box;
position: absolute;
height: 0;
width: 1px;
content: "";
z-index: -1;
border: 8px solid transparent;
left: -8px
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
border-bottom-color: #aeaeae
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
top: 0;
margin-top: -8px
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
border-top: none;
border-bottom-color: #f0f0f0
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
top: 0
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
top: -1px;
border-bottom-color: #aeaeae
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
bottom: 0;
margin-bottom: -8px
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
border-bottom: none;
border-top-color: #fff
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
bottom: 0
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
bottom: -1px;
border-top-color: #aeaeae
}
.react-datepicker-wrapper {
display: inline-block;
padding: 0;
border: 0;
width: 100%
}
.react-datepicker {
font-family: Helvetica Neue, helvetica, arial, sans-serif;
font-size: .8rem;
background-color: #fff;
color: #000;
border: 1px solid #aeaeae;
border-radius: .3rem;
display: inline-block;
position: relative
}
.react-datepicker--time-only .react-datepicker__triangle {
left: 35px
}
.react-datepicker--time-only .react-datepicker__time-container {
border-left: 0
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
border-bottom-left-radius: .3rem;
border-bottom-right-radius: .3rem
}
.react-datepicker__triangle {
position: absolute;
left: 50px
}
.react-datepicker-popper {
z-index: 1
}
.react-datepicker-popper[data-placement^=bottom] {
padding-top: 10px
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
left: auto;
right: 50px
}
.react-datepicker-popper[data-placement^=top] {
padding-bottom: 10px
}
.react-datepicker-popper[data-placement^=right] {
padding-left: 8px
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
left: auto;
right: 42px
}
.react-datepicker-popper[data-placement^=left] {
padding-right: 8px
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
left: 42px;
right: auto
}
.react-datepicker__header {
text-align: center;
background-color: #f0f0f0;
border-bottom: 1px solid #aeaeae;
border-top-left-radius: .3rem;
padding: 8px 0;
position: relative
}
.react-datepicker__header--time {
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
border-top-left-radius: 0
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
border-top-right-radius: .3rem
}
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
display: inline-block;
margin: 0 2px
}
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
margin-top: 0;
color: #000;
font-weight: 700;
font-size: .944rem
}
.react-datepicker-time__header {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.react-datepicker__navigation {
align-items: center;
background: none;
display: flex;
justify-content: center;
text-align: center;
cursor: pointer;
position: absolute;
top: 2px;
padding: 0;
border: none;
z-index: 1;
height: 32px;
width: 32px;
text-indent: -999em;
overflow: hidden
}
.react-datepicker__navigation--previous {
left: 2px
}
.react-datepicker__navigation--next {
right: 2px
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
right: 85px
}
.react-datepicker__navigation--years {
position: relative;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.react-datepicker__navigation--years-previous {
top: 4px
}
.react-datepicker__navigation--years-upcoming {
top: -4px
}
.react-datepicker__navigation:hover :before {
border-color: #a6a6a6
}
.react-datepicker__navigation-icon {
position: relative;
top: -1px;
font-size: 20px;
width: 0
}
.react-datepicker__navigation-icon--next {
left: -2px
}
.react-datepicker__navigation-icon--next:before {
transform: rotate(45deg);
left: -7px
}
.react-datepicker__navigation-icon--previous {
right: -2px
}
.react-datepicker__navigation-icon--previous:before {
transform: rotate(225deg);
right: -7px
}
.react-datepicker__month-container {
float: left
}
.react-datepicker__year {
margin: .4rem;
text-align: center
}
.react-datepicker__year-wrapper {
display: flex;
flex-wrap: wrap;
max-width: 180px
}
.react-datepicker__year .react-datepicker__year-text {
display: inline-block;
width: 4rem;
margin: 2px
}
.react-datepicker__month {
margin: .4rem;
text-align: center
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
display: inline-block;
width: 4rem;
margin: 2px
}
.react-datepicker__input-time-container {
clear: both;
width: 100%;
float: left;
margin: 5px 0 10px 15px;
text-align: left
}
.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
display: inline-block
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
display: inline-block;
margin-left: 10px
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
width: auto
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
-moz-appearance: textfield
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
margin-left: 5px;
display: inline-block
}
.react-datepicker__time-container {
float: right;
border-left: 1px solid #aeaeae;
width: 85px
}
.react-datepicker__time-container--with-today-button {
display: inline;
border: 1px solid #aeaeae;
border-radius: .3rem;
position: absolute;
right: -72px;
top: 0
}
.react-datepicker__time-container .react-datepicker__time {
position: relative;
background: #fff;
border-bottom-right-radius: .3rem
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
width: 85px;
overflow-x: hidden;
margin: 0 auto;
text-align: center;
border-bottom-right-radius: .3rem
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
list-style: none;
margin: 0;
height: calc(195px + (1.7rem / 2));
overflow-y: scroll;
padding-right: 0;
padding-left: 0;
width: 100%;
box-sizing: content-box
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
height: 30px;
padding: 5px 10px;
white-space: nowrap
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
cursor: pointer;
background-color: #f0f0f0
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
background-color: #216ba5;
color: #fff;
font-weight: 700
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
background-color: #216ba5
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
color: #ccc
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
cursor: default;
background-color: transparent
}
.react-datepicker__week-number {
color: #ccc;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: .166rem
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
cursor: pointer
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
border-radius: .3rem;
background-color: #f0f0f0
}
.react-datepicker__day-names,
.react-datepicker__week {
white-space: nowrap
}
.react-datepicker__day-names {
margin-bottom: -8px
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
color: #000;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: .166rem
}
.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
border-radius: .3rem;
background-color: #216ba5;
color: #fff
}
.react-datepicker__month--in-range:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--selected:hover,
.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--selected:hover {
background-color: #1d5d90
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
color: #ccc;
pointer-events: none
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
cursor: default;
background-color: transparent
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
cursor: pointer
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
border-radius: .3rem;
background-color: #f0f0f0
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
font-weight: 700
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
border-radius: .3rem;
background-color: #3dcc4a;
color: #fff
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
background-color: #32be3f
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
color: #f0f
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
color: green
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
border-radius: .3rem;
background-color: #216ba5;
color: #fff
}
.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
background-color: #1d5d90
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
border-radius: .3rem;
background-color: #2a87d0;
color: #fff
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
background-color: #1d5d90
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
background-color: rgba(33, 107, 165, .5)
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
background-color: #f0f0f0;
color: #000
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
cursor: default;
color: #ccc
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
background-color: transparent
}
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
background-color: #216ba5
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
background-color: #f0f0f0
}
.react-datepicker__input-container {
position: relative;
display: inline-block;
width: 100%
}
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
border: 1px solid transparent;
border-radius: .3rem;
position: relative
}
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
cursor: pointer
}
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
border-top-color: #b3b3b3
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
transform: rotate(135deg);
right: -16px;
top: 0
}
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
background-color: #f0f0f0;
position: absolute;
width: 50%;
left: 25%;
top: 30px;
z-index: 1;
text-align: center;
border-radius: .3rem;
border: 1px solid #aeaeae
}
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
cursor: pointer
}
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
height: 150px;
overflow-y: scroll
}
.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
line-height: 20px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto
}
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-bottom-left-radius: .3rem;
border-bottom-right-radius: .3rem
}
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
background-color: #ccc
}
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
border-bottom-color: #b3b3b3
}
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
border-top-color: #b3b3b3
}
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
position: absolute;
left: 15px
}
.react-datepicker__close-icon {
cursor: pointer;
background-color: transparent;
border: 0;
outline: 0;
padding: 0 6px 0 0;
position: absolute;
top: 0;
right: 0;
height: 100%;
display: table-cell;
vertical-align: middle
}
.react-datepicker__close-icon:after {
cursor: pointer;
background-color: #216ba5;
color: #fff;
border-radius: 50%;
height: 16px;
width: 16px;
padding: 2px;
font-size: 12px;
line-height: 1;
text-align: center;
display: table-cell;
vertical-align: middle;
content: "Ã"
}
.react-datepicker__today-button {
background: #f0f0f0;
border-top: 1px solid #aeaeae;
cursor: pointer;
text-align: center;
font-weight: 700;
padding: 5px 0;
clear: left
}
.react-datepicker__portal {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, .8);
left: 0;
top: 0;
justify-content: center;
align-items: center;
display: flex;
z-index: 2147483647
}
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
width: 3rem;
line-height: 3rem
}
@media(max-height:550px), (max-width:400px) {
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
width: 2rem;
line-height: 2rem
}
}
.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
font-size: 1.44rem
}
[data-reach-tab] {
font-size: 15px;
line-height: 20px;
font-weight: 400;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
height: 32px;
padding: var(--tk-spacing-xxsmall);
border: 0;
outline: 0;
border-radius: 9999px;
box-shadow: inset 0 0 0 1px var(--tk-content-divider);
background-color: var(--tk-surface-interactive-concealed);
color: var(--tk-content-primary);
transition: background-color .15s cubic-bezier(.2, 0, .4, 1), color .15s cubic-bezier(.2, 0, .4, 1), box-shadow .15s cubic-bezier(.2, 0, .4, 1), outline-offset .15s cubic-bezier(.2, 0, .4, 1)
}
[data-reach-tab]+[data-reach-tab] {
margin-left: 8px
}
[data-reach-tab]:hover {
background-color: var(--tk-surface-interactive-concealed-hover);
box-shadow: inset 0 0 0 2px var(--tk-content-interactive-concealed-hover)
}
[data-reach-tab]:hover,
[data-reach-tab]:hover .tk-chip-tab-icon {
color: var(--tk-content-interactive-concealed-hover)
}
[data-reach-tab]:hover .tk-chip-tab-badge {
background: var(--tk-surface-interactive-primary-hover);
color: var(--tk-content-interactive-primary-hover)
}
[data-reach-tab][data-selected] {
font-size: 15px;
line-height: 20px;
font-weight: 500;
background-color: var(--tk-surface-interactive-concealed-active);
box-shadow: inset 0 0 0 2px var(--tk-content-interactive-concealed-active)
}
[data-reach-tab][data-selected],
[data-reach-tab][data-selected] .tk-chip-tab-icon {
color: var(--tk-content-interactive-concealed-active)
}
[data-reach-tab][data-selected] .tk-chip-tab-badge {
color: var(--tk-content-interactive-primary);
background-color: var(--tk-surface-interactive-primary)
}
body:not(.using-mouse) [data-reach-tab]:focus {
outline: 2px solid var(--tk-content-interactive-concealed);
outline-offset: 2px
}
[data-reach-tab-list] {
display: flex;
overflow-x: auto;
padding: 4px;
margin: -4px
}
[data-reach-tab-panels] {
margin-top: 16px
}
.tk-list-institution-icon-small {
width: 24px;
height: 24px;
font-size: 12px
}
.tk-list-institution-icon-small[class*=wf-logo-] {
font-size: 24px
}
.tk-list-institution-icon-small:before {
line-height: 24px
}
.tk-list-institution-icon-medium {
width: 32px !important;
height: 32px !important;
font-size: 16px !important
}
.tk-list-institution-icon-medium[class*=wf-logo-] {
font-size: 32px !important
}
.tk-list-institution-icon-medium:before {
line-height: 32px !important
}
.tk-list-institution-icon-large {
width: 40px;
height: 40px;
font-size: 20px
}
.tk-list-institution-icon-large[class*=wf-logo-] {
font-size: 40px
}
.tk-list-institution-icon-large:before {
line-height: 40px
}
.tk-list-dividers {
margin: calc(var(--tk-spacing-large) * -1) 0
}
.tk-list-dividers>.tk-list-group-wrapper,
.tk-list-dividers>.tk-list-item-wrapper {
padding-top: var(--tk-spacing-small);
padding-bottom: var(--tk-spacing-small)
}
.tk-list-dividers>.tk-list-group-wrapper+.tk-list-group-wrapper,
.tk-list-dividers>.tk-list-item-wrapper+.tk-list-item-wrapper {
border-top: 1px solid var(--tk-content-divider)
}
.tk-list-dividers>.tk-list-item-wrapper .tk-list-item-content-container:after,
.tk-list-dividers>.tk-list-item-wrapper .tk-list-item-content-container:before {
top: var(--tk-spacing-small);
bottom: var(--tk-spacing-small)
}
.tk-list-item-wrapper {
position: relative;
z-index: 0
}
.tk-list-item-content-container {
display: flex;
background-color: transparent;
border: 0;
width: 100%;
text-align: left;
align-items: flex-start;
padding: var(--tk-spacing-small) 0
}
.tk-list-item-content-container.tk-list-item-label {
margin: 0
}
.tk-list-item-content-container:before {
background-color: transparent;
border-radius: var(--tk-spacing-small);
transition: background-color 75ms cubic-bezier(.2, 0, .4, 1)
}
.tk-list-item-content-container:after,
.tk-list-item-content-container:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: calc(var(--tk-spacing-small) * -1);
bottom: 0;
left: calc(var(--tk-spacing-small) * -1)
}
.tk-list-item-content-container:after {
border: 2px solid transparent;
border-radius: var(--tk-spacing-small);
transition: border-color 75ms cubic-bezier(.2, 0, .4, 1)
}
.tk-list-item-content-interactive {
cursor: pointer
}
.tk-list-item-content-interactive:hover:before {
background-color: var(--tk-surface-interactive-concealed-hover)
}
.tk-list-item-content-interactive:active:before {
background-color: var(--tk-surface-interactive-concealed-active)
}
.tk-list-item-content-interactive:active .tk-list-item-input-checkbox-control,
.tk-list-item-content-interactive:active .tk-list-item-input-radio-control {
transform: scale(.9)
}
.tk-list-item-content-interactive:focus {
outline: none
}
.tk-list-item-draggable:hover .tk-list-item-content-container:before {
background-color: var(--tk-surface-interactive-concealed-hover)
}
.tk-list-item-draggable:focus {
outline: none
}
.tk-list-item-dragging .tk-list-item-content-container:before {
background-color: var(--tk-surface);
box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}
.tk-list-inner-content-left-column {
flex-grow: 1;
flex-shrink: 1;
overflow: hidden
}
.tk-list-inner-content-right-column {
flex-grow: 0;
flex-shrink: 0
}
.tk-list-inner-content-left-column+.tk-list-inner-content-right-column {
margin-left: var(--tk-spacing-small)
}
body:not(.using-mouse) .tk-list-item-content-container:focus:after,
body:not(.using-mouse) .tk-list-item-draggable:focus .tk-list-item-content-container:after {
border-color: var(--tk-content-interactive-default)
}
.tk-list-base-item-delimiter {
margin-right: var(--tk-spacing-xsmall);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.tk-list-base-item-body+.tk-list-base-item-body {
margin-top: var(--tk-spacing-xsmall)
}
.tk-list-base-item-body .tk-list-base-item-delimiter {
height: 24px
}
.tk-list-base-item-subtext+.tk-list-base-item-subtext {
margin-top: var(--tk-spacing-xxsmall)
}
.tk-list-base-item-subtext .tk-list-base-item-delimiter {
height: 20px
}
@media only screen and (max-width:767px) {
.tk-summary-list-column+.tk-summary-list-column {
border-top: 1px solid var(--tk-content-divider)
}
}
.tk-summary-list-row dt {
margin-right: var(--tk-spacing-xsmall)
}
.tk-summary-list-row dd {
margin: 0 0 0 auto
}
.tk-summary-list-row:first-child {
padding-top: 0
}
.tk-summary-list-row:last-child {
padding-bottom: 0
}
.tk-summary-list-row-with-divider dt {
margin-right: var(--tk-spacing-xsmall)
}
.tk-summary-list-row-with-divider dd {
margin: 0 0 0 auto
}
.tk-summary-list-row-with-divider:first-child {
padding-top: 0
}
.tk-summary-list-row-with-divider:last-child {
padding-bottom: 0
}
.tk-summary-list-row-with-divider+.tk-summary-list-row-with-divider {
border-top: 1px solid var(--tk-content-divider)
}
:root {
--tk-valid-box-shadow-border-default: inset 0 0 0 1px var(--tk-content-divider);
--tk-valid-box-shadow-border-hover: 0 0 0 4px var(--tk-surface-interactive-default);
--tk-valid-box-shadow-border-focus: inset 0 0 0 2px var(--tk-content-interactive-default);
--tk-invalid-box-shadow-border-default: inset 0 0 0 1px var(--tk-content-interactive-destructive);
--tk-invalid-box-shadow-border-hover: 0 0 0 4px var(--tk-surface-interactive-destructive);
--tk-invalid-box-shadow-border-focus: inset 0 0 0 2px var(--tk-content-interactive-destructive)
}
.tk-text-field-input-group {
box-shadow: inset 0 0 0 1px var(--tk-content-divider);
transition: box-shadow .1s cubic-bezier(.2, 0, .4, 1)
}
.tk-text-field-input-group:hover {
box-shadow: inset 0 0 0 1px var(--tk-content-divider), 0 0 0 4px var(--tk-surface-interactive-default)
}
.tk-text-field-input-group.tk-text-field-input-group-focus,
.tk-text-field-input-group:focus-within {
box-shadow: inset 0 0 0 2px var(--tk-content-interactive-default), 0 0 0 4px var(--tk-surface-interactive-default)
}
.tk-text-field-invalid .tk-text-field-input-group {
box-shadow: var(--tk-invalid-box-shadow-border-default)
}
.tk-text-field-invalid .tk-text-field-input-group:hover {
box-shadow: var(--tk-invalid-box-shadow-border-default), var(--tk-invalid-box-shadow-border-hover)
}
.tk-text-field-invalid .tk-text-field-input-group.tk-text-field-input-group-focus,
.tk-text-field-invalid .tk-text-field-input-group:focus-within {
box-shadow: var(--tk-invalid-box-shadow-border-focus), var(--tk-invalid-box-shadow-border-hover)
}
.tk-text-field-disabled .tk-text-field-input-group {
background-color: var(--tk-surface-disabled);
box-shadow: var(--tk-valid-box-shadow-border-default)
}
.tk-text-field-readonly .tk-text-field-input-group {
background-color: var(--tk-surface-read-only)
}
.tk-text-field-leading-icon .tk-text-field-label {
left: 0
}
.tk-text-field-shrink-label .tk-text-field-label {
top: var(--tk-spacing-xsmall);
transform: scale(.66);
cursor: default
}
.tk-text-field-input::-moz-placeholder {
-moz-transition: color .1s cubic-bezier(.2, 0, .4, 1);
transition: color .1s cubic-bezier(.2, 0, .4, 1);
color: transparent;
opacity: 1
}
.tk-text-field-input::placeholder {
transition: color .1s cubic-bezier(.2, 0, .4, 1);
color: transparent;
opacity: 1
}
.tk-text-field-input::-moz-selection {
background-color: var(--tk-surface-interactive-default-hover)
}
.tk-text-field-input::selection {
background-color: var(--tk-surface-interactive-default-hover)
}
.tk-text-field-input:focus::-moz-placeholder {
color: var(--tk-content-secondary)
}
.tk-text-field-input:focus::placeholder {
color: var(--tk-content-secondary)
}
.tk-text-field-input:-webkit-autofill {
-webkit-background-clip: text;
background-clip: text
}
.tk-text-field-input:-webkit-autofill:first-line {
font-size: 19px;
line-height: 24px;
font-family: Calibre, Helvetica, Arial, sans-serif
}
.tk-text-field-input[type=button] {
text-align: left;
overflow: hidden;
text-overflow: ellipsis
}
.tk-text-field-no-label .tk-text-field-input {
padding: var(--tk-spacing-medium)
}
.tk-text-field-no-label .tk-text-field-input::-moz-placeholder {
color: var(--tk-content-secondary)
}
.tk-text-field-no-label .tk-text-field-input::placeholder {
color: var(--tk-content-secondary)
}
.tk-text-field-invalid .tk-text-field-input {
caret-color: var(--tk-content-interactive-destructive)
}
.tk-text-field-invalid .tk-text-field-input::-moz-selection {
background-color: var(--tk-surface-interactive-destructive)
}
.tk-text-field-invalid .tk-text-field-input::selection {
background-color: var(--tk-surface-interactive-destructive)
}
.tk-text-field-disabled .tk-text-field-input,
.tk-text-field-disabled .tk-text-field-label {
cursor: not-allowed;
color: var(--tk-content-disabled)
}
.tk-text-field-leading-icon .tk-text-field-input {
padding-left: 0
}
.tk-page-nav-title {
padding-block: var(--tk-spacing-small)
}
.tk-page-nav {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
min-height: var(--tk-spacing-xxlarge);
margin-right: auto;
margin-left: auto;
padding-right: var(--tk-spacing-large);
padding-left: var(--tk-spacing-large);
width: 100%
}
@media only screen and (min-width:480px) and (max-width:767px) {
.tk-page-nav {
max-width: 480px
}
}
@media only screen and (min-width:1140px) {
.tk-page-nav {
max-width: 1140px
}
}
.tk-page-layout-one-column {
grid-template-rows: auto 1fr;
grid-template-areas: "sidebar" "main";
grid-row-gap: var(--tk-spacing-large);
max-width: 720px
}
@media only screen and (min-width:481px) and (max-width:767px) {
.tk-page-layout-one-column {
max-width: 480px !important
}
}
.tk-page-layout-one-column-wide {
grid-template-rows: auto 1fr;
grid-template-areas: "sidebar" "main";
grid-row-gap: var(--tk-spacing-large);
max-width: 1140px
}
@media only screen and (min-width:481px) and (max-width:767px) {
.tk-page-layout-one-column-wide {
max-width: 480px !important
}
}
@supports (padding:max(0px)) {
.tk-page-layout-two-column {
padding-left: calc(max(var(--tk-spacing-large), env(safe-area-inset-left)));
padding-right: calc(max(var(--tk-spacing-large), env(safe-area-inset-right)))
}
}
@media only screen and (max-width:480px) {
.tk-page-layout-two-column {
grid-template-rows: auto 1fr;
grid-template-areas: "sidebar" "main";
grid-row-gap: var(--tk-spacing-large)
}
}
@media only screen and (min-width:481px) and (max-width:767px) {
.tk-page-layout-two-column {
max-width: 480px;
grid-template-rows: auto 1fr;
grid-template-areas: "sidebar" "main";
grid-row-gap: var(--tk-spacing-large)
}
}
@media only screen and (min-width:769px) and (max-width:960px) {
.tk-page-layout-two-column {
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "sidebar sidebar sidebar sidebar sidebar main main main main main main main";
grid-column-gap: var(--tk-spacing-large)
}
}
@media only screen and (min-width:961px) and (max-width:1140px) {
.tk-page-layout-two-column {
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "sidebar sidebar sidebar sidebar main main main main main main main main";
grid-column-gap: var(--tk-spacing-large)
}
}
@media only screen and (min-width:1141px) {
.tk-page-layout-two-column {
max-width: 1140px;
grid-template-columns: repeat(12, 1fr);
grid-template-areas: "sidebar sidebar sidebar sidebar main main main main main main main main";
grid-column-gap: var(--tk-spacing-xxlarge)
}
}
.tk-page-layout-sidebar {
min-width: 0;
grid-area: sidebar
}
@media only screen and (min-width:769px) {
.tk-page-layout-sticky {
position: sticky;
top: var(--tk-spacing-large)
}
.tk-page-layout-sticky-page-nav {
position: sticky;
top: var(--tk-spacing-xxxlarge)
}
}
:root {
--tk-page-layout-mobile-bottom-padding: 72px
}
.tk-page-layout-content {
min-width: 0;
grid-area: main
}
.hookFullscreenOverlay .tk-page-layout-content {
padding-bottom: var(--tk-spacing-xxlarge)
}
@media only screen and (max-width:768px) {
.hookFullscreenOverlay .tk-page-layout-content {
padding-bottom: var(--tk-page-layout-mobile-bottom-padding)
}
@supports (padding:max(0px)) {
.hookFullscreenOverlay .tk-page-layout-content {
padding-bottom: calc(var(--tk-page-layout-mobile-bottom-padding) + env(safe-area-inset-bottom))
}
}
}
.tk-page-layout-content.tk-page-layout-with-footer {
padding-bottom: calc(var(--tk-spacing-xxlarge) + var(--tk-spacing-xlarge))
}
@media only screen and (max-width:768px) {
.tk-page-layout-content.tk-page-layout-with-footer {
padding-bottom: calc(var(--tk-page-layout-mobile-bottom-padding) + var(--tk-spacing-xlarge))
}
@supports (padding:max(0px)) {
.tk-page-layout-content.tk-page-layout-with-footer {
padding-bottom: calc(var(--tk-page-layout-mobile-bottom-padding) + env(safe-area-inset-bottom) + var(--tk-spacing-xlarge))
}
}
}
.tk-sticker-story-wrapper .swiper-notification {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.tk-sticker-story-wrapper .swiper-wrapper {
z-index: -1
}
.tk-sticker-story-wrapper .swiper-slide {
height: auto
}
body:not(.using-mouse) .tk-sticker-story-carousel-dot:focus .tk-sticker-story-carousel-indicator {
outline-offset: 1px;
outline: 2px solid var(--tk-content-interactive-default-active)
}
.wfui-date-picker-container .react-datepicker {
font-size: 1em
}
.wfui-date-picker-container .react-datepicker__month {
margin: .4em 1em
}
.wfui-date-picker-container .react-datepicker__day,
.wfui-date-picker-container .react-datepicker__day-name {
width: 1.9em;
line-height: 1.9em;
margin: .166em
}
.wfui-date-picker-container .react-datepicker__current-month {
font-size: 1em
}
.wfui-date-picker-container .react-datepicker__navigation {
top: 1em;
line-height: 1.7em;
border: .45em solid transparent
}
.wfui-date-picker-container .react-datepicker__navigation--previous {
border-right-color: var(--tk-content-primary);
left: 1em
}
.wfui-date-picker-container .react-datepicker__navigation--next {
border-left-color: var(--tk-content-primary);
right: 1em
}
@media only screen and (max-width:320px) {
.wfui-date-picker-container .react-datepicker__month {
margin: .2em .8em
}
.wfui-date-picker-container .react-datepicker__day,
.wfui-date-picker-container .react-datepicker__day-name {
width: 1.4em;
line-height: 1.4em;
margin: .14em
}
}
.wfui-stock-collection-group-pills {
margin-top: var(--tk-spacing-medium);
display: flex;
flex-wrap: wrap;
gap: var(--tk-spacing-small)
}
@media only screen and (max-width:479px) {
.wfui-stock-collection-group-pills {
margin: 0;
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow-x: scroll;
padding: var(--tk-spacing-medium)
}
.wfui-stock-collection-group-pills>a+a,
.wfui-stock-collection-group-pills>button+button,
.wfui-stock-collection-group-pills>div+div {
margin-left: var(--tk-spacing-small)
}
.wfui-stock-collection-group-pills>a:last-child,
.wfui-stock-collection-group-pills>button:last-child,
.wfui-stock-collection-group-pills>div:last-child {
margin-right: var(--tk-spacing-small)
}
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal
}
.wfui-swiper-carousel {
--swiper-theme-color: var(--tk-content-interactive-default);
--swiper-navigation-size: 24px
}
.wfui-swiper-carousel .swiper-notification {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.wfui-swiper-carousel .swiper-slide {
flex-shrink: inherit;
width: auto
}
.wfui-swiper-carousel .swiper-button-next,
.wfui-swiper-carousel .swiper-button-prev {
width: 40px;
height: 40px;
background: var(--tk-surface);
border-radius: 50%;
border: 1px solid var(--tk-content-divider)
}
.wfui-swiper-carousel .swiper-button-next:after,
.wfui-swiper-carousel .swiper-button-prev:after {
font-weight: 700;
position: relative
}
.wfui-swiper-carousel .swiper-button-prev:after {
right: 2px
}
.wfui-swiper-carousel .swiper-button-next:after {
left: 2px
}
.wfui-swiper-carousel .swiper-button-disabled {
opacity: 0 !important
}
.ui-common-line-chart-stop {
stop-color: var(--tk-content-interactive-default)
}
.dashboard-components-merchandise-introductory-card-introductory-card-card-wrapper {
width: 100%;
margin: 0 auto var(--tk-spacing-xlarge);
padding: 0 var(--tk-spacing-large);
max-width: 1140px
}
@media only screen and (max-width:768px) {
.common-toast-component {
bottom: calc(72px + env(safe-area-inset-bottom))
}
}
.dashboard-components-global-navbar-navbar-nav-wrapper {
height: 64px;
box-shadow: inset 0 -1px 0 var(--tk-content-divider);
background-color: var(--tk-surface)
}
@media only screen and (max-width:768px) {
.dashboard-components-global-navbar-navbar-nav-wrapper {
box-sizing: content-box;
height: 48px;
padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
box-shadow: inset 0 1px 0 var(--tk-content-divider)
}
}
.dashboard-components-global-navbar-navbar-nav {
display: grid;
grid-template-columns: auto 1fr auto;
margin: 0 auto;
padding: var(--tk-spacing-xsmall) var(--tk-spacing-large);
max-width: 1140px
}
@supports (padding:max(0px)) {
.dashboard-components-global-navbar-navbar-nav {
padding-left: calc(max(var(--tk-spacing-large), env(safe-area-inset-left)));
padding-right: calc(max(var(--tk-spacing-large), env(safe-area-inset-right)))
}
}
@media only screen and (max-width:768px) {
.dashboard-components-global-navbar-navbar-nav {
display: block;
padding: var(--tk-spacing-xxsmall) 0
}
}
@media only screen and (min-width:769px) and (max-width:960px) {
.dashboard-components-global-navbar-navbar-nav {
grid-template-columns: 1fr auto
}
}
:root {
--tk-spacing-xxxsmall: 2px;
--tk-spacing-xxsmall: 4px;
--tk-spacing-xsmall: 8px;
--tk-spacing-small: 12px;
--tk-spacing-medium: 16px;
--tk-spacing-large: 24px;
--tk-spacing-xlarge: 32px;
--tk-spacing-xxlarge: 48px;
--tk-spacing-xxxlarge: 64px
}
.container {
width: 100%;
padding-right: 2rem;
padding-left: 2rem
}
@media (min-width:320px) {
.container {
max-width: 320px
}
}
@media (min-width:384px) {
.container {
max-width: 384px
}
}
@media (min-width:480px) {
.container {
max-width: 480px
}
}
@media (min-width:768px) {
.container {
max-width: 768px;
padding-right: 3rem;
padding-left: 3rem
}
}
@media (min-width:960px) {
.container {
max-width: 960px
}
}
@media (min-width:1140px) {
.container {
max-width: 1140px;
padding-right: 4rem;
padding-left: 4rem
}
}
@media (min-width:1536px) {
.container {
max-width: 1536px
}
}
@media (min-width:2024px) {
.container {
max-width: 2024px
}
}
.prose {
color: var(--tw-prose-body);
max-width: 65ch
}
.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em
}
.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em
}
.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: #b7b7c0;
text-decoration: underline;
font-weight: 500
}
.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-bold);
font-weight: 600
}
.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit
}
.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit
}
.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit
}
.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em
}
.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: upper-alpha
}
.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: lower-alpha
}
.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: upper-alpha
}
.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: lower-alpha
}
.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: upper-roman
}
.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: lower-roman
}
.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: upper-roman
}
.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: lower-roman
}
.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: decimal
}
.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em
}
.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
font-weight: 400;
color: var(--tw-prose-counters)
}
.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
color: var(--tw-prose-bullets)
}
.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em
}
.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em
}
.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-inline-start-width: .25rem;
border-inline-start-color: var(--tw-prose-quote-borders);
quotes: "\201C" "\201D" "\2018" "\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-inline-start: 1em
}
.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
content: open-quote
}
.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
content: close-quote
}
.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: .8888889em;
line-height: 1.1111111
}
.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 900;
color: inherit
}
.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333
}
.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 800;
color: inherit
}
.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: .6em;
line-height: 1.6
}
.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 700;
color: inherit
}
.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: .5em;
line-height: 1.5
}
.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 700;
color: inherit
}
.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 2em;
margin-bottom: 2em
}
.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
display: block;
margin-top: 2em;
margin-bottom: 2em
}
.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 2em;
margin-bottom: 2em
}
.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 500;
font-family: inherit;
color: var(--tw-prose-kbd);
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
font-size: .875em;
border-radius: .3125rem;
padding-top: .1875em;
padding-inline-end: .375em;
padding-bottom: .1875em;
padding-inline-start: .375em
}
.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-code);
font-weight: 600;
font-size: .875em
}
.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
content: "`"
}
.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
content: "`"
}
.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit
}
.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit
}
.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
font-size: .875em
}
.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
font-size: .9em
}
.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit
}
.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit
}
.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit
}
.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: .875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: .375rem;
padding-top: .8571429em;
padding-inline-end: 1.1428571em;
padding-bottom: .8571429em;
padding-inline-start: 1.1428571em
}
.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit
}
.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
content: none
}
.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
content: none
}
.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
width: 100%;
table-layout: auto;
margin-top: 2em;
margin-bottom: 2em;
font-size: .875em;
line-height: 1.7142857
}
.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders)
}
.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-inline-end: .5714286em;
padding-bottom: .5714286em;
padding-inline-start: .5714286em
}
.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders)
}
.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-bottom-width: 0
}
.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
vertical-align: baseline
}
.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders)
}
.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
vertical-align: top
}
.prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
text-align: start
}
.prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
margin-bottom: 0
}
.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-captions);
font-size: .875em;
line-height: 1.4285714;
margin-top: .8571429em
}
.prose {
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-kbd: #111827;
--tw-prose-kbd-shadows: 17 24 39;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75
}
.prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
margin-bottom: 0
}
.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: .5em;
margin-bottom: .5em
}
.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-inline-start: .375em
}
.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-inline-start: .375em
}
.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: .75em;
margin-bottom: .75em
}
.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.25em
}
.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 1.25em
}
.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.25em
}
.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 1.25em
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: .75em;
margin-bottom: .75em
}
.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em
}
.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: .5em;
padding-inline-start: 1.625em
}
.prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0
}
.prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0
}
.prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0
}
.prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0
}
.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-inline-start: 0
}
.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-inline-end: 0
}
.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-top: .5714286em;
padding-inline-end: .5714286em;
padding-bottom: .5714286em;
padding-inline-start: .5714286em
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-inline-start: 0
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-inline-end: 0
}
.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 2em;
margin-bottom: 2em
}
.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0
}
.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 0
}
@keyframes blink {
50% {
opacity: 0
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.pointer-events-none {
pointer-events: none
}
.pointer-events-auto {
pointer-events: auto
}
.\!visible {
visibility: visible !important
}
.visible {
visibility: visible
}
.invisible {
visibility: hidden
}
.static {
position: static
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.sticky {
position: sticky
}
.inset-0 {
inset: 0
}
.-bottom-0 {
bottom: 0
}
.-bottom-0\.5 {
bottom: -.125rem
}
.-bottom-1 {
bottom: -.25rem
}
.-bottom-12 {
bottom: -3rem
}
.-bottom-14 {
bottom: -3.5rem
}
.-bottom-2 {
bottom: -.5rem
}
.-bottom-20 {
bottom: -5rem
}
.-bottom-24 {
bottom: -6rem
}
.-bottom-28 {
bottom: -7rem
}
.-bottom-3 {
bottom: -.75rem
}
.-bottom-36 {
bottom: -9rem
}
.-bottom-40 {
bottom: -10rem
}
.-bottom-48 {
bottom: -12rem
}
.-bottom-5 {
bottom: -1.25rem
}
.-bottom-6 {
bottom: -1.5rem
}
.-bottom-7 {
bottom: -1.75rem
}
.-bottom-8 {
bottom: -2rem
}
.-bottom-\[100px\] {
bottom: -100px
}
.-bottom-\[120px\] {
bottom: -120px
}
.-bottom-\[130px\] {
bottom: -130px
}
.-bottom-\[150px\] {
bottom: -150px
}
.-bottom-\[260px\] {
bottom: -260px
}
.-bottom-\[45\%\] {
bottom: -45%
}
.-bottom-\[86px\] {
bottom: -86px
}
.-left-3 {
left: -.75rem
}
.-left-6 {
left: -1.5rem
}
.-left-\[390px\] {
left: -390px
}
.-left-\[575px\] {
left: -575px
}
.-left-\[670px\] {
left: -670px
}
.-left-\[calc\(var\(--dot-container-width\)\/2-1px\)\] {
left: calc(calc(var(--dot-container-width) / 2 - 1px) * -1)
}
.-left-\[calc\(var\(--icon-width\)\/2-1px\)\] {
left: calc(calc(var(--icon-width) / 2 - 1px) * -1)
}
.-right-10 {
right: -2.5rem
}
.-right-12 {
right: -3rem
}
.-right-14 {
right: -3.5rem
}
.-right-4 {
right: -1rem
}
.-right-5 {
right: -1.25rem
}
.-right-6 {
right: -1.5rem
}
.-right-8 {
right: -2rem
}
.-right-\[1000px\] {
right: -1000px
}
.-right-\[108px\] {
right: -108px
}
.-right-\[200px\] {
right: -200px
}
.-right-\[350px\] {
right: -350px
}
.-right-\[390px\] {
right: -390px
}
.-right-\[600px\] {
right: -600px
}
.-top-1 {
top: -.25rem
}
.-top-2 {
top: -.5rem
}
.-top-20 {
top: -5rem
}
.-top-24 {
top: -6rem
}
.-top-28 {
top: -7rem
}
.-top-36 {
top: -9rem
}
.-top-40 {
top: -10rem
}
.-top-52 {
top: -13rem
}
.-top-6 {
top: -1.5rem
}
.-top-8 {
top: -2rem
}
.-top-9 {
top: -2.25rem
}
.-top-\[1\%\] {
top: -1%
}
.-top-\[100px\] {
top: -100px
}
.-top-\[160px\] {
top: -160px
}
.-top-\[2\%\] {
top: -2%
}
.-top-\[250px\] {
top: -250px
}
.-top-\[25px\] {
top: -25px
}
.-top-\[280px\] {
top: -280px
}
.-top-\[320px\] {
top: -320px
}
.-top-\[90px\] {
top: -90px
}
.-top-xxsmall {
top: calc(var(--tk-spacing-xxsmall) * -1)
}
.bottom-0 {
bottom: 0
}
.bottom-0\.5 {
bottom: .125rem
}
.bottom-1 {
bottom: .25rem
}
.bottom-1\/2 {
bottom: 50%
}
.bottom-10 {
bottom: 2.5rem
}
.bottom-12 {
bottom: 3rem
}
.bottom-16 {
bottom: 4rem
}
.bottom-2 {
bottom: .5rem
}
.bottom-3 {
bottom: .75rem
}
.bottom-32 {
bottom: 8rem
}
.bottom-36 {
bottom: 9rem
}
.bottom-4 {
bottom: 1rem
}
.bottom-44 {
bottom: 11rem
}
.bottom-5 {
bottom: 1.25rem
}
.bottom-52 {
bottom: 13rem
}
.bottom-56 {
bottom: 14rem
}
.bottom-\[-135px\] {
bottom: -135px
}
.bottom-\[-160px\] {
bottom: -160px
}
.bottom-\[-207px\] {
bottom: -207px
}
.bottom-\[-20px\] {
bottom: -20px
}
.bottom-\[-247px\] {
bottom: -247px
}
.bottom-\[-424px\] {
bottom: -424px
}
.bottom-\[-720px\] {
bottom: -720px
}
.bottom-\[-904px\] {
bottom: -904px
}
.bottom-\[10\%\] {
bottom: 10%
}
.bottom-\[190px\] {
bottom: 190px
}
.bottom-\[285px\] {
bottom: 285px
}
.bottom-\[30\%\] {
bottom: 30%
}
.bottom-\[45px\] {
bottom: 45px
}
.bottom-\[49px\] {
bottom: 49px
}
.bottom-\[5\%\] {
bottom: 5%
}
.bottom-\[50\%\] {
bottom: 50%
}
.bottom-\[50vh\] {
bottom: 50vh
}
.bottom-\[60px\] {
bottom: 60px
}
.bottom-\[70px\] {
bottom: 70px
}
.bottom-\[90px\] {
bottom: 90px
}
.bottom-full {
bottom: 100%
}
.bottom-xsmall {
bottom: var(--tk-spacing-xsmall)
}
.left-0 {
left: 0
}
.left-1 {
left: .25rem
}
.left-1\/2 {
left: 50%
}
.left-12 {
left: 3rem
}
.left-2 {
left: .5rem
}
.left-3 {
left: .75rem
}
.left-4 {
left: 1rem
}
.left-40 {
left: 10rem
}
.left-44 {
left: 11rem
}
.left-8 {
left: 2rem
}
.left-\[-14\.4442px\] {
left: -14.4442px
}
.left-\[-14px\] {
left: -14px
}
.left-\[-30px\] {
left: -30px
}
.left-\[-40px\] {
left: -40px
}
.left-\[-6px\] {
left: -6px
}
.left-\[-75px\] {
left: -75px
}
.left-\[1\%\] {
left: 1%
}
.left-\[13px\] {
left: 13px
}
.left-\[183px\] {
left: 183px
}
.left-\[27\%\] {
left: 27%
}
.left-\[30px\] {
left: 30px
}
.left-\[33px\] {
left: 33px
}
.left-\[34\.5\%\] {
left: 34.5%
}
.left-\[36\%\] {
left: 36%
}
.left-\[42\%\] {
left: 42%
}
.left-\[45\%\] {
left: 45%
}
.left-\[48\%\] {
left: 48%
}
.left-\[5\%\] {
left: 5%
}
.left-\[50\%\] {
left: 50%
}
.left-\[52\%\] {
left: 52%
}
.left-\[52\.5\%\] {
left: 52.5%
}
.left-\[53\%\] {
left: 53%
}
.left-\[55\%\] {
left: 55%
}
.left-\[64px\] {
left: 64px
}
.left-\[67\%\] {
left: 67%
}
.left-\[70px\] {
left: 70px
}
.left-\[75px\] {
left: 75px
}
.left-\[8\%\] {
left: 8%
}
.left-\[89\%\] {
left: 89%
}
.left-auto {
left: auto
}
.left-large {
left: var(--tk-spacing-large)
}
.left-medium {
left: var(--tk-spacing-medium)
}
.right-0 {
right: 0
}
.right-1 {
right: .25rem
}
.right-1\/2 {
right: 50%
}
.right-10 {
right: 2.5rem
}
.right-14 {
right: 3.5rem
}
.right-16 {
right: 4rem
}
.right-2 {
right: .5rem
}
.right-20 {
right: 5rem
}
.right-24 {
right: 6rem
}
.right-3 {
right: .75rem
}
.right-32 {
right: 8rem
}
.right-4 {
right: 1rem
}
.right-44 {
right: 11rem
}
.right-48 {
right: 12rem
}
.right-5 {
right: 1.25rem
}
.right-52 {
right: 13rem
}
.right-6 {
right: 1.5rem
}
.right-60 {
right: 15rem
}
.right-64 {
right: 16rem
}
.right-72 {
right: 18rem
}
.right-8 {
right: 2rem
}
.right-80 {
right: 20rem
}
.right-\[-100px\] {
right: -100px
}
.right-\[-12px\] {
right: -12px
}
.right-\[-30px\] {
right: -30px
}
.right-\[-50px\] {
right: -50px
}
.right-\[-75px\] {
right: -75px
}
.right-\[-85\%\] {
right: -85%
}
.right-\[-90\%\] {
right: -90%
}
.right-\[12px\] {
right: 12px
}
.right-\[25px\] {
right: 25px
}
.right-\[285px\] {
right: 285px
}
.right-\[54\%\] {
right: 54%
}
.right-\[75\%\] {
right: 75%
}
.right-\[75px\] {
right: 75px
}
.right-\[90px\] {
right: 90px
}
.right-\[calc\(var\(--tk-spacing-small\)\+2px\)\] {
right: calc(var(--tk-spacing-small) + 2px)
}
.right-large {
right: var(--tk-spacing-large)
}
.right-medium {
right: var(--tk-spacing-medium)
}
.top-0 {
top: 0
}
.top-1\/2 {
top: 50%
}
.top-10 {
top: 2.5rem
}
.top-16 {
top: 4rem
}
.top-2 {
top: .5rem
}
.top-20 {
top: 5rem
}
.top-24 {
top: 6rem
}
.top-28 {
top: 7rem
}
.top-3 {
top: .75rem
}
.top-32 {
top: 8rem
}
.top-4 {
top: 1rem
}
.top-5 {
top: 1.25rem
}
.top-56 {
top: 14rem
}
.top-6 {
top: 1.5rem
}
.top-8 {
top: 2rem
}
.top-80 {
top: 20rem
}
.top-\[-11\%\] {
top: -11%
}
.top-\[-1px\] {
top: -1px
}
.top-\[-20\%\] {
top: -20%
}
.top-\[-24px\] {
top: -24px
}
.top-\[-2px\] {
top: -2px
}
.top-\[-40\%\] {
top: -40%
}
.top-\[-50px\] {
top: -50px
}
.top-\[-60px\] {
top: -60px
}
.top-\[-80px\] {
top: -80px
}
.top-\[10\%\] {
top: 10%
}
.top-\[100\%\] {
top: 100%
}
.top-\[102\%\] {
top: 102%
}
.top-\[12px\] {
top: 12px
}
.top-\[140px\] {
top: 140px
}
.top-\[15\%\] {
top: 15%
}
.top-\[17\.1565px\] {
top: 17.1565px
}
.top-\[17\.5vh\] {
top: 17.5vh
}
.top-\[17px\] {
top: 17px
}
.top-\[23px\] {
top: 23px
}
.top-\[27px\] {
top: 27px
}
.top-\[30\%\] {
top: 30%
}
.top-\[300px\] {
top: 300px
}
.top-\[30px\] {
top: 30px
}
.top-\[325px\] {
top: 325px
}
.top-\[33px\] {
top: 33px
}
.top-\[375px\] {
top: 375px
}
.top-\[40\%\] {
top: 40%
}
.top-\[400px\] {
top: 400px
}
.top-\[43\%\] {
top: 43%
}
.top-\[430px\] {
top: 430px
}
.top-\[46\%\] {
top: 46%
}
.top-\[460px\] {
top: 460px
}
.top-\[475px\] {
top: 475px
}
.top-\[48\%\] {
top: 48%
}
.top-\[4px\] {
top: 4px
}
.top-\[50\%\] {
top: 50%
}
.top-\[50px\] {
top: 50px
}
.top-\[55\%\] {
top: 55%
}
.top-\[59\%\] {
top: 59%
}
.top-\[60\%\] {
top: 60%
}
.top-\[65\%\] {
top: 65%
}
.top-\[75px\] {
top: 75px
}
.top-\[80\%\] {
top: 80%
}
.top-\[80px\] {
top: 80px
}
.top-\[8px\] {
top: 8px
}
.top-\[calc\(50\%\+40px\)\] {
top: calc(50% + 40px)
}
.top-\[calc\(var\(--tk-spacing-small\)\+\(var\(--dot-container-height\)-var\(--dot-size\)\*2\)\/2\)\] {
top: calc(var(--tk-spacing-small) + (var(--dot-container-height) - var(--dot-size) * 2) / 2)
}
.top-\[calc\(var\(--tk-spacing-small\)\+var\(--dot-container-height\)\/2\)\] {
top: calc(var(--tk-spacing-small) + var(--dot-container-height) / 2)
}
.top-\[var\(--tk-spacing-small\)\] {
top: var(--tk-spacing-small)
}
.top-full {
top: 100%
}
.top-medium {
top: var(--tk-spacing-medium)
}
.top-xxsmall {
top: var(--tk-spacing-xxsmall)
}
.isolate {
isolation: isolate
}
.\!z-0 {
z-index: 0 !important
}
.-z-10 {
z-index: -10
}
.z-0 {
z-index: 0
}
.z-10 {
z-index: 10
}
.z-20 {
z-index: 20
}
.z-30 {
z-index: 30
}
.z-40 {
z-index: 40
}
.z-50 {
z-index: 50
}
.z-\[100\] {
z-index: 100
}
.z-\[1040\] {
z-index: 1040
}
.z-\[1090\] {
z-index: 1090
}
.z-\[10\] {
z-index: 10
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-first {
order: -9999
}
.order-last {
order: 9999
}
.col-span-1 {
grid-column: span 1/span 1
}
.col-span-12 {
grid-column: span 12/span 12
}
.col-span-2 {
grid-column: span 2/span 2
}
.col-span-4 {
grid-column: span 4/span 4
}
.col-span-5 {
grid-column: span 5/span 5
}
.col-span-6 {
grid-column: span 6/span 6
}
.col-span-7 {
grid-column: span 7/span 7
}
.col-span-8 {
grid-column: span 8/span 8
}
.col-span-full {
grid-column: 1/-1
}
.col-start-1 {
grid-column-start: 1
}
.col-start-2 {
grid-column-start: 2
}
.col-start-5 {
grid-column-start: 5
}
.col-end-13 {
grid-column-end: 13
}
.col-end-3 {
grid-column-end: 3
}
.col-end-4 {
grid-column-end: 4
}
.col-end-8 {
grid-column-end: 8
}
.col-end-9 {
grid-column-end: 9
}
.row-start-1 {
grid-row-start: 1
}
.row-start-2 {
grid-row-start: 2
}
.row-start-3 {
grid-row-start: 3
}
.row-start-4 {
grid-row-start: 4
}
.float-right {
float: right
}
.\!m-0 {
margin: 0 !important
}
.m-0 {
margin: 0
}
.m-\[10px\] {
margin: 10px
}
.m-auto {
margin: auto
}
.-mx-4 {
margin-left: -1rem;
margin-right: -1rem
}
.-mx-6 {
margin-left: -1.5rem;
margin-right: -1.5rem
}
.-my-small {
margin-top: calc(var(--tk-spacing-small) * -1);
margin-bottom: calc(var(--tk-spacing-small) * -1)
}
.-my-xxsmall {
margin-top: calc(var(--tk-spacing-xxsmall) * -1);
margin-bottom: calc(var(--tk-spacing-xxsmall) * -1)
}
.mx-0 {
margin-left: 0;
margin-right: 0
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem
}
.mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem
}
.mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem
}
.mx-8 {
margin-left: 2rem;
margin-right: 2rem
}
.mx-\[-10\%\] {
margin-left: -10%;
margin-right: -10%
}
.mx-\[5px\] {
margin-left: 5px;
margin-right: 5px
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.mx-xxsmall {
margin-left: var(--tk-spacing-xxsmall);
margin-right: var(--tk-spacing-xxsmall)
}
.my-0 {
margin-top: 0;
margin-bottom: 0
}
.my-1 {
margin-top: .25rem;
margin-bottom: .25rem
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.my-14 {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.my-2 {
margin-top: .5rem;
margin-bottom: .5rem
}
.my-3 {
margin-top: .75rem;
margin-bottom: .75rem
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem
}
.my-9 {
margin-top: 2.25rem;
margin-bottom: 2.25rem
}
.my-\[10vh\] {
margin-top: 10vh;
margin-bottom: 10vh
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
.my-medium {
margin-top: var(--tk-spacing-medium);
margin-bottom: var(--tk-spacing-medium)
}
.my-small {
margin-top: var(--tk-spacing-small);
margin-bottom: var(--tk-spacing-small)
}
.my-xxxlarge {
margin-top: var(--tk-spacing-xxxlarge);
margin-bottom: var(--tk-spacing-xxxlarge)
}
.\!-mt-\[30px\] {
margin-top: -30px !important
}
.-mb-2 {
margin-bottom: -.5rem
}
.-mb-20 {
margin-bottom: -5rem
}
.-mb-24 {
margin-bottom: -6rem
}
.-mb-28 {
margin-bottom: -7rem
}
.-mb-3 {
margin-bottom: -.75rem
}
.-mb-8 {
margin-bottom: -2rem
}
.-mb-large {
margin-bottom: calc(var(--tk-spacing-large) * -1)
}
.-mb-medium {
margin-bottom: calc(var(--tk-spacing-medium) * -1)
}
.-mb-px {
margin-bottom: -1px
}
.-mb-small {
margin-bottom: calc(var(--tk-spacing-small) * -1)
}
.-mb-xlarge {
margin-bottom: calc(var(--tk-spacing-xlarge) * -1)
}
.-mb-xsmall {
margin-bottom: calc(var(--tk-spacing-xsmall) * -1)
}
.-mb-xxlarge {
margin-bottom: calc(var(--tk-spacing-xxlarge) * -1)
}
.-mb-xxsmall {
margin-bottom: calc(var(--tk-spacing-xxsmall) * -1)
}
.-mb-xxxlarge {
margin-bottom: calc(var(--tk-spacing-xxxlarge) * -1)
}
.-mb-xxxsmall {
margin-bottom: calc(var(--tk-spacing-xxxsmall) * -1)
}
.-ml-10 {
margin-left: -2.5rem
}
.-ml-24 {
margin-left: -6rem
}
.-ml-36 {
margin-left: -9rem
}
.-ml-7 {
margin-left: -1.75rem
}
.-ml-large {
margin-left: calc(var(--tk-spacing-large) * -1)
}
.-ml-medium {
margin-left: calc(var(--tk-spacing-medium) * -1)
}
.-ml-small {
margin-left: calc(var(--tk-spacing-small) * -1)
}
.-ml-xlarge {
margin-left: calc(var(--tk-spacing-xlarge) * -1)
}
.-ml-xsmall {
margin-left: calc(var(--tk-spacing-xsmall) * -1)
}
.-ml-xxlarge {
margin-left: calc(var(--tk-spacing-xxlarge) * -1)
}
.-ml-xxsmall {
margin-left: calc(var(--tk-spacing-xxsmall) * -1)
}
.-ml-xxxlarge {
margin-left: calc(var(--tk-spacing-xxxlarge) * -1)
}
.-ml-xxxsmall {
margin-left: calc(var(--tk-spacing-xxxsmall) * -1)
}
.-mr-24 {
margin-right: -6rem
}
.-mr-4 {
margin-right: -1rem
}
.-mr-7 {
margin-right: -1.75rem
}
.-mr-8 {
margin-right: -2rem
}
.-mr-\[2px\] {
margin-right: -2px
}
.-mr-large {
margin-right: calc(var(--tk-spacing-large) * -1)
}
.-mr-medium {
margin-right: calc(var(--tk-spacing-medium) * -1)
}
.-mr-small {
margin-right: calc(var(--tk-spacing-small) * -1)
}
.-mr-xlarge {
margin-right: calc(var(--tk-spacing-xlarge) * -1)
}
.-mr-xsmall {
margin-right: calc(var(--tk-spacing-xsmall) * -1)
}
.-mr-xxlarge {
margin-right: calc(var(--tk-spacing-xxlarge) * -1)
}
.-mr-xxsmall {
margin-right: calc(var(--tk-spacing-xxsmall) * -1)
}
.-mr-xxxlarge {
margin-right: calc(var(--tk-spacing-xxxlarge) * -1)
}
.-mr-xxxsmall {
margin-right: calc(var(--tk-spacing-xxxsmall) * -1)
}
.-mt-1 {
margin-top: -.25rem
}
.-mt-10 {
margin-top: -2.5rem
}
.-mt-2 {
margin-top: -.5rem
}
.-mt-24 {
margin-top: -6rem
}
.-mt-32 {
margin-top: -8rem
}
.-mt-36 {
margin-top: -9rem
}
.-mt-4 {
margin-top: -1rem
}
.-mt-40 {
margin-top: -10rem
}
.-mt-5 {
margin-top: -1.25rem
}
.-mt-6 {
margin-top: -1.5rem
}
.-mt-7 {
margin-top: -1.75rem
}
.-mt-72 {
margin-top: -18rem
}
.-mt-9 {
margin-top: -2.25rem
}
.-mt-\[21px\] {
margin-top: -21px
}
.-mt-\[50px\] {
margin-top: -50px
}
.-mt-\[6px\] {
margin-top: -6px
}
.-mt-\[74px\] {
margin-top: -74px
}
.-mt-\[82px\] {
margin-top: -82px
}
.-mt-large {
margin-top: calc(var(--tk-spacing-large) * -1)
}
.-mt-medium {
margin-top: calc(var(--tk-spacing-medium) * -1)
}
.-mt-small {
margin-top: calc(var(--tk-spacing-small) * -1)
}
.-mt-xlarge {
margin-top: calc(var(--tk-spacing-xlarge) * -1)
}
.-mt-xsmall {
margin-top: calc(var(--tk-spacing-xsmall) * -1)
}
.-mt-xxlarge {
margin-top: calc(var(--tk-spacing-xxlarge) * -1)
}
.-mt-xxsmall {
margin-top: calc(var(--tk-spacing-xxsmall) * -1)
}
.-mt-xxxlarge {
margin-top: calc(var(--tk-spacing-xxxlarge) * -1)
}
.-mt-xxxsmall {
margin-top: calc(var(--tk-spacing-xxxsmall) * -1)
}
.mb-0 {
margin-bottom: 0
}
.mb-1 {
margin-bottom: .25rem
}
.mb-10 {
margin-bottom: 2.5rem
}
.mb-12 {
margin-bottom: 3rem
}
.mb-2 {
margin-bottom: .5rem
}
.mb-20 {
margin-bottom: 5rem
}
.mb-24 {
margin-bottom: 6rem
}
.mb-3 {
margin-bottom: .75rem
}
.mb-32 {
margin-bottom: 8rem
}
.mb-4 {
margin-bottom: 1rem
}
.mb-5 {
margin-bottom: 1.25rem
}
.mb-6 {
margin-bottom: 1.5rem
}
.mb-7 {
margin-bottom: 1.75rem
}
.mb-8 {
margin-bottom: 2rem
}
.mb-\[-1px\] {
margin-bottom: -1px
}
.mb-\[-27\%\] {
margin-bottom: -27%
}
.mb-\[2px\] {
margin-bottom: 2px
}
.mb-\[45px\] {
margin-bottom: 45px
}
.mb-large {
margin-bottom: var(--tk-spacing-large)
}
.mb-medium {
margin-bottom: var(--tk-spacing-medium)
}
.mb-small {
margin-bottom: var(--tk-spacing-small)
}
.mb-xlarge {
margin-bottom: var(--tk-spacing-xlarge)
}
.mb-xsmall {
margin-bottom: var(--tk-spacing-xsmall)
}
.mb-xxlarge {
margin-bottom: var(--tk-spacing-xxlarge)
}
.mb-xxsmall {
margin-bottom: var(--tk-spacing-xxsmall)
}
.mb-xxxlarge {
margin-bottom: var(--tk-spacing-xxxlarge)
}
.mb-xxxsmall {
margin-bottom: var(--tk-spacing-xxxsmall)
}
.ml-0 {
margin-left: 0
}
.ml-1 {
margin-left: .25rem
}
.ml-12 {
margin-left: 3rem
}
.ml-2 {
margin-left: .5rem
}
.ml-3 {
margin-left: .75rem
}
.ml-4 {
margin-left: 1rem
}
.ml-\[-20px\] {
margin-left: -20px
}
.ml-\[2px\] {
margin-left: 2px
}
.ml-\[30px\] {
margin-left: 30px
}
.ml-auto {
margin-left: auto
}
.ml-medium {
margin-left: var(--tk-spacing-medium)
}
.ml-small {
margin-left: var(--tk-spacing-small)
}
.ml-xsmall {
margin-left: var(--tk-spacing-xsmall)
}
.ml-xxsmall {
margin-left: var(--tk-spacing-xxsmall)
}
.ml-xxxsmall {
margin-left: var(--tk-spacing-xxxsmall)
}
.mr-2 {
margin-right: .5rem
}
.mr-3 {
margin-right: .75rem
}
.mr-4 {
margin-right: 1rem
}
.mr-6 {
margin-right: 1.5rem
}
.mr-\[20\%\] {
margin-right: 20%
}
.mr-\[2px\] {
margin-right: 2px
}
.mr-\[30px\] {
margin-right: 30px
}
.mr-\[3px\] {
margin-right: 3px
}
.mr-\[4px\] {
margin-right: 4px
}
.mr-auto {
margin-right: auto
}
.mr-small {
margin-right: var(--tk-spacing-small)
}
.mr-xxsmall {
margin-right: var(--tk-spacing-xxsmall)
}
.mt-0 {
margin-top: 0
}
.mt-1 {
margin-top: .25rem
}
.mt-10 {
margin-top: 2.5rem
}
.mt-12 {
margin-top: 3rem
}
.mt-14 {
margin-top: 3.5rem
}
.mt-16 {
margin-top: 4rem
}
.mt-2 {
margin-top: .5rem
}
.mt-20 {
margin-top: 5rem
}
.mt-24 {
margin-top: 6rem
}
.mt-3 {
margin-top: .75rem
}
.mt-4 {
margin-top: 1rem
}
.mt-40 {
margin-top: 10rem
}
.mt-5 {
margin-top: 1.25rem
}
.mt-6 {
margin-top: 1.5rem
}
.mt-8 {
margin-top: 2rem
}
.mt-\[-15px\] {
margin-top: -15px
}
.mt-\[-160px\] {
margin-top: -160px
}
.mt-\[-20px\] {
margin-top: -20px
}
.mt-\[-36px\] {
margin-top: -36px
}
.mt-\[2px\] {
margin-top: 2px
}
.mt-\[4px\] {
margin-top: 4px
}
.mt-large {
margin-top: var(--tk-spacing-large)
}
.mt-medium {
margin-top: var(--tk-spacing-medium)
}
.mt-px {
margin-top: 1px
}
.mt-small {
margin-top: var(--tk-spacing-small)
}
.mt-xlarge {
margin-top: var(--tk-spacing-xlarge)
}
.mt-xsmall {
margin-top: var(--tk-spacing-xsmall)
}
.mt-xxlarge {
margin-top: var(--tk-spacing-xxlarge)
}
.mt-xxsmall {
margin-top: var(--tk-spacing-xxsmall)
}
.box-content {
box-sizing: content-box
}
.\!block {
display: block !important
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.\!inline {
display: inline !important
}
.inline {
display: inline
}
.flex {
display: flex
}
.inline-flex {
display: inline-flex
}
.table {
display: table
}
.table-cell {
display: table-cell
}
.grid {
display: grid
}
.inline-grid {
display: inline-grid
}
.contents {
display: contents
}
.hidden {
display: none
}
.aspect-\[1248\/1280\] {
aspect-ratio: 1248/1280
}
.aspect-\[1248\/1380\] {
aspect-ratio: 1248/1380
}
.aspect-\[2\/1\] {
aspect-ratio: 2/1
}
.aspect-\[318\/632\] {
aspect-ratio: 318/632
}
.aspect-\[326\/640\] {
aspect-ratio: 326/640
}
.aspect-\[326\/660\] {
aspect-ratio: 326/660
}
.aspect-\[354\/557\] {
aspect-ratio: 354/557
}
.aspect-\[800\/800\] {
aspect-ratio: 800/800
}
.aspect-auto {
aspect-ratio: auto
}
.aspect-square {
aspect-ratio: 1/1
}
.\!h-12 {
height: 3rem !important
}
.\!h-16 {
height: 4rem !important
}
.\!h-2 {
height: .5rem !important
}
.\!h-2\.5 {
height: .625rem !important
}
.\!h-40 {
height: 10rem !important
}
.\!h-5 {
height: 1.25rem !important
}
.\!h-8 {
height: 2rem !important
}
.\!h-\[15px\] {
height: 15px !important
}
.\!h-\[1em\] {
height: 1em !important
}
.\!h-\[24px\] {
height: 24px !important
}
.\!h-\[93px\] {
height: 93px !important
}
.\!h-large {
height: var(--tk-spacing-large) !important
}
.h-0 {
height: 0
}
.h-0\.5 {
height: .125rem
}
.h-1 {
height: .25rem
}
.h-1\.5 {
height: .375rem
}
.h-10 {
height: 2.5rem
}
.h-12 {
height: 3rem
}
.h-14 {
height: 3.5rem
}
.h-2 {
height: .5rem
}
.h-20 {
height: 5rem
}
.h-24 {
height: 6rem
}
.h-28 {
height: 7rem
}
.h-4 {
height: 1rem
}
.h-5 {
height: 1.25rem
}
.h-6 {
height: 1.5rem
}
.h-8 {
height: 2rem
}
.h-9 {
height: 2.25rem
}
.h-\[--avatar-size\] {
height: var(--avatar-size)
}
.h-\[--modifier-size\] {
height: var(--modifier-size)
}
.h-\[--more-info-icon-size\] {
height: var(--more-info-icon-size)
}
.h-\[1\.2em\] {
height: 1.2em
}
.h-\[100px\] {
height: 100px
}
.h-\[100vh\] {
height: 100vh
}
.h-\[10px\] {
height: 10px
}
.h-\[110px\] {
height: 110px
}
.h-\[114px\] {
height: 114px
}
.h-\[116px\] {
height: 116px
}
.h-\[120px\] {
height: 120px
}
.h-\[1214px\] {
height: 1214px
}
.h-\[122px\] {
height: 122px
}
.h-\[128px\] {
height: 128px
}
.h-\[12px\] {
height: 12px
}
.h-\[132px\] {
height: 132px
}
.h-\[13px\] {
height: 13px
}
.h-\[140px\] {
height: 140px
}
.h-\[143px\] {
height: 143px
}
.h-\[147px\] {
height: 147px
}
.h-\[150px\] {
height: 150px
}
.h-\[151px\] {
height: 151px
}
.h-\[156px\] {
height: 156px
}
.h-\[158px\] {
height: 158px
}
.h-\[159px\] {
height: 159px
}
.h-\[15px\] {
height: 15px
}
.h-\[164px\] {
height: 164px
}
.h-\[165px\] {
height: 165px
}
.h-\[167px\] {
height: 167px
}
.h-\[16px\] {
height: 16px
}
.h-\[170px\] {
height: 170px
}
.h-\[171px\] {
height: 171px
}
.h-\[180px\] {
height: 180px
}
.h-\[18px\] {
height: 18px
}
.h-\[194px\] {
height: 194px
}
.h-\[1em\] {
height: 1em
}
.h-\[1px\] {
height: 1px
}
.h-\[200px\] {
height: 200px
}
.h-\[204px\] {
height: 204px
}
.h-\[206px\] {
height: 206px
}
.h-\[20px\] {
height: 20px
}
.h-\[212px\] {
height: 212px
}
.h-\[213px\] {
height: 213px
}
.h-\[214px\] {
height: 214px
}
.h-\[225px\] {
height: 225px
}
.h-\[22px\] {
height: 22px
}
.h-\[230px\] {
height: 230px
}
.h-\[233px\] {
height: 233px
}
.h-\[23px\] {
height: 23px
}
.h-\[24px\] {
height: 24px
}
.h-\[250px\] {
height: 250px
}
.h-\[251px\] {
height: 251px
}
.h-\[262\.125px\] {
height: 262.125px
}
.h-\[26px\] {
height: 26px
}
.h-\[27px\] {
height: 27px
}
.h-\[28px\] {
height: 28px
}
.h-\[29px\] {
height: 29px
}
.h-\[2px\] {
height: 2px
}
.h-\[300px\] {
height: 300px
}
.h-\[302px\] {
height: 302px
}
.h-\[30px\] {
height: 30px
}
.h-\[327px\] {
height: 327px
}
.h-\[32px\] {
height: 32px
}
.h-\[330px\] {
height: 330px
}
.h-\[336px\] {
height: 336px
}
.h-\[340px\] {
height: 340px
}
.h-\[348px\] {
height: 348px
}
.h-\[34px\] {
height: 34px
}
.h-\[350px\] {
height: 350px
}
.h-\[355px\] {
height: 355px
}
.h-\[35px\] {
height: 35px
}
.h-\[36px\] {
height: 36px
}
.h-\[377\.46px\] {
height: 377.46px
}
.h-\[377px\] {
height: 377px
}
.h-\[379px\] {
height: 379px
}
.h-\[38px\] {
height: 38px
}
.h-\[39px\] {
height: 39px
}
.h-\[400px\] {
height: 400px
}
.h-\[40px\] {
height: 40px
}
.h-\[417px\] {
height: 417px
}
.h-\[41px\] {
height: 41px
}
.h-\[420px\] {
height: 420px
}
.h-\[42px\] {
height: 42px
}
.h-\[430px\] {
height: 430px
}
.h-\[44px\] {
height: 44px
}
.h-\[450px\] {
height: 450px
}
.h-\[463px\] {
height: 463px
}
.h-\[48\%\] {
height: 48%
}
.h-\[48px\] {
height: 48px
}
.h-\[50\%\] {
height: 50%
}
.h-\[500px\] {
height: 500px
}
.h-\[50px\] {
height: 50px
}
.h-\[521px\] {
height: 521px
}
.h-\[52px\] {
height: 52px
}
.h-\[54px\] {
height: 54px
}
.h-\[550px\] {
height: 550px
}
.h-\[56px\] {
height: 56px
}
.h-\[58px\] {
height: 58px
}
.h-\[600px\] {
height: 600px
}
.h-\[64px\] {
height: 64px
}
.h-\[6px\] {
height: 6px
}
.h-\[70px\] {
height: 70px
}
.h-\[70vh\] {
height: 70vh
}
.h-\[72px\] {
height: 72px
}
.h-\[75\%\] {
height: 75%
}
.h-\[75px\] {
height: 75px
}
.h-\[780px\] {
height: 780px
}
.h-\[78px\] {
height: 78px
}
.h-\[80\%\] {
height: 80%
}
.h-\[81px\] {
height: 81px
}
.h-\[850px\] {
height: 850px
}
.h-\[86px\] {
height: 86px
}
.h-\[88\%\] {
height: 88%
}
.h-\[880px\] {
height: 880px
}
.h-\[90px\] {
height: 90px
}
.h-\[91px\] {
height: 91px
}
.h-\[93px\] {
height: 93px
}
.h-\[94px\] {
height: 94px
}
.h-\[95\%\] {
height: 95%
}
.h-\[97\.5\%\] {
height: 97.5%
}
.h-\[97px\] {
height: 97px
}
.h-\[99\.75px\] {
height: 99.75px
}
.h-\[calc\(100\%\+60px\)\] {
height: calc(100% + 60px)
}
.h-\[calc\(100vh-90px\)\] {
height: calc(100vh - 90px)
}
.h-\[calc\(var\(--dot-size\)\*2\)\] {
height: calc(var(--dot-size) * 2)
}
.h-\[var\(--dot-container-height\)\] {
height: var(--dot-container-height)
}
.h-\[var\(--dot-size\)\] {
height: var(--dot-size)
}
.h-auto {
height: auto
}
.h-fit {
height: -moz-fit-content;
height: fit-content
}
.h-full {
height: 100%
}
.h-large {
height: var(--tk-spacing-large)
}
.h-medium {
height: var(--tk-spacing-medium)
}
.h-px {
height: 1px
}
.h-xlarge {
height: var(--tk-spacing-xlarge)
}
.h-xsmall {
height: var(--tk-spacing-xsmall)
}
.h-xxlarge {
height: var(--tk-spacing-xxlarge)
}
.h-xxxlarge {
height: var(--tk-spacing-xxxlarge)
}
.max-h-\[100px\] {
max-height: 100px
}
.max-h-\[140px\] {
max-height: 140px
}
.max-h-\[165px\] {
max-height: 165px
}
.max-h-\[200px\] {
max-height: 200px
}
.max-h-\[208px\] {
max-height: 208px
}
.max-h-\[300px\] {
max-height: 300px
}
.max-h-\[400px\] {
max-height: 400px
}
.max-h-\[530px\] {
max-height: 530px
}
.max-h-\[600px\] {
max-height: 600px
}
.max-h-\[675px\] {
max-height: 675px
}
.max-h-\[700px\] {
max-height: 700px
}
.max-h-\[72px\] {
max-height: 72px
}
.max-h-\[80vh\] {
max-height: 80vh
}
.max-h-\[90\%\] {
max-height: 90%
}
.max-h-fit {
max-height: -moz-fit-content;
max-height: fit-content
}
.max-h-full {
max-height: 100%
}
.max-h-screen {
max-height: 100vh
}
.min-h-\[1000px\] {
min-height: 1000px
}
.min-h-\[1050px\] {
min-height: 1050px
}
.min-h-\[139px\] {
min-height: 139px
}
.min-h-\[140px\] {
min-height: 140px
}
.min-h-\[141px\] {
min-height: 141px
}
.min-h-\[200px\] {
min-height: 200px
}
.min-h-\[237px\] {
min-height: 237px
}
.min-h-\[260px\] {
min-height: 260px
}
.min-h-\[284px\] {
min-height: 284px
}
.min-h-\[304px\] {
min-height: 304px
}
.min-h-\[312px\] {
min-height: 312px
}
.min-h-\[320px\] {
min-height: 320px
}
.min-h-\[350px\] {
min-height: 350px
}
.min-h-\[375px\] {
min-height: 375px
}
.min-h-\[380px\] {
min-height: 380px
}
.min-h-\[400px\] {
min-height: 400px
}
.min-h-\[430px\] {
min-height: 430px
}
.min-h-\[440px\] {
min-height: 440px
}
.min-h-\[490px\] {
min-height: 490px
}
.min-h-\[500px\] {
min-height: 500px
}
.min-h-\[505px\] {
min-height: 505px
}
.min-h-\[57px\] {
min-height: 57px
}
.min-h-\[58px\] {
min-height: 58px
}
.min-h-\[600px\] {
min-height: 600px
}
.min-h-\[60px\] {
min-height: 60px
}
.min-h-\[61vh\] {
min-height: 61vh
}
.min-h-\[700px\] {
min-height: 700px
}
.min-h-\[86px\] {
min-height: 86px
}
.min-h-full {
min-height: 100%
}
.min-h-large {
min-height: var(--tk-spacing-large)
}
.min-h-screen {
min-height: 100vh
}
.\!w-12 {
width: 3rem !important
}
.\!w-16 {
width: 4rem !important
}
.\!w-2 {
width: .5rem !important
}
.\!w-40 {
width: 10rem !important
}
.\!w-5 {
width: 1.25rem !important
}
.\!w-8 {
width: 2rem !important
}
.\!w-\[0\.6em\] {
width: .6em !important
}
.\!w-\[252px\] {
width: 252px !important
}
.\!w-\[28px\] {
width: 28px !important
}
.w-0 {
width: 0
}
.w-12 {
width: 3rem
}
.w-2 {
width: .5rem
}
.w-2\/3 {
width: 66.666667%
}
.w-20 {
width: 5rem
}
.w-24 {
width: 6rem
}
.w-4 {
width: 1rem
}
.w-5 {
width: 1.25rem
}
.w-6 {
width: 1.5rem
}
.w-72 {
width: 18rem
}
.w-8 {
width: 2rem
}
.w-9 {
width: 2.25rem
}
.w-\[--avatar-size\] {
width: var(--avatar-size)
}
.w-\[--modifier-size\] {
width: var(--modifier-size)
}
.w-\[1020px\] {
width: 1020px
}
.w-\[107px\] {
width: 107px
}
.w-\[10px\] {
width: 10px
}
.w-\[110px\] {
width: 110px
}
.w-\[115px\] {
width: 115px
}
.w-\[116px\] {
width: 116px
}
.w-\[120px\] {
width: 120px
}
.w-\[128px\] {
width: 128px
}
.w-\[12px\] {
width: 12px
}
.w-\[1300px\] {
width: 1300px
}
.w-\[131px\] {
width: 131px
}
.w-\[132px\] {
width: 132px
}
.w-\[135px\] {
width: 135px
}
.w-\[142px\] {
width: 142px
}
.w-\[1500px\] {
width: 1500px
}
.w-\[150px\] {
width: 150px
}
.w-\[151px\] {
width: 151px
}
.w-\[158px\] {
width: 158px
}
.w-\[160px\] {
width: 160px
}
.w-\[166px\] {
width: 166px
}
.w-\[168px\] {
width: 168px
}
.w-\[16px\] {
width: 16px
}
.w-\[170px\] {
width: 170px
}
.w-\[172px\] {
width: 172px
}
.w-\[175px\] {
width: 175px
}
.w-\[1766px\] {
width: 1766px
}
.w-\[179px\] {
width: 179px
}
.w-\[17px\] {
width: 17px
}
.w-\[180px\] {
width: 180px
}
.w-\[186px\] {
width: 186px
}
.w-\[18px\] {
width: 18px
}
.w-\[190px\] {
width: 190px
}
.w-\[192px\] {
width: 192px
}
.w-\[1953px\] {
width: 1953px
}
.w-\[198px\] {
width: 198px
}
.w-\[2000px\] {
width: 2000px
}
.w-\[200px\] {
width: 200px
}
.w-\[202px\] {
width: 202px
}
.w-\[20px\] {
width: 20px
}
.w-\[210px\] {
width: 210px
}
.w-\[214px\] {
width: 214px
}
.w-\[215px\] {
width: 215px
}
.w-\[21px\] {
width: 21px
}
.w-\[220px\] {
width: 220px
}
.w-\[225px\] {
width: 225px
}
.w-\[22px\] {
width: 22px
}
.w-\[230px\] {
width: 230px
}
.w-\[231px\] {
width: 231px
}
.w-\[233px\] {
width: 233px
}
.w-\[234px\] {
width: 234px
}
.w-\[236px\] {
width: 236px
}
.w-\[239px\] {
width: 239px
}
.w-\[240px\] {
width: 240px
}
.w-\[24px\] {
width: 24px
}
.w-\[250px\] {
width: 250px
}
.w-\[256px\] {
width: 256px
}
.w-\[260px\] {
width: 260px
}
.w-\[26px\] {
width: 26px
}
.w-\[270\.35px\] {
width: 270.35px
}
.w-\[272px\] {
width: 272px
}
.w-\[275px\] {
width: 275px
}
.w-\[27px\] {
width: 27px
}
.w-\[280px\] {
width: 280px
}
.w-\[282px\] {
width: 282px
}
.w-\[283px\] {
width: 283px
}
.w-\[288px\] {
width: 288px
}
.w-\[28px\] {
width: 28px
}
.w-\[295px\] {
width: 295px
}
.w-\[299px\] {
width: 299px
}
.w-\[2px\] {
width: 2px
}
.w-\[300px\] {
width: 300px
}
.w-\[302px\] {
width: 302px
}
.w-\[30px\] {
width: 30px
}
.w-\[310px\] {
width: 310px
}
.w-\[316px\] {
width: 316px
}
.w-\[319\.44px\] {
width: 319.44px
}
.w-\[325px\] {
width: 325px
}
.w-\[32px\] {
width: 32px
}
.w-\[33px\] {
width: 33px
}
.w-\[341px\] {
width: 341px
}
.w-\[34px\] {
width: 34px
}
.w-\[350px\] {
width: 350px
}
.w-\[35px\] {
width: 35px
}
.w-\[360px\] {
width: 360px
}
.w-\[38px\] {
width: 38px
}
.w-\[397px\] {
width: 397px
}
.w-\[39px\] {
width: 39px
}
.w-\[400px\] {
width: 400px
}
.w-\[40px\] {
width: 40px
}
.w-\[40vw\] {
width: 40vw
}
.w-\[42px\] {
width: 42px
}
.w-\[445px\] {
width: 445px
}
.w-\[448px\] {
width: 448px
}
.w-\[44px\] {
width: 44px
}
.w-\[450px\] {
width: 450px
}
.w-\[460px\] {
width: 460px
}
.w-\[461px\] {
width: 461px
}
.w-\[480px\] {
width: 480px
}
.w-\[48px\] {
width: 48px
}
.w-\[495px\] {
width: 495px
}
.w-\[50\%\] {
width: 50%
}
.w-\[500px\] {
width: 500px
}
.w-\[50px\] {
width: 50px
}
.w-\[54px\] {
width: 54px
}
.w-\[600px\] {
width: 600px
}
.w-\[60px\] {
width: 60px
}
.w-\[61px\] {
width: 61px
}
.w-\[629px\] {
width: 629px
}
.w-\[62px\] {
width: 62px
}
.w-\[63px\] {
width: 63px
}
.w-\[683px\] {
width: 683px
}
.w-\[70\%\] {
width: 70%
}
.w-\[70px\] {
width: 70px
}
.w-\[72px\] {
width: 72px
}
.w-\[75\%\] {
width: 75%
}
.w-\[750px\] {
width: 750px
}
.w-\[769px\] {
width: 769px
}
.w-\[81px\] {
width: 81px
}
.w-\[840px\] {
width: 840px
}
.w-\[88\%\] {
width: 88%
}
.w-\[880px\] {
width: 880px
}
.w-\[89px\] {
width: 89px
}
.w-\[90\%\] {
width: 90%
}
.w-\[900px\] {
width: 900px
}
.w-\[901px\] {
width: 901px
}
.w-\[94px\] {
width: 94px
}
.w-\[95\%\] {
width: 95%
}
.w-\[99\%\] {
width: 99%
}
.w-\[calc\(100\%\)\] {
width: calc(100%)
}
.w-\[calc\(100\%\+40px\)\] {
width: calc(100% + 40px)
}
.w-\[calc\(var\(--dot-size\)\*2\)\] {
width: calc(var(--dot-size) * 2)
}
.w-\[var\(--connector-width\)\] {
width: var(--connector-width)
}
.w-\[var\(--dot-container-width\)\] {
width: var(--dot-container-width)
}
.w-\[var\(--dot-size\)\] {
width: var(--dot-size)
}
.w-auto {
width: auto
}
.w-fit {
width: -moz-fit-content;
width: fit-content
}
.w-full {
width: 100%
}
.w-large {
width: var(--tk-spacing-large)
}
.w-max {
width: -moz-max-content;
width: max-content
}
.w-medium {
width: var(--tk-spacing-medium)
}
.w-xlarge {
width: var(--tk-spacing-xlarge)
}
.w-xxlarge {
width: var(--tk-spacing-xxlarge)
}
.w-xxxlarge {
width: var(--tk-spacing-xxxlarge)
}
.min-w-0 {
min-width: 0
}
.min-w-\[100px\] {
min-width: 100px
}
.min-w-\[1100px\] {
min-width: 1100px
}
.min-w-\[115px\] {
min-width: 115px
}
.min-w-\[120\%\] {
min-width: 120%
}
.min-w-\[120px\] {
min-width: 120px
}
.min-w-\[130\%\] {
min-width: 130%
}
.min-w-\[140px\] {
min-width: 140px
}
.min-w-\[150px\] {
min-width: 150px
}
.min-w-\[1536px\] {
min-width: 1536px
}
.min-w-\[160px\] {
min-width: 160px
}
.min-w-\[200px\] {
min-width: 200px
}
.min-w-\[2024px\] {
min-width: 2024px
}
.min-w-\[20px\] {
min-width: 20px
}
.min-w-\[220px\] {
min-width: 220px
}
.min-w-\[240px\] {
min-width: 240px
}
.min-w-\[250px\] {
min-width: 250px
}
.min-w-\[260px\] {
min-width: 260px
}
.min-w-\[290px\] {
min-width: 290px
}
.min-w-\[300px\] {
min-width: 300px
}
.min-w-\[310px\] {
min-width: 310px
}
.min-w-\[325px\] {
min-width: 325px
}
.min-w-\[32px\] {
min-width: 32px
}
.min-w-\[350px\] {
min-width: 350px
}
.min-w-\[380px\] {
min-width: 380px
}
.min-w-\[40px\] {
min-width: 40px
}
.min-w-\[440px\] {
min-width: 440px
}
.min-w-\[441px\] {
min-width: 441px
}
.min-w-\[450px\] {
min-width: 450px
}
.min-w-\[481px\] {
min-width: 481px
}
.min-w-\[550px\] {
min-width: 550px
}
.min-w-\[64px\] {
min-width: 64px
}
.min-w-\[650px\] {
min-width: 650px
}
.min-w-\[80px\] {
min-width: 80px
}
.min-w-\[880px\] {
min-width: 880px
}
.min-w-\[95px\] {
min-width: 95px
}
.min-w-full {
min-width: 100%
}
.min-w-large {
min-width: var(--tk-spacing-large)
}
.min-w-medium {
min-width: var(--tk-spacing-medium)
}
.max-w-5xl {
max-width: 64rem
}
.max-w-7xl {
max-width: 80rem
}
.max-w-\[1000px\] {
max-width: 1000px
}
.max-w-\[1025px\] {
max-width: 1025px
}
.max-w-\[1028px\] {
max-width: 1028px
}
.max-w-\[1050px\] {
max-width: 1050px
}
.max-w-\[1076px\] {
max-width: 1076px
}
.max-w-\[1080px\] {
max-width: 1080px
}
.max-w-\[1100px\] {
max-width: 1100px
}
.max-w-\[1140px\] {
max-width: 1140px
}
.max-w-\[1145px\] {
max-width: 1145px
}
.max-w-\[1150px\] {
max-width: 1150px
}
.max-w-\[1170px\] {
max-width: 1170px
}
.max-w-\[1200px\] {
max-width: 1200px
}
.max-w-\[1240px\] {
max-width: 1240px
}
.max-w-\[1260px\] {
max-width: 1260px
}
.max-w-\[1270px\] {
max-width: 1270px
}
.max-w-\[1280px\] {
max-width: 1280px
}
.max-w-\[1300px\] {
max-width: 1300px
}
.max-w-\[1365px\] {
max-width: 1365px
}
.max-w-\[1400px\] {
max-width: 1400px
}
.max-w-\[141px\] {
max-width: 141px
}
.max-w-\[1445px\] {
max-width: 1445px
}
.max-w-\[150px\] {
max-width: 150px
}
.max-w-\[1536px\] {
max-width: 1536px
}
.max-w-\[1546px\] {
max-width: 1546px
}
.max-w-\[1550px\] {
max-width: 1550px
}
.max-w-\[1560px\] {
max-width: 1560px
}
.max-w-\[1561px\] {
max-width: 1561px
}
.max-w-\[1600px\] {
max-width: 1600px
}
.max-w-\[160px\] {
max-width: 160px
}
.max-w-\[1766px\] {
max-width: 1766px
}
.max-w-\[177px\] {
max-width: 177px
}
.max-w-\[180px\] {
max-width: 180px
}
.max-w-\[1896px\] {
max-width: 1896px
}
.max-w-\[190px\] {
max-width: 190px
}
.max-w-\[2000px\] {
max-width: 2000px
}
.max-w-\[200px\] {
max-width: 200px
}
.max-w-\[2024px\] {
max-width: 2024px
}
.max-w-\[210px\] {
max-width: 210px
}
.max-w-\[220px\] {
max-width: 220px
}
.max-w-\[240px\] {
max-width: 240px
}
.max-w-\[247px\] {
max-width: 247px
}
.max-w-\[248px\] {
max-width: 248px
}
.max-w-\[250px\] {
max-width: 250px
}
.max-w-\[251px\] {
max-width: 251px
}
.max-w-\[255px\] {
max-width: 255px
}
.max-w-\[259px\] {
max-width: 259px
}
.max-w-\[260px\] {
max-width: 260px
}
.max-w-\[272px\] {
max-width: 272px
}
.max-w-\[273px\] {
max-width: 273px
}
.max-w-\[279px\] {
max-width: 279px
}
.max-w-\[280px\] {
max-width: 280px
}
.max-w-\[282px\] {
max-width: 282px
}
.max-w-\[284px\] {
max-width: 284px
}
.max-w-\[290px\] {
max-width: 290px
}
.max-w-\[291px\] {
max-width: 291px
}
.max-w-\[296px\] {
max-width: 296px
}
.max-w-\[298px\] {
max-width: 298px
}
.max-w-\[299px\] {
max-width: 299px
}
.max-w-\[300px\] {
max-width: 300px
}
.max-w-\[302px\] {
max-width: 302px
}
.max-w-\[305px\] {
max-width: 305px
}
.max-w-\[311px\] {
max-width: 311px
}
.max-w-\[312px\] {
max-width: 312px
}
.max-w-\[315px\] {
max-width: 315px
}
.max-w-\[319px\] {
max-width: 319px
}
.max-w-\[320px\] {
max-width: 320px
}
.max-w-\[323px\] {
max-width: 323px
}
.max-w-\[324px\] {
max-width: 324px
}
.max-w-\[325px\] {
max-width: 325px
}
.max-w-\[330px\] {
max-width: 330px
}
.max-w-\[340px\] {
max-width: 340px
}
.max-w-\[343px\] {
max-width: 343px
}
.max-w-\[345px\] {
max-width: 345px
}
.max-w-\[347px\] {
max-width: 347px
}
.max-w-\[350px\] {
max-width: 350px
}
.max-w-\[360px\] {
max-width: 360px
}
.max-w-\[361px\] {
max-width: 361px
}
.max-w-\[365px\] {
max-width: 365px
}
.max-w-\[368px\] {
max-width: 368px
}
.max-w-\[370px\] {
max-width: 370px
}
.max-w-\[379px\] {
max-width: 379px
}
.max-w-\[380px\] {
max-width: 380px
}
.max-w-\[382px\] {
max-width: 382px
}
.max-w-\[389px\] {
max-width: 389px
}
.max-w-\[394px\] {
max-width: 394px
}
.max-w-\[396px\] {
max-width: 396px
}
.max-w-\[40\%\] {
max-width: 40%
}
.max-w-\[400px\] {
max-width: 400px
}
.max-w-\[406px\] {
max-width: 406px
}
.max-w-\[412px\] {
max-width: 412px
}
.max-w-\[420px\] {
max-width: 420px
}
.max-w-\[440px\] {
max-width: 440px
}
.max-w-\[446px\] {
max-width: 446px
}
.max-w-\[448px\] {
max-width: 448px
}
.max-w-\[450px\] {
max-width: 450px
}
.max-w-\[453px\] {
max-width: 453px
}
.max-w-\[454px\] {
max-width: 454px
}
.max-w-\[460px\] {
max-width: 460px
}
.max-w-\[461px\] {
max-width: 461px
}
.max-w-\[462px\] {
max-width: 462px
}
.max-w-\[463px\] {
max-width: 463px
}
.max-w-\[464px\] {
max-width: 464px
}
.max-w-\[465px\] {
max-width: 465px
}
.max-w-\[470px\] {
max-width: 470px
}
.max-w-\[472px\] {
max-width: 472px
}
.max-w-\[480px\] {
max-width: 480px
}
.max-w-\[487px\] {
max-width: 487px
}
.max-w-\[488px\] {
max-width: 488px
}
.max-w-\[50\%\] {
max-width: 50%
}
.max-w-\[500px\] {
max-width: 500px
}
.max-w-\[507px\] {
max-width: 507px
}
.max-w-\[510px\] {
max-width: 510px
}
.max-w-\[512px\] {
max-width: 512px
}
.max-w-\[515px\] {
max-width: 515px
}
.max-w-\[518px\] {
max-width: 518px
}
.max-w-\[520px\] {
max-width: 520px
}
.max-w-\[523px\] {
max-width: 523px
}
.max-w-\[530px\] {
max-width: 530px
}
.max-w-\[538px\] {
max-width: 538px
}
.max-w-\[540px\] {
max-width: 540px
}
.max-w-\[542px\] {
max-width: 542px
}
.max-w-\[546px\] {
max-width: 546px
}
.max-w-\[547px\] {
max-width: 547px
}
.max-w-\[550px\] {
max-width: 550px
}
.max-w-\[551px\] {
max-width: 551px
}
.max-w-\[566px\] {
max-width: 566px
}
.max-w-\[577px\] {
max-width: 577px
}
.max-w-\[580px\] {
max-width: 580px
}
.max-w-\[594px\] {
max-width: 594px
}
.max-w-\[600px\] {
max-width: 600px
}
.max-w-\[615px\] {
max-width: 615px
}
.max-w-\[620px\] {
max-width: 620px
}
.max-w-\[642px\] {
max-width: 642px
}
.max-w-\[65\%\] {
max-width: 65%
}
.max-w-\[650px\] {
max-width: 650px
}
.max-w-\[660px\] {
max-width: 660px
}
.max-w-\[665px\] {
max-width: 665px
}
.max-w-\[683px\] {
max-width: 683px
}
.max-w-\[684px\] {
max-width: 684px
}
.max-w-\[695px\] {
max-width: 695px
}
.max-w-\[70\%\] {
max-width: 70%
}
.max-w-\[700px\] {
max-width: 700px
}
.max-w-\[708px\] {
max-width: 708px
}
.max-w-\[743px\] {
max-width: 743px
}
.max-w-\[750px\] {
max-width: 750px
}
.max-w-\[760px\] {
max-width: 760px
}
.max-w-\[80\%\] {
max-width: 80%
}
.max-w-\[800px\] {
max-width: 800px
}
.max-w-\[810px\] {
max-width: 810px
}
.max-w-\[820px\] {
max-width: 820px
}
.max-w-\[870px\] {
max-width: 870px
}
.max-w-\[900px\] {
max-width: 900px
}
.max-w-\[905px\] {
max-width: 905px
}
.max-w-\[920px\] {
max-width: 920px
}
.max-w-fit {
max-width: -moz-fit-content;
max-width: fit-content
}
.max-w-full {
max-width: 100%
}
.max-w-max {
max-width: -moz-max-content;
max-width: max-content
}
.max-w-md {
max-width: 28rem
}
.max-w-none {
max-width: none
}
.max-w-screen-2xl {
max-width: 1536px
}
.max-w-screen-lg {
max-width: 960px
}
.max-w-screen-sm {
max-width: 480px
}
.max-w-screen-xl {
max-width: 1140px
}
.max-w-screen-xs {
max-width: 384px
}
.max-w-sm {
max-width: 24rem
}
.flex-1 {
flex: 1 1 0%
}
.flex-\[0\] {
flex: 0
}
.flex-\[0_0\] {
flex: 0 0
}
.flex-\[0_0_auto\] {
flex: 0 0 auto
}
.flex-\[1_1\] {
flex: 1 1
}
.flex-\[1_1_0\] {
flex: 1 1 0
}
.flex-none {
flex: none
}
.flex-shrink {
flex-shrink: 1
}
.flex-shrink-0 {
flex-shrink: 0
}
.shrink {
flex-shrink: 1
}
.shrink-0 {
flex-shrink: 0
}
.flex-grow {
flex-grow: 1
}
.flex-grow-0 {
flex-grow: 0
}
.grow {
flex-grow: 1
}
.grow-0 {
flex-grow: 0
}
.grow-\[1\] {
flex-grow: 1
}
.grow-\[2\] {
flex-grow: 2
}
.basis-0 {
flex-basis: 0px
}
.basis-\[500px\] {
flex-basis: 500px
}
.table-auto {
table-layout: auto
}
.border-collapse {
border-collapse: collapse
}
.origin-\[16px_18px\] {
transform-origin: 16px 18px
}
.origin-\[17px_17px\] {
transform-origin: 17px 17px
}
.origin-center {
transform-origin: center
}
.origin-top {
transform-origin: top
}
.origin-top-left {
transform-origin: top left
}
.origin-top-right {
transform-origin: top right
}
.\!-translate-y-full {
--tw-translate-y: -100% !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.-translate-x-1\/2 {
--tw-translate-x: -50%
}
.-translate-x-1\/2,
.-translate-x-1\/3 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-1\/3 {
--tw-translate-x: -33.333333%
}
.-translate-x-4 {
--tw-translate-x: -1rem
}
.-translate-x-4,
.-translate-x-8 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-8 {
--tw-translate-x: -2rem
}
.-translate-x-\[2\%\] {
--tw-translate-x: -2%
}
.-translate-x-\[2\%\],
.-translate-x-\[3\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-\[3\%\] {
--tw-translate-x: -3%
}
.-translate-x-\[48\%\] {
--tw-translate-x: -48%
}
.-translate-x-\[48\%\],
.-translate-x-\[50\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-\[50\%\] {
--tw-translate-x: -50%
}
.-translate-x-\[52\%\] {
--tw-translate-x: -52%
}
.-translate-x-\[52\%\],
.-translate-x-\[55\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-\[55\%\] {
--tw-translate-x: -55%
}
.-translate-x-\[60\%\] {
--tw-translate-x: -60%
}
.-translate-x-\[60\%\],
.-translate-y-1\/2 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2 {
--tw-translate-y: -50%
}
.-translate-y-1\/3 {
--tw-translate-y: -33.333333%
}
.-translate-y-1\/3,
.-translate-y-2\/3 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-2\/3 {
--tw-translate-y: -66.666667%
}
.-translate-y-3\/4 {
--tw-translate-y: -75%
}
.-translate-y-3\/4,
.-translate-y-\[40\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-\[40\%\] {
--tw-translate-y: -40%
}
.-translate-y-\[48\%\] {
--tw-translate-y: -48%
}
.-translate-y-\[48\%\],
.-translate-y-\[50\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-\[50\%\] {
--tw-translate-y: -50%
}
.-translate-y-\[58\%\] {
--tw-translate-y: -58%
}
.-translate-y-\[58\%\],
.translate-x-1\/2 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-1\/2 {
--tw-translate-x: 50%
}
.translate-x-1\/4 {
--tw-translate-x: 25%
}
.translate-x-12,
.translate-x-1\/4 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-12 {
--tw-translate-x: 3rem
}
.translate-x-20 {
--tw-translate-x: 5rem
}
.translate-x-20,
.translate-x-\[-50\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-\[-50\%\] {
--tw-translate-x: -50%
}
.translate-y-0 {
--tw-translate-y: 0px
}
.translate-y-0,
.translate-y-1\/2 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-1\/2 {
--tw-translate-y: 50%
}
.translate-y-1\/4 {
--tw-translate-y: 25%
}
.translate-y-10,
.translate-y-1\/4 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-10 {
--tw-translate-y: 2.5rem
}
.translate-y-36 {
--tw-translate-y: 9rem
}
.translate-y-36,
.translate-y-48 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-48 {
--tw-translate-y: 12rem
}
.translate-y-\[-50\%\] {
--tw-translate-y: -50%
}
.translate-y-\[-50\%\],
.translate-y-\[12\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-\[12\%\] {
--tw-translate-y: 12%
}
.translate-y-\[45\%\] {
--tw-translate-y: 45%
}
.translate-y-\[45\%\],
.translate-y-\[8\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-\[8\%\] {
--tw-translate-y: 8%
}
.-rotate-90 {
--tw-rotate: -90deg
}
.-rotate-90,
.-rotate-\[15deg\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-\[15deg\] {
--tw-rotate: -15deg
}
.rotate-12 {
--tw-rotate: 12deg
}
.rotate-12,
.rotate-180 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180 {
--tw-rotate: 180deg
}
.rotate-45 {
--tw-rotate: 45deg
}
.rotate-45,
.rotate-\[15deg\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[15deg\] {
--tw-rotate: 15deg
}
.scale-75 {
--tw-scale-x: .75;
--tw-scale-y: .75
}
.scale-75,
.scale-\[80\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-\[80\%\] {
--tw-scale-x: 80%;
--tw-scale-y: 80%
}
.-scale-x-100 {
--tw-scale-x: -1
}
.-scale-x-100,
.-scale-y-100 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-scale-y-100 {
--tw-scale-y: -1
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform-none {
transform: none
}
.animate-\[1\.5s_linear_infinite_spin\] {
animation: spin 1.5s linear infinite
}
@keyframes basisOffset {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 60, 150;
stroke-dashoffset: -40px
}
to {
stroke-dasharray: 60, 150;
stroke-dashoffset: -120px
}
}
.animate-basis-spinner-offset {
animation: basisOffset 1.5s ease-in-out infinite
}
@keyframes basisOffset1 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 20, 150;
stroke-dashoffset: -10px
}
to {
stroke-dasharray: 20, 150;
stroke-dashoffset: -120px
}
}
.animate-basis-spinner-offset1 {
animation: basisOffset1 1.5s ease-in-out infinite
}
@keyframes basisOffset2 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 8, 180;
stroke-dashoffset: 5px
}
to {
stroke-dasharray: 8, 180;
stroke-dashoffset: -120px
}
}
.animate-basis-spinner-offset2 {
animation: basisOffset2 1.5s ease-in-out infinite
}
@keyframes spin {
to {
transform: rotate(1turn)
}
}
.animate-spin {
animation: spin 1s linear infinite
}
.cursor-not-allowed {
cursor: not-allowed
}
.cursor-pointer {
cursor: pointer
}
.cursor-progress {
cursor: progress
}
.cursor-text {
cursor: text
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.resize {
resize: both
}
.snap-x {
scroll-snap-type: x var(--tw-scroll-snap-strictness)
}
.snap-mandatory {
--tw-scroll-snap-strictness: mandatory
}
.snap-start {
scroll-snap-align: start
}
.snap-center {
scroll-snap-align: center
}
.snap-always {
scroll-snap-stop: always
}
.list-outside {
list-style-position: outside
}
.list-disc {
list-style-type: disc
}
.list-none {
list-style-type: none
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.auto-cols-auto {
grid-auto-columns: auto
}
.grid-flow-row {
grid-auto-flow: row
}
.grid-flow-col {
grid-auto-flow: column
}
.auto-rows-min {
grid-auto-rows: min-content
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr))
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.grid-cols-\[1\.5fr\2c 1fr\] {
grid-template-columns: 1.5fr 1fr
}
.grid-cols-\[10\%_1fr_1fr\] {
grid-template-columns: 10% 1fr 1fr
}
.grid-cols-\[17px\2c 30px\2c 180px\] {
grid-template-columns: 17px 30px 180px
}
.grid-cols-\[1fr\2c max-content\2c 1fr\] {
grid-template-columns: 1fr max-content 1fr
}
.grid-cols-\[1fr_176px\] {
grid-template-columns: 1fr 176px
}
.grid-cols-\[auto\] {
grid-template-columns: auto
}
.grid-cols-\[auto_auto_auto\] {
grid-template-columns: auto auto auto
}
.grid-cols-\[minmax\(120px\2c _1\.2fr\)_minmax\(100px\2c _1fr\)_minmax\(100px\2c _1fr\)\] {
grid-template-columns: minmax(120px, 1.2fr) minmax(100px, 1fr) minmax(100px, 1fr)
}
.grid-cols-\[repeat\(2\2c minmax\(140px\2c 1fr\)\)\] {
grid-template-columns: repeat(2, minmax(140px, 1fr))
}
.grid-cols-\[repeat\(2\2c minmax\(220px\2c 1fr\)\)\] {
grid-template-columns: repeat(2, minmax(220px, 1fr))
}
.grid-cols-\[repeat\(5\2c _minmax\(150px\2c _1fr\)\)\] {
grid-template-columns: repeat(5, minmax(150px, 1fr))
}
.grid-cols-header {
grid-template-columns: auto auto auto
}
.grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr))
}
.grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr))
}
.grid-rows-\[auto\2c auto\] {
grid-template-rows: auto auto
}
.flex-row {
flex-direction: row
}
.flex-col {
flex-direction: column
}
.flex-col-reverse {
flex-direction: column-reverse
}
.flex-wrap {
flex-wrap: wrap
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse
}
.flex-nowrap {
flex-wrap: nowrap
}
.\!items-start {
align-items: flex-start !important
}
.items-start {
align-items: flex-start
}
.items-end {
align-items: flex-end
}
.items-center {
align-items: center
}
.items-baseline {
align-items: baseline
}
.items-stretch {
align-items: stretch
}
.justify-start {
justify-content: flex-start
}
.justify-end {
justify-content: flex-end
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.justify-around {
justify-content: space-around
}
.justify-evenly {
justify-content: space-evenly
}
.justify-items-start {
justify-items: start
}
.justify-items-center {
justify-items: center
}
.gap-1 {
gap: .25rem
}
.gap-10 {
gap: 2.5rem
}
.gap-12 {
gap: 3rem
}
.gap-14 {
gap: 3.5rem
}
.gap-16 {
gap: 4rem
}
.gap-2 {
gap: .5rem
}
.gap-3 {
gap: .75rem
}
.gap-4 {
gap: 1rem
}
.gap-5 {
gap: 1.25rem
}
.gap-6 {
gap: 1.5rem
}
.gap-7 {
gap: 1.75rem
}
.gap-8 {
gap: 2rem
}
.gap-\[10\%\] {
gap: 10%
}
.gap-\[1px\] {
gap: 1px
}
.gap-\[2px\] {
gap: 2px
}
.gap-large {
gap: var(--tk-spacing-large)
}
.gap-small {
gap: var(--tk-spacing-small)
}
.gap-xsmall {
gap: var(--tk-spacing-xsmall)
}
.gap-xxlarge {
gap: var(--tk-spacing-xxlarge)
}
.gap-x-0 {
-moz-column-gap: 0;
column-gap: 0
}
.gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem
}
.gap-x-12 {
-moz-column-gap: 3rem;
column-gap: 3rem
}
.gap-x-16 {
-moz-column-gap: 4rem;
column-gap: 4rem
}
.gap-x-2 {
-moz-column-gap: .5rem;
column-gap: .5rem
}
.gap-x-20 {
-moz-column-gap: 5rem;
column-gap: 5rem
}
.gap-x-3 {
-moz-column-gap: .75rem;
column-gap: .75rem
}
.gap-x-36 {
-moz-column-gap: 9rem;
column-gap: 9rem
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem
}
.gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem
}
.gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem
}
.gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem
}
.gap-x-\[10px\] {
-moz-column-gap: 10px;
column-gap: 10px
}
.gap-x-\[46px\] {
-moz-column-gap: 46px;
column-gap: 46px
}
.gap-x-large {
-moz-column-gap: var(--tk-spacing-large);
column-gap: var(--tk-spacing-large)
}
.gap-x-small {
-moz-column-gap: var(--tk-spacing-small);
column-gap: var(--tk-spacing-small)
}
.gap-x-xsmall {
-moz-column-gap: var(--tk-spacing-xsmall);
column-gap: var(--tk-spacing-xsmall)
}
.gap-x-xxxlarge {
-moz-column-gap: var(--tk-spacing-xxxlarge);
column-gap: var(--tk-spacing-xxxlarge)
}
.gap-x-xxxsmall {
-moz-column-gap: var(--tk-spacing-xxxsmall);
column-gap: var(--tk-spacing-xxxsmall)
}
.gap-y-10 {
row-gap: 2.5rem
}
.gap-y-14 {
row-gap: 3.5rem
}
.gap-y-16 {
row-gap: 4rem
}
.gap-y-2 {
row-gap: .5rem
}
.gap-y-20 {
row-gap: 5rem
}
.gap-y-24 {
row-gap: 6rem
}
.gap-y-3 {
row-gap: .75rem
}
.gap-y-32 {
row-gap: 8rem
}
.gap-y-4 {
row-gap: 1rem
}
.gap-y-5 {
row-gap: 1.25rem
}
.gap-y-6 {
row-gap: 1.5rem
}
.gap-y-8 {
row-gap: 2rem
}
.gap-y-medium {
row-gap: var(--tk-spacing-medium)
}
.gap-y-small {
row-gap: var(--tk-spacing-small)
}
.gap-y-xlarge {
row-gap: var(--tk-spacing-xlarge)
}
.gap-y-xsmall {
row-gap: var(--tk-spacing-xsmall)
}
.-space-x-small>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(calc(var(--tk-spacing-small) * -1) * var(--tw-space-x-reverse));
margin-left: calc(calc(var(--tk-spacing-small) * -1) * calc(1 - var(--tw-space-x-reverse)))
}
.-space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(-.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(-.25rem * var(--tw-space-y-reverse))
}
.space-x-1>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(.25rem * var(--tw-space-x-reverse));
margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-10>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-12>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(3rem * var(--tw-space-x-reverse));
margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-2>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(.5rem * var(--tw-space-x-reverse));
margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-3>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(.75rem * var(--tw-space-x-reverse));
margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-4>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-8>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-medium>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(var(--tk-spacing-medium) * var(--tw-space-x-reverse));
margin-left: calc(var(--tk-spacing-medium) * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-xsmall>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(var(--tk-spacing-xsmall) * var(--tw-space-x-reverse));
margin-left: calc(var(--tk-spacing-xsmall) * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}
.space-y-10>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
}
.space-y-14>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3.5rem * var(--tw-space-y-reverse))
}
.space-y-16>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(4rem * var(--tw-space-y-reverse))
}
.space-y-2>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}
.space-y-20>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}
.space-y-24>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(6rem * var(--tw-space-y-reverse))
}
.space-y-3>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}
.space-y-32>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(8rem * var(--tw-space-y-reverse))
}
.space-y-36>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(9rem * var(--tw-space-y-reverse))
}
.space-y-4>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.space-y-5>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}
.space-y-6>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.space-y-7>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.75rem * var(--tw-space-y-reverse))
}
.space-y-8>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}
.space-y-large>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-large) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-large) * var(--tw-space-y-reverse))
}
.space-y-medium>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-medium) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-medium) * var(--tw-space-y-reverse))
}
.space-y-small>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-small) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-small) * var(--tw-space-y-reverse))
}
.space-y-xlarge>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-xlarge) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-xlarge) * var(--tw-space-y-reverse))
}
.space-y-xsmall>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-xsmall) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-xsmall) * var(--tw-space-y-reverse))
}
.space-y-xxlarge>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-xxlarge) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-xxlarge) * var(--tw-space-y-reverse))
}
.space-y-xxsmall>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-xxsmall) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-xxsmall) * var(--tw-space-y-reverse))
}
.space-y-xxxlarge>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-xxxlarge) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-xxxlarge) * var(--tw-space-y-reverse))
}
.space-y-xxxsmall>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-xxxsmall) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-xxxsmall) * var(--tw-space-y-reverse))
}
.divide-y>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}
.divide-black>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(0 0 0/var(--tw-divide-opacity))
}
.divide-content-primary>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(22 19 56/var(--tw-divide-opacity))
}
.divide-eggplant-light>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(90 74 128/var(--tw-divide-opacity))
}
.divide-white>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(255 255 255/var(--tw-divide-opacity))
}
.divide-opacity-60>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 0.6
}
.self-start {
align-self: flex-start
}
.self-end {
align-self: flex-end
}
.self-center {
align-self: center
}
.self-stretch {
align-self: stretch
}
.justify-self-start {
justify-self: start
}
.justify-self-end {
justify-self: end
}
.justify-self-center {
justify-self: center
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.overflow-visible {
overflow: visible
}
.overflow-scroll {
overflow: scroll
}
.overflow-x-auto {
overflow-x: auto
}
.overflow-y-auto {
overflow-y: auto
}
.overflow-x-hidden {
overflow-x: hidden
}
.overflow-y-hidden {
overflow-y: hidden
}
.overflow-x-scroll {
overflow-x: scroll
}
.scroll-smooth {
scroll-behavior: smooth
}
.truncate {
overflow: hidden;
white-space: nowrap
}
.overflow-ellipsis,
.text-ellipsis,
.truncate {
text-overflow: ellipsis
}
.whitespace-normal {
white-space: normal
}
.whitespace-nowrap {
white-space: nowrap
}
.whitespace-pre {
white-space: pre
}
.whitespace-pre-line {
white-space: pre-line
}
.whitespace-pre-wrap {
white-space: pre-wrap
}
.break-words {
overflow-wrap: break-word
}
.\!rounded-lg {
border-radius: .5rem !important
}
.rounded {
border-radius: .25rem
}
.rounded-2xl {
border-radius: 1rem
}
.rounded-3xl {
border-radius: 1.5rem
}
.rounded-\[10px\] {
border-radius: 10px
}
.rounded-\[12px\] {
border-radius: 12px
}
.rounded-\[16px\] {
border-radius: 16px
}
.rounded-\[25px\] {
border-radius: 25px
}
.rounded-\[30px\] {
border-radius: 30px
}
.rounded-\[4px\] {
border-radius: 4px
}
.rounded-\[50\%\] {
border-radius: 50%
}
.rounded-\[6px\] {
border-radius: 6px
}
.rounded-full {
border-radius: 9999px
}
.rounded-large {
border-radius: var(--tk-spacing-large)
}
.rounded-lg {
border-radius: .5rem
}
.rounded-md {
border-radius: .375rem
}
.rounded-medium {
border-radius: var(--tk-spacing-medium)
}
.rounded-none {
border-radius: 0
}
.rounded-sm {
border-radius: .125rem
}
.rounded-small {
border-radius: var(--tk-spacing-small)
}
.rounded-standard {
border-radius: 16px
}
.rounded-xl {
border-radius: .75rem
}
.rounded-xlarge {
border-radius: var(--tk-spacing-xlarge)
}
.rounded-xsmall {
border-radius: var(--tk-spacing-xsmall)
}
.rounded-xxsmall {
border-radius: var(--tk-spacing-xxsmall)
}
.rounded-xxxlarge {
border-radius: var(--tk-spacing-xxxlarge)
}
.rounded-b-2xl {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem
}
.rounded-t-2xl {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem
}
.rounded-t-\[1px\] {
border-top-left-radius: 1px;
border-top-right-radius: 1px
}
.rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px
}
.rounded-t-standard {
border-top-left-radius: 16px;
border-top-right-radius: 16px
}
.rounded-t-xl {
border-top-left-radius: .75rem;
border-top-right-radius: .75rem
}
.border {
border-width: 1px
}
.border-0 {
border-width: 0
}
.border-2 {
border-width: 2px
}
.border-4 {
border-width: 4px
}
.border-\[0\.5px\] {
border-width: .5px
}
.border-\[1\.25px\] {
border-width: 1.25px
}
.border-\[1\.5px\] {
border-width: 1.5px
}
.border-\[1px\] {
border-width: 1px
}
.border-\[8px\] {
border-width: 8px
}
.border-x {
border-left-width: 1px;
border-right-width: 1px
}
.border-y {
border-top-width: 1px;
border-bottom-width: 1px
}
.border-y-0 {
border-top-width: 0;
border-bottom-width: 0
}
.border-y-\[0\.5px\] {
border-top-width: .5px;
border-bottom-width: .5px
}
.border-y-\[1px\] {
border-top-width: 1px
}
.border-b,
.border-y-\[1px\] {
border-bottom-width: 1px
}
.border-b-0 {
border-bottom-width: 0
}
.border-b-2 {
border-bottom-width: 2px
}
.border-b-4 {
border-bottom-width: 4px
}
.border-b-\[0\.5px\] {
border-bottom-width: .5px
}
.border-b-\[1px\] {
border-bottom-width: 1px
}
.border-l {
border-left-width: 1px
}
.border-r {
border-right-width: 1px
}
.border-r-0 {
border-right-width: 0
}
.border-r-2 {
border-right-width: 2px
}
.border-r-4 {
border-right-width: 4px
}
.border-r-\[1px\] {
border-right-width: 1px
}
.border-t {
border-top-width: 1px
}
.border-t-2 {
border-top-width: 2px
}
.border-t-\[0\.5px\] {
border-top-width: .5px
}
.border-t-\[1px\] {
border-top-width: 1px
}
.border-t-\[2px\] {
border-top-width: 2px
}
.border-solid {
border-style: solid
}
.border-dashed {
border-style: dashed
}
.border-none {
border-style: none
}
.border-\[\#554695\] {
--tw-border-opacity: 1;
border-color: rgb(85 70 149/var(--tw-border-opacity))
}
.border-\[\#E7E7EA\] {
--tw-border-opacity: 1;
border-color: rgb(231 231 234/var(--tw-border-opacity))
}
.border-\[\#F1F2F6\] {
--tw-border-opacity: 1;
border-color: rgb(241 242 246/var(--tw-border-opacity))
}
.border-\[\#FCFCFC\] {
--tw-border-opacity: 1;
border-color: rgb(252 252 252/var(--tw-border-opacity))
}
.border-\[\#b7b7c0\] {
--tw-border-opacity: 1;
border-color: rgb(183 183 192/var(--tw-border-opacity))
}
.border-\[\#e7e7ea\] {
--tw-border-opacity: 1;
border-color: rgb(231 231 234/var(--tw-border-opacity))
}
.border-ambient-yellow {
--tw-border-opacity: 1;
border-color: rgb(255 243 216/var(--tw-border-opacity))
}
.border-blurple {
--tw-border-opacity: 1;
border-color: rgb(72 64 187/var(--tw-border-opacity))
}
.border-content-disabled {
border-color: var(--tk-content-disabled)
}
.border-content-divider {
border-color: var(--tk-content-divider)
}
.border-content-interactive-default {
border-color: var(--tk-content-interactive-default)
}
.border-content-primary {
--tw-border-opacity: 1;
border-color: rgb(22 19 56/var(--tw-border-opacity))
}
.border-cream {
--tw-border-opacity: 1;
border-color: rgb(228 231 248/var(--tw-border-opacity))
}
.border-eggplant {
--tw-border-opacity: 1;
border-color: rgb(35 11 89/var(--tw-border-opacity))
}
.border-eggplant-light {
--tw-border-opacity: 1;
border-color: rgb(90 74 128/var(--tw-border-opacity))
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219/var(--tw-border-opacity))
}
.border-gray-50 {
--tw-border-opacity: 1;
border-color: rgb(249 250 251/var(--tw-border-opacity))
}
.border-inherit {
border-color: inherit
}
.border-lavender {
--tw-border-opacity: 1;
border-color: rgb(218 222 241/var(--tw-border-opacity))
}
.border-lunar {
--tw-border-opacity: 1;
border-color: rgb(181 178 201/var(--tw-border-opacity))
}
.border-peach {
--tw-border-opacity: 1;
border-color: rgb(223 140 94/var(--tw-border-opacity))
}
.border-pebble {
--tw-border-opacity: 1;
border-color: rgb(240 240 242/var(--tw-border-opacity))
}
.border-pebble\/20 {
border-color: hsla(240, 7%, 95%, .2)
}
.border-pebble\/25 {
border-color: hsla(240, 7%, 95%, .25)
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68/var(--tw-border-opacity))
}
.border-surface {
border-color: var(--tk-surface)
}
.border-surface-interactive-primary {
border-color: var(--tk-surface-interactive-primary)
}
.border-surface-track {
border-color: var(--tk-surface-track)
}
.border-transparent {
border-color: transparent
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255/var(--tw-border-opacity))
}
.border-white\/30 {
border-color: hsla(0, 0%, 100%, .3)
}
.border-x-eggplant {
--tw-border-opacity: 1;
border-left-color: rgb(35 11 89/var(--tw-border-opacity));
border-right-color: rgb(35 11 89/var(--tw-border-opacity))
}
.border-x-plum {
--tw-border-opacity: 1;
border-left-color: rgb(59 43 125/var(--tw-border-opacity));
border-right-color: rgb(59 43 125/var(--tw-border-opacity))
}
.border-b-\[\#7377CD\] {
--tw-border-opacity: 1;
border-bottom-color: rgb(115 119 205/var(--tw-border-opacity))
}
.border-b-\[\#E8EBFD\] {
--tw-border-opacity: 1;
border-bottom-color: rgb(232 235 253/var(--tw-border-opacity))
}
.border-b-\[\#f3f3f3\] {
--tw-border-opacity: 1;
border-bottom-color: rgb(243 243 243/var(--tw-border-opacity))
}
.border-b-content-divider {
border-bottom-color: var(--tk-content-divider)
}
.border-r-\[\#7377CD\] {
--tw-border-opacity: 1;
border-right-color: rgb(115 119 205/var(--tw-border-opacity))
}
.border-t-content-divider {
border-top-color: var(--tk-content-divider)
}
.border-t-content-interactive-default {
border-top-color: var(--tk-content-interactive-default)
}
.border-t-eggplant {
--tw-border-opacity: 1;
border-top-color: rgb(35 11 89/var(--tw-border-opacity))
}
.border-t-white {
--tw-border-opacity: 1;
border-top-color: rgb(255 255 255/var(--tw-border-opacity))
}
.border-opacity-10 {
--tw-border-opacity: 0.1
}
.border-opacity-20 {
--tw-border-opacity: 0.2
}
.border-opacity-30 {
--tw-border-opacity: 0.3
}
.border-opacity-40 {
--tw-border-opacity: 0.4
}
.border-opacity-60 {
--tw-border-opacity: 0.6
}
.\!bg-\[\#FFB48A\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 180 138/var(--tw-bg-opacity)) !important
}
.\!bg-blurple {
--tw-bg-opacity: 1 !important;
background-color: rgb(72 64 187/var(--tw-bg-opacity)) !important
}
.\!bg-butternut {
--tw-bg-opacity: 1 !important;
background-color: rgb(240 186 106/var(--tw-bg-opacity)) !important
}
.bg-\[\#1613381a\] {
background-color: #1613381a
}
.bg-\[\#161338\] {
--tw-bg-opacity: 1;
background-color: rgb(22 19 56/var(--tw-bg-opacity))
}
.bg-\[\#44407C\] {
--tw-bg-opacity: 1;
background-color: rgb(68 64 124/var(--tw-bg-opacity))
}
.bg-\[\#4640B4\] {
--tw-bg-opacity: 1;
background-color: rgb(70 64 180/var(--tw-bg-opacity))
}
.bg-\[\#4D4437\] {
--tw-bg-opacity: 1;
background-color: rgb(77 68 55/var(--tw-bg-opacity))
}
.bg-\[\#4D5898\] {
--tw-bg-opacity: 1;
background-color: rgb(77 88 152/var(--tw-bg-opacity))
}
.bg-\[\#505CA6\] {
--tw-bg-opacity: 1;
background-color: rgb(80 92 166/var(--tw-bg-opacity))
}
.bg-\[\#5FA698\] {
--tw-bg-opacity: 1;
background-color: rgb(95 166 152/var(--tw-bg-opacity))
}
.bg-\[\#7086C9\] {
--tw-bg-opacity: 1;
background-color: rgb(112 134 201/var(--tw-bg-opacity))
}
.bg-\[\#B39E7F\] {
--tw-bg-opacity: 1;
background-color: rgb(179 158 127/var(--tw-bg-opacity))
}
.bg-\[\#BDC6F5\] {
--tw-bg-opacity: 1;
background-color: rgb(189 198 245/var(--tw-bg-opacity))
}
.bg-\[\#BDE6DA\] {
--tw-bg-opacity: 1;
background-color: rgb(189 230 218/var(--tw-bg-opacity))
}
.bg-\[\#C3CDF41A\] {
background-color: #c3cdf41a
}
.bg-\[\#C3CDF440\] {
background-color: #c3cdf440
}
.bg-\[\#C3CDF4\] {
--tw-bg-opacity: 1;
background-color: rgb(195 205 244/var(--tw-bg-opacity))
}
.bg-\[\#D9EDCA\] {
--tw-bg-opacity: 1;
background-color: rgb(217 237 202/var(--tw-bg-opacity))
}
.bg-\[\#DADEF1\] {
--tw-bg-opacity: 1;
background-color: rgb(218 222 241/var(--tw-bg-opacity))
}
.bg-\[\#DAE5D8\] {
--tw-bg-opacity: 1;
background-color: rgb(218 229 216/var(--tw-bg-opacity))
}
.bg-\[\#E8EBFD\] {
--tw-bg-opacity: 1;
background-color: rgb(232 235 253/var(--tw-bg-opacity))
}
.bg-\[\#EDECF8\] {
--tw-bg-opacity: 1;
background-color: rgb(237 236 248/var(--tw-bg-opacity))
}
.bg-\[\#F0F0F2\] {
--tw-bg-opacity: 1;
background-color: rgb(240 240 242/var(--tw-bg-opacity))
}
.bg-\[\#F4F3F7\] {
--tw-bg-opacity: 1;
background-color: rgb(244 243 247/var(--tw-bg-opacity))
}
.bg-\[\#F6E9E2\] {
--tw-bg-opacity: 1;
background-color: rgb(246 233 226/var(--tw-bg-opacity))
}
.bg-\[\#F7E9E2\] {
--tw-bg-opacity: 1;
background-color: rgb(247 233 226/var(--tw-bg-opacity))
}
.bg-\[\#F7EAE4\] {
--tw-bg-opacity: 1;
background-color: rgb(247 234 228/var(--tw-bg-opacity))
}
.bg-\[\#FBDEB4\] {
--tw-bg-opacity: 1;
background-color: rgb(251 222 180/var(--tw-bg-opacity))
}
.bg-\[\#FED0B9\] {
--tw-bg-opacity: 1;
background-color: rgb(254 208 185/var(--tw-bg-opacity))
}
.bg-\[\#FFCF97\] {
--tw-bg-opacity: 1;
background-color: rgb(255 207 151/var(--tw-bg-opacity))
}
.bg-\[\#FFFBF5\] {
--tw-bg-opacity: 1;
background-color: rgb(255 251 245/var(--tw-bg-opacity))
}
.bg-\[\#FFFFFF\],
.bg-\[\#FFF\] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-\[\#e3d0cf\] {
--tw-bg-opacity: 1;
background-color: rgb(227 208 207/var(--tw-bg-opacity))
}
.bg-\[\#edecf8\] {
--tw-bg-opacity: 1;
background-color: rgb(237 236 248/var(--tw-bg-opacity))
}
.bg-\[\#f3f3f3\] {
--tw-bg-opacity: 1;
background-color: rgb(243 243 243/var(--tw-bg-opacity))
}
.bg-\[\#fcfcfc\] {
--tw-bg-opacity: 1;
background-color: rgb(252 252 252/var(--tw-bg-opacity))
}
.bg-\[color\:var\(--pane-color\)\] {
background-color: var(--pane-color)
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
background-color: rgba(0, 0, 0, .1)
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
background-color: rgba(0, 0, 0, .25)
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.85\)\] {
background-color: hsla(0, 0%, 100%, .85)
}
.bg-\[rgba\(255\2c 255\2c 255\2c 1\)\] {
background-color: #fff
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-blueberry {
--tw-bg-opacity: 1;
background-color: rgb(82 94 168/var(--tw-bg-opacity))
}
.bg-blurple {
--tw-bg-opacity: 1;
background-color: rgb(72 64 187/var(--tw-bg-opacity))
}
.bg-chart-categorical0 {
background-color: var(--tk-chart-categorical0)
}
.bg-chart-categorical1 {
background-color: var(--tk-chart-categorical1)
}
.bg-chart-categorical2 {
background-color: var(--tk-chart-categorical2)
}
.bg-chart-categorical3 {
background-color: var(--tk-chart-categorical3)
}
.bg-chart-categorical4 {
background-color: var(--tk-chart-categorical4)
}
.bg-chart-categorical5 {
background-color: var(--tk-chart-categorical5)
}
.bg-chart-categorical6 {
background-color: var(--tk-chart-categorical6)
}
.bg-chart-categorical7 {
background-color: var(--tk-chart-categorical7)
}
.bg-chart-categorical8 {
background-color: var(--tk-chart-categorical8)
}
.bg-chart-categorical9 {
background-color: var(--tk-chart-categorical9)
}
.bg-clementine {
--tw-bg-opacity: 1;
background-color: rgb(246 233 226/var(--tw-bg-opacity))
}
.bg-content-disabled {
background-color: var(--tk-content-disabled)
}
.bg-content-divider {
background-color: var(--tk-content-divider)
}
.bg-content-interactive-default {
background-color: var(--tk-content-interactive-default)
}
.bg-content-secondary {
background-color: var(--tk-content-secondary)
}
.bg-cream {
--tw-bg-opacity: 1;
background-color: rgb(228 231 248/var(--tw-bg-opacity))
}
.bg-eggplant {
--tw-bg-opacity: 1;
background-color: rgb(35 11 89/var(--tw-bg-opacity))
}
.bg-forest {
--tw-bg-opacity: 1;
background-color: rgb(37 64 61/var(--tw-bg-opacity))
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
.bg-inherit {
background-color: inherit
}
.bg-lavender {
--tw-bg-opacity: 1;
background-color: rgb(218 222 241/var(--tw-bg-opacity))
}
.bg-lavender2 {
--tw-bg-opacity: 1;
background-color: rgb(189 198 245/var(--tw-bg-opacity))
}
.bg-light-grey {
--tw-bg-opacity: 1;
background-color: rgb(244 246 255/var(--tw-bg-opacity))
}
.bg-light-slate {
--tw-bg-opacity: 1;
background-color: rgb(189 198 245/var(--tw-bg-opacity))
}
.bg-lilac {
--tw-bg-opacity: 1;
background-color: rgb(232 235 253/var(--tw-bg-opacity))
}
.bg-lunar {
--tw-bg-opacity: 1;
background-color: rgb(181 178 201/var(--tw-bg-opacity))
}
.bg-milk {
--tw-bg-opacity: 1;
background-color: rgb(251 248 242/var(--tw-bg-opacity))
}
.bg-moss {
--tw-bg-opacity: 1;
background-color: rgb(63 108 103/var(--tw-bg-opacity))
}
.bg-note-well {
--tw-bg-opacity: 1;
background-color: rgb(255 249 191/var(--tw-bg-opacity))
}
.bg-pansy {
--tw-bg-opacity: 1;
background-color: rgb(77 88 152/var(--tw-bg-opacity))
}
.bg-pebble {
--tw-bg-opacity: 1;
background-color: rgb(240 240 242/var(--tw-bg-opacity))
}
.bg-pebble\/10 {
background-color: hsla(240, 7%, 95%, .1)
}
.bg-pebble\/30 {
background-color: hsla(240, 7%, 95%, .3)
}
.bg-pebble\/5 {
background-color: hsla(240, 7%, 95%, .05)
}
.bg-plum {
--tw-bg-opacity: 1;
background-color: rgb(59 43 125/var(--tw-bg-opacity))
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68/var(--tw-bg-opacity))
}
.bg-rosemary {
--tw-bg-opacity: 1;
background-color: rgb(232 244 223/var(--tw-bg-opacity))
}
.bg-space {
--tw-bg-opacity: 1;
background-color: rgb(24 23 43/var(--tw-bg-opacity))
}
.bg-surface {
background-color: var(--tk-surface)
}
.bg-surface-disabled {
background-color: var(--tk-surface-disabled)
}
.bg-surface-elevated {
background-color: var(--tk-surface-elevated)
}
.bg-surface-interactive-concealed-hover {
background-color: var(--tk-surface-interactive-concealed-hover)
}
.bg-surface-interactive-default {
background-color: var(--tk-surface-interactive-default)
}
.bg-surface-interactive-destructive {
background-color: var(--tk-surface-interactive-destructive)
}
.bg-surface-interactive-primary {
background-color: var(--tk-surface-interactive-primary)
}
.bg-surface-inverted {
background-color: var(--tk-surface-inverted)
}
.bg-surface-notice-destructive {
background-color: var(--tk-surface-notice-destructive)
}
.bg-surface-notice-info {
background-color: var(--tk-surface-notice-info)
}
.bg-surface-overlay {
background-color: var(--tk-surface-overlay)
}
.bg-surface-read-only {
background-color: var(--tk-surface-read-only)
}
.bg-surface-track {
background-color: var(--tk-surface-track)
}
.bg-transparent {
background-color: transparent
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-white\/30 {
background-color: hsla(0, 0%, 100%, .3)
}
.bg-white\/\[\.1\] {
background-color: hsla(0, 0%, 100%, .1)
}
.bg-opacity-10 {
--tw-bg-opacity: 0.1
}
.bg-opacity-30 {
--tw-bg-opacity: 0.3
}
.bg-opacity-5 {
--tw-bg-opacity: 0.05
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5
}
.bg-opacity-70 {
--tw-bg-opacity: 0.7
}
.bg-\[linear-gradient\(114deg\2c \#F7EAE4_23\.73\%\2c \#DBDEF0_68\.72\%\)\] {
background-image: linear-gradient(114deg, #f7eae4 23.73%, #dbdef0 68.72%)
}
.bg-\[linear-gradient\(114deg\2c \#F7EAE4_45\.73\%\2c \#DBDEF0_75\.72\%\)\] {
background-image: linear-gradient(114deg, #f7eae4 45.73%, #dbdef0 75.72%)
}
.bg-\[linear-gradient\(180deg\2c \#230B59_0\%\2c \#4840BB_100\%\)\] {
background-image: linear-gradient(180deg, #230b59, #4840bb)
}
.bg-\[linear-gradient\(180deg\2c _rgba\(246\2c 233\2c 226\2c 0\.75\)_0\%\2c _rgba\(218\2c 222\2c 241\2c 0\.75\)_55\.83\%\)\] {
background-image: linear-gradient(180deg, hsla(21, 53%, 93%, .75), rgba(218, 222, 241, .75) 55.83%)
}
.bg-\[linear-gradient\(180deg\2c _rgba\(72\2c 64\2c 187\2c 0\)_11\.04\%\2c _rgba\(72\2c 64\2c 187\2c 0\.5\)_54\.16\%\)\] {
background-image: linear-gradient(180deg, rgba(72, 64, 187, 0) 11.04%, rgba(72, 64, 187, .5) 54.16%)
}
.bg-\[linear-gradient\(270deg\2c \#E8EBFD_0\%\2c \#F7EAE4_100\%\)\] {
background-image: linear-gradient(270deg, #e8ebfd, #f7eae4)
}
.bg-\[linear-gradient\(326\.03deg\2c \#bdc6f5_31\.67\%\2c \#f4b896_87\.99\%\)\] {
background-image: linear-gradient(326.03deg, #bdc6f5 31.67%, #f4b896 87.99%)
}
.bg-\[linear-gradient\(90deg\2c \#F7EAE4_0\%\2c \#E8EBFD_100\%\)\] {
background-image: linear-gradient(90deg, #f7eae4, #e8ebfd)
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.bg-gradient-to-br {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}
.bg-gradient-to-l {
background-image: linear-gradient(to left, var(--tw-gradient-stops))
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
.bg-gradient-to-t {
background-image: linear-gradient(to top, var(--tw-gradient-stops))
}
.from-\[\#211D55\] {
--tw-gradient-from: #211d55 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(33, 29, 85, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#280c5c\] {
--tw-gradient-from: #280c5c var(--tw-gradient-from-position);
--tw-gradient-to: rgba(40, 12, 92, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#2D2A5B\] {
--tw-gradient-from: #2d2a5b var(--tw-gradient-from-position);
--tw-gradient-to: rgba(45, 42, 91, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#5FA698\] {
--tw-gradient-from: #5fa698 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(95, 166, 152, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#BDC6F5\] {
--tw-gradient-from: #bdc6f5 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(189, 198, 245, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#BEC7F6\] {
--tw-gradient-from: #bec7f6 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(190, 199, 246, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#C3CDF4\] {
--tw-gradient-from: #c3cdf4 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(195, 205, 244, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#D9EDCA\] {
--tw-gradient-from: #d9edca var(--tw-gradient-from-position);
--tw-gradient-to: hsla(94, 49%, 86%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#E8EBFD\] {
--tw-gradient-from: #e8ebfd var(--tw-gradient-from-position);
--tw-gradient-to: rgba(232, 235, 253, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#E8F4DF\] {
--tw-gradient-from: #e8f4df var(--tw-gradient-from-position);
--tw-gradient-to: hsla(94, 49%, 92%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#F6E9E2\] {
--tw-gradient-from: #f6e9e2 var(--tw-gradient-from-position);
--tw-gradient-to: hsla(21, 53%, 93%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#F7EAE4\] {
--tw-gradient-from: #f7eae4 var(--tw-gradient-from-position);
--tw-gradient-to: hsla(19, 54%, 93%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#FFFBF5\] {
--tw-gradient-from: #fffbf5 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(255, 251, 245, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-ambient-green {
--tw-gradient-from: #daedcb var(--tw-gradient-from-position);
--tw-gradient-to: hsla(94, 49%, 86%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-ambient-orange {
--tw-gradient-from: #f4b896 var(--tw-gradient-from-position);
--tw-gradient-to: hsla(22, 81%, 77%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-ambient-peach {
--tw-gradient-from: #f7e9e2 var(--tw-gradient-from-position);
--tw-gradient-to: hsla(20, 57%, 93%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-blurple {
--tw-gradient-from: #4840bb var(--tw-gradient-from-position);
--tw-gradient-to: rgba(72, 64, 187, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-caracara {
--tw-gradient-from: #ad6035 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(173, 96, 53, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-clementine {
--tw-gradient-from: #f6e9e2 var(--tw-gradient-from-position);
--tw-gradient-to: hsla(21, 53%, 93%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-content-interactive-default {
--tw-gradient-from: var(--tk-content-interactive-default) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-day-start {
--tw-gradient-from: var(--tk-day-start) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-eggplant {
--tw-gradient-from: #230b59 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(35, 11, 89, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-lavender {
--tw-gradient-from: #dadef1 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(218, 222, 241, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-lavender2,
.from-light-slate {
--tw-gradient-from: #bdc6f5 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(189, 198, 245, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-night-start {
--tw-gradient-from: var(--tk-night-start) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-peach {
--tw-gradient-from: #df8c5e var(--tw-gradient-from-position);
--tw-gradient-to: rgba(223, 140, 94, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-plum {
--tw-gradient-from: #3b2b7d var(--tw-gradient-from-position);
--tw-gradient-to: rgba(59, 43, 125, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-soft-start {
--tw-gradient-from: var(--tk-soft-start) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-vibrant-start {
--tw-gradient-from: var(--tk-vibrant-start) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-30\% {
--tw-gradient-from-position: 30%
}
.from-40\% {
--tw-gradient-from-position: 40%
}
.from-60\% {
--tw-gradient-from-position: 60%
}
.via-light-slate {
--tw-gradient-to: rgba(189, 198, 245, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #bdc6f5 var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-plum-dark {
--tw-gradient-to: rgba(36, 24, 88, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #241858 var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.to-\[\#18172B\] {
--tw-gradient-to: #18172b var(--tw-gradient-to-position)
}
.to-\[\#40349c\] {
--tw-gradient-to: #40349c var(--tw-gradient-to-position)
}
.to-\[\#AC5E35\] {
--tw-gradient-to: #ac5e35 var(--tw-gradient-to-position)
}
.to-\[\#DAEDCB\] {
--tw-gradient-to: #daedcb var(--tw-gradient-to-position)
}
.to-\[\#E8EBFD\] {
--tw-gradient-to: #e8ebfd var(--tw-gradient-to-position)
}
.to-\[\#F6E9E2\] {
--tw-gradient-to: #f6e9e2 var(--tw-gradient-to-position)
}
.to-\[\#FED0B9\] {
--tw-gradient-to: #fed0b9 var(--tw-gradient-to-position)
}
.to-\[\#FFC691\] {
--tw-gradient-to: #ffc691 var(--tw-gradient-to-position)
}
.to-\[\#FFF3D6\] {
--tw-gradient-to: #fff3d6 var(--tw-gradient-to-position)
}
.to-ambient-orange {
--tw-gradient-to: #f4b896 var(--tw-gradient-to-position)
}
.to-ambient-peach {
--tw-gradient-to: #f7e9e2 var(--tw-gradient-to-position)
}
.to-ambient-yellow {
--tw-gradient-to: #fff3d8 var(--tw-gradient-to-position)
}
.to-blurple {
--tw-gradient-to: #4840bb var(--tw-gradient-to-position)
}
.to-caracara {
--tw-gradient-to: #ad6035 var(--tw-gradient-to-position)
}
.to-clementine {
--tw-gradient-to: #f6e9e2 var(--tw-gradient-to-position)
}
.to-content-primary {
--tw-gradient-to: #161338 var(--tw-gradient-to-position)
}
.to-day-end {
--tw-gradient-to: var(--tk-day-end) var(--tw-gradient-to-position)
}
.to-lavender {
--tw-gradient-to: #dadef1 var(--tw-gradient-to-position)
}
.to-lavender2,
.to-light-slate {
--tw-gradient-to: #bdc6f5 var(--tw-gradient-to-position)
}
.to-lilac {
--tw-gradient-to: #e8ebfd var(--tw-gradient-to-position)
}
.to-night-end {
--tw-gradient-to: var(--tk-night-end) var(--tw-gradient-to-position)
}
.to-plum {
--tw-gradient-to: #3b2b7d var(--tw-gradient-to-position)
}
.to-plum-dark {
--tw-gradient-to: #241858 var(--tw-gradient-to-position)
}
.to-pomelo {
--tw-gradient-to: #fff3d8 var(--tw-gradient-to-position)
}
.to-soft-end {
--tw-gradient-to: var(--tk-soft-end) var(--tw-gradient-to-position)
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.to-vibrant-end {
--tw-gradient-to: var(--tk-vibrant-end) var(--tw-gradient-to-position)
}
.bg-contain {
background-size: contain
}
.bg-cover {
background-size: cover
}
.bg-fixed {
background-attachment: fixed
}
.bg-center {
background-position: 50%
}
.bg-no-repeat {
background-repeat: no-repeat
}
.bg-origin-content {
background-origin: content-box
}
.fill-\[\#5FA698\] {
fill: #5fa698
}
.fill-blurple {
fill: #4840bb
}
.fill-content-interactive-default {
fill: var(--tk-content-interactive-default)
}
.fill-content-primary {
fill: #161338
}
.fill-content-primary\/60 {
fill: rgba(22, 19, 56, .6)
}
.fill-current {
fill: currentColor
}
.fill-eggplant {
fill: #230b59
}
.fill-money-in {
fill: #288067
}
.fill-money-in-light {
fill: #67c8ac
}
.fill-none {
fill: none
}
.fill-transparent {
fill: transparent
}
.fill-white {
fill: #fff
}
.stroke-content-interactive-default {
stroke: var(--tk-content-interactive-default)
}
.stroke-content-secondary {
stroke: var(--tk-content-secondary)
}
.stroke-current {
stroke: currentColor
}
.stroke-eggplant {
stroke: #230b59
}
.stroke-none {
stroke: none
}
.stroke-1 {
stroke-width: 1
}
.stroke-2 {
stroke-width: 2
}
.object-contain {
-o-object-fit: contain;
object-fit: contain
}
.object-cover {
-o-object-fit: cover;
object-fit: cover
}
.object-fill {
-o-object-fit: fill;
object-fit: fill
}
.object-center {
-o-object-position: center;
object-position: center
}
.object-left {
-o-object-position: left;
object-position: left
}
.object-right {
-o-object-position: right;
object-position: right
}
.object-right-bottom {
-o-object-position: right bottom;
object-position: right bottom
}
.object-top {
-o-object-position: top;
object-position: top
}
.p-0 {
padding: 0
}
.p-1 {
padding: .25rem
}
.p-10 {
padding: 2.5rem
}
.p-2 {
padding: .5rem
}
.p-3 {
padding: .75rem
}
.p-4 {
padding: 1rem
}
.p-5 {
padding: 1.25rem
}
.p-6 {
padding: 1.5rem
}
.p-8 {
padding: 2rem
}
.p-\[12px\] {
padding: 12px
}
.p-\[50px\] {
padding: 50px
}
.p-large {
padding: var(--tk-spacing-large)
}
.p-medium {
padding: var(--tk-spacing-medium)
}
.p-small {
padding: var(--tk-spacing-small)
}
.p-xsmall {
padding: var(--tk-spacing-xsmall)
}
.p-xxsmall {
padding: var(--tk-spacing-xxsmall)
}
.p-xxxsmall {
padding: var(--tk-spacing-xxxsmall)
}
.px-0 {
padding-left: 0;
padding-right: 0
}
.px-1 {
padding-left: .25rem;
padding-right: .25rem
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.px-12 {
padding-left: 3rem;
padding-right: 3rem
}
.px-16 {
padding-left: 4rem;
padding-right: 4rem
}
.px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.px-\[12px\] {
padding-left: 12px;
padding-right: 12px
}
.px-\[1px\] {
padding-left: 1px;
padding-right: 1px
}
.px-\[29px\] {
padding-left: 29px;
padding-right: 29px
}
.px-large {
padding-left: var(--tk-spacing-large);
padding-right: var(--tk-spacing-large)
}
.px-medium {
padding-left: var(--tk-spacing-medium);
padding-right: var(--tk-spacing-medium)
}
.px-small {
padding-left: var(--tk-spacing-small);
padding-right: var(--tk-spacing-small)
}
.px-xsmall {
padding-left: var(--tk-spacing-xsmall);
padding-right: var(--tk-spacing-xsmall)
}
.px-xxsmall {
padding-left: var(--tk-spacing-xxsmall);
padding-right: var(--tk-spacing-xxsmall)
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.py-1 {
padding-top: .25rem;
padding-bottom: .25rem
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem
}
.py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem
}
.py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.py-24 {
padding-top: 6rem;
padding-bottom: 6rem
}
.py-28 {
padding-top: 7rem;
padding-bottom: 7rem
}
.py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.py-32 {
padding-top: 8rem;
padding-bottom: 8rem
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
.py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px
}
.py-\[3\.1em\] {
padding-top: 3.1em;
padding-bottom: 3.1em
}
.py-\[8px\] {
padding-top: 8px;
padding-bottom: 8px
}
.py-large {
padding-top: var(--tk-spacing-large);
padding-bottom: var(--tk-spacing-large)
}
.py-medium {
padding-top: var(--tk-spacing-medium);
padding-bottom: var(--tk-spacing-medium)
}
.py-small {
padding-top: var(--tk-spacing-small);
padding-bottom: var(--tk-spacing-small)
}
.py-xlarge {
padding-top: var(--tk-spacing-xlarge);
padding-bottom: var(--tk-spacing-xlarge)
}
.py-xsmall {
padding-top: var(--tk-spacing-xsmall);
padding-bottom: var(--tk-spacing-xsmall)
}
.py-xxlarge {
padding-top: var(--tk-spacing-xxlarge);
padding-bottom: var(--tk-spacing-xxlarge)
}
.py-xxsmall {
padding-top: var(--tk-spacing-xxsmall);
padding-bottom: var(--tk-spacing-xxsmall)
}
.py-xxxlarge {
padding-top: var(--tk-spacing-xxxlarge);
padding-bottom: var(--tk-spacing-xxxlarge)
}
.py-xxxsmall {
padding-top: var(--tk-spacing-xxxsmall);
padding-bottom: var(--tk-spacing-xxxsmall)
}
.pb-1 {
padding-bottom: .25rem
}
.pb-10 {
padding-bottom: 2.5rem
}
.pb-12 {
padding-bottom: 3rem
}
.pb-14 {
padding-bottom: 3.5rem
}
.pb-16 {
padding-bottom: 4rem
}
.pb-2 {
padding-bottom: .5rem
}
.pb-20 {
padding-bottom: 5rem
}
.pb-24 {
padding-bottom: 6rem
}
.pb-28 {
padding-bottom: 7rem
}
.pb-3 {
padding-bottom: .75rem
}
.pb-4 {
padding-bottom: 1rem
}
.pb-40 {
padding-bottom: 10rem
}
.pb-44 {
padding-bottom: 11rem
}
.pb-5 {
padding-bottom: 1.25rem
}
.pb-6 {
padding-bottom: 1.5rem
}
.pb-7 {
padding-bottom: 1.75rem
}
.pb-8 {
padding-bottom: 2rem
}
.pb-\[110px\] {
padding-bottom: 110px
}
.pb-\[170px\] {
padding-bottom: 170px
}
.pb-large {
padding-bottom: var(--tk-spacing-large)
}
.pb-medium {
padding-bottom: var(--tk-spacing-medium)
}
.pb-small {
padding-bottom: var(--tk-spacing-small)
}
.pb-xlarge {
padding-bottom: var(--tk-spacing-xlarge)
}
.pb-xsmall {
padding-bottom: var(--tk-spacing-xsmall)
}
.pb-xxlarge {
padding-bottom: var(--tk-spacing-xxlarge)
}
.pb-xxsmall {
padding-bottom: var(--tk-spacing-xxsmall)
}
.pb-xxxlarge {
padding-bottom: var(--tk-spacing-xxxlarge)
}
.pb-xxxsmall {
padding-bottom: var(--tk-spacing-xxxsmall)
}
.pl-0 {
padding-left: 0
}
.pl-14 {
padding-left: 3.5rem
}
.pl-2 {
padding-left: .5rem
}
.pl-3 {
padding-left: .75rem
}
.pl-4 {
padding-left: 1rem
}
.pl-5 {
padding-left: 1.25rem
}
.pl-6 {
padding-left: 1.5rem
}
.pl-8 {
padding-left: 2rem
}
.pl-\[30px\] {
padding-left: 30px
}
.pl-\[62px\] {
padding-left: 62px
}
.pl-\[calc\(var\(--dot-container-width\)\+var\(--tk-spacing-small\)\)\] {
padding-left: calc(var(--dot-container-width) + var(--tk-spacing-small))
}
.pl-\[calc\(var\(--tk-spacing-small\)\+var\(--tk-spacing-xsmall\)\)\] {
padding-left: calc(var(--tk-spacing-small) + var(--tk-spacing-xsmall))
}
.pl-large {
padding-left: var(--tk-spacing-large)
}
.pl-medium {
padding-left: var(--tk-spacing-medium)
}
.pl-small {
padding-left: var(--tk-spacing-small)
}
.pl-xlarge {
padding-left: var(--tk-spacing-xlarge)
}
.pl-xsmall {
padding-left: var(--tk-spacing-xsmall)
}
.pl-xxlarge {
padding-left: var(--tk-spacing-xxlarge)
}
.pl-xxsmall {
padding-left: var(--tk-spacing-xxsmall)
}
.pl-xxxlarge {
padding-left: var(--tk-spacing-xxxlarge)
}
.pl-xxxsmall {
padding-left: var(--tk-spacing-xxxsmall)
}
.pr-16 {
padding-right: 4rem
}
.pr-2 {
padding-right: .5rem
}
.pr-20 {
padding-right: 5rem
}
.pr-24 {
padding-right: 6rem
}
.pr-4 {
padding-right: 1rem
}
.pr-6 {
padding-right: 1.5rem
}
.pr-7 {
padding-right: 1.75rem
}
.pr-8 {
padding-right: 2rem
}
.pr-\[calc\(var\(--tk-spacing-small\)\+var\(--tk-spacing-xsmall\)\)\] {
padding-right: calc(var(--tk-spacing-small) + var(--tk-spacing-xsmall))
}
.pr-large {
padding-right: var(--tk-spacing-large)
}
.pr-medium {
padding-right: var(--tk-spacing-medium)
}
.pr-small {
padding-right: var(--tk-spacing-small)
}
.pr-xlarge {
padding-right: var(--tk-spacing-xlarge)
}
.pr-xsmall {
padding-right: var(--tk-spacing-xsmall)
}
.pr-xxlarge {
padding-right: var(--tk-spacing-xxlarge)
}
.pr-xxsmall {
padding-right: var(--tk-spacing-xxsmall)
}
.pr-xxxlarge {
padding-right: var(--tk-spacing-xxxlarge)
}
.pr-xxxsmall {
padding-right: var(--tk-spacing-xxxsmall)
}
.pt-1 {
padding-top: .25rem
}
.pt-10 {
padding-top: 2.5rem
}
.pt-12 {
padding-top: 3rem
}
.pt-14 {
padding-top: 3.5rem
}
.pt-16 {
padding-top: 4rem
}
.pt-2 {
padding-top: .5rem
}
.pt-20 {
padding-top: 5rem
}
.pt-24 {
padding-top: 6rem
}
.pt-28 {
padding-top: 7rem
}
.pt-3 {
padding-top: .75rem
}
.pt-36 {
padding-top: 9rem
}
.pt-4 {
padding-top: 1rem
}
.pt-40 {
padding-top: 10rem
}
.pt-44 {
padding-top: 11rem
}
.pt-48 {
padding-top: 12rem
}
.pt-5 {
padding-top: 1.25rem
}
.pt-6 {
padding-top: 1.5rem
}
.pt-7 {
padding-top: 1.75rem
}
.pt-8 {
padding-top: 2rem
}
.pt-9 {
padding-top: 2.25rem
}
.pt-\[10px\] {
padding-top: 10px
}
.pt-\[240px\] {
padding-top: 240px
}
.pt-\[44px\] {
padding-top: 44px
}
.pt-large {
padding-top: var(--tk-spacing-large)
}
.pt-medium {
padding-top: var(--tk-spacing-medium)
}
.pt-px {
padding-top: 1px
}
.pt-small {
padding-top: var(--tk-spacing-small)
}
.pt-xlarge {
padding-top: var(--tk-spacing-xlarge)
}
.pt-xsmall {
padding-top: var(--tk-spacing-xsmall)
}
.pt-xxlarge {
padding-top: var(--tk-spacing-xxlarge)
}
.pt-xxsmall {
padding-top: var(--tk-spacing-xxsmall)
}
.pt-xxxlarge {
padding-top: var(--tk-spacing-xxxlarge)
}
.pt-xxxsmall {
padding-top: var(--tk-spacing-xxxsmall)
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.align-middle {
vertical-align: middle
}
.align-\[-0\.15em\] {
vertical-align: -.15em
}
.align-\[-0\.25em\] {
vertical-align: -.25em
}
.font-sans {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}
.font-serif {
font-family: GT Alpina, ui-serif, Georgia, Cambria, Times New Roman, Times, serif
}
.\!text-\[18px\] {
font-size: 18px !important
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem
}
.text-\[0\.8em\] {
font-size: .8em
}
.text-\[0px\] {
font-size: 0
}
.text-\[100px\] {
font-size: 100px
}
.text-\[107px\] {
font-size: 107px
}
.text-\[10px\] {
font-size: 10px
}
.text-\[11\.43px\] {
font-size: 11.43px
}
.text-\[115px\] {
font-size: 115px
}
.text-\[11px\] {
font-size: 11px
}
.text-\[12px\] {
font-size: 12px
}
.text-\[13px\] {
font-size: 13px
}
.text-\[14px\] {
font-size: 14px
}
.text-\[15px\] {
font-size: 15px
}
.text-\[16px\] {
font-size: 16px
}
.text-\[18px\] {
font-size: 18px
}
.text-\[19px\] {
font-size: 19px
}
.text-\[20\.54px\] {
font-size: 20.54px
}
.text-\[20px\] {
font-size: 20px
}
.text-\[21px\] {
font-size: 21px
}
.text-\[22px\] {
font-size: 22px
}
.text-\[23px\] {
font-size: 23px
}
.text-\[24px\] {
font-size: 24px
}
.text-\[25px\] {
font-size: 25px
}
.text-\[26px\] {
font-size: 26px
}
.text-\[27px\] {
font-size: 27px
}
.text-\[28px\] {
font-size: 28px
}
.text-\[30px\] {
font-size: 30px
}
.text-\[32px\] {
font-size: 32px
}
.text-\[33px\] {
font-size: 33px
}
.text-\[34px\] {
font-size: 34px
}
.text-\[35px\] {
font-size: 35px
}
.text-\[36px\] {
font-size: 36px
}
.text-\[38px\] {
font-size: 38px
}
.text-\[39px\] {
font-size: 39px
}
.text-\[40px\] {
font-size: 40px
}
.text-\[41px\] {
font-size: 41px
}
.text-\[42px\] {
font-size: 42px
}
.text-\[44px\] {
font-size: 44px
}
.text-\[45px\] {
font-size: 45px
}
.text-\[46px\] {
font-size: 46px
}
.text-\[48px\] {
font-size: 48px
}
.text-\[50px\] {
font-size: 50px
}
.text-\[56px\] {
font-size: 56px
}
.text-\[60px\] {
font-size: 60px
}
.text-\[63px\] {
font-size: 63px
}
.text-\[64px\] {
font-size: 64px
}
.text-\[67px\] {
font-size: 67px
}
.text-\[6px\] {
font-size: 6px
}
.text-\[85px\] {
font-size: 85px
}
.text-\[8px\] {
font-size: 8px
}
.text-\[91px\] {
font-size: 91px
}
.text-\[9px\] {
font-size: 9px
}
.text-base {
font-size: 1rem;
line-height: 1.5rem
}
.text-body {
font-size: 18px;
line-height: 1.2
}
.text-body-sm-xl {
font-size: 20px;
line-height: 1.2
}
.text-body-xl {
font-size: 22.5px;
line-height: 1.2
}
.text-h1-alt-xl {
font-size: 75px
}
.text-h1-alt-xl,
.text-h1-mobile-alt {
line-height: .9;
letter-spacing: -.05em
}
.text-h1-mobile-alt,
.text-h2-alt {
font-size: 40px
}
.text-h2-alt {
line-height: 1;
letter-spacing: -.05em
}
.text-h2-mobile {
font-size: 31.65px;
line-height: 1;
letter-spacing: -.03em
}
.text-h3 {
font-size: 21.1px;
line-height: 1.2
}
.text-inherit {
font-size: inherit
}
.text-large {
font-size: 24px
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.text-sm {
font-size: .875rem;
line-height: 1.25rem
}
.text-small {
font-size: 15px
}
.text-standard {
font-size: 19px
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
.text-xlarge {
font-size: 28px
}
.text-xlarge-serif {
font-size: 26px
}
.text-xs {
font-size: .75rem;
line-height: 1rem
}
.text-xsmall {
font-size: 12px
}
.text-xxlarge {
font-size: 36px
}
.text-xxlarge-serif {
font-size: 33px
}
.font-\[250\] {
font-weight: 250
}
.font-\[300\] {
font-weight: 300
}
.font-bold {
font-weight: 700
}
.font-extralight {
font-weight: 200
}
.font-light {
font-weight: 300
}
.font-medium {
font-weight: 500
}
.font-normal {
font-weight: 400
}
.font-semibold {
font-weight: 600
}
.font-thin {
font-weight: 100
}
.font-tk-bold {
font-weight: 700
}
.font-tk-normal {
font-weight: 400
}
.font-tk-semibold {
font-weight: 500
}
.font-tk-thin {
font-weight: 250
}
.uppercase {
text-transform: uppercase
}
.italic {
font-style: italic
}
.not-italic {
font-style: normal
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.leading-3 {
line-height: .75rem
}
.leading-4 {
line-height: 1rem
}
.leading-5 {
line-height: 1.25rem
}
.leading-6 {
line-height: 1.5rem
}
.leading-8 {
line-height: 2rem
}
.leading-9 {
line-height: 2.25rem
}
.leading-\[0\.8\] {
line-height: .8
}
.leading-\[1\.15\] {
line-height: 1.15
}
.leading-\[1\.2\] {
line-height: 1.2
}
.leading-\[100\%\] {
line-height: 100%
}
.leading-\[105\%\] {
line-height: 105%
}
.leading-\[110\%\] {
line-height: 110%
}
.leading-\[120\%\] {
line-height: 120%
}
.leading-\[14\.84px\] {
line-height: 14.84px
}
.leading-\[14px\] {
line-height: 14px
}
.leading-\[16px\] {
line-height: 16px
}
.leading-\[18px\] {
line-height: 18px
}
.leading-\[1\] {
line-height: 1
}
.leading-\[1em\] {
line-height: 1em
}
.leading-\[21px\] {
line-height: 21px
}
.leading-\[22px\] {
line-height: 22px
}
.leading-\[24px\] {
line-height: 24px
}
.leading-\[26px\] {
line-height: 26px
}
.leading-\[28px\] {
line-height: 28px
}
.leading-\[29px\] {
line-height: 29px
}
.leading-\[35px\] {
line-height: 35px
}
.leading-\[37px\] {
line-height: 37px
}
.leading-\[38\.4px\] {
line-height: 38.4px
}
.leading-\[50\%\] {
line-height: 50%
}
.leading-\[60\%\] {
line-height: 60%
}
.leading-\[6px\] {
line-height: 6px
}
.leading-\[70\%\] {
line-height: 70%
}
.leading-\[80\%\] {
line-height: 80%
}
.leading-\[85\%\] {
line-height: 85%
}
.leading-\[90\%\] {
line-height: 90%
}
.leading-\[90px\] {
line-height: 90px
}
.leading-\[93\%\] {
line-height: 93%
}
.leading-\[95\%\] {
line-height: 95%
}
.leading-inherit {
line-height: inherit
}
.leading-large {
line-height: 30px
}
.leading-none {
line-height: 1
}
.leading-normal {
line-height: 1.5
}
.leading-small {
line-height: 20px
}
.leading-snug {
line-height: 1.375
}
.leading-standard {
line-height: 24px
}
.leading-tight {
line-height: 1.25
}
.leading-xlarge {
line-height: 31px
}
.leading-xsmall {
line-height: 16px
}
.leading-xxlarge {
line-height: 33px
}
.leading-xxsmall {
line-height: 12px
}
.-tracking-\[0\.02em\] {
letter-spacing: -.02em
}
.-tracking-\[1\%\] {
letter-spacing: -1%
}
.tracking-\[-0\.02em\] {
letter-spacing: -.02em
}
.tracking-\[-0\.03em\] {
letter-spacing: -.03em
}
.tracking-\[-0\.04em\] {
letter-spacing: -.04em
}
.tracking-\[-0\.05em\] {
letter-spacing: -.05em
}
.tracking-\[0\.015em\] {
letter-spacing: .015em
}
.tracking-\[0\.02em\] {
letter-spacing: .02em
}
.tracking-\[0\.05em\] {
letter-spacing: .05em
}
.tracking-\[0\.15em\] {
letter-spacing: .15em
}
.tracking-normal {
letter-spacing: 0
}
.tracking-tight {
letter-spacing: -.025em
}
.tracking-tighter {
letter-spacing: -.05em
}
.tracking-tk-sans {
letter-spacing: -.03em
}
.tracking-tk-serif {
letter-spacing: -.05em
}
.tracking-wide {
letter-spacing: .025em
}
.tracking-wider {
letter-spacing: .05em
}
.tracking-widest {
letter-spacing: .1em
}
.\!text-\[\#D2874B\] {
--tw-text-opacity: 1 !important;
color: rgb(210 135 75/var(--tw-text-opacity)) !important
}
.\!text-content-interactive-default {
color: var(--tk-content-interactive-default) !important
}
.\!text-eggplant {
--tw-text-opacity: 1 !important;
color: rgb(35 11 89/var(--tw-text-opacity)) !important
}
.\!text-white {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255/var(--tw-text-opacity)) !important
}
.\!text-white\/\[\.5\] {
color: hsla(0, 0%, 100%, .5) !important
}
.text-\[\#161338\] {
--tw-text-opacity: 1;
color: rgb(22 19 56/var(--tw-text-opacity))
}
.text-\[\#18172BA1\] {
color: #18172ba1
}
.text-\[\#230B5980\] {
color: #230b5980
}
.text-\[\#230B59\] {
--tw-text-opacity: 1;
color: rgb(35 11 89/var(--tw-text-opacity))
}
.text-\[\#288067\] {
--tw-text-opacity: 1;
color: rgb(40 128 103/var(--tw-text-opacity))
}
.text-\[\#2F2E40\] {
--tw-text-opacity: 1;
color: rgb(47 46 64/var(--tw-text-opacity))
}
.text-\[\#3A394D\] {
--tw-text-opacity: 1;
color: rgb(58 57 77/var(--tw-text-opacity))
}
.text-\[\#44407C\] {
--tw-text-opacity: 1;
color: rgb(68 64 124/var(--tw-text-opacity))
}
.text-\[\#4840BA\] {
--tw-text-opacity: 1;
color: rgb(72 64 186/var(--tw-text-opacity))
}
.text-\[\#4840BB99\] {
color: #4840bb99
}
.text-\[\#534C8E\] {
--tw-text-opacity: 1;
color: rgb(83 76 142/var(--tw-text-opacity))
}
.text-\[\#6F6E80\] {
--tw-text-opacity: 1;
color: rgb(111 110 128/var(--tw-text-opacity))
}
.text-\[\#8D86B6\] {
--tw-text-opacity: 1;
color: rgb(141 134 182/var(--tw-text-opacity))
}
.text-\[\#958EB7\] {
--tw-text-opacity: 1;
color: rgb(149 142 183/var(--tw-text-opacity))
}
.text-\[\#9A91FF\] {
--tw-text-opacity: 1;
color: rgb(154 145 255/var(--tw-text-opacity))
}
.text-\[\#AAAAAA\] {
--tw-text-opacity: 1;
color: rgb(170 170 170/var(--tw-text-opacity))
}
.text-\[\#B30015\] {
--tw-text-opacity: 1;
color: rgb(179 0 21/var(--tw-text-opacity))
}
.text-\[\#D2874B\] {
--tw-text-opacity: 1;
color: rgb(210 135 75/var(--tw-text-opacity))
}
.text-\[\#E8EBFD\] {
--tw-text-opacity: 1;
color: rgb(232 235 253/var(--tw-text-opacity))
}
.text-\[\#FCFCFC\] {
--tw-text-opacity: 1;
color: rgb(252 252 252/var(--tw-text-opacity))
}
.text-\[\#FFF3D8\] {
--tw-text-opacity: 1;
color: rgb(255 243 216/var(--tw-text-opacity))
}
.text-\[\#FFFBF5\] {
--tw-text-opacity: 1;
color: rgb(255 251 245/var(--tw-text-opacity))
}
.text-\[\#FFFFFF\] {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.text-\[\#f0f0f280\] {
color: #f0f0f280
}
.text-ambient-yellow {
--tw-text-opacity: 1;
color: rgb(255 243 216/var(--tw-text-opacity))
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0/var(--tw-text-opacity))
}
.text-blurple {
--tw-text-opacity: 1;
color: rgb(72 64 187/var(--tw-text-opacity))
}
.text-blurple-light {
--tw-text-opacity: 1;
color: rgb(149 140 242/var(--tw-text-opacity))
}
.text-content-disabled {
color: var(--tk-content-disabled)
}
.text-content-interactive-ambient {
color: var(--tk-content-interactive-ambient)
}
.text-content-interactive-concealed {
color: var(--tk-content-interactive-concealed)
}
.text-content-interactive-default {
color: var(--tk-content-interactive-default)
}
.text-content-interactive-destructive {
color: var(--tk-content-interactive-destructive)
}
.text-content-interactive-primary {
color: var(--tk-content-interactive-primary)
}
.text-content-positive {
color: var(--tk-content-positive)
}
.text-content-primary {
--tw-text-opacity: 1;
color: rgb(22 19 56/var(--tw-text-opacity))
}
.text-content-primary-inverted {
color: var(--tk-content-primary-inverted)
}
.text-content-primary\/60 {
color: rgba(22, 19, 56, .6)
}
.text-content-secondary {
color: var(--tk-content-secondary)
}
.text-cream {
--tw-text-opacity: 1;
color: rgb(228 231 248/var(--tw-text-opacity))
}
.text-current {
color: currentColor
}
.text-eggplant {
--tw-text-opacity: 1;
color: rgb(35 11 89/var(--tw-text-opacity))
}
.text-eggplant-light {
--tw-text-opacity: 1;
color: rgb(90 74 128/var(--tw-text-opacity))
}
.text-gray-50 {
--tw-text-opacity: 1;
color: rgb(249 250 251/var(--tw-text-opacity))
}
.text-inherit {
color: inherit
}
.text-lavender {
--tw-text-opacity: 1;
color: rgb(218 222 241/var(--tw-text-opacity))
}
.text-lavender2 {
--tw-text-opacity: 1;
color: rgb(189 198 245/var(--tw-text-opacity))
}
.text-lilac {
--tw-text-opacity: 1;
color: rgb(232 235 253/var(--tw-text-opacity))
}
.text-money-in {
--tw-text-opacity: 1;
color: rgb(40 128 103/var(--tw-text-opacity))
}
.text-money-in-light {
--tw-text-opacity: 1;
color: rgb(103 200 172/var(--tw-text-opacity))
}
.text-pansy {
--tw-text-opacity: 1;
color: rgb(77 88 152/var(--tw-text-opacity))
}
.text-pebble {
--tw-text-opacity: 1;
color: rgb(240 240 242/var(--tw-text-opacity))
}
.text-pebble\/20 {
color: hsla(240, 7%, 95%, .2)
}
.text-pebble\/50 {
color: hsla(240, 7%, 95%, .5)
}
.text-periwinkle {
--tw-text-opacity: 1;
color: rgb(112 134 201/var(--tw-text-opacity))
}
.text-plum {
--tw-text-opacity: 1;
color: rgb(59 43 125/var(--tw-text-opacity))
}
.text-pomelo {
--tw-text-opacity: 1;
color: rgb(255 243 216/var(--tw-text-opacity))
}
.text-space {
--tw-text-opacity: 1;
color: rgb(24 23 43/var(--tw-text-opacity))
}
.text-steel {
--tw-text-opacity: 1;
color: rgb(183 183 192/var(--tw-text-opacity))
}
.text-surface {
color: var(--tk-surface)
}
.text-tk-content-primary {
color: var(--tk-content-primary)
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.text-white\/\[\.1\] {
color: hsla(0, 0%, 100%, .1)
}
.text-white\/\[\.5\] {
color: hsla(0, 0%, 100%, .5)
}
.text-white\/\[\.8\] {
color: hsla(0, 0%, 100%, .8)
}
.text-opacity-30 {
--tw-text-opacity: 0.3
}
.text-opacity-50 {
--tw-text-opacity: 0.5
}
.text-opacity-60 {
--tw-text-opacity: 0.6
}
.underline {
text-decoration-line: underline
}
.line-through {
text-decoration-line: line-through
}
.decoration-1 {
text-decoration-thickness: 1px
}
.decoration-\[2px\] {
text-decoration-thickness: 2px
}
.decoration-from-font {
text-decoration-thickness: from-font
}
.underline-offset-1 {
text-underline-offset: 1px
}
.caret-content-interactive-default {
caret-color: var(--tk-content-interactive-default)
}
.opacity-10 {
opacity: .1
}
.opacity-20 {
opacity: .2
}
.opacity-5 {
opacity: .05
}
.opacity-50 {
opacity: .5
}
.opacity-60 {
opacity: .6
}
.opacity-70 {
opacity: .7
}
.opacity-80 {
opacity: .8
}
.opacity-\[0\.3\] {
opacity: .3
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}
.shadow,
.shadow-\[-10px_16px_1px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[-10px_16px_1px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
--tw-shadow: -10px 16px 1px rgba(0, 0, 0, .15);
--tw-shadow-colored: -10px 16px 1px var(--tw-shadow-color)
}
.shadow-\[-13px_15px_1px_rgba\(75\2c 86\2c 156\2c 0\.1\)\] {
--tw-shadow: -13px 15px 1px rgba(75, 86, 156, .1);
--tw-shadow-colored: -13px 15px 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0px_3px_4px_0px_var\(--tk-content-shadow\)\] {
--tw-shadow: 0px 3px 4px 0px var(--tk-content-shadow);
--tw-shadow-colored: 0px 3px 4px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0px_6px_34px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
--tw-shadow: 0px 6px 34px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0px 6px 34px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[2px_6px_14px_0px_rgba\(154\2c 154\2c 253\2c 1\)\] {
--tw-shadow: 2px 6px 14px 0px #9a9afd;
--tw-shadow-colored: 2px 6px 14px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[6px_8px_0\.6px_0_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
--tw-shadow: 6px 8px 0.6px 0 rgba(0, 0, 0, .15);
--tw-shadow-colored: 6px 8px 0.6px 0 var(--tw-shadow-color)
}
.shadow-\[6px_8px_0\.6px_0_rgba\(0\2c 0\2c 0\2c 0\.15\)\],
.shadow-card {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-card {
--tw-shadow: 0 5px 30px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 5px 30px var(--tw-shadow-color)
}
.shadow-inset-1 {
--tw-shadow: inset 0 0 0 1px rgba(0, 0, 0, .3);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color)
}
.shadow-inset-1,
.shadow-inset-2 {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-inset-2 {
--tw-shadow: inset 0 0 0 2px rgba(0, 0, 0, .3);
--tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color)
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}
.shadow-lg,
.shadow-sm {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-affordability-comfortable {
--tw-shadow-color: var(--tk-affordability-comfortable);
--tw-shadow: var(--tw-shadow-colored)
}
.shadow-affordability-manageable {
--tw-shadow-color: var(--tk-affordability-manageable);
--tw-shadow: var(--tw-shadow-colored)
}
.shadow-affordability-stretch {
--tw-shadow-color: var(--tk-affordability-stretch);
--tw-shadow: var(--tw-shadow-colored)
}
.shadow-affordability-unaffordable {
--tw-shadow-color: var(--tk-affordability-unaffordable);
--tw-shadow: var(--tw-shadow-colored)
}
.shadow-surface-interactive-primary {
--tw-shadow-color: var(--tk-surface-interactive-primary);
--tw-shadow: var(--tw-shadow-colored)
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.blur {
--tw-blur: blur(8px)
}
.blur,
.blur-\[0\.72222px\] {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.blur-\[0\.72222px\] {
--tw-blur: blur(0.72222px)
}
.blur-\[40px\] {
--tw-blur: blur(40px)
}
.blur-\[40px\],
.drop-shadow {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow {
--tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
}
.drop-shadow-\[0_8px_0\.6px_rgba\(0\2c 0\2c 0\2c 0\.20\)\] {
--tw-drop-shadow: drop-shadow(0 8px 0.6px rgba(0, 0, 0, .2))
}
.drop-shadow-\[0_8px_0\.6px_rgba\(0\2c 0\2c 0\2c 0\.20\)\],
.drop-shadow-\[6px_6px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow-\[6px_6px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
--tw-drop-shadow: drop-shadow(6px 6px rgba(0, 0, 0, .25))
}
.drop-shadow-lg {
--tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1))
}
.drop-shadow-lg,
.drop-shadow-md {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow-md {
--tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
}
.drop-shadow-xl {
--tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, .03)) drop-shadow(0 8px 5px rgba(0, 0, 0, .08))
}
.drop-shadow-xl,
.invert {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.invert {
--tw-invert: invert(100%)
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(4px)
}
.backdrop-blur-sm,
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[background-color\2c color\2c transform\2c box-shadow\] {
transition-property: background-color, color, transform, box-shadow;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[background-size\] {
transition-property: background-size;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[color\2c transform\] {
transition-property: color, transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[color\] {
transition-property: color;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[top\2c transform\] {
transition-property: top, transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[transform\2c background-color\2c border-color\2c box-shadow\] {
transition-property: transform, background-color, border-color, box-shadow;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[transform\2c box-shadow\2c background-color\] {
transition-property: transform, box-shadow, background-color;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[transform\] {
transition-property: transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.duration-100 {
transition-duration: .1s
}
.duration-200 {
transition-duration: .2s
}
.duration-300 {
transition-duration: .3s
}
.duration-500 {
transition-duration: .5s
}
.duration-75 {
transition-duration: 75ms
}
.ease-fast-start-standard-end {
transition-timing-function: cubic-bezier(.2, 0, .4, 1)
}
.ease-linear {
transition-timing-function: linear
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.line-clamp-1 {
-webkit-line-clamp: 1
}
.line-clamp-1,
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical
}
.line-clamp-2 {
-webkit-line-clamp: 2
}
.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
@keyframes enter {
0% {
opacity: var(--tw-enter-opacity, 1);
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
}
}
@keyframes exit {
to {
opacity: var(--tw-exit-opacity, 1);
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
}
}
.duration-100 {
animation-duration: .1s
}
.duration-200 {
animation-duration: .2s
}
.duration-300 {
animation-duration: .3s
}
.duration-500 {
animation-duration: .5s
}
.duration-75 {
animation-duration: 75ms
}
.ease-fast-start-standard-end {
animation-timing-function: cubic-bezier(.2, 0, .4, 1)
}
.ease-linear {
animation-timing-function: linear
}
.ease-out {
animation-timing-function: cubic-bezier(0, 0, .2, 1)
}
.paused {
animation-play-state: paused
}
.\[--avatar-size\:16px\] {
--avatar-size: 16px
}
.\[--avatar-size\:20px\] {
--avatar-size: 20px
}
.\[--avatar-size\:24px\] {
--avatar-size: 24px
}
.\[--avatar-size\:40px\] {
--avatar-size: 40px
}
.\[--avatar-size\:64px\] {
--avatar-size: 64px
}
.\[--modifier-size\:16px\] {
--modifier-size: 16px
}
.\[--modifier-size\:24px\] {
--modifier-size: 24px
}
.\[--modifier-size\:4px\] {
--modifier-size: 4px
}
.\[--modifier-size\:6px\] {
--modifier-size: 6px
}
.\[--modifier-size\:8px\] {
--modifier-size: 8px
}
.\[background-image\:linear-gradient\(transparent_calc\(100\%_-_2px\)\2c _\#230b59_2px\)\] {
background-image: linear-gradient(transparent calc(100% - 2px), #230b59 2px)
}
.\[background-image\:linear-gradient\(transparent_calc\(100\%_-_2px\)\2c _\#4840bb_2px\)\] {
background-image: linear-gradient(transparent calc(100% - 2px), #4840bb 2px)
}
.\[background-size\:0\%_100\%\] {
background-size: 0 100%
}
:root {
--reach-dialog: 1
}
[data-popper-arrow] {
height: 1rem;
position: absolute;
width: 1rem;
pointer-events: none;
--tooltip-border: #fff;
--tooltip-background: #fff
}
[data-popper-arrow]:after,
[data-popper-arrow]:before {
border-style: solid;
content: "";
display: block;
height: 0;
margin: auto;
width: 0
}
[data-popper-arrow]:after {
position: absolute
}
[data-popper-placement*=bottom] [data-popper-arrow] {
left: 0;
margin-top: -.4rem;
top: 0
}
[data-popper-placement*=bottom] [data-popper-arrow]:before {
border-color: transparent transparent var(--tooltip-border) transparent;
border-width: 0 .5rem .4rem;
position: absolute;
top: -1px
}
[data-popper-placement*=bottom] [data-popper-arrow]:after {
border-color: transparent transparent var(--tooltip-background) transparent;
border-width: 0 .5rem .4rem
}
[data-popper-placement*=top] [data-popper-arrow] {
bottom: 0;
left: 0;
margin-bottom: -1rem
}
[data-popper-placement*=top] [data-popper-arrow]:before {
border-color: var(--tooltip-border) transparent transparent transparent;
border-width: .4rem .5rem 0;
position: absolute;
top: 1px
}
[data-popper-placement*=top] [data-popper-arrow]:after {
border-color: var(--tooltip-background) transparent transparent transparent;
border-width: .4rem .5rem 0
}
[data-popper-placement*=right] [data-popper-arrow] {
left: 0;
margin-left: -.7rem
}
[data-popper-placement*=right] [data-popper-arrow]:before {
border-color: transparent var(--tooltip-border) transparent transparent;
border-width: .5rem .4rem .5rem 0
}
[data-popper-placement*=right] [data-popper-arrow]:after {
border-color: transparent var(--tooltip-background) transparent transparent;
border-width: .5rem .4rem .5rem 0;
left: 6px;
top: 0
}
[data-popper-placement*=left] [data-popper-arrow] {
margin-right: -.7rem;
right: 0
}
[data-popper-placement*=left] [data-popper-arrow]:before {
border-color: transparent transparent transparent var(--tooltip-border);
border-width: .5rem 0 .5rem .4em
}
[data-popper-placement*=left] [data-popper-arrow]:after {
border-color: transparent transparent transparent var(--tooltip-background);
border-width: .5rem 0 .5rem .4em;
left: 3px;
top: 0
}
.group:hover .group-hover\:text-gradient {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
@media (min-width:384px) {
.xs\:copy-h1 {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 42.2px;
line-height: .9;
letter-spacing: -.03em;
font-weight: 700
}
@media (min-width:1140px) {
.xs\:copy-h1 {
font-size: 63.3px;
line-height: .9;
letter-spacing: -.03em
}
}
@media (min-width:1536px) {
.xs\:copy-h1 {
font-size: 79.13px;
line-height: .9;
letter-spacing: -.03em
}
}
.xs\:copy-h2 {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 31.65px;
line-height: 1;
letter-spacing: -.03em;
font-weight: 700
}
@media (min-width:960px) {
.xs\:copy-h2 {
font-size: 42.2px;
line-height: 1;
letter-spacing: -.03em
}
}
@media (min-width:1536px) {
.xs\:copy-h2 {
font-size: 52.75px;
line-height: 1;
letter-spacing: -.03em
}
}
}
@media (min-width:480px) {
.sm\:copy-h1 {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 42.2px;
line-height: .9;
letter-spacing: -.03em;
font-weight: 700
}
@media (min-width:1140px) {
.sm\:copy-h1 {
font-size: 63.3px;
line-height: .9;
letter-spacing: -.03em
}
}
@media (min-width:1536px) {
.sm\:copy-h1 {
font-size: 79.13px;
line-height: .9;
letter-spacing: -.03em
}
}
.sm\:copy-h1-alt {
font-family: GT Alpina, ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
font-size: 40px;
line-height: .9;
letter-spacing: -.05em;
font-weight: 100
}
@media (min-width:1140px) {
.sm\:copy-h1-alt {
font-size: 60px;
line-height: .9;
letter-spacing: -.05em
}
}
@media (min-width:1536px) {
.sm\:copy-h1-alt {
font-size: 75px;
line-height: .9;
letter-spacing: -.05em
}
}
.sm\:copy-h1-alt {
font-feature-settings: "liga" 1
}
.sm\:copy-h2 {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 31.65px;
line-height: 1;
letter-spacing: -.03em;
font-weight: 700
}
@media (min-width:960px) {
.sm\:copy-h2 {
font-size: 42.2px;
line-height: 1;
letter-spacing: -.03em
}
}
@media (min-width:1536px) {
.sm\:copy-h2 {
font-size: 52.75px;
line-height: 1;
letter-spacing: -.03em
}
}
.sm\:copy-h3 {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 21.1px;
line-height: 1.2;
font-weight: 500
}
@media (min-width:960px) {
.sm\:copy-h3 {
font-size: 21.1px;
line-height: 1.2
}
}
@media (min-width:1536px) {
.sm\:copy-h3 {
font-size: 26.38px;
line-height: 1.2
}
}
}
@media (min-width:768px) {
.md\:flex-basis-auto {
flex-basis: auto
}
.md\:mask-none {
-webkit-mask-image: none;
mask-image: none
}
.md\:filter-shadow {
filter: drop-shadow(-14.4442px 17.1565px .72222px rgba(0, 0, 0, .1))
}
.md\:copy-h2 {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 31.65px;
line-height: 1;
letter-spacing: -.03em;
font-weight: 700
}
@media (min-width:960px) {
.md\:copy-h2 {
font-size: 42.2px;
line-height: 1;
letter-spacing: -.03em
}
}
@media (min-width:1536px) {
.md\:copy-h2 {
font-size: 52.75px;
line-height: 1;
letter-spacing: -.03em
}
}
.md\:copy-h2-alt {
font-family: GT Alpina, ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
font-size: 30px;
line-height: 1;
letter-spacing: -.05em;
font-weight: 100
}
@media (min-width:960px) {
.md\:copy-h2-alt {
font-size: 40px;
line-height: 1;
letter-spacing: -.05em
}
}
@media (min-width:1536px) {
.md\:copy-h2-alt {
font-size: 50px;
line-height: 1;
letter-spacing: -.05em
}
}
.md\:copy-h2-alt {
font-feature-settings: "liga" 1
}
}
@media (min-width:960px) {
.lg\:mask-none {
-webkit-mask-image: none;
mask-image: none
}
.lg\:aspect-4\/3:before {
content: "";
padding-top: 75%;
float: left
}
.lg\:aspect-4\/3:after {
display: block;
content: "";
clear: both
}
}
@media (min-width:1140px) {
.xl\:filter-shadow {
filter: drop-shadow(-14.4442px 17.1565px .72222px rgba(0, 0, 0, .1))
}
}
@media (min-width:480px) {
.sm\:container {
width: 100%;
padding-right: 2rem;
padding-left: 2rem
}
@media (min-width:320px) {
.sm\:container {
max-width: 320px
}
}
@media (min-width:384px) {
.sm\:container {
max-width: 384px
}
}
@media (min-width:480px) {
.sm\:container {
max-width: 480px
}
}
@media (min-width:768px) {
.sm\:container {
max-width: 768px;
padding-right: 3rem;
padding-left: 3rem
}
}
@media (min-width:960px) {
.sm\:container {
max-width: 960px
}
}
@media (min-width:1140px) {
.sm\:container {
max-width: 1140px;
padding-right: 4rem;
padding-left: 4rem
}
}
@media (min-width:1536px) {
.sm\:container {
max-width: 1536px
}
}
@media (min-width:2024px) {
.sm\:container {
max-width: 2024px
}
}
}
@media (min-width:960px) {
.lg\:container {
width: 100%;
padding-right: 2rem;
padding-left: 2rem
}
@media (min-width:320px) {
.lg\:container {
max-width: 320px
}
}
@media (min-width:384px) {
.lg\:container {
max-width: 384px
}
}
@media (min-width:480px) {
.lg\:container {
max-width: 480px
}
}
@media (min-width:768px) {
.lg\:container {
max-width: 768px;
padding-right: 3rem;
padding-left: 3rem
}
}
@media (min-width:960px) {
.lg\:container {
max-width: 960px
}
}
@media (min-width:1140px) {
.lg\:container {
max-width: 1140px;
padding-right: 4rem;
padding-left: 4rem
}
}
@media (min-width:1536px) {
.lg\:container {
max-width: 1536px
}
}
@media (min-width:2024px) {
.lg\:container {
max-width: 2024px
}
}
}
.selection\:bg-transparent ::-moz-selection {
background-color: transparent
}
.selection\:bg-transparent ::selection {
background-color: transparent
}
.selection\:bg-transparent::-moz-selection {
background-color: transparent
}
.selection\:bg-transparent::selection {
background-color: transparent
}
.before\:absolute:before {
content: var(--tw-content);
position: absolute
}
.before\:-top-small:before {
content: var(--tw-content);
top: calc(var(--tk-spacing-small) * -1)
}
.before\:bottom-\[-1px\]:before {
content: var(--tw-content);
bottom: -1px
}
.before\:left-1\/2:before {
content: var(--tw-content);
left: 50%
}
.before\:left-\[-1px\]:before {
content: var(--tw-content);
left: -1px
}
.before\:right-\[-1px\]:before {
content: var(--tw-content);
right: -1px
}
.before\:top-0:before {
content: var(--tw-content);
top: 0
}
.before\:top-\[-1px\]:before {
content: var(--tw-content);
top: -1px
}
.before\:z-\[-1\]:before {
content: var(--tw-content);
z-index: -1
}
.before\:-mt-\[13px\]:before {
content: var(--tw-content);
margin-top: -13px
}
.before\:-mt-\[17px\]:before {
content: var(--tw-content);
margin-top: -17px
}
.before\:-mt-\[25px\]:before {
content: var(--tw-content);
margin-top: -25px
}
.before\:-mt-\[33px\]:before {
content: var(--tw-content);
margin-top: -33px
}
.before\:-mt-\[3px\]:before {
content: var(--tw-content);
margin-top: -3px
}
.before\:-mt-\[49px\]:before {
content: var(--tw-content);
margin-top: -49px
}
.before\:-mt-\[5px\]:before {
content: var(--tw-content);
margin-top: -5px
}
.before\:-mt-\[65px\]:before {
content: var(--tw-content);
margin-top: -65px
}
.before\:-mt-\[9px\]:before {
content: var(--tw-content);
margin-top: -9px
}
.before\:ml-\[-1px\]:before {
content: var(--tw-content);
margin-left: -1px
}
.before\:block:before {
content: var(--tw-content);
display: block
}
.before\:h-full:before {
content: var(--tw-content);
height: 100%
}
.before\:h-xxsmall:before {
content: var(--tw-content);
height: var(--tk-spacing-xxsmall)
}
.before\:w-\[2px\]:before {
content: var(--tw-content);
width: 2px
}
.before\:w-full:before {
content: var(--tw-content);
width: 100%
}
@keyframes radiate {
0% {
content: var(--tw-content);
transform: scale(.5);
opacity: .35
}
to {
content: var(--tw-content);
transform: scale(1.5);
opacity: 0
}
}
.before\:animate-radiate:before {
content: var(--tw-content);
animation: radiate 3s infinite
}
.before\:rounded-\[50\%\]:before {
content: var(--tw-content);
border-radius: 50%
}
.before\:rounded-full:before {
content: var(--tw-content);
border-radius: 9999px
}
.before\:rounded-b-\[1px\]:before {
content: var(--tw-content);
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px
}
.before\:bg-content-divider:before {
content: var(--tw-content);
background-color: var(--tk-content-divider)
}
.before\:bg-surface:before {
content: var(--tw-content);
background-color: var(--tk-surface)
}
.before\:bg-surface-interactive-primary:before {
content: var(--tw-content);
background-color: var(--tk-surface-interactive-primary)
}
.after\:invisible:after {
content: var(--tw-content);
visibility: hidden
}
.after\:absolute:after {
content: var(--tw-content);
position: absolute
}
.after\:inset-0:after {
content: var(--tw-content);
inset: 0
}
.after\:-bottom-small:after {
content: var(--tw-content);
bottom: calc(var(--tk-spacing-small) * -1)
}
.after\:left-1\/2:after {
content: var(--tw-content);
left: 50%
}
.after\:ml-\[-1px\]:after {
content: var(--tw-content);
margin-left: -1px
}
.after\:ml-\[-2px\]:after {
content: var(--tw-content);
margin-left: -2px
}
.after\:mt-\[-2px\]:after {
content: var(--tw-content);
margin-top: -2px
}
.after\:block:after {
content: var(--tw-content);
display: block
}
.after\:h-\[20px\]:after {
content: var(--tw-content);
height: 20px
}
.after\:h-\[22px\]:after {
content: var(--tw-content);
height: 22px
}
.after\:h-px:after {
content: var(--tw-content);
height: 1px
}
.after\:h-small:after {
content: var(--tw-content);
height: var(--tk-spacing-small)
}
.after\:w-\[20px\]:after {
content: var(--tw-content);
width: 20px
}
.after\:w-\[22px\]:after {
content: var(--tw-content);
width: 22px
}
.after\:w-\[2px\]:after {
content: var(--tw-content);
width: 2px
}
.after\:overflow-hidden:after {
content: var(--tw-content);
overflow: hidden
}
.after\:rounded-\[50\%\]:after {
content: var(--tw-content);
border-radius: 50%
}
.after\:rounded-\[5px\]:after {
content: var(--tw-content);
border-radius: 5px
}
.after\:rounded-full:after {
content: var(--tw-content);
border-radius: 9999px
}
.after\:rounded-xsmall:after {
content: var(--tw-content);
border-radius: var(--tk-spacing-xsmall)
}
.after\:border-2:after {
content: var(--tw-content);
border-width: 2px
}
.after\:border-\[1\.25px\]:after {
content: var(--tw-content);
border-width: 1.25px
}
.after\:border-\[1\.5px\]:after {
content: var(--tw-content);
border-width: 1.5px
}
.after\:border-\[1px\]:after {
content: var(--tw-content);
border-width: 1px
}
.after\:border-\[2px\]:after {
content: var(--tw-content);
border-width: 2px
}
.after\:border-\[3px\]:after {
content: var(--tw-content);
border-width: 3px
}
.after\:border-solid:after {
content: var(--tw-content);
border-style: solid
}
.after\:border-content-divider:after {
content: var(--tw-content);
border-color: var(--tk-content-divider)
}
.after\:border-surface-track:after {
content: var(--tw-content);
border-color: var(--tk-surface-track)
}
.after\:bg-content-divider:after {
content: var(--tw-content);
background-color: var(--tk-content-divider)
}
.after\:text-small:after {
content: var(--tw-content);
font-size: 15px
}
.after\:font-tk-normal:after {
content: var(--tw-content);
font-weight: 400
}
.after\:leading-small:after {
content: var(--tw-content);
line-height: 20px
}
.after\:text-transparent:after {
content: var(--tw-content);
color: transparent
}
.after\:transition-shadow:after {
content: var(--tw-content);
transition-property: box-shadow;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.after\:ease-fast-start-standard-end:after {
transition-timing-function: cubic-bezier(.2, 0, .4, 1)
}
.after\:content-\[attr\(title\)\]:after {
--tw-content: attr(title);
content: var(--tw-content)
}
.after\:ease-fast-start-standard-end:after {
content: var(--tw-content);
animation-timing-function: cubic-bezier(.2, 0, .4, 1)
}
.first\:mt-0:first-child {
margin-top: 0
}
.first\:pt-0:first-child {
padding-top: 0
}
.last\:pb-0:last-child {
padding-bottom: 0
}
.last\:pr-large:last-child {
padding-right: var(--tk-spacing-large)
}
.first-of-type\:rounded-none:first-of-type,
.last-of-type\:rounded-none:last-of-type {
border-radius: 0
}
.last-of-type\:border-b-\[0\]:last-of-type {
border-bottom-width: 0
}
.hover\:scale-\[1\.025\]:hover {
--tw-scale-x: 1.025;
--tw-scale-y: 1.025
}
.hover\:scale-\[101\%\]:hover,
.hover\:scale-\[1\.025\]:hover {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:scale-\[101\%\]:hover {
--tw-scale-x: 101%;
--tw-scale-y: 101%
}
.hover\:cursor-pointer:hover {
cursor: pointer
}
.hover\:border-peach:hover {
--tw-border-opacity: 1;
border-color: rgb(223 140 94/var(--tw-border-opacity))
}
.hover\:border-transparent:hover {
border-color: transparent
}
.hover\:bg-blurple:hover {
--tw-bg-opacity: 1;
background-color: rgb(72 64 187/var(--tw-bg-opacity))
}
.hover\:bg-surface-interactive-default-hover:hover {
background-color: var(--tk-surface-interactive-default-hover)
}
.hover\:bg-surface-interactive-destructive-hover:hover {
background-color: var(--tk-surface-interactive-destructive-hover)
}
.hover\:bg-surface-interactive-primary-hover:hover {
background-color: var(--tk-surface-interactive-primary-hover)
}
.hover\:bg-opacity-10:hover {
--tw-bg-opacity: 0.1
}
.hover\:bg-gradient-to-b:hover {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.hover\:from-day-start:hover {
--tw-gradient-from: var(--tk-day-start) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.hover\:from-night-start:hover {
--tw-gradient-from: var(--tk-night-start) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.hover\:from-soft-start:hover {
--tw-gradient-from: var(--tk-soft-start) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.hover\:from-vibrant-start:hover {
--tw-gradient-from: var(--tk-vibrant-start) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.hover\:to-day-end:hover {
--tw-gradient-to: var(--tk-day-end) var(--tw-gradient-to-position)
}
.hover\:to-night-end:hover {
--tw-gradient-to: var(--tk-night-end) var(--tw-gradient-to-position)
}
.hover\:to-soft-end:hover {
--tw-gradient-to: var(--tk-soft-end) var(--tw-gradient-to-position)
}
.hover\:to-vibrant-end:hover {
--tw-gradient-to: var(--tk-vibrant-end) var(--tw-gradient-to-position)
}
.hover\:text-content-interactive-ambient-hover:hover {
color: var(--tk-content-interactive-ambient-hover)
}
.hover\:text-content-interactive-default-hover:hover {
color: var(--tk-content-interactive-default-hover)
}
.hover\:text-content-interactive-destructive-hover:hover {
color: var(--tk-content-interactive-destructive-hover)
}
.hover\:text-content-interactive-primary-hover:hover {
color: var(--tk-content-interactive-primary-hover)
}
.hover\:text-content-primary-inverted:hover {
color: var(--tk-content-primary-inverted)
}
.hover\:text-content-secondary:hover {
color: var(--tk-content-secondary)
}
.hover\:text-current:hover {
color: currentColor
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.hover\:underline:hover {
text-decoration-line: underline
}
.hover\:opacity-80:hover {
opacity: .8
}
.hover\:shadow-xl:hover {
--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.focus\:border-\[\#1e83ef\]:focus {
--tw-border-opacity: 1;
border-color: rgb(30 131 239/var(--tw-border-opacity))
}
.focus\:text-content-interactive-ambient:focus {
color: var(--tk-content-interactive-ambient)
}
.focus\:text-content-interactive-default:focus {
color: var(--tk-content-interactive-default)
}
.focus\:text-content-interactive-destructive:focus {
color: var(--tk-content-interactive-destructive)
}
.focus\:text-content-interactive-primary:focus {
color: var(--tk-content-interactive-primary)
}
.focus\:text-content-primary-inverted:focus {
color: var(--tk-content-primary-inverted)
}
.focus\:text-content-secondary:focus {
color: var(--tk-content-secondary)
}
.focus\:text-white:focus {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.focus\:underline:focus {
text-decoration-line: underline
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px
}
.focus\:outline-\[0\]:focus {
outline-width: 0
}
.focus\:\!ring-0:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:ring-content-interactive-default:focus {
--tw-ring-color: var(--tk-content-interactive-default)
}
.focus\:ring-content-interactive-destructive:focus {
--tw-ring-color: var(--tk-content-interactive-destructive)
}
.focus\:ring-content-primary-inverted:focus {
--tw-ring-color: var(--tk-content-primary-inverted)
}
.focus\:\!ring-offset-0:focus {
--tw-ring-offset-width: 0px !important
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px
}
.focus-visible\:\!ring-2:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.active\:scale-\[\.8\]:active {
--tw-scale-x: .8;
--tw-scale-y: .8
}
.active\:scale-\[\.8\]:active,
.active\:scale-\[\.97\]:active {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.active\:scale-\[\.97\]:active {
--tw-scale-x: .97;
--tw-scale-y: .97
}
.active\:border-\[\#1e83ef\]:active {
--tw-border-opacity: 1;
border-color: rgb(30 131 239/var(--tw-border-opacity))
}
.active\:bg-surface-interactive-default-active:active {
background-color: var(--tk-surface-interactive-default-active)
}
.active\:bg-surface-interactive-destructive-active:active {
background-color: var(--tk-surface-interactive-destructive-active)
}
.active\:bg-surface-interactive-primary-active:active {
background-color: var(--tk-surface-interactive-primary-active)
}
.active\:text-content-interactive-ambient-active:active {
color: var(--tk-content-interactive-ambient-active)
}
.active\:text-content-interactive-default-active:active {
color: var(--tk-content-interactive-default-active)
}
.active\:text-content-interactive-destructive-active:active {
color: var(--tk-content-interactive-destructive-active)
}
.active\:text-content-interactive-primary-active:active {
color: var(--tk-content-interactive-primary-active)
}
.active\:text-content-primary-inverted:active {
color: var(--tk-content-primary-inverted)
}
.active\:text-white:active {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.disabled\:transform-none:disabled {
transform: none
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed
}
.disabled\:\!bg-pebble:disabled {
--tw-bg-opacity: 1 !important;
background-color: rgb(240 240 242/var(--tw-bg-opacity)) !important
}
.disabled\:bg-surface-disabled:disabled {
background-color: var(--tk-surface-disabled)
}
.disabled\:text-content-disabled:disabled {
color: var(--tk-content-disabled)
}
.disabled\:no-underline:disabled {
text-decoration-line: none
}
.group:hover .group-hover\:w-full {
width: 100%
}
.group:hover .group-hover\:scale-110 {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.group:hover .group-hover\:from-blurple {
--tw-gradient-from: #4840bb var(--tw-gradient-from-position);
--tw-gradient-to: rgba(72, 64, 187, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.group:hover .group-hover\:to-caracara {
--tw-gradient-to: #ad6035 var(--tw-gradient-to-position)
}
.group:hover .group-hover\:underline {
text-decoration-line: underline
}
.group:hover .group-hover\:\[background-size\:100\%_100\%\] {
background-size: 100% 100%
}
.group\/checkbox-container:active .group-active\/checkbox-container\:scale-90 {
--tw-scale-x: .9;
--tw-scale-y: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/body:not(.using-mouse) .group-\[\&\:not\(\.using-mouse\)\]\/body\:focus\:shadow-\[0_0_0_2px_var\(--tk-content-interactive-default\)\]:focus {
--tw-shadow: 0 0 0 2px var(--tk-content-interactive-default);
--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.group\/body:not(.using-mouse) .group-\[\&\:not\(\.using-mouse\)\]\/body\:focus\:outline-2:focus {
outline-width: 2px
}
.group\/body:not(.using-mouse) .group-\[\&\:not\(\.using-mouse\)\]\/body\:focus\:outline-content-interactive-default:focus {
outline-color: var(--tk-content-interactive-default)
}
.group\/body:not(.using-mouse) .group-\[\&\:not\(\.using-mouse\)\]\/body\:focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.group\/body.using-mouse .focus\:group-\[\.using-mouse\]\/body\:ring-transparent:focus {
--tw-ring-color: transparent
}
.group\/body:not(.using-mouse) .group-\[\&\:not\(\.using-mouse\)\]\/body\:focus\:ring-content-interactive-default:focus {
--tw-ring-color: var(--tk-content-interactive-default)
}
.group\/body.using-mouse .focus\:group-\[\.using-mouse\]\/body\:ring-offset-0:focus {
--tw-ring-offset-width: 0px
}
.group\/body:not(.using-mouse) .group-\[\&\:not\(\.using-mouse\)\]\/body\:focus\:ring-offset-1:focus {
--tw-ring-offset-width: 1px
}
.group\/radio-label:not(:disabled):active .group-\[\&\:not\(\:disabled\)\]\/radio-label\:group-active\/radio-label\:scale-90 {
--tw-scale-x: .9;
--tw-scale-y: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/body:not(.using-mouse) .peer:focus~.group-\[\&\:not\(\.using-mouse\)\]\/body\:peer-focus\:ring-2 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.group\/body:not(.using-mouse) .peer:focus~.group-\[\&\:not\(\.using-mouse\)\]\/body\:peer-focus\:ring-content-interactive-default {
--tw-ring-color: var(--tk-content-interactive-default)
}
.group\/body:not(.using-mouse) .peer:focus~.group-\[\&\:not\(\.using-mouse\)\]\/body\:peer-focus\:ring-surface-interactive-primary {
--tw-ring-color: var(--tk-surface-interactive-primary)
}
.group\/body:not(.using-mouse) .peer:focus~.group-\[\&\:not\(\.using-mouse\)\]\/body\:peer-focus\:ring-offset-1 {
--tw-ring-offset-width: 1px
}
.peer:disabled~.peer-disabled\:border-surface-disabled {
border-color: var(--tk-surface-disabled)
}
.peer:disabled~.peer-disabled\:shadow-inset-1 {
--tw-shadow: inset 0 0 0 1px rgba(0, 0, 0, .3);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.peer:disabled~.peer-disabled\:shadow-surface-disabled {
--tw-shadow-color: var(--tk-surface-disabled);
--tw-shadow: var(--tw-shadow-colored)
}
.peer:disabled:checked~.peer-disabled\:peer-checked\:bg-surface-disabled {
background-color: var(--tk-surface-disabled)
}
.peer:disabled:checked~.peer-disabled\:peer-checked\:shadow-inset-5 {
--tw-shadow: inset 0 0 0 5px rgba(0, 0, 0, .3);
--tw-shadow-colored: inset 0 0 0 5px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.peer:not(:disabled):checked~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:bg-surface {
background-color: var(--tk-surface)
}
.peer:not(:disabled):checked~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:bg-surface-interactive-primary {
background-color: var(--tk-surface-interactive-primary)
}
.peer:not(:disabled):checked~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:shadow-inset-5 {
--tw-shadow: inset 0 0 0 5px rgba(0, 0, 0, .3);
--tw-shadow-colored: inset 0 0 0 5px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.peer:not(:disabled):checked~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:shadow-surface-interactive-primary {
--tw-shadow-color: var(--tk-surface-interactive-primary);
--tw-shadow: var(--tw-shadow-colored)
}
.peer:not(:disabled):hover~.peer-\[\&\:not\(\:disabled\)\]\:peer-hover\:bg-surface-interactive-default-hover {
background-color: var(--tk-surface-interactive-default-hover)
}
.peer:not(:disabled):checked:hover~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:peer-hover\:border-surface-interactive-primary-hover {
border-color: var(--tk-surface-interactive-primary-hover)
}
.peer:not(:disabled):checked:hover~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:peer-hover\:bg-surface-interactive-primary-hover {
background-color: var(--tk-surface-interactive-primary-hover)
}
.peer:not(:disabled):checked:hover~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:peer-hover\:shadow-inset-5 {
--tw-shadow: inset 0 0 0 5px rgba(0, 0, 0, .3);
--tw-shadow-colored: inset 0 0 0 5px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.peer:not(:disabled):checked:hover~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:peer-hover\:shadow-surface-interactive-primary-hover {
--tw-shadow-color: var(--tk-surface-interactive-primary-hover);
--tw-shadow: var(--tw-shadow-colored)
}
.peer:not(:disabled):active~.peer-\[\&\:not\(\:disabled\)\]\:peer-active\:bg-surface-interactive-default-active {
background-color: var(--tk-surface-interactive-default-active)
}
.peer:not(:disabled):checked:active~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:peer-active\:border-surface-interactive-primary-active {
border-color: var(--tk-surface-interactive-primary-active)
}
.peer:not(:disabled):checked:active~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:peer-active\:bg-surface-interactive-primary-active {
background-color: var(--tk-surface-interactive-primary-active)
}
.peer:not(:disabled):checked:active~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:peer-active\:shadow-inset-5 {
--tw-shadow: inset 0 0 0 5px rgba(0, 0, 0, .3);
--tw-shadow-colored: inset 0 0 0 5px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.peer:not(:disabled):checked:active~.peer-\[\&\:not\(\:disabled\)\]\:peer-checked\:peer-active\:shadow-surface-interactive-primary-active {
--tw-shadow-color: var(--tk-surface-interactive-primary-active);
--tw-shadow: var(--tw-shadow-colored)
}
.data-\[swipe\=cancel\]\:translate-y-0[data-swipe=cancel] {
--tw-translate-y: 0px
}
.data-\[swipe\=cancel\]\:translate-y-0[data-swipe=cancel],
.data-\[swipe\=end\]\:translate-y-\[var\(--radix-toast-swipe-end-y\)\][data-swipe=end] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[swipe\=end\]\:translate-y-\[var\(--radix-toast-swipe-end-y\)\][data-swipe=end] {
--tw-translate-y: var(--radix-toast-swipe-end-y)
}
.data-\[swipe\=move\]\:translate-y-\[var\(--radix-toast-swipe-move-y\)\][data-swipe=move] {
--tw-translate-y: var(--radix-toast-swipe-move-y);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes radixAccordionShrink {
0% {
height: var(--radix-accordion-content-height)
}
to {
height: 0
}
}
.data-\[state\=closed\]\:animate-radix-accordion-shrink[data-state=closed] {
animation: radixAccordionShrink .2s ease-out
}
@keyframes radixAccordionGrow {
0% {
height: 0
}
to {
height: var(--radix-accordion-content-height)
}
}
.data-\[state\=open\]\:animate-radix-accordion-grow[data-state=open] {
animation: radixAccordionGrow .2s ease-out
}
.data-\[swipe\=move\]\:transition-none[data-swipe=move] {
transition-property: none
}
.data-\[state\=open\]\:animate-in[data-state=open] {
animation-name: enter;
animation-duration: .15s;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial
}
.data-\[state\=closed\]\:animate-out[data-state=closed],
.data-\[swipe\=end\]\:animate-out[data-swipe=end] {
animation-name: exit;
animation-duration: .15s;
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial
}
.data-\[state\=closed\]\:fade-out-80[data-state=closed] {
--tw-exit-opacity: 0.8
}
.data-\[state\=closed\]\:slide-out-to-bottom-full[data-state=closed] {
--tw-exit-translate-y: 100%
}
.data-\[state\=open\]\:slide-in-from-bottom-full[data-state=open] {
--tw-enter-translate-y: 100%
}
.group\/accordion[data-state=closed] .group-data-\[state\=closed\]\/accordion\:rotate-0 {
--tw-rotate: 0deg
}
.group\/accordion[data-state=closed] .group-data-\[state\=closed\]\/accordion\:rotate-0,
.group\/accordion[data-state=open] .group-data-\[state\=open\]\/accordion\:rotate-180 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/accordion[data-state=open] .group-data-\[state\=open\]\/accordion\:rotate-180 {
--tw-rotate: 180deg
}
@media (prefers-reduced-motion:no-preference) {
@keyframes pulseLoading {
0% {
opacity: 1
}
to {
opacity: .5
}
}
.motion-safe\:animate-pulse-loading {
animation: pulseLoading .75s cubic-bezier(.5, 0, .5, 1) infinite alternate
}
}
@media (min-width:320px) {
.xxs\:mt-\[10px\] {
margin-top: 10px
}
.xxs\:w-\[90\%\] {
width: 90%
}
.xxs\:text-\[10px\] {
font-size: 10px
}
.xxs\:text-\[14px\] {
font-size: 14px
}
.xxs\:text-\[16px\] {
font-size: 16px
}
}
@media (min-width:384px) {
.xs\:left-0 {
left: 0
}
.xs\:left-\[180px\] {
left: 180px
}
.xs\:left-\[8\%\] {
left: 8%
}
.xs\:right-36 {
right: 9rem
}
.xs\:right-40 {
right: 10rem
}
.xs\:right-5 {
right: 1.25rem
}
.xs\:mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem
}
.xs\:mx-auto {
margin-left: auto;
margin-right: auto
}
.xs\:\!-mt-\[60px\] {
margin-top: -60px !important
}
.xs\:-ml-5 {
margin-left: -1.25rem
}
.xs\:-mt-4 {
margin-top: -1rem
}
.xs\:block {
display: block
}
.xs\:table-cell {
display: table-cell
}
.xs\:hidden {
display: none
}
.xs\:\!h-24 {
height: 6rem !important
}
.xs\:h-72 {
height: 18rem
}
.xs\:h-\[280px\] {
height: 280px
}
.xs\:h-\[347px\] {
height: 347px
}
.xs\:min-h-\[1000px\] {
min-height: 1000px
}
.xs\:w-\[345px\] {
width: 345px
}
.xs\:min-w-\[337px\] {
min-width: 337px
}
.xs\:max-w-\[280px\] {
max-width: 280px
}
.xs\:max-w-\[315px\] {
max-width: 315px
}
.xs\:max-w-\[449px\] {
max-width: 449px
}
.xs\:max-w-\[470px\] {
max-width: 470px
}
.xs\:max-w-\[550px\] {
max-width: 550px
}
.xs\:max-w-\[690px\] {
max-width: 690px
}
.xs\:max-w-\[80\%\] {
max-width: 80%
}
.xs\:max-w-full {
max-width: 100%
}
.xs\:max-w-none {
max-width: none
}
.xs\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.xs\:justify-center {
justify-content: center
}
.xs\:gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem
}
.xs\:gap-x-small {
-moz-column-gap: var(--tk-spacing-small);
column-gap: var(--tk-spacing-small)
}
.xs\:px-0 {
padding-left: 0;
padding-right: 0
}
.xs\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.xs\:pl-8 {
padding-left: 2rem
}
.xs\:pr-12 {
padding-right: 3rem
}
.xs\:text-center {
text-align: center
}
.xs\:text-\[36px\] {
font-size: 36px
}
.xs\:text-\[38px\] {
font-size: 38px
}
.xs\:leading-snug {
line-height: 1.375
}
}
@media (max-width:479px) {
.xs-specific\:m-0 {
margin: 0
}
.xs-specific\:min-h-0 {
min-height: 0
}
.xs-specific\:w-auto {
width: auto
}
.xs-specific\:flex-initial {
flex: 0 1 auto
}
.xs-specific\:overflow-y-auto {
overflow-y: auto
}
.xs-specific\:rounded-t-standard {
border-top-left-radius: 16px;
border-top-right-radius: 16px
}
.xs-specific\:p-0 {
padding: 0
}
}
@media (min-width:480px) {
.sm\:relative {
position: relative
}
.sm\:-bottom-10 {
bottom: -2.5rem
}
.sm\:-bottom-32 {
bottom: -8rem
}
.sm\:-left-36 {
left: -9rem
}
.sm\:-right-12 {
right: -3rem
}
.sm\:-right-16 {
right: -4rem
}
.sm\:-right-8 {
right: -2rem
}
.sm\:-top-10 {
top: -2.5rem
}
.sm\:-top-20 {
top: -5rem
}
.sm\:-top-48 {
top: -12rem
}
.sm\:bottom-0 {
bottom: 0
}
.sm\:bottom-8 {
bottom: 2rem
}
.sm\:bottom-\[-125px\] {
bottom: -125px
}
.sm\:bottom-\[265px\] {
bottom: 265px
}
.sm\:left-0 {
left: 0
}
.sm\:left-1\/2 {
left: 50%
}
.sm\:left-2\/3 {
left: 66.666667%
}
.sm\:left-\[300px\] {
left: 300px
}
.sm\:left-\[5\%\] {
left: 5%
}
.sm\:left-\[6\%\] {
left: 6%
}
.sm\:left-\[70\%\] {
left: 70%
}
.sm\:left-\[75\%\] {
left: 75%
}
.sm\:left-\[80\%\] {
left: 80%
}
.sm\:right-0 {
right: 0
}
.sm\:right-10 {
right: 2.5rem
}
.sm\:right-20 {
right: 5rem
}
.sm\:right-28 {
right: 7rem
}
.sm\:right-32 {
right: 8rem
}
.sm\:right-52 {
right: 13rem
}
.sm\:right-72 {
right: 18rem
}
.sm\:top-1\/2 {
top: 50%
}
.sm\:top-1\/4 {
top: 25%
}
.sm\:top-10 {
top: 2.5rem
}
.sm\:top-32 {
top: 8rem
}
.sm\:top-36 {
top: 9rem
}
.sm\:top-44 {
top: 11rem
}
.sm\:top-8 {
top: 2rem
}
.sm\:top-\[-50px\] {
top: -50px
}
.sm\:top-\[170px\] {
top: 170px
}
.sm\:top-\[20\%\] {
top: 20%
}
.sm\:top-\[300px\] {
top: 300px
}
.sm\:top-\[45\%\] {
top: 45%
}
.sm\:col-span-1 {
grid-column: span 1/span 1
}
.sm\:col-span-2 {
grid-column: span 2/span 2
}
.sm\:-mx-12 {
margin-left: -3rem;
margin-right: -3rem
}
.sm\:mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem
}
.sm\:mx-auto {
margin-left: auto;
margin-right: auto
}
.sm\:my-xxlarge {
margin-top: var(--tk-spacing-xxlarge);
margin-bottom: var(--tk-spacing-xxlarge)
}
.sm\:\!mt-12 {
margin-top: 3rem !important
}
.sm\:-mt-16 {
margin-top: -4rem
}
.sm\:-mt-32 {
margin-top: -8rem
}
.sm\:-mt-5 {
margin-top: -1.25rem
}
.sm\:mb-0 {
margin-bottom: 0
}
.sm\:mb-3 {
margin-bottom: .75rem
}
.sm\:ml-0 {
margin-left: 0
}
.sm\:ml-4 {
margin-left: 1rem
}
.sm\:mr-0 {
margin-right: 0
}
.sm\:mt-0 {
margin-top: 0
}
.sm\:mt-12 {
margin-top: 3rem
}
.sm\:mt-36 {
margin-top: 9rem
}
.sm\:mt-large {
margin-top: var(--tk-spacing-large)
}
.sm\:block {
display: block
}
.sm\:inline-block {
display: inline-block
}
.sm\:inline {
display: inline
}
.sm\:flex {
display: flex
}
.sm\:table-cell {
display: table-cell
}
.sm\:grid {
display: grid
}
.sm\:hidden {
display: none
}
.sm\:h-1\/2 {
height: 50%
}
.sm\:h-4 {
height: 1rem
}
.sm\:h-8 {
height: 2rem
}
.sm\:h-\[100px\] {
height: 100px
}
.sm\:h-\[106px\] {
height: 106px
}
.sm\:h-\[113px\] {
height: 113px
}
.sm\:h-\[122px\] {
height: 122px
}
.sm\:h-\[152px\] {
height: 152px
}
.sm\:h-\[15px\] {
height: 15px
}
.sm\:h-\[168px\] {
height: 168px
}
.sm\:h-\[191px\] {
height: 191px
}
.sm\:h-\[194px\] {
height: 194px
}
.sm\:h-\[199px\] {
height: 199px
}
.sm\:h-\[209px\] {
height: 209px
}
.sm\:h-\[20px\] {
height: 20px
}
.sm\:h-\[250px\] {
height: 250px
}
.sm\:h-\[27px\] {
height: 27px
}
.sm\:h-\[293px\] {
height: 293px
}
.sm\:h-\[32px\] {
height: 32px
}
.sm\:h-\[360px\] {
height: 360px
}
.sm\:h-\[372px\] {
height: 372px
}
.sm\:h-\[377\.46px\] {
height: 377.46px
}
.sm\:h-\[417px\] {
height: 417px
}
.sm\:h-\[43px\] {
height: 43px
}
.sm\:h-\[450px\] {
height: 450px
}
.sm\:h-\[45px\] {
height: 45px
}
.sm\:h-\[475px\] {
height: 475px
}
.sm\:h-\[53px\] {
height: 53px
}
.sm\:h-\[550px\] {
height: 550px
}
.sm\:h-\[59px\] {
height: 59px
}
.sm\:h-\[650px\] {
height: 650px
}
.sm\:h-\[700px\] {
height: 700px
}
.sm\:min-h-\[112px\] {
min-height: 112px
}
.sm\:min-h-\[400px\] {
min-height: 400px
}
.sm\:min-h-\[405px\] {
min-height: 405px
}
.sm\:min-h-\[540px\] {
min-height: 540px
}
.sm\:min-h-full {
min-height: 100%
}
.sm\:\!w-24 {
width: 6rem !important
}
.sm\:w-0 {
width: 0
}
.sm\:w-4 {
width: 1rem
}
.sm\:w-8 {
width: 2rem
}
.sm\:w-\[122px\] {
width: 122px
}
.sm\:w-\[1450px\] {
width: 1450px
}
.sm\:w-\[1566px\] {
width: 1566px
}
.sm\:w-\[15px\] {
width: 15px
}
.sm\:w-\[205px\] {
width: 205px
}
.sm\:w-\[20px\] {
width: 20px
}
.sm\:w-\[220px\] {
width: 220px
}
.sm\:w-\[226px\] {
width: 226px
}
.sm\:w-\[240px\] {
width: 240px
}
.sm\:w-\[250px\] {
width: 250px
}
.sm\:w-\[27px\] {
width: 27px
}
.sm\:w-\[287px\] {
width: 287px
}
.sm\:w-\[300px\] {
width: 300px
}
.sm\:w-\[32px\] {
width: 32px
}
.sm\:w-\[330px\] {
width: 330px
}
.sm\:w-\[335px\] {
width: 335px
}
.sm\:w-\[336px\] {
width: 336px
}
.sm\:w-\[350px\] {
width: 350px
}
.sm\:w-\[359px\] {
width: 359px
}
.sm\:w-\[367px\] {
width: 367px
}
.sm\:w-\[384px\] {
width: 384px
}
.sm\:w-\[40\%\] {
width: 40%
}
.sm\:w-\[400px\] {
width: 400px
}
.sm\:w-\[428px\] {
width: 428px
}
.sm\:w-\[434px\] {
width: 434px
}
.sm\:w-\[461px\] {
width: 461px
}
.sm\:w-\[46px\] {
width: 46px
}
.sm\:w-\[48px\] {
width: 48px
}
.sm\:w-\[500px\] {
width: 500px
}
.sm\:w-\[50px\] {
width: 50px
}
.sm\:w-\[517px\] {
width: 517px
}
.sm\:w-\[525px\] {
width: 525px
}
.sm\:w-\[53px\] {
width: 53px
}
.sm\:w-\[575px\] {
width: 575px
}
.sm\:w-\[60\%\] {
width: 60%
}
.sm\:w-\[60px\] {
width: 60px
}
.sm\:w-auto {
width: auto
}
.sm\:w-full {
width: 100%
}
.sm\:w-min {
width: -moz-min-content;
width: min-content
}
.sm\:min-w-\[187px\] {
min-width: 187px
}
.sm\:min-w-\[400px\] {
min-width: 400px
}
.sm\:min-w-\[420px\] {
min-width: 420px
}
.sm\:max-w-\[180px\] {
max-width: 180px
}
.sm\:max-w-\[220px\] {
max-width: 220px
}
.sm\:max-w-\[295px\] {
max-width: 295px
}
.sm\:max-w-\[342px\] {
max-width: 342px
}
.sm\:max-w-\[400px\] {
max-width: 400px
}
.sm\:max-w-\[403px\] {
max-width: 403px
}
.sm\:max-w-\[420px\] {
max-width: 420px
}
.sm\:max-w-\[450px\] {
max-width: 450px
}
.sm\:max-w-\[460px\] {
max-width: 460px
}
.sm\:max-w-\[470px\] {
max-width: 470px
}
.sm\:max-w-\[495px\] {
max-width: 495px
}
.sm\:max-w-\[500px\] {
max-width: 500px
}
.sm\:max-w-\[508px\] {
max-width: 508px
}
.sm\:max-w-\[550px\] {
max-width: 550px
}
.sm\:max-w-\[60\%\] {
max-width: 60%
}
.sm\:max-w-\[600px\] {
max-width: 600px
}
.sm\:max-w-\[646px\] {
max-width: 646px
}
.sm\:max-w-\[710px\] {
max-width: 710px
}
.sm\:max-w-\[786px\] {
max-width: 786px
}
.sm\:max-w-\[800px\] {
max-width: 800px
}
.sm\:max-w-\[90vw\] {
max-width: 90vw
}
.sm\:max-w-full {
max-width: 100%
}
.sm\:max-w-none {
max-width: none
}
.sm\:-translate-x-1\/2 {
--tw-translate-x: -50%
}
.sm\:-translate-x-1\/2,
.sm\:-translate-x-1\/4 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.sm\:-translate-x-1\/4 {
--tw-translate-x: -25%
}
.sm\:-translate-x-2\/3 {
--tw-translate-x: -66.666667%
}
.sm\:-translate-x-2\/3,
.sm\:-translate-y-1\/2 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.sm\:-translate-y-1\/2 {
--tw-translate-y: -50%
}
.sm\:translate-x-0 {
--tw-translate-x: 0px
}
.sm\:translate-x-0,
.sm\:translate-y-\[15\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.sm\:translate-y-\[15\%\] {
--tw-translate-y: 15%
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.sm\:grid-cols-\[1\.5fr\2c 1fr\2c 1fr\2c 1fr\] {
grid-template-columns: 1.5fr 1fr 1fr 1fr
}
.sm\:flex-row {
flex-direction: row
}
.sm\:items-start {
align-items: flex-start
}
.sm\:items-center {
align-items: center
}
.sm\:justify-normal {
justify-content: normal
}
.sm\:justify-end {
justify-content: flex-end
}
.sm\:justify-center {
justify-content: center
}
.sm\:gap-10 {
gap: 2.5rem
}
.sm\:gap-5 {
gap: 1.25rem
}
.sm\:gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem
}
.sm\:gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem
}
.sm\:gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem
}
.sm\:gap-x-small {
-moz-column-gap: var(--tk-spacing-small);
column-gap: var(--tk-spacing-small)
}
.sm\:gap-y-10 {
row-gap: 2.5rem
}
.sm\:gap-y-12 {
row-gap: 3rem
}
.sm\:gap-y-16 {
row-gap: 4rem
}
.sm\:gap-y-40 {
row-gap: 10rem
}
.sm\:space-x-12>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(3rem * var(--tw-space-x-reverse));
margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)))
}
.sm\:space-y-14>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3.5rem * var(--tw-space-y-reverse))
}
.sm\:space-y-20>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}
.sm\:space-y-32>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(8rem * var(--tw-space-y-reverse))
}
.sm\:rounded-standard {
border-radius: 16px
}
.sm\:rounded-xl {
border-radius: .75rem
}
.sm\:object-center {
-o-object-position: center;
object-position: center
}
.sm\:px-0 {
padding-left: 0;
padding-right: 0
}
.sm\:px-12 {
padding-left: 3rem;
padding-right: 3rem
}
.sm\:px-20 {
padding-left: 5rem;
padding-right: 5rem
}
.sm\:px-36 {
padding-left: 9rem;
padding-right: 9rem
}
.sm\:px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.sm\:px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.sm\:py-0 {
padding-top: 0;
padding-bottom: 0
}
.sm\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.sm\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem
}
.sm\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.sm\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.sm\:pb-0 {
padding-bottom: 0
}
.sm\:pb-10 {
padding-bottom: 2.5rem
}
.sm\:pb-12 {
padding-bottom: 3rem
}
.sm\:pb-14 {
padding-bottom: 3.5rem
}
.sm\:pb-20 {
padding-bottom: 5rem
}
.sm\:pb-32 {
padding-bottom: 8rem
}
.sm\:pb-8 {
padding-bottom: 2rem
}
.sm\:pl-10 {
padding-left: 2.5rem
}
.sm\:pl-12 {
padding-left: 3rem
}
.sm\:pl-40 {
padding-left: 10rem
}
.sm\:pr-10 {
padding-right: 2.5rem
}
.sm\:pr-16 {
padding-right: 4rem
}
.sm\:pr-36 {
padding-right: 9rem
}
.sm\:pr-4 {
padding-right: 1rem
}
.sm\:pr-52 {
padding-right: 13rem
}
.sm\:pt-0 {
padding-top: 0
}
.sm\:pt-10 {
padding-top: 2.5rem
}
.sm\:pt-12 {
padding-top: 3rem
}
.sm\:pt-14 {
padding-top: 3.5rem
}
.sm\:pt-16 {
padding-top: 4rem
}
.sm\:pt-20 {
padding-top: 5rem
}
.sm\:pt-24 {
padding-top: 6rem
}
.sm\:pt-28 {
padding-top: 7rem
}
.sm\:pt-32 {
padding-top: 8rem
}
.sm\:pt-4 {
padding-top: 1rem
}
.sm\:pt-6 {
padding-top: 1.5rem
}
.sm\:pt-7 {
padding-top: 1.75rem
}
.sm\:pt-8 {
padding-top: 2rem
}
.sm\:text-left {
text-align: left
}
.sm\:text-center {
text-align: center
}
.sm\:text-\[12px\] {
font-size: 12px
}
.sm\:text-\[14px\] {
font-size: 14px
}
.sm\:text-\[15px\] {
font-size: 15px
}
.sm\:text-\[16px\] {
font-size: 16px
}
.sm\:text-\[17px\] {
font-size: 17px
}
.sm\:text-\[18px\] {
font-size: 18px
}
.sm\:text-\[19px\] {
font-size: 19px
}
.sm\:text-\[20px\] {
font-size: 20px
}
.sm\:text-\[21\.1px\] {
font-size: 21.1px
}
.sm\:text-\[21px\] {
font-size: 21px
}
.sm\:text-\[22px\] {
font-size: 22px
}
.sm\:text-\[30px\] {
font-size: 30px
}
.sm\:text-\[48px\] {
font-size: 48px
}
.sm\:text-\[50px\] {
font-size: 50px
}
.sm\:text-\[52px\] {
font-size: 52px
}
.sm\:text-\[53px\] {
font-size: 53px
}
.sm\:text-\[60px\] {
font-size: 60px
}
.sm\:text-\[63px\] {
font-size: 63px
}
.sm\:text-\[67px\] {
font-size: 67px
}
.sm\:text-\[76px\] {
font-size: 76px
}
.sm\:text-\[90px\] {
font-size: 90px
}
.sm\:text-\[96px\] {
font-size: 96px
}
.sm\:text-h1-mobile {
font-size: 42.2px;
line-height: .9;
letter-spacing: -.03em
}
.sm\:text-h1-mobile-alt {
font-size: 40px;
line-height: .9;
letter-spacing: -.05em
}
.sm\:text-sm {
font-size: .875rem;
line-height: 1.25rem
}
.sm\:leading-\[20px\] {
line-height: 20px
}
.sm\:leading-tight {
line-height: 1.25
}
}
@media (max-width:767px) {
.sm-max\:grid-cols-\[auto\] {
grid-template-columns: auto
}
.sm-max\:py-small {
padding-top: var(--tk-spacing-small);
padding-bottom: var(--tk-spacing-small)
}
}
@media (min-width:768px) {
.md\:static {
position: static
}
.md\:absolute {
position: absolute
}
.md\:-bottom-12 {
bottom: -3rem
}
.md\:-bottom-5 {
bottom: -1.25rem
}
.md\:-bottom-6 {
bottom: -1.5rem
}
.md\:-bottom-\[30px\] {
bottom: -30px
}
.md\:-left-10 {
left: -2.5rem
}
.md\:-right-12 {
right: -3rem
}
.md\:-right-24 {
right: -6rem
}
.md\:-right-36 {
right: -9rem
}
.md\:-top-12 {
top: -3rem
}
.md\:-top-16 {
top: -4rem
}
.md\:-top-\[45px\] {
top: -45px
}
.md\:bottom-0 {
bottom: 0
}
.md\:bottom-10 {
bottom: 2.5rem
}
.md\:bottom-14 {
bottom: 3.5rem
}
.md\:bottom-16 {
bottom: 4rem
}
.md\:bottom-20 {
bottom: 5rem
}
.md\:bottom-3 {
bottom: .75rem
}
.md\:bottom-56 {
bottom: 14rem
}
.md\:bottom-6 {
bottom: 1.5rem
}
.md\:bottom-\[0\%\] {
bottom: 0
}
.md\:bottom-\[165px\] {
bottom: 165px
}
.md\:bottom-\[300px\] {
bottom: 300px
}
.md\:bottom-\[60px\] {
bottom: 60px
}
.md\:left-10 {
left: 2.5rem
}
.md\:left-12 {
left: 3rem
}
.md\:left-4 {
left: 1rem
}
.md\:left-\[-150px\] {
left: -150px
}
.md\:left-\[112px\] {
left: 112px
}
.md\:left-\[28px\] {
left: 28px
}
.md\:left-\[5\%\] {
left: 5%
}
.md\:left-\[56px\] {
left: 56px
}
.md\:left-\[70\%\] {
left: 70%
}
.md\:left-auto {
left: auto
}
.md\:right-0 {
right: 0
}
.md\:right-20 {
right: 5rem
}
.md\:right-48 {
right: 12rem
}
.md\:right-5 {
right: 1.25rem
}
.md\:right-8 {
right: 2rem
}
.md\:right-\[150px\] {
right: 150px
}
.md\:right-\[200px\] {
right: 200px
}
.md\:right-\[220px\] {
right: 220px
}
.md\:right-\[55px\] {
right: 55px
}
.md\:top-0 {
top: 0
}
.md\:top-1\/2 {
top: 50%
}
.md\:top-3\/4 {
top: 75%
}
.md\:top-6 {
top: 1.5rem
}
.md\:top-\[-100px\] {
top: -100px
}
.md\:top-\[10px\] {
top: 10px
}
.md\:top-\[130px\] {
top: 130px
}
.md\:top-\[15\%\] {
top: 15%
}
.md\:top-\[180px\] {
top: 180px
}
.md\:top-\[200px\] {
top: 200px
}
.md\:top-\[20px\] {
top: 20px
}
.md\:top-\[46px\] {
top: 46px
}
.md\:top-\[52px\] {
top: 52px
}
.md\:top-\[60px\] {
top: 60px
}
.md\:top-\[90px\] {
top: 90px
}
.md\:order-first {
order: -9999
}
.md\:order-last {
order: 9999
}
.md\:order-none {
order: 0
}
.md\:col-span-3 {
grid-column: span 3/span 3
}
.md\:col-span-4 {
grid-column: span 4/span 4
}
.md\:col-span-5 {
grid-column: span 5/span 5
}
.md\:col-span-7 {
grid-column: span 7/span 7
}
.md\:col-span-8 {
grid-column: span 8/span 8
}
.md\:col-span-full {
grid-column: 1/-1
}
.md\:col-start-1 {
grid-column-start: 1
}
.md\:col-start-2 {
grid-column-start: 2
}
.md\:col-start-3 {
grid-column-start: 3
}
.md\:col-end-3 {
grid-column-end: 3
}
.md\:col-end-6 {
grid-column-end: 6
}
.md\:row-start-2 {
grid-row-start: 2
}
.md\:row-start-auto {
grid-row-start: auto
}
.md\:m-auto {
margin: auto
}
.md\:-mx-12 {
margin-left: -3rem;
margin-right: -3rem
}
.md\:mx-0 {
margin-left: 0;
margin-right: 0
}
.md\:mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem
}
.md\:mx-auto {
margin-left: auto;
margin-right: auto
}
.md\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem
}
.md\:\!mt-32 {
margin-top: 8rem !important
}
.md\:-mb-4 {
margin-bottom: -1rem
}
.md\:-ml-10 {
margin-left: -2.5rem
}
.md\:-ml-large {
margin-left: calc(var(--tk-spacing-large) * -1)
}
.md\:-mr-12 {
margin-right: -3rem
}
.md\:-mr-large {
margin-right: calc(var(--tk-spacing-large) * -1)
}
.md\:-mt-10 {
margin-top: -2.5rem
}
.md\:-mt-16 {
margin-top: -4rem
}
.md\:-mt-32 {
margin-top: -8rem
}
.md\:mb-10 {
margin-bottom: 2.5rem
}
.md\:mb-12 {
margin-bottom: 3rem
}
.md\:mb-4 {
margin-bottom: 1rem
}
.md\:mb-8 {
margin-bottom: 2rem
}
.md\:ml-0 {
margin-left: 0
}
.md\:ml-12 {
margin-left: 3rem
}
.md\:ml-\[200px\] {
margin-left: 200px
}
.md\:mr-14 {
margin-right: 3.5rem
}
.md\:mr-5 {
margin-right: 1.25rem
}
.md\:mt-0 {
margin-top: 0
}
.md\:mt-10 {
margin-top: 2.5rem
}
.md\:mt-12 {
margin-top: 3rem
}
.md\:mt-20 {
margin-top: 5rem
}
.md\:mt-24 {
margin-top: 6rem
}
.md\:mt-32 {
margin-top: 8rem
}
.md\:mt-8 {
margin-top: 2rem
}
.md\:mt-\[-120px\] {
margin-top: -120px
}
.md\:mt-large {
margin-top: var(--tk-spacing-large)
}
.md\:mt-medium {
margin-top: var(--tk-spacing-medium)
}
.md\:block {
display: block
}
.md\:inline-block {
display: inline-block
}
.md\:inline {
display: inline
}
.md\:flex {
display: flex
}
.md\:table-cell {
display: table-cell
}
.md\:grid {
display: grid
}
.md\:hidden {
display: none
}
.md\:\!h-14 {
height: 3.5rem !important
}
.md\:\!h-20 {
height: 5rem !important
}
.md\:\!h-28 {
height: 7rem !important
}
.md\:h-\[1000px\] {
height: 1000px
}
.md\:h-\[104px\] {
height: 104px
}
.md\:h-\[112px\] {
height: 112px
}
.md\:h-\[116px\] {
height: 116px
}
.md\:h-\[127px\] {
height: 127px
}
.md\:h-\[162px\] {
height: 162px
}
.md\:h-\[200px\] {
height: 200px
}
.md\:h-\[223px\] {
height: 223px
}
.md\:h-\[240px\] {
height: 240px
}
.md\:h-\[250px\] {
height: 250px
}
.md\:h-\[251px\] {
height: 251px
}
.md\:h-\[268px\] {
height: 268px
}
.md\:h-\[319px\] {
height: 319px
}
.md\:h-\[370px\] {
height: 370px
}
.md\:h-\[40px\] {
height: 40px
}
.md\:h-\[430px\] {
height: 430px
}
.md\:h-\[500px\] {
height: 500px
}
.md\:h-\[507px\] {
height: 507px
}
.md\:h-\[560px\] {
height: 560px
}
.md\:h-\[600px\] {
height: 600px
}
.md\:h-\[650px\] {
height: 650px
}
.md\:h-\[673px\] {
height: 673px
}
.md\:h-\[703px\] {
height: 703px
}
.md\:h-\[72px\] {
height: 72px
}
.md\:h-\[80vh\] {
height: 80vh
}
.md\:h-\[900px\] {
height: 900px
}
.md\:h-\[90px\] {
height: 90px
}
.md\:h-full {
height: 100%
}
.md\:max-h-\[400px\] {
max-height: 400px
}
.md\:min-h-\[38px\] {
min-height: 38px
}
.md\:min-h-\[410px\] {
min-height: 410px
}
.md\:min-h-\[500px\] {
min-height: 500px
}
.md\:min-h-\[576px\] {
min-height: 576px
}
.md\:\!w-16 {
width: 4rem !important
}
.md\:\!w-20 {
width: 5rem !important
}
.md\:\!w-28 {
width: 7rem !important
}
.md\:w-1\/2 {
width: 50%
}
.md\:w-96 {
width: 24rem
}
.md\:w-\[1020px\] {
width: 1020px
}
.md\:w-\[167px\] {
width: 167px
}
.md\:w-\[188px\] {
width: 188px
}
.md\:w-\[200px\] {
width: 200px
}
.md\:w-\[216px\] {
width: 216px
}
.md\:w-\[225px\] {
width: 225px
}
.md\:w-\[240px\] {
width: 240px
}
.md\:w-\[250px\] {
width: 250px
}
.md\:w-\[260px\] {
width: 260px
}
.md\:w-\[270px\] {
width: 270px
}
.md\:w-\[290px\] {
width: 290px
}
.md\:w-\[300px\] {
width: 300px
}
.md\:w-\[343px\] {
width: 343px
}
.md\:w-\[371px\] {
width: 371px
}
.md\:w-\[400px\] {
width: 400px
}
.md\:w-\[40px\] {
width: 40px
}
.md\:w-\[417px\] {
width: 417px
}
.md\:w-\[448px\] {
width: 448px
}
.md\:w-\[450px\] {
width: 450px
}
.md\:w-\[483px\] {
width: 483px
}
.md\:w-\[599px\] {
width: 599px
}
.md\:w-\[640px\] {
width: 640px
}
.md\:w-\[662px\] {
width: 662px
}
.md\:w-\[686px\] {
width: 686px
}
.md\:w-\[700px\] {
width: 700px
}
.md\:w-\[80\%\] {
width: 80%
}
.md\:w-\[842px\] {
width: 842px
}
.md\:w-\[90\%\] {
width: 90%
}
.md\:w-\[933px\] {
width: 933px
}
.md\:w-\[95px\] {
width: 95px
}
.md\:w-auto {
width: auto
}
.md\:w-full {
width: 100%
}
.md\:min-w-\[300px\] {
min-width: 300px
}
.md\:min-w-\[330px\] {
min-width: 330px
}
.md\:min-w-\[387px\] {
min-width: 387px
}
.md\:min-w-\[420px\] {
min-width: 420px
}
.md\:min-w-\[470px\] {
min-width: 470px
}
.md\:min-w-\[750px\] {
min-width: 750px
}
.md\:max-w-\[280px\] {
max-width: 280px
}
.md\:max-w-\[310px\] {
max-width: 310px
}
.md\:max-w-\[350px\] {
max-width: 350px
}
.md\:max-w-\[380px\] {
max-width: 380px
}
.md\:max-w-\[400px\] {
max-width: 400px
}
.md\:max-w-\[420px\] {
max-width: 420px
}
.md\:max-w-\[470px\] {
max-width: 470px
}
.md\:max-w-\[476px\] {
max-width: 476px
}
.md\:max-w-\[480px\] {
max-width: 480px
}
.md\:max-w-\[50\%\] {
max-width: 50%
}
.md\:max-w-\[500px\] {
max-width: 500px
}
.md\:max-w-\[524px\] {
max-width: 524px
}
.md\:max-w-\[543px\] {
max-width: 543px
}
.md\:max-w-\[560px\] {
max-width: 560px
}
.md\:max-w-\[580px\] {
max-width: 580px
}
.md\:max-w-\[588px\] {
max-width: 588px
}
.md\:max-w-\[600px\] {
max-width: 600px
}
.md\:max-w-\[640px\] {
max-width: 640px
}
.md\:max-w-\[650px\] {
max-width: 650px
}
.md\:max-w-\[680px\] {
max-width: 680px
}
.md\:max-w-\[694px\] {
max-width: 694px
}
.md\:max-w-\[700px\] {
max-width: 700px
}
.md\:max-w-\[780px\] {
max-width: 780px
}
.md\:max-w-\[830px\] {
max-width: 830px
}
.md\:max-w-\[850px\] {
max-width: 850px
}
.md\:max-w-full {
max-width: 100%
}
.md\:max-w-none {
max-width: none
}
.md\:flex-shrink {
flex-shrink: 1
}
.md\:origin-\[22px_24px\] {
transform-origin: 22px 24px
}
.md\:origin-\[23px_22px\] {
transform-origin: 23px 22px
}
.md\:\!-translate-y-1\/2 {
--tw-translate-y: -50% !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.md\:-translate-x-0 {
--tw-translate-x: -0px
}
.md\:-translate-x-0,
.md\:-translate-x-14 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:-translate-x-14 {
--tw-translate-x: -3.5rem
}
.md\:-translate-x-20 {
--tw-translate-x: -5rem
}
.md\:-translate-x-20,
.md\:-translate-x-3\/4 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:-translate-x-3\/4 {
--tw-translate-x: -75%
}
.md\:-translate-y-1\/2 {
--tw-translate-y: -50%
}
.md\:-translate-y-1\/2,
.md\:-translate-y-3\/4 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:-translate-y-3\/4 {
--tw-translate-y: -75%
}
.md\:translate-x-0 {
--tw-translate-x: 0px
}
.md\:translate-x-0,
.md\:translate-x-20 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:translate-x-20 {
--tw-translate-x: 5rem
}
.md\:translate-x-24 {
--tw-translate-x: 6rem
}
.md\:scale-100,
.md\:translate-x-24 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1
}
.md\:grid-flow-col {
grid-auto-flow: column
}
.md\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr))
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.md\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr))
}
.md\:grid-cols-\[1fr\2c 2fr\] {
grid-template-columns: 1fr 2fr
}
.md\:grid-cols-\[1fr_176px\] {
grid-template-columns: 1fr 176px
}
.md\:grid-cols-\[2fr\2c 1fr\] {
grid-template-columns: 2fr 1fr
}
.md\:grid-cols-\[60\%\2c 40\%\] {
grid-template-columns: 60% 40%
}
.md\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr))
}
.md\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr))
}
.md\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr))
}
.md\:grid-rows-none {
grid-template-rows: none
}
.md\:flex-row {
flex-direction: row
}
.md\:items-center {
align-items: center
}
.md\:justify-start {
justify-content: flex-start
}
.md\:justify-center {
justify-content: center
}
.md\:justify-between {
justify-content: space-between
}
.md\:gap-10 {
gap: 2.5rem
}
.md\:gap-12 {
gap: 3rem
}
.md\:gap-14 {
gap: 3.5rem
}
.md\:gap-16 {
gap: 4rem
}
.md\:gap-2 {
gap: .5rem
}
.md\:gap-6 {
gap: 1.5rem
}
.md\:gap-8 {
gap: 2rem
}
.md\:gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem
}
.md\:gap-x-12 {
-moz-column-gap: 3rem;
column-gap: 3rem
}
.md\:gap-x-20 {
-moz-column-gap: 5rem;
column-gap: 5rem
}
.md\:gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem
}
.md\:gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem
}
.md\:gap-y-14 {
row-gap: 3.5rem
}
.md\:gap-y-2 {
row-gap: .5rem
}
.md\:gap-y-20 {
row-gap: 5rem
}
.md\:gap-y-28 {
row-gap: 7rem
}
.md\:gap-y-6 {
row-gap: 1.5rem
}
.md\:gap-y-medium {
row-gap: var(--tk-spacing-medium)
}
.md\:gap-y-xsmall {
row-gap: var(--tk-spacing-xsmall)
}
.md\:gap-y-xxlarge {
row-gap: var(--tk-spacing-xxlarge)
}
.md\:space-x-1>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(.25rem * var(--tw-space-x-reverse));
margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.md\:space-x-4>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.md\:space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse))
}
.md\:space-y-2>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}
.md\:space-y-20>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}
.md\:space-y-36>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(9rem * var(--tw-space-y-reverse))
}
.md\:space-y-48>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(12rem * var(--tw-space-y-reverse))
}
.md\:space-y-5>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}
.md\:space-y-6>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.md\:space-y-8>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}
.md\:justify-self-start {
justify-self: start
}
.md\:justify-self-end {
justify-self: end
}
.md\:justify-self-center {
justify-self: center
}
.md\:overflow-visible {
overflow: visible
}
.md\:overflow-x-auto {
overflow-x: auto
}
.md\:whitespace-nowrap {
white-space: nowrap
}
.md\:rounded-2xl {
border-radius: 1rem
}
.md\:rounded-\[16px\] {
border-radius: 16px
}
.md\:rounded-xl {
border-radius: .75rem
}
.md\:rounded-xlarge {
border-radius: var(--tk-spacing-xlarge)
}
.md\:border {
border-width: 1px
}
.md\:border-\[10px\] {
border-width: 10px
}
.md\:border-\[1px\] {
border-width: 1px
}
.md\:border-b {
border-bottom-width: 1px
}
.md\:border-b-0 {
border-bottom-width: 0
}
.md\:border-r {
border-right-width: 1px
}
.md\:border-t-0 {
border-top-width: 0
}
.md\:border-t-2 {
border-top-width: 2px
}
.md\:border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255/var(--tw-border-opacity))
}
.md\:border-t-black {
--tw-border-opacity: 1;
border-top-color: rgb(0 0 0/var(--tw-border-opacity))
}
.md\:bg-inherit {
background-color: inherit
}
.md\:object-cover {
-o-object-fit: cover;
object-fit: cover
}
.md\:p-0 {
padding: 0
}
.md\:p-1 {
padding: .25rem
}
.md\:p-24 {
padding: 6rem
}
.md\:p-4 {
padding: 1rem
}
.md\:p-6 {
padding: 1.5rem
}
.md\:p-9 {
padding: 2.25rem
}
.md\:p-\[64px\] {
padding: 64px
}
.md\:p-large {
padding: var(--tk-spacing-large)
}
.md\:p-xlarge {
padding: var(--tk-spacing-xlarge)
}
.md\:p-xxxlarge {
padding: var(--tk-spacing-xxxlarge)
}
.md\:px-0 {
padding-left: 0;
padding-right: 0
}
.md\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.md\:px-12 {
padding-left: 3rem;
padding-right: 3rem
}
.md\:px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem
}
.md\:px-16 {
padding-left: 4rem;
padding-right: 4rem
}
.md\:px-20 {
padding-left: 5rem;
padding-right: 5rem
}
.md\:px-24 {
padding-left: 6rem;
padding-right: 6rem
}
.md\:px-28 {
padding-left: 7rem;
padding-right: 7rem
}
.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.md\:px-\[70px\] {
padding-left: 70px;
padding-right: 70px
}
.md\:px-large {
padding-left: var(--tk-spacing-large);
padding-right: var(--tk-spacing-large)
}
.md\:px-medium {
padding-left: var(--tk-spacing-medium);
padding-right: var(--tk-spacing-medium)
}
.md\:px-xxlarge {
padding-left: var(--tk-spacing-xxlarge);
padding-right: var(--tk-spacing-xxlarge)
}
.md\:py-0 {
padding-top: 0;
padding-bottom: 0
}
.md\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.md\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.md\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem
}
.md\:py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.md\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.md\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.md\:py-\[25px\] {
padding-top: 25px;
padding-bottom: 25px
}
.md\:py-small {
padding-top: var(--tk-spacing-small);
padding-bottom: var(--tk-spacing-small)
}
.md\:py-xxlarge {
padding-top: var(--tk-spacing-xxlarge);
padding-bottom: var(--tk-spacing-xxlarge)
}
.md\:pb-0 {
padding-bottom: 0
}
.md\:pb-20 {
padding-bottom: 5rem
}
.md\:pb-24 {
padding-bottom: 6rem
}
.md\:pb-28 {
padding-bottom: 7rem
}
.md\:pb-32 {
padding-bottom: 8rem
}
.md\:pb-36 {
padding-bottom: 9rem
}
.md\:pb-44 {
padding-bottom: 11rem
}
.md\:pl-12 {
padding-left: 3rem
}
.md\:pl-20 {
padding-left: 5rem
}
.md\:pl-24 {
padding-left: 6rem
}
.md\:pl-8 {
padding-left: 2rem
}
.md\:pl-xlarge {
padding-left: var(--tk-spacing-xlarge)
}
.md\:pr-0 {
padding-right: 0
}
.md\:pr-12 {
padding-right: 3rem
}
.md\:pr-20 {
padding-right: 5rem
}
.md\:pr-8 {
padding-right: 2rem
}
.md\:pt-0 {
padding-top: 0
}
.md\:pt-10 {
padding-top: 2.5rem
}
.md\:pt-12 {
padding-top: 3rem
}
.md\:pt-14 {
padding-top: 3.5rem
}
.md\:pt-16 {
padding-top: 4rem
}
.md\:pt-20 {
padding-top: 5rem
}
.md\:pt-24 {
padding-top: 6rem
}
.md\:pt-4 {
padding-top: 1rem
}
.md\:pt-48 {
padding-top: 12rem
}
.md\:pt-5 {
padding-top: 1.25rem
}
.md\:pt-7 {
padding-top: 1.75rem
}
.md\:pt-8 {
padding-top: 2rem
}
.md\:text-left {
text-align: left
}
.md\:text-center {
text-align: center
}
.md\:text-start {
text-align: start
}
.md\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem
}
.md\:text-\[100px\] {
font-size: 100px
}
.md\:text-\[125px\] {
font-size: 125px
}
.md\:text-\[126px\] {
font-size: 126px
}
.md\:text-\[15px\] {
font-size: 15px
}
.md\:text-\[16px\] {
font-size: 16px
}
.md\:text-\[18px\] {
font-size: 18px
}
.md\:text-\[200px\] {
font-size: 200px
}
.md\:text-\[24px\] {
font-size: 24px
}
.md\:text-\[25px\] {
font-size: 25px
}
.md\:text-\[26px\] {
font-size: 26px
}
.md\:text-\[28px\] {
font-size: 28px
}
.md\:text-\[30px\] {
font-size: 30px
}
.md\:text-\[32px\] {
font-size: 32px
}
.md\:text-\[34px\] {
font-size: 34px
}
.md\:text-\[35px\] {
font-size: 35px
}
.md\:text-\[36px\] {
font-size: 36px
}
.md\:text-\[39px\] {
font-size: 39px
}
.md\:text-\[40px\] {
font-size: 40px
}
.md\:text-\[42px\] {
font-size: 42px
}
.md\:text-\[43px\] {
font-size: 43px
}
.md\:text-\[48px\] {
font-size: 48px
}
.md\:text-\[50px\] {
font-size: 50px
}
.md\:text-\[52px\] {
font-size: 52px
}
.md\:text-\[53px\] {
font-size: 53px
}
.md\:text-\[62px\] {
font-size: 62px
}
.md\:text-\[70px\] {
font-size: 70px
}
.md\:text-\[72px\] {
font-size: 72px
}
.md\:text-\[80px\] {
font-size: 80px
}
.md\:text-base {
font-size: 1rem;
line-height: 1.5rem
}
.md\:text-h1 {
font-size: 63.3px;
line-height: .9;
letter-spacing: -.03em
}
.md\:text-h1-alt {
font-size: 60px;
line-height: .9;
letter-spacing: -.05em
}
.md\:text-h1-xl {
font-size: 79.13px;
line-height: .9;
letter-spacing: -.03em
}
.md\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.md\:font-bold {
font-weight: 700
}
.md\:font-medium {
font-weight: 500
}
.md\:leading-5 {
line-height: 1.25rem
}
.md\:leading-\[46px\] {
line-height: 46px
}
.md\:leading-\[60\%\] {
line-height: 60%
}
.md\:leading-none {
line-height: 1
}
.md\:text-eggplant {
--tw-text-opacity: 1;
color: rgb(35 11 89/var(--tw-text-opacity))
}
.md\:shadow-\[0_5px_30px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
--tw-shadow: 0 5px 30px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 5px 30px var(--tw-shadow-color)
}
.md\:shadow-\[0_5px_30px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],
.md\:shadow-\[8px_9px_0px_\#4840BB\] {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.md\:shadow-\[8px_9px_0px_\#4840BB\] {
--tw-shadow: 8px 9px 0px #4840bb;
--tw-shadow-colored: 8px 9px 0px var(--tw-shadow-color)
}
}
@media (min-width:960px) {
.lg\:static {
position: static
}
.lg\:absolute {
position: absolute
}
.lg\:-bottom-10 {
bottom: -2.5rem
}
.lg\:-left-16 {
left: -4rem
}
.lg\:-left-\[251px\] {
left: -251px
}
.lg\:-right-12 {
right: -3rem
}
.lg\:-right-16 {
right: -4rem
}
.lg\:-right-20 {
right: -5rem
}
.lg\:-right-4 {
right: -1rem
}
.lg\:-right-6 {
right: -1.5rem
}
.lg\:-right-\[800px\] {
right: -800px
}
.lg\:-top-8 {
top: -2rem
}
.lg\:-top-\[75px\] {
top: -75px
}
.lg\:bottom-24 {
bottom: 6rem
}
.lg\:bottom-3 {
bottom: .75rem
}
.lg\:bottom-5 {
bottom: 1.25rem
}
.lg\:bottom-\[-165px\] {
bottom: -165px
}
.lg\:bottom-\[-500px\] {
bottom: -500px
}
.lg\:bottom-\[150px\] {
bottom: 150px
}
.lg\:bottom-\[45px\] {
bottom: 45px
}
.lg\:bottom-\[59px\] {
bottom: 59px
}
.lg\:bottom-\[6\%\] {
bottom: 6%
}
.lg\:left-0 {
left: 0
}
.lg\:left-1\/2 {
left: 50%
}
.lg\:left-16 {
left: 4rem
}
.lg\:left-5 {
left: 1.25rem
}
.lg\:left-\[-72px\] {
left: -72px
}
.lg\:left-\[440px\] {
left: 440px
}
.lg\:left-\[50\%\] {
left: 50%
}
.lg\:left-\[8\%\] {
left: 8%
}
.lg\:left-\[calc\(15\%-25px\)\] {
left: calc(15% - 25px)
}
.lg\:left-auto {
left: auto
}
.lg\:left-full {
left: 100%
}
.lg\:right-0 {
right: 0
}
.lg\:right-1\/2 {
right: 50%
}
.lg\:right-16 {
right: 4rem
}
.lg\:right-6 {
right: 1.5rem
}
.lg\:right-\[-54px\] {
right: -54px
}
.lg\:right-\[-80px\] {
right: -80px
}
.lg\:right-\[220px\] {
right: 220px
}
.lg\:top-0 {
top: 0
}
.lg\:top-1\/2 {
top: 50%
}
.lg\:top-16 {
top: 4rem
}
.lg\:top-20 {
top: 5rem
}
.lg\:top-8 {
top: 2rem
}
.lg\:top-\[-10\%\] {
top: -10%
}
.lg\:top-\[-150px\] {
top: -150px
}
.lg\:top-\[25\%\] {
top: 25%
}
.lg\:top-\[34\%\] {
top: 34%
}
.lg\:top-\[55\%\] {
top: 55%
}
.lg\:order-1 {
order: 1
}
.lg\:order-2 {
order: 2
}
.lg\:order-first {
order: -9999
}
.lg\:order-last {
order: 9999
}
.lg\:col-span-1 {
grid-column: span 1/span 1
}
.lg\:col-span-2 {
grid-column: span 2/span 2
}
.lg\:col-span-3 {
grid-column: span 3/span 3
}
.lg\:col-span-4 {
grid-column: span 4/span 4
}
.lg\:col-span-6 {
grid-column: span 6/span 6
}
.lg\:row-start-1 {
grid-row-start: 1
}
.lg\:\!mx-auto {
margin-left: auto !important;
margin-right: auto !important
}
.lg\:mx-0 {
margin-left: 0;
margin-right: 0
}
.lg\:mx-16 {
margin-left: 4rem;
margin-right: 4rem
}
.lg\:mx-20 {
margin-left: 5rem;
margin-right: 5rem
}
.lg\:mx-auto {
margin-left: auto;
margin-right: auto
}
.lg\:my-0 {
margin-top: 0;
margin-bottom: 0
}
.lg\:my-24 {
margin-top: 6rem;
margin-bottom: 6rem
}
.lg\:my-7 {
margin-top: 1.75rem;
margin-bottom: 1.75rem
}
.lg\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem
}
.lg\:-ml-12 {
margin-left: -3rem
}
.lg\:-ml-40 {
margin-left: -10rem
}
.lg\:-mt-10 {
margin-top: -2.5rem
}
.lg\:-mt-4 {
margin-top: -1rem
}
.lg\:mb-0 {
margin-bottom: 0
}
.lg\:mb-1 {
margin-bottom: .25rem
}
.lg\:mb-20 {
margin-bottom: 5rem
}
.lg\:mb-3 {
margin-bottom: .75rem
}
.lg\:mb-4 {
margin-bottom: 1rem
}
.lg\:mb-8 {
margin-bottom: 2rem
}
.lg\:mb-xsmall {
margin-bottom: var(--tk-spacing-xsmall)
}
.lg\:ml-14 {
margin-left: 3.5rem
}
.lg\:ml-16 {
margin-left: 4rem
}
.lg\:ml-2 {
margin-left: .5rem
}
.lg\:ml-8 {
margin-left: 2rem
}
.lg\:ml-\[-35px\] {
margin-left: -35px
}
.lg\:ml-\[-80px\] {
margin-left: -80px
}
.lg\:ml-auto {
margin-left: auto
}
.lg\:ml-xsmall {
margin-left: var(--tk-spacing-xsmall)
}
.lg\:mr-0 {
margin-right: 0
}
.lg\:mr-9 {
margin-right: 2.25rem
}
.lg\:mt-0 {
margin-top: 0
}
.lg\:mt-10 {
margin-top: 2.5rem
}
.lg\:mt-16 {
margin-top: 4rem
}
.lg\:mt-20 {
margin-top: 5rem
}
.lg\:mt-44 {
margin-top: 11rem
}
.lg\:mt-5 {
margin-top: 1.25rem
}
.lg\:mt-8 {
margin-top: 2rem
}
.lg\:mt-\[-40px\] {
margin-top: -40px
}
.lg\:mt-large {
margin-top: var(--tk-spacing-large)
}
.lg\:block {
display: block
}
.lg\:inline-block {
display: inline-block
}
.lg\:inline {
display: inline
}
.lg\:flex {
display: flex
}
.lg\:table-cell {
display: table-cell
}
.lg\:grid {
display: grid
}
.lg\:hidden {
display: none
}
.lg\:aspect-\[560\/680\] {
aspect-ratio: 560/680
}
.lg\:\!h-\[35px\] {
height: 35px !important
}
.lg\:h-\[122px\] {
height: 122px
}
.lg\:h-\[195px\] {
height: 195px
}
.lg\:h-\[219px\] {
height: 219px
}
.lg\:h-\[220px\] {
height: 220px
}
.lg\:h-\[263px\] {
height: 263px
}
.lg\:h-\[300px\] {
height: 300px
}
.lg\:h-\[302px\] {
height: 302px
}
.lg\:h-\[303px\] {
height: 303px
}
.lg\:h-\[30px\] {
height: 30px
}
.lg\:h-\[320px\] {
height: 320px
}
.lg\:h-\[339px\] {
height: 339px
}
.lg\:h-\[368px\] {
height: 368px
}
.lg\:h-\[390px\] {
height: 390px
}
.lg\:h-\[395px\] {
height: 395px
}
.lg\:h-\[400px\] {
height: 400px
}
.lg\:h-\[489px\] {
height: 489px
}
.lg\:h-\[550px\] {
height: 550px
}
.lg\:h-\[557px\] {
height: 557px
}
.lg\:h-\[620px\] {
height: 620px
}
.lg\:h-\[622px\] {
height: 622px
}
.lg\:h-\[650px\] {
height: 650px
}
.lg\:h-\[72px\] {
height: 72px
}
.lg\:h-\[793px\] {
height: 793px
}
.lg\:h-\[80\%\] {
height: 80%
}
.lg\:h-\[85\%\] {
height: 85%
}
.lg\:h-\[calc\(100\%\+100px\)\] {
height: calc(100% + 100px)
}
.lg\:h-\[calc\(100vh-75px\)\] {
height: calc(100vh - 75px)
}
.lg\:h-auto {
height: auto
}
.lg\:h-full {
height: 100%
}
.lg\:max-h-\[684px\] {
max-height: 684px
}
.lg\:max-h-\[720px\] {
max-height: 720px
}
.lg\:max-h-\[747px\] {
max-height: 747px
}
.lg\:max-h-full {
max-height: 100%
}
.lg\:min-h-\[150px\] {
min-height: 150px
}
.lg\:min-h-\[334px\] {
min-height: 334px
}
.lg\:min-h-\[495px\] {
min-height: 495px
}
.lg\:min-h-\[529px\] {
min-height: 529px
}
.lg\:min-h-\[540px\] {
min-height: 540px
}
.lg\:min-h-\[550px\] {
min-height: 550px
}
.lg\:min-h-\[600px\] {
min-height: 600px
}
.lg\:\!w-\[40px\] {
width: 40px !important
}
.lg\:w-0 {
width: 0
}
.lg\:w-1\/2 {
width: 50%
}
.lg\:w-2\/3 {
width: 66.666667%
}
.lg\:w-\[1060px\] {
width: 1060px
}
.lg\:w-\[1280px\] {
width: 1280px
}
.lg\:w-\[199px\] {
width: 199px
}
.lg\:w-\[220px\] {
width: 220px
}
.lg\:w-\[240px\] {
width: 240px
}
.lg\:w-\[247px\] {
width: 247px
}
.lg\:w-\[270px\] {
width: 270px
}
.lg\:w-\[275px\] {
width: 275px
}
.lg\:w-\[290px\] {
width: 290px
}
.lg\:w-\[300px\] {
width: 300px
}
.lg\:w-\[302px\] {
width: 302px
}
.lg\:w-\[30px\] {
width: 30px
}
.lg\:w-\[320px\] {
width: 320px
}
.lg\:w-\[342px\] {
width: 342px
}
.lg\:w-\[354px\] {
width: 354px
}
.lg\:w-\[360px\] {
width: 360px
}
.lg\:w-\[379px\] {
width: 379px
}
.lg\:w-\[380px\] {
width: 380px
}
.lg\:w-\[394px\] {
width: 394px
}
.lg\:w-\[400px\] {
width: 400px
}
.lg\:w-\[401px\] {
width: 401px
}
.lg\:w-\[422px\] {
width: 422px
}
.lg\:w-\[442px\] {
width: 442px
}
.lg\:w-\[443px\] {
width: 443px
}
.lg\:w-\[459px\] {
width: 459px
}
.lg\:w-\[510px\] {
width: 510px
}
.lg\:w-\[517px\] {
width: 517px
}
.lg\:w-\[550px\] {
width: 550px
}
.lg\:w-\[640px\] {
width: 640px
}
.lg\:w-\[68\%\] {
width: 68%
}
.lg\:w-\[700px\] {
width: 700px
}
.lg\:w-\[70px\] {
width: 70px
}
.lg\:w-\[722px\] {
width: 722px
}
.lg\:w-\[724px\] {
width: 724px
}
.lg\:w-\[77px\] {
width: 77px
}
.lg\:w-\[793px\] {
width: 793px
}
.lg\:w-\[800px\] {
width: 800px
}
.lg\:w-\[870px\] {
width: 870px
}
.lg\:w-\[calc\(100\%\+160px\)\] {
width: calc(100% + 160px)
}
.lg\:w-auto {
width: auto
}
.lg\:w-fit {
width: -moz-fit-content;
width: fit-content
}
.lg\:w-full {
width: 100%
}
.lg\:min-w-\[100px\] {
min-width: 100px
}
.lg\:min-w-\[250px\] {
min-width: 250px
}
.lg\:min-w-\[495px\] {
min-width: 495px
}
.lg\:min-w-\[500px\] {
min-width: 500px
}
.lg\:min-w-\[550px\] {
min-width: 550px
}
.lg\:min-w-\[840px\] {
min-width: 840px
}
.lg\:min-w-full {
min-width: 100%
}
.lg\:max-w-2xl {
max-width: 42rem
}
.lg\:max-w-\[1400px\] {
max-width: 1400px
}
.lg\:max-w-\[2024px\] {
max-width: 2024px
}
.lg\:max-w-\[225px\] {
max-width: 225px
}
.lg\:max-w-\[230px\] {
max-width: 230px
}
.lg\:max-w-\[256px\] {
max-width: 256px
}
.lg\:max-w-\[280px\] {
max-width: 280px
}
.lg\:max-w-\[290px\] {
max-width: 290px
}
.lg\:max-w-\[342px\] {
max-width: 342px
}
.lg\:max-w-\[395px\] {
max-width: 395px
}
.lg\:max-w-\[400px\] {
max-width: 400px
}
.lg\:max-w-\[410px\] {
max-width: 410px
}
.lg\:max-w-\[420px\] {
max-width: 420px
}
.lg\:max-w-\[430px\] {
max-width: 430px
}
.lg\:max-w-\[450px\] {
max-width: 450px
}
.lg\:max-w-\[460px\] {
max-width: 460px
}
.lg\:max-w-\[480px\] {
max-width: 480px
}
.lg\:max-w-\[482px\] {
max-width: 482px
}
.lg\:max-w-\[550px\] {
max-width: 550px
}
.lg\:max-w-\[560px\] {
max-width: 560px
}
.lg\:max-w-\[577px\] {
max-width: 577px
}
.lg\:max-w-\[640px\] {
max-width: 640px
}
.lg\:max-w-\[675px\] {
max-width: 675px
}
.lg\:max-w-\[676px\] {
max-width: 676px
}
.lg\:max-w-\[700px\] {
max-width: 700px
}
.lg\:max-w-\[720px\] {
max-width: 720px
}
.lg\:max-w-\[765px\] {
max-width: 765px
}
.lg\:max-w-\[800px\] {
max-width: 800px
}
.lg\:max-w-\[840px\] {
max-width: 840px
}
.lg\:max-w-\[870px\] {
max-width: 870px
}
.lg\:max-w-\[922px\] {
max-width: 922px
}
.lg\:max-w-full {
max-width: 100%
}
.lg\:max-w-none {
max-width: none
}
.lg\:flex-shrink-0 {
flex-shrink: 0
}
.lg\:flex-grow {
flex-grow: 1
}
.lg\:flex-grow-0 {
flex-grow: 0
}
.lg\:-translate-x-1\/2 {
--tw-translate-x: -50%
}
.lg\:-translate-x-1\/2,
.lg\:-translate-x-3\/4 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.lg\:-translate-x-3\/4 {
--tw-translate-x: -75%
}
.lg\:-translate-y-1\/2 {
--tw-translate-y: -50%
}
.lg\:-translate-y-1\/2,
.lg\:-translate-y-3\/4 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.lg\:-translate-y-3\/4 {
--tw-translate-y: -75%
}
.lg\:translate-x-0 {
--tw-translate-x: 0px
}
.lg\:translate-x-0,
.lg\:translate-x-1\/2 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.lg\:translate-x-1\/2 {
--tw-translate-x: 50%
}
.lg\:translate-x-\[110\%\] {
--tw-translate-x: 110%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.lg\:columns-3 {
-moz-columns: 3;
column-count: 3
}
.lg\:grid-flow-row {
grid-auto-flow: row
}
.lg\:grid-flow-col {
grid-auto-flow: column
}
.lg\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr))
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr))
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.lg\:grid-cols-60\/40 {
grid-template-columns: 6fr 4fr
}
.lg\:grid-cols-\[1fr\2c 1fr\] {
grid-template-columns: 1fr 1fr
}
.lg\:grid-cols-\[1fr\2c 2fr\] {
grid-template-columns: 1fr 2fr
}
.lg\:grid-cols-\[2\.5fr\2c 4fr\] {
grid-template-columns: 2.5fr 4fr
}
.lg\:grid-cols-\[2fr\2c 4fr\] {
grid-template-columns: 2fr 4fr
}
.lg\:grid-cols-\[55\%\2c 45\%\] {
grid-template-columns: 55% 45%
}
.lg\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr))
}
.lg\:flex-row {
flex-direction: row
}
.lg\:items-start {
align-items: flex-start
}
.lg\:items-center {
align-items: center
}
.lg\:justify-start {
justify-content: flex-start
}
.lg\:justify-center {
justify-content: center
}
.lg\:justify-between {
justify-content: space-between
}
.lg\:justify-evenly {
justify-content: space-evenly
}
.lg\:justify-items-start {
justify-items: start
}
.lg\:gap-0 {
gap: 0
}
.lg\:gap-10 {
gap: 2.5rem
}
.lg\:gap-16 {
gap: 4rem
}
.lg\:gap-20 {
gap: 5rem
}
.lg\:gap-24 {
gap: 6rem
}
.lg\:gap-4 {
gap: 1rem
}
.lg\:gap-5 {
gap: 1.25rem
}
.lg\:gap-medium {
gap: var(--tk-spacing-medium)
}
.lg\:gap-xlarge {
gap: var(--tk-spacing-xlarge)
}
.lg\:gap-x-0 {
-moz-column-gap: 0;
column-gap: 0
}
.lg\:gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem
}
.lg\:gap-x-16 {
-moz-column-gap: 4rem;
column-gap: 4rem
}
.lg\:gap-x-20 {
-moz-column-gap: 5rem;
column-gap: 5rem
}
.lg\:gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem
}
.lg\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem
}
.lg\:gap-x-\[52px\] {
-moz-column-gap: 52px;
column-gap: 52px
}
.lg\:gap-y-0 {
row-gap: 0
}
.lg\:gap-y-10 {
row-gap: 2.5rem
}
.lg\:gap-y-14 {
row-gap: 3.5rem
}
.lg\:gap-y-20 {
row-gap: 5rem
}
.lg\:gap-y-5 {
row-gap: 1.25rem
}
.lg\:space-x-10>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.lg\:space-x-5>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.25rem * var(--tw-space-x-reverse));
margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.lg\:space-x-8>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.lg\:space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse))
}
.lg\:space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}
.lg\:space-y-10>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
}
.lg\:space-y-12>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}
.lg\:space-y-16>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(4rem * var(--tw-space-y-reverse))
}
.lg\:space-y-24>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(6rem * var(--tw-space-y-reverse))
}
.lg\:space-y-3>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}
.lg\:space-y-32>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(8rem * var(--tw-space-y-reverse))
}
.lg\:space-y-6>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.lg\:space-y-xlarge>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(var(--tk-spacing-xlarge) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(var(--tk-spacing-xlarge) * var(--tw-space-y-reverse))
}
.lg\:divide-x>:not([hidden])~:not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(1px * var(--tw-divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}
.lg\:divide-y-0>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
}
.lg\:justify-self-auto {
justify-self: auto
}
.lg\:justify-self-start {
justify-self: start
}
.lg\:justify-self-end {
justify-self: end
}
.lg\:overflow-visible {
overflow: visible
}
.lg\:overflow-x-auto {
overflow-x: auto
}
.lg\:rounded-2xl {
border-radius: 1rem
}
.lg\:rounded-md {
border-radius: .375rem
}
.lg\:border-b-0 {
border-bottom-width: 0
}
.lg\:border-r-\[1px\] {
border-right-width: 1px
}
.lg\:bg-transparent {
background-color: transparent
}
.lg\:to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.lg\:object-center {
-o-object-position: center;
object-position: center
}
.lg\:p-0 {
padding: 0
}
.lg\:p-5 {
padding: 1.25rem
}
.lg\:p-6 {
padding: 1.5rem
}
.lg\:px-0 {
padding-left: 0;
padding-right: 0
}
.lg\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.lg\:px-11 {
padding-left: 2.75rem;
padding-right: 2.75rem
}
.lg\:px-12 {
padding-left: 3rem;
padding-right: 3rem
}
.lg\:px-16 {
padding-left: 4rem;
padding-right: 4rem
}
.lg\:px-20 {
padding-left: 5rem;
padding-right: 5rem
}
.lg\:px-24 {
padding-left: 6rem;
padding-right: 6rem
}
.lg\:px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.lg\:px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.lg\:px-40 {
padding-left: 10rem;
padding-right: 10rem
}
.lg\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.lg\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.lg\:py-0 {
padding-top: 0;
padding-bottom: 0
}
.lg\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem
}
.lg\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem
}
.lg\:py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.lg\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.lg\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem
}
.lg\:py-28 {
padding-top: 7rem;
padding-bottom: 7rem
}
.lg\:py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.lg\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.lg\:py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.lg\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.lg\:pb-10 {
padding-bottom: 2.5rem
}
.lg\:pb-16 {
padding-bottom: 4rem
}
.lg\:pb-2 {
padding-bottom: .5rem
}
.lg\:pb-20 {
padding-bottom: 5rem
}
.lg\:pb-24 {
padding-bottom: 6rem
}
.lg\:pb-32 {
padding-bottom: 8rem
}
.lg\:pb-40 {
padding-bottom: 10rem
}
.lg\:pb-48 {
padding-bottom: 12rem
}
.lg\:pb-5 {
padding-bottom: 1.25rem
}
.lg\:pb-64 {
padding-bottom: 16rem
}
.lg\:pb-7 {
padding-bottom: 1.75rem
}
.lg\:pl-0 {
padding-left: 0
}
.lg\:pl-12 {
padding-left: 3rem
}
.lg\:pl-16 {
padding-left: 4rem
}
.lg\:pl-32 {
padding-left: 8rem
}
.lg\:pl-40 {
padding-left: 10rem
}
.lg\:pl-8 {
padding-left: 2rem
}
.lg\:pr-0 {
padding-right: 0
}
.lg\:pr-24 {
padding-right: 6rem
}
.lg\:pr-28 {
padding-right: 7rem
}
.lg\:pr-32 {
padding-right: 8rem
}
.lg\:pt-0 {
padding-top: 0
}
.lg\:pt-12 {
padding-top: 3rem
}
.lg\:pt-16 {
padding-top: 4rem
}
.lg\:pt-20 {
padding-top: 5rem
}
.lg\:pt-32 {
padding-top: 8rem
}
.lg\:pt-36 {
padding-top: 9rem
}
.lg\:pt-40 {
padding-top: 10rem
}
.lg\:pt-6 {
padding-top: 1.5rem
}
.lg\:pt-8 {
padding-top: 2rem
}
.lg\:pt-\[300px\] {
padding-top: 300px
}
.lg\:text-left {
text-align: left
}
.lg\:text-center {
text-align: center
}
.lg\:text-right {
text-align: right
}
.lg\:font-sans {
font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}
.lg\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem
}
.lg\:text-\[10px\] {
font-size: 10px
}
.lg\:text-\[113px\] {
font-size: 113px
}
.lg\:text-\[11px\] {
font-size: 11px
}
.lg\:text-\[14px\] {
font-size: 14px
}
.lg\:text-\[17px\] {
font-size: 17px
}
.lg\:text-\[18px\] {
font-size: 18px
}
.lg\:text-\[19px\] {
font-size: 19px
}
.lg\:text-\[20px\] {
font-size: 20px
}
.lg\:text-\[220px\] {
font-size: 220px
}
.lg\:text-\[24px\] {
font-size: 24px
}
.lg\:text-\[28px\] {
font-size: 28px
}
.lg\:text-\[32px\] {
font-size: 32px
}
.lg\:text-\[34px\] {
font-size: 34px
}
.lg\:text-\[36px\] {
font-size: 36px
}
.lg\:text-\[39px\] {
font-size: 39px
}
.lg\:text-\[45px\] {
font-size: 45px
}
.lg\:text-\[56px\] {
font-size: 56px
}
.lg\:text-\[60px\] {
font-size: 60px
}
.lg\:text-\[64px\] {
font-size: 64px
}
.lg\:text-\[72px\] {
font-size: 72px
}
.lg\:text-\[84px\] {
font-size: 84px
}
.lg\:text-\[8px\] {
font-size: 8px
}
.lg\:text-\[90px\] {
font-size: 90px
}
.lg\:text-base {
font-size: 1rem;
line-height: 1.5rem
}
.lg\:text-h1 {
font-size: 63.3px;
line-height: .9;
letter-spacing: -.03em
}
.lg\:text-h1-alt {
font-size: 60px;
line-height: .9;
letter-spacing: -.05em
}
.lg\:text-h3 {
font-size: 21.1px;
line-height: 1.2
}
.lg\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.lg\:text-sm {
font-size: .875rem;
line-height: 1.25rem
}
.lg\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
.lg\:text-xs {
font-size: .75rem;
line-height: 1rem
}
.lg\:font-bold {
font-weight: 700
}
.lg\:not-italic {
font-style: normal
}
.lg\:leading-4 {
line-height: 1rem
}
.lg\:leading-6 {
line-height: 1.5rem
}
.lg\:leading-\[101\.97px\] {
line-height: 101.97px
}
.lg\:leading-\[22px\] {
line-height: 22px
}
.lg\:leading-\[24px\] {
line-height: 24px
}
.lg\:leading-\[34px\] {
line-height: 34px
}
.lg\:shadow-\[-6px_8px_0\.6px_0_\#0000001A\] {
--tw-shadow: -6px 8px 0.6px 0 #0000001a;
--tw-shadow-colored: -6px 8px 0.6px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
}
@media (min-width:1140px) {
.xl\:-bottom-2 {
bottom: -.5rem
}
.xl\:-bottom-3 {
bottom: -.75rem
}
.xl\:-bottom-4 {
bottom: -1rem
}
.xl\:-left-12 {
left: -3rem
}
.xl\:-left-28 {
left: -7rem
}
.xl\:-left-5 {
left: -1.25rem
}
.xl\:-left-96 {
left: -24rem
}
.xl\:-left-\[330px\] {
left: -330px
}
.xl\:-right-12 {
right: -3rem
}
.xl\:-right-40 {
right: -10rem
}
.xl\:-top-14 {
top: -3.5rem
}
.xl\:-top-24 {
top: -6rem
}
.xl\:-top-4 {
top: -1rem
}
.xl\:-top-60 {
top: -15rem
}
.xl\:-top-\[90px\] {
top: -90px
}
.xl\:bottom-0 {
bottom: 0
}
.xl\:bottom-10 {
bottom: 2.5rem
}
.xl\:bottom-\[310px\] {
bottom: 310px
}
.xl\:bottom-\[480px\] {
bottom: 480px
}
.xl\:left-0 {
left: 0
}
.xl\:left-32 {
left: 8rem
}
.xl\:left-\[-10\%\] {
left: -10%
}
.xl\:left-\[21\%\] {
left: 21%
}
.xl\:left-\[410px\] {
left: 410px
}
.xl\:left-\[53\%\] {
left: 53%
}
.xl\:left-\[calc\(100\%-11rem\)\] {
left: calc(100% - 11rem)
}
.xl\:left-\[calc\(100\%-8rem\)\] {
left: calc(100% - 8rem)
}
.xl\:left-auto {
left: auto
}
.xl\:right-0 {
right: 0
}
.xl\:right-10 {
right: 2.5rem
}
.xl\:right-24 {
right: 6rem
}
.xl\:right-44 {
right: 11rem
}
.xl\:right-48 {
right: 12rem
}
.xl\:right-\[-70\%\] {
right: -70%
}
.xl\:right-\[-80\%\] {
right: -80%
}
.xl\:right-\[350px\] {
right: 350px
}
.xl\:right-auto {
right: auto
}
.xl\:top-0 {
top: 0
}
.xl\:top-6 {
top: 1.5rem
}
.xl\:top-\[-180px\] {
top: -180px
}
.xl\:top-\[220px\] {
top: 220px
}
.xl\:top-\[30px\] {
top: 30px
}
.xl\:top-\[36\%\] {
top: 36%
}
.xl\:top-\[60px\] {
top: 60px
}
.xl\:top-\[70\%\] {
top: 70%
}
.xl\:top-auto {
top: auto
}
.xl\:z-20 {
z-index: 20
}
.xl\:order-last {
order: 9999
}
.xl\:col-start-2 {
grid-column-start: 2
}
.xl\:mx-28 {
margin-left: 7rem;
margin-right: 7rem
}
.xl\:mx-\[-100px\] {
margin-left: -100px;
margin-right: -100px
}
.xl\:mx-auto {
margin-left: auto;
margin-right: auto
}
.xl\:my-16 {
margin-top: 4rem;
margin-bottom: 4rem
}
.xl\:my-20 {
margin-top: 5rem;
margin-bottom: 5rem
}
.xl\:my-\[120px\] {
margin-top: 120px;
margin-bottom: 120px
}
.xl\:-ml-16 {
margin-left: -4rem
}
.xl\:-ml-20 {
margin-left: -5rem
}
.xl\:-ml-8 {
margin-left: -2rem
}
.xl\:-mt-16 {
margin-top: -4rem
}
.xl\:-mt-2 {
margin-top: -.5rem
}
.xl\:-mt-28 {
margin-top: -7rem
}
.xl\:-mt-5 {
margin-top: -1.25rem
}
.xl\:-mt-\[75px\] {
margin-top: -75px
}
.xl\:mb-0 {
margin-bottom: 0
}
.xl\:mb-1 {
margin-bottom: .25rem
}
.xl\:mb-10 {
margin-bottom: 2.5rem
}
.xl\:mb-12 {
margin-bottom: 3rem
}
.xl\:mb-32 {
margin-bottom: 8rem
}
.xl\:ml-\[-105px\] {
margin-left: -105px
}
.xl\:ml-\[-50px\] {
margin-left: -50px
}
.xl\:mt-0 {
margin-top: 0
}
.xl\:mt-44 {
margin-top: 11rem
}
.xl\:mt-\[-270px\] {
margin-top: -270px
}
.xl\:mt-\[200px\] {
margin-top: 200px
}
.xl\:block {
display: block
}
.xl\:inline {
display: inline
}
.xl\:flex {
display: flex
}
.xl\:inline-flex {
display: inline-flex
}
.xl\:grid {
display: grid
}
.xl\:hidden {
display: none
}
.xl\:\!h-12 {
height: 3rem !important
}
.xl\:\!h-\[111px\] {
height: 111px !important
}
.xl\:h-1 {
height: .25rem
}
.xl\:h-1\.5 {
height: .375rem
}
.xl\:h-\[120px\] {
height: 120px
}
.xl\:h-\[130px\] {
height: 130px
}
.xl\:h-\[143px\] {
height: 143px
}
.xl\:h-\[168px\] {
height: 168px
}
.xl\:h-\[178px\] {
height: 178px
}
.xl\:h-\[206px\] {
height: 206px
}
.xl\:h-\[24px\] {
height: 24px
}
.xl\:h-\[294px\] {
height: 294px
}
.xl\:h-\[302px\] {
height: 302px
}
.xl\:h-\[328px\] {
height: 328px
}
.xl\:h-\[32px\] {
height: 32px
}
.xl\:h-\[360px\] {
height: 360px
}
.xl\:h-\[400px\] {
height: 400px
}
.xl\:h-\[468px\] {
height: 468px
}
.xl\:h-\[490px\] {
height: 490px
}
.xl\:h-\[500px\] {
height: 500px
}
.xl\:h-\[574px\] {
height: 574px
}
.xl\:h-\[600px\] {
height: 600px
}
.xl\:h-\[609px\] {
height: 609px
}
.xl\:h-\[62px\] {
height: 62px
}
.xl\:h-\[637px\] {
height: 637px
}
.xl\:h-\[675px\] {
height: 675px
}
.xl\:h-\[684px\] {
height: 684px
}
.xl\:h-\[750px\] {
height: 750px
}
.xl\:h-\[90px\] {
height: 90px
}
.xl\:h-\[calc\(100vh-90px\)\] {
height: calc(100vh - 90px)
}
.xl\:h-min {
height: -moz-min-content;
height: min-content
}
.xl\:min-h-\[405px\] {
min-height: 405px
}
.xl\:min-h-\[590px\] {
min-height: 590px
}
.xl\:min-h-\[700px\] {
min-height: 700px
}
.xl\:\!w-12 {
width: 3rem !important
}
.xl\:\!w-\[396px\] {
width: 396px !important
}
.xl\:w-96 {
width: 24rem
}
.xl\:w-\[100px\] {
width: 100px
}
.xl\:w-\[1090px\] {
width: 1090px
}
.xl\:w-\[1100px\] {
width: 1100px
}
.xl\:w-\[110px\] {
width: 110px
}
.xl\:w-\[1112px\] {
width: 1112px
}
.xl\:w-\[1536px\] {
width: 1536px
}
.xl\:w-\[168px\] {
width: 168px
}
.xl\:w-\[200px\] {
width: 200px
}
.xl\:w-\[206px\] {
width: 206px
}
.xl\:w-\[24px\] {
width: 24px
}
.xl\:w-\[252px\] {
width: 252px
}
.xl\:w-\[280px\] {
width: 280px
}
.xl\:w-\[285px\] {
width: 285px
}
.xl\:w-\[291px\] {
width: 291px
}
.xl\:w-\[294px\] {
width: 294px
}
.xl\:w-\[302px\] {
width: 302px
}
.xl\:w-\[32px\] {
width: 32px
}
.xl\:w-\[353px\] {
width: 353px
}
.xl\:w-\[366px\] {
width: 366px
}
.xl\:w-\[367px\] {
width: 367px
}
.xl\:w-\[379px\] {
width: 379px
}
.xl\:w-\[400px\] {
width: 400px
}
.xl\:w-\[464px\] {
width: 464px
}
.xl\:w-\[486px\] {
width: 486px
}
.xl\:w-\[496px\] {
width: 496px
}
.xl\:w-\[521px\] {
width: 521px
}
.xl\:w-\[617px\] {
width: 617px
}
.xl\:w-\[62px\] {
width: 62px
}
.xl\:w-\[640px\] {
width: 640px
}
.xl\:w-\[680px\] {
width: 680px
}
.xl\:w-\[823px\] {
width: 823px
}
.xl\:w-\[839px\] {
width: 839px
}
.xl\:w-\[90px\] {
width: 90px
}
.xl\:w-\[945px\] {
width: 945px
}
.xl\:w-\[960px\] {
width: 960px
}
.xl\:w-auto {
width: auto
}
.xl\:w-full {
width: 100%
}
.xl\:w-max {
width: -moz-max-content;
width: max-content
}
.xl\:min-w-\[115px\] {
min-width: 115px
}
.xl\:min-w-\[150px\] {
min-width: 150px
}
.xl\:min-w-\[340px\] {
min-width: 340px
}
.xl\:min-w-\[650px\] {
min-width: 650px
}
.xl\:min-w-\[780px\] {
min-width: 780px
}
.xl\:min-w-\[800px\] {
min-width: 800px
}
.xl\:min-w-\[850px\] {
min-width: 850px
}
.xl\:max-w-\[1000px\] {
max-width: 1000px
}
.xl\:max-w-\[1100px\] {
max-width: 1100px
}
.xl\:max-w-\[1200px\] {
max-width: 1200px
}
.xl\:max-w-\[250px\] {
max-width: 250px
}
.xl\:max-w-\[350px\] {
max-width: 350px
}
.xl\:max-w-\[359px\] {
max-width: 359px
}
.xl\:max-w-\[380px\] {
max-width: 380px
}
.xl\:max-w-\[400px\] {
max-width: 400px
}
.xl\:max-w-\[420px\] {
max-width: 420px
}
.xl\:max-w-\[428px\] {
max-width: 428px
}
.xl\:max-w-\[462px\] {
max-width: 462px
}
.xl\:max-w-\[467px\] {
max-width: 467px
}
.xl\:max-w-\[470px\] {
max-width: 470px
}
.xl\:max-w-\[475px\] {
max-width: 475px
}
.xl\:max-w-\[476px\] {
max-width: 476px
}
.xl\:max-w-\[479px\] {
max-width: 479px
}
.xl\:max-w-\[480px\] {
max-width: 480px
}
.xl\:max-w-\[50\%\] {
max-width: 50%
}
.xl\:max-w-\[500px\] {
max-width: 500px
}
.xl\:max-w-\[510px\] {
max-width: 510px
}
.xl\:max-w-\[513px\] {
max-width: 513px
}
.xl\:max-w-\[517px\] {
max-width: 517px
}
.xl\:max-w-\[538px\] {
max-width: 538px
}
.xl\:max-w-\[550px\] {
max-width: 550px
}
.xl\:max-w-\[570px\] {
max-width: 570px
}
.xl\:max-w-\[578px\] {
max-width: 578px
}
.xl\:max-w-\[600px\] {
max-width: 600px
}
.xl\:max-w-\[630px\] {
max-width: 630px
}
.xl\:max-w-\[640px\] {
max-width: 640px
}
.xl\:max-w-\[650px\] {
max-width: 650px
}
.xl\:max-w-\[680px\] {
max-width: 680px
}
.xl\:max-w-\[688px\] {
max-width: 688px
}
.xl\:max-w-\[700px\] {
max-width: 700px
}
.xl\:max-w-\[720px\] {
max-width: 720px
}
.xl\:max-w-\[740px\] {
max-width: 740px
}
.xl\:max-w-\[800px\] {
max-width: 800px
}
.xl\:max-w-\[809px\] {
max-width: 809px
}
.xl\:max-w-\[846px\] {
max-width: 846px
}
.xl\:max-w-\[850px\] {
max-width: 850px
}
.xl\:max-w-\[856px\] {
max-width: 856px
}
.xl\:max-w-\[90\%\] {
max-width: 90%
}
.xl\:max-w-\[900px\] {
max-width: 900px
}
.xl\:max-w-full {
max-width: 100%
}
.xl\:max-w-none {
max-width: none
}
.xl\:-translate-x-1\/4 {
--tw-translate-x: -25%
}
.xl\:-translate-x-1\/4,
.xl\:translate-x-\[-10\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.xl\:translate-x-\[-10\%\] {
--tw-translate-x: -10%
}
.xl\:translate-y-1\/4 {
--tw-translate-y: 25%
}
.xl\:translate-y-1\/4,
.xl\:translate-y-40 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.xl\:translate-y-40 {
--tw-translate-y: 10rem
}
.xl\:translate-y-52 {
--tw-translate-y: 13rem
}
.xl\:translate-y-52,
.xl\:translate-y-56 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.xl\:translate-y-56 {
--tw-translate-y: 14rem
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.xl\:grid-cols-\[2fr\2c 1fr\] {
grid-template-columns: 2fr 1fr
}
.xl\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr))
}
.xl\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr))
}
.xl\:flex-row {
flex-direction: row
}
.xl\:items-start {
align-items: flex-start
}
.xl\:items-center {
align-items: center
}
.xl\:justify-center {
justify-content: center
}
.xl\:justify-between {
justify-content: space-between
}
.xl\:gap-28 {
gap: 7rem
}
.xl\:gap-4 {
gap: 1rem
}
.xl\:gap-40 {
gap: 10rem
}
.xl\:gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem
}
.xl\:gap-x-12 {
-moz-column-gap: 3rem;
column-gap: 3rem
}
.xl\:gap-x-14 {
-moz-column-gap: 3.5rem;
column-gap: 3.5rem
}
.xl\:gap-x-24 {
-moz-column-gap: 6rem;
column-gap: 6rem
}
.xl\:gap-x-large {
-moz-column-gap: var(--tk-spacing-large);
column-gap: var(--tk-spacing-large)
}
.xl\:gap-y-7 {
row-gap: 1.75rem
}
.xl\:gap-y-8 {
row-gap: 2rem
}
.xl\:space-x-10>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.xl\:space-x-32>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(8rem * var(--tw-space-x-reverse));
margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)))
}
.xl\:space-x-8>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.xl\:space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse))
}
.xl\:space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}
.xl\:space-y-8>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}
.xl\:space-y-\[54px\]>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(54px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(54px * var(--tw-space-y-reverse))
}
.xl\:self-start {
align-self: flex-start
}
.xl\:justify-self-start {
justify-self: start
}
.xl\:overflow-x-auto {
overflow-x: auto
}
.xl\:whitespace-nowrap {
white-space: nowrap
}
.xl\:rounded-2xl {
border-radius: 1rem
}
.xl\:border-b-0 {
border-bottom-width: 0
}
.xl\:border-r {
border-right-width: 1px
}
.xl\:border-t-0 {
border-top-width: 0
}
.xl\:p-0 {
padding: 0
}
.xl\:p-8 {
padding: 2rem
}
.xl\:px-0 {
padding-left: 0;
padding-right: 0
}
.xl\:px-12 {
padding-left: 3rem;
padding-right: 3rem
}
.xl\:px-16 {
padding-left: 4rem;
padding-right: 4rem
}
.xl\:px-20 {
padding-left: 5rem;
padding-right: 5rem
}
.xl\:px-24 {
padding-left: 6rem;
padding-right: 6rem
}
.xl\:px-28 {
padding-left: 7rem;
padding-right: 7rem
}
.xl\:px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.xl\:px-44 {
padding-left: 11rem;
padding-right: 11rem
}
.xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.xl\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.xl\:px-9 {
padding-left: 2.25rem;
padding-right: 2.25rem
}
.xl\:py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.xl\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem
}
.xl\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.xl\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem
}
.xl\:py-28 {
padding-top: 7rem;
padding-bottom: 7rem
}
.xl\:py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.xl\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem
}
.xl\:py-36 {
padding-top: 9rem;
padding-bottom: 9rem
}
.xl\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.xl\:py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.xl\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.xl\:pb-10 {
padding-bottom: 2.5rem
}
.xl\:pb-12 {
padding-bottom: 3rem
}
.xl\:pb-14 {
padding-bottom: 3.5rem
}
.xl\:pb-20 {
padding-bottom: 5rem
}
.xl\:pb-24 {
padding-bottom: 6rem
}
.xl\:pb-28 {
padding-bottom: 7rem
}
.xl\:pb-8 {
padding-bottom: 2rem
}
.xl\:pl-16 {
padding-left: 4rem
}
.xl\:pl-20 {
padding-left: 5rem
}
.xl\:pl-48 {
padding-left: 12rem
}
.xl\:pt-0 {
padding-top: 0
}
.xl\:pt-10 {
padding-top: 2.5rem
}
.xl\:pt-12 {
padding-top: 3rem
}
.xl\:pt-20 {
padding-top: 5rem
}
.xl\:pt-24 {
padding-top: 6rem
}
.xl\:pt-28 {
padding-top: 7rem
}
.xl\:pt-32 {
padding-top: 8rem
}
.xl\:pt-36 {
padding-top: 9rem
}
.xl\:pt-4 {
padding-top: 1rem
}
.xl\:pt-6 {
padding-top: 1.5rem
}
.xl\:pt-9 {
padding-top: 2.25rem
}
.xl\:pt-xxlarge {
padding-top: var(--tk-spacing-xxlarge)
}
.xl\:text-2xl {
font-size: 1.5rem;
line-height: 2rem
}
.xl\:text-\[10px\] {
font-size: 10px
}
.xl\:text-\[120px\] {
font-size: 120px
}
.xl\:text-\[121px\] {
font-size: 121px
}
.xl\:text-\[125px\] {
font-size: 125px
}
.xl\:text-\[12px\] {
font-size: 12px
}
.xl\:text-\[144px\] {
font-size: 144px
}
.xl\:text-\[14px\] {
font-size: 14px
}
.xl\:text-\[15px\] {
font-size: 15px
}
.xl\:text-\[16px\] {
font-size: 16px
}
.xl\:text-\[189px\] {
font-size: 189px
}
.xl\:text-\[18px\] {
font-size: 18px
}
.xl\:text-\[20px\] {
font-size: 20px
}
.xl\:text-\[21px\] {
font-size: 21px
}
.xl\:text-\[22px\] {
font-size: 22px
}
.xl\:text-\[24px\] {
font-size: 24px
}
.xl\:text-\[25px\] {
font-size: 25px
}
.xl\:text-\[26px\] {
font-size: 26px
}
.xl\:text-\[30px\] {
font-size: 30px
}
.xl\:text-\[32px\] {
font-size: 32px
}
.xl\:text-\[33px\] {
font-size: 33px
}
.xl\:text-\[36px\] {
font-size: 36px
}
.xl\:text-\[38px\] {
font-size: 38px
}
.xl\:text-\[40px\] {
font-size: 40px
}
.xl\:text-\[42px\] {
font-size: 42px
}
.xl\:text-\[46px\] {
font-size: 46px
}
.xl\:text-\[48px\] {
font-size: 48px
}
.xl\:text-\[50px\] {
font-size: 50px
}
.xl\:text-\[59px\] {
font-size: 59px
}
.xl\:text-\[60px\] {
font-size: 60px
}
.xl\:text-\[62px\] {
font-size: 62px
}
.xl\:text-\[63\.3px\] {
font-size: 63.3px
}
.xl\:text-\[63px\] {
font-size: 63px
}
.xl\:text-\[64px\] {
font-size: 64px
}
.xl\:text-\[67\.2px\] {
font-size: 67.2px
}
.xl\:text-\[72px\] {
font-size: 72px
}
.xl\:text-\[76px\] {
font-size: 76px
}
.xl\:text-\[80px\] {
font-size: 80px
}
.xl\:text-\[94px\] {
font-size: 94px
}
.xl\:text-h1 {
font-size: 63.3px;
line-height: .9;
letter-spacing: -.03em
}
.xl\:text-h1-alt {
font-size: 60px;
line-height: .9;
letter-spacing: -.05em
}
.xl\:text-h2 {
font-size: 42.2px;
line-height: 1;
letter-spacing: -.03em
}
.xl\:text-h2-alt {
font-size: 40px;
line-height: 1;
letter-spacing: -.05em
}
.xl\:text-xsmall {
font-size: 12px
}
.xl\:leading-\[33px\] {
line-height: 33px
}
.xl\:leading-\[85\%\] {
line-height: 85%
}
.xl\:tracking-\[-0\.03em\] {
letter-spacing: -.03em
}
.xl\:drop-shadow-2xl {
--tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, .15))
}
.xl\:drop-shadow-2xl,
.xl\:drop-shadow-xl {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.xl\:drop-shadow-xl {
--tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, .03)) drop-shadow(0 8px 5px rgba(0, 0, 0, .08))
}
.xl\:hover\:scale-\[1\.025\]:hover {
--tw-scale-x: 1.025;
--tw-scale-y: 1.025;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.xl\:hover\:shadow-md:hover {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
}
@media (min-width:1536px) {
.\32xl\:-left-12 {
left: -3rem
}
.\32xl\:-left-48 {
left: -12rem
}
.\32xl\:-right-\[400px\] {
right: -400px
}
.\32xl\:-right-\[620px\] {
right: -620px
}
.\32xl\:bottom-10 {
bottom: 2.5rem
}
.\32xl\:bottom-32 {
bottom: 8rem
}
.\32xl\:bottom-5 {
bottom: 1.25rem
}
.\32xl\:bottom-\[-724px\] {
bottom: -724px
}
.\32xl\:bottom-\[-864px\] {
bottom: -864px
}
.\32xl\:bottom-\[100px\] {
bottom: 100px
}
.\32xl\:bottom-\[380px\] {
bottom: 380px
}
.\32xl\:left-20 {
left: 5rem
}
.\32xl\:left-\[-20\%\] {
left: -20%
}
.\32xl\:left-\[0\%\] {
left: 0
}
.\32xl\:left-\[40\%\] {
left: 40%
}
.\32xl\:left-\[70\%\] {
left: 70%
}
.\32xl\:left-\[calc\(100\%-8rem\)\] {
left: calc(100% - 8rem)
}
.\32xl\:right-24 {
right: 6rem
}
.\32xl\:right-48 {
right: 12rem
}
.\32xl\:right-\[-55\%\] {
right: -55%
}
.\32xl\:right-\[-65\%\] {
right: -65%
}
.\32xl\:right-\[100px\] {
right: 100px
}
.\32xl\:top-6 {
top: 1.5rem
}
.\32xl\:top-\[-150px\] {
top: -150px
}
.\32xl\:top-\[35\%\] {
top: 35%
}
.\32xl\:top-\[400px\] {
top: 400px
}
.\32xl\:col-span-4 {
grid-column: span 4/span 4
}
.\32xl\:col-span-8 {
grid-column: span 8/span 8
}
.\32xl\:col-start-1 {
grid-column-start: 1
}
.\32xl\:col-start-2 {
grid-column-start: 2
}
.\32xl\:col-start-5 {
grid-column-start: 5
}
.\32xl\:col-end-13 {
grid-column-end: 13
}
.\32xl\:col-end-5 {
grid-column-end: 5
}
.\32xl\:col-end-8 {
grid-column-end: 8
}
.\32xl\:col-end-9 {
grid-column-end: 9
}
.\32xl\:my-0 {
margin-top: 0;
margin-bottom: 0
}
.\32xl\:-ml-20 {
margin-left: -5rem
}
.\32xl\:-ml-36 {
margin-left: -9rem
}
.\32xl\:-ml-\[13\%\] {
margin-left: -13%
}
.\32xl\:mb-20 {
margin-bottom: 5rem
}
.\32xl\:ml-0 {
margin-left: 0
}
.\32xl\:ml-\[-140px\] {
margin-left: -140px
}
.\32xl\:ml-auto {
margin-left: auto
}
.\32xl\:mr-0 {
margin-right: 0
}
.\32xl\:mr-32 {
margin-right: 8rem
}
.\32xl\:mr-\[17\%\] {
margin-right: 17%
}
.\32xl\:block {
display: block
}
.\32xl\:flex {
display: flex
}
.\32xl\:grid {
display: grid
}
.\32xl\:hidden {
display: none
}
.\32xl\:\!h-16 {
height: 4rem !important
}
.\32xl\:\!h-32 {
height: 8rem !important
}
.\32xl\:h-\[140px\] {
height: 140px
}
.\32xl\:h-\[30px\] {
height: 30px
}
.\32xl\:h-\[36px\] {
height: 36px
}
.\32xl\:h-\[431px\] {
height: 431px
}
.\32xl\:h-\[568px\] {
height: 568px
}
.\32xl\:h-\[60px\] {
height: 60px
}
.\32xl\:h-\[630px\] {
height: 630px
}
.\32xl\:h-\[660px\] {
height: 660px
}
.\32xl\:h-\[90px\] {
height: 90px
}
.\32xl\:h-\[950px\] {
height: 950px
}
.\32xl\:max-h-\[750px\] {
max-height: 750px
}
.\32xl\:min-h-\[640px\] {
min-height: 640px
}
.\32xl\:min-h-\[700px\] {
min-height: 700px
}
.\32xl\:min-h-\[900px\] {
min-height: 900px
}
.\32xl\:\!w-20 {
width: 5rem !important
}
.\32xl\:\!w-32 {
width: 8rem !important
}
.\32xl\:w-126 {
width: 32rem
}
.\32xl\:w-\[241px\] {
width: 241px
}
.\32xl\:w-\[301px\] {
width: 301px
}
.\32xl\:w-\[30px\] {
width: 30px
}
.\32xl\:w-\[310px\] {
width: 310px
}
.\32xl\:w-\[334px\] {
width: 334px
}
.\32xl\:w-\[340px\] {
width: 340px
}
.\32xl\:w-\[360px\] {
width: 360px
}
.\32xl\:w-\[36px\] {
width: 36px
}
.\32xl\:w-\[375px\] {
width: 375px
}
.\32xl\:w-\[407px\] {
width: 407px
}
.\32xl\:w-\[431px\] {
width: 431px
}
.\32xl\:w-\[461px\] {
width: 461px
}
.\32xl\:w-\[500px\] {
width: 500px
}
.\32xl\:w-\[548px\] {
width: 548px
}
.\32xl\:w-\[553px\] {
width: 553px
}
.\32xl\:w-\[641px\] {
width: 641px
}
.\32xl\:w-\[717px\] {
width: 717px
}
.\32xl\:w-\[904px\] {
width: 904px
}
.\32xl\:w-\[987px\] {
width: 987px
}
.\32xl\:w-\[calc\(100\%-0\.5px\)\] {
width: calc(100% - .5px)
}
.\32xl\:w-auto {
width: auto
}
.\32xl\:min-w-\[1000px\] {
min-width: 1000px
}
.\32xl\:min-w-\[115px\] {
min-width: 115px
}
.\32xl\:min-w-\[135px\] {
min-width: 135px
}
.\32xl\:min-w-\[200px\] {
min-width: 200px
}
.\32xl\:min-w-\[22rem\] {
min-width: 22rem
}
.\32xl\:min-w-\[260px\] {
min-width: 260px
}
.\32xl\:min-w-\[340px\] {
min-width: 340px
}
.\32xl\:min-w-\[460px\] {
min-width: 460px
}
.\32xl\:min-w-\[492px\] {
min-width: 492px
}
.\32xl\:min-w-\[683px\] {
min-width: 683px
}
.\32xl\:min-w-\[850px\] {
min-width: 850px
}
.\32xl\:max-w-\[1000px\] {
max-width: 1000px
}
.\32xl\:max-w-\[1050px\] {
max-width: 1050px
}
.\32xl\:max-w-\[1100px\] {
max-width: 1100px
}
.\32xl\:max-w-\[1152px\] {
max-width: 1152px
}
.\32xl\:max-w-\[290px\] {
max-width: 290px
}
.\32xl\:max-w-\[300px\] {
max-width: 300px
}
.\32xl\:max-w-\[310px\] {
max-width: 310px
}
.\32xl\:max-w-\[440px\] {
max-width: 440px
}
.\32xl\:max-w-\[450px\] {
max-width: 450px
}
.\32xl\:max-w-\[476px\] {
max-width: 476px
}
.\32xl\:max-w-\[480px\] {
max-width: 480px
}
.\32xl\:max-w-\[490px\] {
max-width: 490px
}
.\32xl\:max-w-\[500px\] {
max-width: 500px
}
.\32xl\:max-w-\[508px\] {
max-width: 508px
}
.\32xl\:max-w-\[520px\] {
max-width: 520px
}
.\32xl\:max-w-\[550px\] {
max-width: 550px
}
.\32xl\:max-w-\[566px\] {
max-width: 566px
}
.\32xl\:max-w-\[600px\] {
max-width: 600px
}
.\32xl\:max-w-\[630px\] {
max-width: 630px
}
.\32xl\:max-w-\[632px\] {
max-width: 632px
}
.\32xl\:max-w-\[650px\] {
max-width: 650px
}
.\32xl\:max-w-\[652px\] {
max-width: 652px
}
.\32xl\:max-w-\[680px\] {
max-width: 680px
}
.\32xl\:max-w-\[690px\] {
max-width: 690px
}
.\32xl\:max-w-\[700px\] {
max-width: 700px
}
.\32xl\:max-w-\[720px\] {
max-width: 720px
}
.\32xl\:max-w-\[800px\] {
max-width: 800px
}
.\32xl\:max-w-\[815px\] {
max-width: 815px
}
.\32xl\:max-w-\[836px\] {
max-width: 836px
}
.\32xl\:max-w-\[840px\] {
max-width: 840px
}
.\32xl\:max-w-\[850px\] {
max-width: 850px
}
.\32xl\:max-w-\[900px\] {
max-width: 900px
}
.\32xl\:max-w-full {
max-width: 100%
}
.\32xl\:max-w-none {
max-width: none
}
.\32xl\:translate-x-0 {
--tw-translate-x: 0px
}
.\32xl\:translate-x-0,
.\32xl\:translate-y-48 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.\32xl\:translate-y-48 {
--tw-translate-y: 12rem
}
.\32xl\:translate-y-60 {
--tw-translate-y: 15rem
}
.\32xl\:translate-y-60,
.\32xl\:translate-y-64 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.\32xl\:translate-y-64 {
--tw-translate-y: 16rem
}
.\32xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.\32xl\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr))
}
.\32xl\:grid-cols-\[64px\2c auto\2c 64px\] {
grid-template-columns: 64px auto 64px
}
.\32xl\:justify-start {
justify-content: flex-start
}
.\32xl\:justify-center {
justify-content: center
}
.\32xl\:justify-evenly {
justify-content: space-evenly
}
.\32xl\:gap-xlarge {
gap: var(--tk-spacing-xlarge)
}
.\32xl\:gap-x-0 {
-moz-column-gap: 0;
column-gap: 0
}
.\32xl\:gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem
}
.\32xl\:gap-x-16 {
-moz-column-gap: 4rem;
column-gap: 4rem
}
.\32xl\:space-x-12>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(3rem * var(--tw-space-x-reverse));
margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)))
}
.\32xl\:space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}
.\32xl\:space-y-10>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
}
.\32xl\:space-y-12>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}
.\32xl\:space-y-20>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}
.\32xl\:space-y-4>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.\32xl\:whitespace-nowrap {
white-space: nowrap
}
.\32xl\:border-x-\[1px\] {
border-left-width: 1px;
border-right-width: 1px
}
.\32xl\:border-l-\[1px\] {
border-left-width: 1px
}
.\32xl\:border-r-\[1px\] {
border-right-width: 1px
}
.\32xl\:p-12 {
padding: 3rem
}
.\32xl\:p-6 {
padding: 1.5rem
}
.\32xl\:px-0 {
padding-left: 0;
padding-right: 0
}
.\32xl\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.\32xl\:px-16 {
padding-left: 4rem;
padding-right: 4rem
}
.\32xl\:px-32 {
padding-left: 8rem;
padding-right: 8rem
}
.\32xl\:px-40 {
padding-left: 10rem;
padding-right: 10rem
}
.\32xl\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.\32xl\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.\32xl\:py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.\32xl\:py-3\.5 {
padding-top: .875rem;
padding-bottom: .875rem
}
.\32xl\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem
}
.\32xl\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.\32xl\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.\32xl\:py-xxlarge {
padding-top: var(--tk-spacing-xxlarge);
padding-bottom: var(--tk-spacing-xxlarge)
}
.\32xl\:pb-72 {
padding-bottom: 18rem
}
.\32xl\:pl-0 {
padding-left: 0
}
.\32xl\:pl-28 {
padding-left: 7rem
}
.\32xl\:pl-36 {
padding-left: 9rem
}
.\32xl\:pl-4 {
padding-left: 1rem
}
.\32xl\:pr-36 {
padding-right: 9rem
}
.\32xl\:pt-10 {
padding-top: 2.5rem
}
.\32xl\:pt-2 {
padding-top: .5rem
}
.\32xl\:pt-20 {
padding-top: 5rem
}
.\32xl\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem
}
.\32xl\:text-\[110px\] {
font-size: 110px
}
.\32xl\:text-\[114px\] {
font-size: 114px
}
.\32xl\:text-\[134px\] {
font-size: 134px
}
.\32xl\:text-\[145px\] {
font-size: 145px
}
.\32xl\:text-\[14px\] {
font-size: 14px
}
.\32xl\:text-\[150px\] {
font-size: 150px
}
.\32xl\:text-\[15px\] {
font-size: 15px
}
.\32xl\:text-\[16px\] {
font-size: 16px
}
.\32xl\:text-\[18px\] {
font-size: 18px
}
.\32xl\:text-\[20px\] {
font-size: 20px
}
.\32xl\:text-\[23px\] {
font-size: 23px
}
.\32xl\:text-\[24px\] {
font-size: 24px
}
.\32xl\:text-\[26\.38px\] {
font-size: 26.38px
}
.\32xl\:text-\[26px\] {
font-size: 26px
}
.\32xl\:text-\[28px\] {
font-size: 28px
}
.\32xl\:text-\[34px\] {
font-size: 34px
}
.\32xl\:text-\[60px\] {
font-size: 60px
}
.\32xl\:text-\[63px\] {
font-size: 63px
}
.\32xl\:text-\[77px\] {
font-size: 77px
}
.\32xl\:text-h1-alt-xl {
font-size: 75px;
line-height: .9;
letter-spacing: -.05em
}
.\32xl\:text-h1-xl {
font-size: 79.13px;
line-height: .9;
letter-spacing: -.03em
}
.\32xl\:text-h2-alt-xl {
font-size: 50px;
line-height: 1;
letter-spacing: -.05em
}
.\32xl\:text-h2-xl {
font-size: 52.75px;
line-height: 1;
letter-spacing: -.03em
}
.\32xl\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.\32xl\:text-sm {
font-size: .875rem;
line-height: 1.25rem
}
.\32xl\:text-small {
font-size: 15px
}
.\32xl\:text-xs {
font-size: .75rem;
line-height: 1rem
}
.\32xl\:leading-\[135px\] {
line-height: 135px
}
.\32xl\:leading-\[15px\] {
line-height: 15px
}
.\32xl\:leading-\[20px\] {
line-height: 20px
}
}
@media (min-width:2024px) {
.\33xl\:-bottom-16 {
bottom: -4rem
}
.\33xl\:-right-16 {
right: -4rem
}
.\33xl\:left-1\/2 {
left: 50%
}
.\33xl\:left-\[calc\(100\%-10rem\)\] {
left: calc(100% - 10rem)
}
.\33xl\:left-\[calc\(100\%-14rem\)\] {
left: calc(100% - 14rem)
}
.\33xl\:right-14 {
right: 3.5rem
}
.\33xl\:col-span-5 {
grid-column: span 5/span 5
}
.\33xl\:h-\[500px\] {
height: 500px
}
.\33xl\:max-h-\[860px\] {
max-height: 860px
}
.\33xl\:min-h-\[915px\] {
min-height: 915px
}
.\33xl\:w-\[400px\] {
width: 400px
}
.\33xl\:w-\[420px\] {
width: 420px
}
.\33xl\:w-\[500px\] {
width: 500px
}
.\33xl\:w-\[561px\] {
width: 561px
}
.\33xl\:w-\[985px\] {
width: 985px
}
.\33xl\:w-auto {
width: auto
}
.\33xl\:w-full {
width: 100%
}
.\33xl\:min-w-\[1000px\] {
min-width: 1000px
}
.\33xl\:min-w-\[150px\] {
min-width: 150px
}
.\33xl\:min-w-\[250px\] {
min-width: 250px
}
.\33xl\:max-w-\[400px\] {
max-width: 400px
}
.\33xl\:max-w-\[500px\] {
max-width: 500px
}
.\33xl\:max-w-\[540px\] {
max-width: 540px
}
.\33xl\:max-w-\[550px\] {
max-width: 550px
}
.\33xl\:max-w-\[660px\] {
max-width: 660px
}
.\33xl\:-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.\33xl\:grid-cols-\[3fr\2c 2fr\] {
grid-template-columns: 3fr 2fr
}
.\33xl\:grid-cols-\[auto\2c 2024px\2c auto\] {
grid-template-columns: auto 2024px auto
}
.\33xl\:space-y-16>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(4rem * var(--tw-space-y-reverse))
}
.\33xl\:px-0 {
padding-left: 0;
padding-right: 0
}
.\33xl\:px-48 {
padding-left: 12rem;
padding-right: 12rem
}
.\33xl\:py-48 {
padding-top: 12rem;
padding-bottom: 12rem
}
.\33xl\:pl-0 {
padding-left: 0
}
.\33xl\:text-\[160px\] {
font-size: 160px
}
.\33xl\:text-\[17px\] {
font-size: 17px
}
}
.\[\&\:not\(\:first-child\)\]\:-ml-small:not(:first-child) {
margin-left: calc(var(--tk-spacing-small) * -1)
}
.\[\&\:not\(\:first-child\)\]\:ml-\[-21px\]:not(:first-child) {
margin-left: -21px
}
.\[\&\:not\(\:first-child\)\]\:ml-\[-29px\]:not(:first-child) {
margin-left: -29px
}
.\[\&\:not\(\:first-child\)\]\:ml-\[-37px\]:not(:first-child) {
margin-left: -37px
}
.\[\&\>\*\]\:border-r-\[1px\]>* {
border-right-width: 1px
}
.\[\&\>\*\]\:border-t-\[1px\]>* {
border-top-width: 1px
}
.\[\&\>\*\]\:border-eggplant>* {
--tw-border-opacity: 1;
border-color: rgb(35 11 89/var(--tw-border-opacity))
}
.\[\&\>\*\]\:border-lunar>* {
--tw-border-opacity: 1;
border-color: rgb(181 178 201/var(--tw-border-opacity))
}
.\[\&\>\*\]\:border-opacity-40>* {
--tw-border-opacity: 0.4
}
.\[\&\>\*\]\:py-10>* {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.last\:\[\&\>\*\]\:border-r-0>:last-child {
border-right-width: 0
}
@media (min-width:768px) {
.md\:\[\&\>\*\]\:border-r-\[1px\]>* {
border-right-width: 1px
}
.md\:\[\&\>\*\]\:border-t-0>* {
border-top-width: 0
}
.md\:\[\&\>\*\]\:px-10>* {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.md\:\[\&\>\*\]\:py-4>* {
padding-top: 1rem;
padding-bottom: 1rem
}
}
@media (min-width:960px) {
.lg\:last\:\[\&\>\*\]\:border-r-0>:last-child {
border-right-width: 0
}
}
@media (min-width:1536px) {
.\32xl\:last\:\[\&\>\*\]\:border-r-\[1px\]>:last-child {
border-right-width: 1px
}
}
@media(min-width:0px) {
.\[\@media\(min-width\:0px\)\]\:p-0 {
padding: 0
}
}
@media(min-width:1000px) {
.\[\@media\(min-width\:1000px\)\]\:text-\[48px\] {
font-size: 48px
}
}
@media(min-width:1200px) {
.\[\@media\(min-width\:1200px\)\]\:flex-row {
flex-direction: row
}
}
@media(min-width:1226px) {
.\[\@media\(min-width\:1226px\)\]\:w-\[307px\] {
width: 307px
}
}
@media(min-width:1240px) {
.\[\@media\(min-width\:1240px\)\]\:text-\[120px\] {
font-size: 120px
}
}
@media(min-width:1380px) {
.\[\@media\(min-width\:1380px\)\]\:text-\[72px\] {
font-size: 72px
}
}
@media(min-width:1600px) {
.\[\@media\(min-width\:1600px\)\]\:justify-center {
justify-content: center
}
}
@media(min-width:1622px) {
.\[\@media\(min-width\:1622px\)\]\:w-\[437px\] {
width: 437px
}
}
@media(min-width:2024px) {
.\[\@media\(min-width\:2024px\)\]\:w-\[507px\] {
width: 507px
}
}
@media(min-width:360px) {
.\[\@media\(min-width\:360px\)\]\:w-full {
width: 100%
}
.\[\@media\(min-width\:360px\)\]\:flex-nowrap {
flex-wrap: nowrap
}
}
@media(min-width:390px) {
.\[\@media\(min-width\:390px\)\]\:left-\[47\%\] {
left: 47%
}
}
@media(min-width:400px) {
.\[\@media\(min-width\:400px\)\]\:block {
display: block
}
.\[\@media\(min-width\:400px\)\]\:hidden {
display: none
}
}
@media(min-width:500px) {
.\[\@media\(min-width\:500px\)\]\:hidden {
display: none
}
.\[\@media\(min-width\:500px\)\]\:pt-0 {
padding-top: 0
}
.\[\@media\(min-width\:500px\)\]\:text-body {
font-size: 18px;
line-height: 1.2
}
.\[\@media\(min-width\:500px\)\]\:leading-10 {
line-height: 2.5rem
}
.\[\@media\(min-width\:500px\)\]\:leading-normal {
line-height: 1.5
}
}
:root {
--tk-gradient-soft: linear-gradient(#f7eae4, #e8ebfd);
--tk-gradient-vibrant: linear-gradient(#c3cdf4, #fed0b9);
--tk-gradient-aqua: linear-gradient(#c3cdf4, #d9edca);
--tk-gradient-day: linear-gradient(#d9edca, #fff3d6);
--tk-gradient-soft-twilight: linear-gradient(#df8b5d, #6f85c8);
--tk-gradient-vibrant-twilight: linear-gradient(#4840ba, #ac5e35);
--tk-gradient-aqua-twilight: linear-gradient(#5ea698, #4840ba);
--tk-gradient-night: linear-gradient(#230b5b, #4840ba)
}
:root,
[data-theme=default],
[data-theme=sunrise-space-white-blurple-white-light] {
--tk-content-primary: #18172b;
--tk-content-secondary: rgba(24, 23, 43, .63);
--tk-content-disabled: rgba(24, 23, 43, .34);
--tk-content-divider: rgba(24, 23, 43, .17);
--tk-content-shadow: rgba(24, 23, 43, .17);
--tk-content-positive: #288067;
--tk-surface: #fff;
--tk-surface-elevated: #fff;
--tk-surface-overlay: rgba(26, 26, 26, .8);
--tk-surface-disabled: rgba(24, 23, 43, .17);
--tk-surface-read-only: rgba(24, 23, 43, .11);
--tk-surface-track: rgba(24, 23, 43, .11);
--tk-surface-notice-info: #f4f3f7;
--tk-surface-notice-destructive: #f8e8ea;
--tk-content-primary-inverted: #fff;
--tk-surface-inverted: #18172b;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #4840ba;
--tk-content-interactive-concealed: #4840ba;
--tk-content-interactive-ambient: #4840ba;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #4840ba;
--tk-surface-interactive-default: rgba(72, 64, 186, .1);
--tk-surface-interactive-concealed: rgba(72, 64, 186, 0);
--tk-surface-interactive-ambient: rgba(72, 64, 186, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #4840ba;
--tk-content-interactive-concealed-hover: #4840ba;
--tk-content-interactive-ambient-hover: #544cc8;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #544cc8;
--tk-surface-interactive-default-hover: rgba(72, 64, 186, .15);
--tk-surface-interactive-concealed-hover: rgba(72, 64, 186, .05);
--tk-surface-interactive-ambient-hover: rgba(72, 64, 186, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #4840ba;
--tk-content-interactive-concealed-active: #4840ba;
--tk-content-interactive-ambient-active: #5e54cf;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #5e54cf;
--tk-surface-interactive-default-active: rgba(72, 64, 186, .2);
--tk-surface-interactive-concealed-active: rgba(72, 64, 186, .1);
--tk-surface-interactive-ambient-active: rgba(72, 64, 186, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #18172b;
--tk-chart-neutral-secondary: rgba(24, 23, 43, .63);
--tk-chart-neutral-tertiary: rgba(24, 23, 43, .34);
--tk-chart-neutral-quaternary: rgba(24, 23, 43, .17);
--tk-chart-neutral-quinary: rgba(24, 23, 43, .11);
--tk-chart-neutral-senary: rgba(24, 23, 43, .06);
--tk-chart-quantitative-primary: #4840ba;
--tk-chart-quantitative-secondary: rgba(72, 64, 186, .63);
--tk-chart-quantitative-tertiary: rgba(72, 64, 186, .34);
--tk-chart-quantitative-quaternary: rgba(72, 64, 186, .17);
--tk-chart-quantitative-quinary: rgba(72, 64, 186, .11);
--tk-chart-quantitative-senary: rgba(72, 64, 186, .06)
}
[data-theme=sunrise-space-white-blurple-white-dark] {
--tk-content-primary: #f1f1f3;
--tk-content-secondary: hsla(243, 9%, 95%, .84);
--tk-content-disabled: hsla(243, 9%, 95%, .53);
--tk-content-divider: hsla(243, 9%, 95%, .32);
--tk-content-shadow: hsla(243, 9%, 95%, .32);
--tk-content-positive: #65c8ac;
--tk-surface: #18172b;
--tk-surface-elevated: #2b294c;
--tk-surface-overlay: rgba(24, 23, 43, .8);
--tk-surface-disabled: hsla(243, 9%, 95%, .32);
--tk-surface-read-only: hsla(243, 9%, 95%, .21);
--tk-surface-track: hsla(243, 9%, 95%, .21);
--tk-surface-notice-info: #2c2b40;
--tk-surface-notice-destructive: #472e3f;
--tk-content-primary-inverted: #18172b;
--tk-surface-inverted: #f1f1f3;
--tk-content-interactive-primary: #230b5b;
--tk-content-interactive-default: #988fff;
--tk-content-interactive-concealed: #988fff;
--tk-content-interactive-ambient: #988fff;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #988fff;
--tk-surface-interactive-default: rgba(152, 143, 255, .1);
--tk-surface-interactive-concealed: rgba(152, 143, 255, 0);
--tk-surface-interactive-ambient: rgba(152, 143, 255, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #230b5b;
--tk-content-interactive-default-hover: #988fff;
--tk-content-interactive-concealed-hover: #988fff;
--tk-content-interactive-ambient-hover: #aba3ff;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #aba3ff;
--tk-surface-interactive-default-hover: rgba(152, 143, 255, .15);
--tk-surface-interactive-concealed-hover: rgba(152, 143, 255, .05);
--tk-surface-interactive-ambient-hover: rgba(152, 143, 255, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #230b5b;
--tk-content-interactive-default-active: #988fff;
--tk-content-interactive-concealed-active: #988fff;
--tk-content-interactive-ambient-active: #b9b3ff;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #b9b3ff;
--tk-surface-interactive-default-active: rgba(152, 143, 255, .2);
--tk-surface-interactive-concealed-active: rgba(152, 143, 255, .1);
--tk-surface-interactive-ambient-active: rgba(152, 143, 255, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #f1f1f3;
--tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
--tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
--tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
--tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
--tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
--tk-chart-quantitative-primary: #988fff;
--tk-chart-quantitative-secondary: rgba(152, 143, 255, .63);
--tk-chart-quantitative-tertiary: rgba(152, 143, 255, .34);
--tk-chart-quantitative-quaternary: rgba(152, 143, 255, .17);
--tk-chart-quantitative-quinary: rgba(152, 143, 255, .11);
--tk-chart-quantitative-senary: rgba(152, 143, 255, .06)
}
[data-theme=sunrise-quartz-pebble-storm-white-light] {
--tk-content-primary: #424158;
--tk-content-secondary: rgba(66, 65, 88, .85);
--tk-content-disabled: rgba(66, 65, 88, .46);
--tk-content-divider: rgba(66, 65, 88, .23);
--tk-content-shadow: rgba(66, 65, 88, .23);
--tk-content-positive: #288067;
--tk-surface: #f1f1f3;
--tk-surface-elevated: #fff;
--tk-surface-overlay: rgba(24, 24, 27, .8);
--tk-surface-disabled: rgba(66, 65, 88, .23);
--tk-surface-read-only: rgba(66, 65, 88, .15);
--tk-surface-track: rgba(66, 65, 88, .15);
--tk-surface-notice-info: #e7e6eb;
--tk-surface-notice-destructive: #ecdade;
--tk-content-primary-inverted: #f1f1f3;
--tk-surface-inverted: #424158;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #605f81;
--tk-content-interactive-concealed: #605f81;
--tk-content-interactive-ambient: #605f81;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #605f81;
--tk-surface-interactive-default: rgba(96, 95, 129, .1);
--tk-surface-interactive-concealed: rgba(96, 95, 129, 0);
--tk-surface-interactive-ambient: rgba(96, 95, 129, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #605f81;
--tk-content-interactive-concealed-hover: #605f81;
--tk-content-interactive-ambient-hover: #74739c;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #74739c;
--tk-surface-interactive-default-hover: rgba(96, 95, 129, .15);
--tk-surface-interactive-concealed-hover: rgba(96, 95, 129, .05);
--tk-surface-interactive-ambient-hover: rgba(96, 95, 129, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #605f81;
--tk-content-interactive-concealed-active: #605f81;
--tk-content-interactive-ambient-active: #7c7ba7;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #7c7ba7;
--tk-surface-interactive-default-active: rgba(96, 95, 129, .2);
--tk-surface-interactive-concealed-active: rgba(96, 95, 129, .1);
--tk-surface-interactive-ambient-active: rgba(96, 95, 129, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #424158;
--tk-chart-neutral-secondary: rgba(66, 65, 88, .85);
--tk-chart-neutral-tertiary: rgba(66, 65, 88, .46);
--tk-chart-neutral-quaternary: rgba(66, 65, 88, .23);
--tk-chart-neutral-quinary: rgba(66, 65, 88, .15);
--tk-chart-neutral-senary: rgba(66, 65, 88, .08);
--tk-chart-quantitative-primary: #605f81;
--tk-chart-quantitative-secondary: rgba(96, 95, 129, .63);
--tk-chart-quantitative-tertiary: rgba(96, 95, 129, .34);
--tk-chart-quantitative-quaternary: rgba(96, 95, 129, .17);
--tk-chart-quantitative-quinary: rgba(96, 95, 129, .11);
--tk-chart-quantitative-senary: rgba(96, 95, 129, .06)
}
[data-theme=sunrise-quartz-pebble-storm-white-dark] {
--tk-content-primary: #f1f1f3;
--tk-content-secondary: hsla(243, 9%, 95%, .84);
--tk-content-disabled: hsla(243, 9%, 95%, .53);
--tk-content-divider: hsla(243, 9%, 95%, .32);
--tk-content-shadow: hsla(243, 9%, 95%, .32);
--tk-content-positive: #65c8ac;
--tk-surface: #424158;
--tk-surface-elevated: #585775;
--tk-surface-overlay: rgba(25, 24, 47, .8);
--tk-surface-disabled: hsla(243, 9%, 95%, .32);
--tk-surface-read-only: hsla(243, 9%, 95%, .21);
--tk-surface-track: hsla(243, 9%, 95%, .21);
--tk-surface-notice-info: #54536a;
--tk-surface-notice-destructive: #685062;
--tk-content-primary-inverted: #424158;
--tk-surface-inverted: #f1f1f3;
--tk-content-interactive-primary: #424158;
--tk-content-interactive-default: #b4b1c9;
--tk-content-interactive-concealed: #b4b1c9;
--tk-content-interactive-ambient: #b4b1c9;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #b4b1c9;
--tk-surface-interactive-default: rgba(180, 177, 201, .1);
--tk-surface-interactive-concealed: rgba(180, 177, 201, 0);
--tk-surface-interactive-ambient: rgba(180, 177, 201, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #424158;
--tk-content-interactive-default-hover: #b4b1c9;
--tk-content-interactive-concealed-hover: #b4b1c9;
--tk-content-interactive-ambient-hover: #c2c0d3;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #c2c0d3;
--tk-surface-interactive-default-hover: rgba(180, 177, 201, .15);
--tk-surface-interactive-concealed-hover: rgba(180, 177, 201, .05);
--tk-surface-interactive-ambient-hover: rgba(180, 177, 201, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #424158;
--tk-content-interactive-default-active: #b4b1c9;
--tk-content-interactive-concealed-active: #b4b1c9;
--tk-content-interactive-ambient-active: #ccc9d9;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #ccc9d9;
--tk-surface-interactive-default-active: rgba(180, 177, 201, .2);
--tk-surface-interactive-concealed-active: rgba(180, 177, 201, .1);
--tk-surface-interactive-ambient-active: rgba(180, 177, 201, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #f1f1f3;
--tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
--tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
--tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
--tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
--tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
--tk-chart-quantitative-primary: #b4b1c9;
--tk-chart-quantitative-secondary: rgba(180, 177, 201, .63);
--tk-chart-quantitative-tertiary: rgba(180, 177, 201, .34);
--tk-chart-quantitative-quaternary: rgba(180, 177, 201, .17);
--tk-chart-quantitative-quinary: rgba(180, 177, 201, .11);
--tk-chart-quantitative-senary: rgba(180, 177, 201, .06)
}
[data-theme=sunrise-space-boulder-storm-white-light] {
--tk-content-primary: #18172b;
--tk-content-secondary: rgba(24, 23, 43, .75);
--tk-content-disabled: rgba(24, 23, 43, .41);
--tk-content-divider: rgba(24, 23, 43, .21);
--tk-content-shadow: rgba(24, 23, 43, .21);
--tk-content-positive: #288067;
--tk-surface: #d8d8df;
--tk-surface-elevated: #e6e6ea;
--tk-surface-overlay: rgba(25, 25, 31, .8);
--tk-surface-disabled: rgba(24, 23, 43, .21);
--tk-surface-read-only: rgba(24, 23, 43, .14);
--tk-surface-track: rgba(24, 23, 43, .14);
--tk-surface-notice-info: #d0cfd8;
--tk-surface-notice-destructive: #d5c3cc;
--tk-content-primary-inverted: #d8d8df;
--tk-surface-inverted: #18172b;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #605f81;
--tk-content-interactive-concealed: #605f81;
--tk-content-interactive-ambient: #605f81;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #605f81;
--tk-surface-interactive-default: rgba(96, 95, 129, .1);
--tk-surface-interactive-concealed: rgba(96, 95, 129, 0);
--tk-surface-interactive-ambient: rgba(96, 95, 129, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #605f81;
--tk-content-interactive-concealed-hover: #605f81;
--tk-content-interactive-ambient-hover: #74739c;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #74739c;
--tk-surface-interactive-default-hover: rgba(96, 95, 129, .15);
--tk-surface-interactive-concealed-hover: rgba(96, 95, 129, .05);
--tk-surface-interactive-ambient-hover: rgba(96, 95, 129, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #605f81;
--tk-content-interactive-concealed-active: #605f81;
--tk-content-interactive-ambient-active: #7c7ba7;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #7c7ba7;
--tk-surface-interactive-default-active: rgba(96, 95, 129, .2);
--tk-surface-interactive-concealed-active: rgba(96, 95, 129, .1);
--tk-surface-interactive-ambient-active: rgba(96, 95, 129, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #18172b;
--tk-chart-neutral-secondary: rgba(24, 23, 43, .75);
--tk-chart-neutral-tertiary: rgba(24, 23, 43, .41);
--tk-chart-neutral-quaternary: rgba(24, 23, 43, .21);
--tk-chart-neutral-quinary: rgba(24, 23, 43, .14);
--tk-chart-neutral-senary: rgba(24, 23, 43, .07);
--tk-chart-quantitative-primary: #605f81;
--tk-chart-quantitative-secondary: rgba(96, 95, 129, .63);
--tk-chart-quantitative-tertiary: rgba(96, 95, 129, .34);
--tk-chart-quantitative-quaternary: rgba(96, 95, 129, .17);
--tk-chart-quantitative-quinary: rgba(96, 95, 129, .11);
--tk-chart-quantitative-senary: rgba(96, 95, 129, .06)
}
[data-theme=sunrise-space-boulder-storm-white-dark] {
--tk-content-primary: #d8d8df;
--tk-content-secondary: hsla(243, 9%, 86%, .93);
--tk-content-disabled: hsla(243, 9%, 86%, .58);
--tk-content-divider: hsla(243, 9%, 86%, .35);
--tk-content-shadow: hsla(243, 9%, 86%, .35);
--tk-content-positive: #65c8ac;
--tk-surface: #18172b;
--tk-surface-elevated: #2b294c;
--tk-surface-overlay: rgba(24, 23, 43, .8);
--tk-surface-disabled: hsla(243, 9%, 86%, .35);
--tk-surface-read-only: hsla(243, 9%, 86%, .23);
--tk-surface-track: hsla(243, 9%, 86%, .23);
--tk-surface-notice-info: #2c2b40;
--tk-surface-notice-destructive: #472e3f;
--tk-content-primary-inverted: #18172b;
--tk-surface-inverted: #d8d8df;
--tk-content-interactive-primary: #18172b;
--tk-content-interactive-default: #b4b1c9;
--tk-content-interactive-concealed: #b4b1c9;
--tk-content-interactive-ambient: #b4b1c9;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #b4b1c9;
--tk-surface-interactive-default: rgba(180, 177, 201, .1);
--tk-surface-interactive-concealed: rgba(180, 177, 201, 0);
--tk-surface-interactive-ambient: rgba(180, 177, 201, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #18172b;
--tk-content-interactive-default-hover: #b4b1c9;
--tk-content-interactive-concealed-hover: #b4b1c9;
--tk-content-interactive-ambient-hover: #c2c0d3;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #c2c0d3;
--tk-surface-interactive-default-hover: rgba(180, 177, 201, .15);
--tk-surface-interactive-concealed-hover: rgba(180, 177, 201, .05);
--tk-surface-interactive-ambient-hover: rgba(180, 177, 201, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #18172b;
--tk-content-interactive-default-active: #b4b1c9;
--tk-content-interactive-concealed-active: #b4b1c9;
--tk-content-interactive-ambient-active: #ccc9d9;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #ccc9d9;
--tk-surface-interactive-default-active: rgba(180, 177, 201, .2);
--tk-surface-interactive-concealed-active: rgba(180, 177, 201, .1);
--tk-surface-interactive-ambient-active: rgba(180, 177, 201, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #d8d8df;
--tk-chart-neutral-secondary: hsla(243, 9%, 86%, .93);
--tk-chart-neutral-tertiary: hsla(243, 9%, 86%, .58);
--tk-chart-neutral-quaternary: hsla(243, 9%, 86%, .35);
--tk-chart-neutral-quinary: hsla(243, 9%, 86%, .23);
--tk-chart-neutral-senary: hsla(243, 9%, 86%, .17);
--tk-chart-quantitative-primary: #b4b1c9;
--tk-chart-quantitative-secondary: rgba(180, 177, 201, .63);
--tk-chart-quantitative-tertiary: rgba(180, 177, 201, .34);
--tk-chart-quantitative-quaternary: rgba(180, 177, 201, .17);
--tk-chart-quantitative-quinary: rgba(180, 177, 201, .11);
--tk-chart-quantitative-senary: rgba(180, 177, 201, .06)
}
[data-theme=sunrise-plum-lilac-blurple-white-light] {
--tk-content-primary: #3b2b7d;
--tk-content-secondary: rgba(59, 43, 125, .89);
--tk-content-disabled: rgba(59, 43, 125, .48);
--tk-content-divider: rgba(59, 43, 125, .24);
--tk-content-shadow: rgba(59, 43, 125, .24);
--tk-content-positive: #288067;
--tk-surface: #e8ebfd;
--tk-surface-elevated: #fff;
--tk-surface-overlay: rgba(21, 24, 41, .8);
--tk-surface-disabled: rgba(59, 43, 125, .24);
--tk-surface-read-only: rgba(59, 43, 125, .16);
--tk-surface-track: rgba(59, 43, 125, .16);
--tk-surface-notice-info: #e0e2f5;
--tk-surface-notice-destructive: #e4d5e6;
--tk-content-primary-inverted: #e8ebfd;
--tk-surface-inverted: #3b2b7d;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #4840ba;
--tk-content-interactive-concealed: #4840ba;
--tk-content-interactive-ambient: #4840ba;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #4840ba;
--tk-surface-interactive-default: rgba(72, 64, 186, .1);
--tk-surface-interactive-concealed: rgba(72, 64, 186, 0);
--tk-surface-interactive-ambient: rgba(72, 64, 186, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #4840ba;
--tk-content-interactive-concealed-hover: #4840ba;
--tk-content-interactive-ambient-hover: #544cc8;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #544cc8;
--tk-surface-interactive-default-hover: rgba(72, 64, 186, .15);
--tk-surface-interactive-concealed-hover: rgba(72, 64, 186, .05);
--tk-surface-interactive-ambient-hover: rgba(72, 64, 186, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #4840ba;
--tk-content-interactive-concealed-active: #4840ba;
--tk-content-interactive-ambient-active: #5e54cf;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #5e54cf;
--tk-surface-interactive-default-active: rgba(72, 64, 186, .2);
--tk-surface-interactive-concealed-active: rgba(72, 64, 186, .1);
--tk-surface-interactive-ambient-active: rgba(72, 64, 186, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #3b2b7d;
--tk-chart-neutral-secondary: rgba(59, 43, 125, .89);
--tk-chart-neutral-tertiary: rgba(59, 43, 125, .48);
--tk-chart-neutral-quaternary: rgba(59, 43, 125, .24);
--tk-chart-neutral-quinary: rgba(59, 43, 125, .16);
--tk-chart-neutral-senary: rgba(59, 43, 125, .08);
--tk-chart-quantitative-primary: #4840ba;
--tk-chart-quantitative-secondary: rgba(72, 64, 186, .63);
--tk-chart-quantitative-tertiary: rgba(72, 64, 186, .34);
--tk-chart-quantitative-quaternary: rgba(72, 64, 186, .17);
--tk-chart-quantitative-quinary: rgba(72, 64, 186, .11);
--tk-chart-quantitative-senary: rgba(72, 64, 186, .06)
}
[data-theme=sunrise-plum-lilac-blurple-white-dark] {
--tk-content-primary: #e8ebfd;
--tk-content-secondary: rgba(232, 235, 253, .84);
--tk-content-disabled: rgba(232, 235, 253, .53);
--tk-content-divider: rgba(232, 235, 253, .32);
--tk-content-shadow: rgba(232, 235, 253, .32);
--tk-content-positive: #65c8ac;
--tk-surface: #3b2b7d;
--tk-surface-elevated: #4d38a3;
--tk-surface-overlay: rgba(29, 12, 95, .8);
--tk-surface-disabled: rgba(232, 235, 253, .32);
--tk-surface-read-only: rgba(232, 235, 253, .21);
--tk-surface-track: rgba(232, 235, 253, .21);
--tk-surface-notice-info: #4c3e89;
--tk-surface-notice-destructive: #623d7f;
--tk-content-primary-inverted: #3b2b7d;
--tk-surface-inverted: #e8ebfd;
--tk-content-interactive-primary: #3b2b7d;
--tk-content-interactive-default: #988fff;
--tk-content-interactive-concealed: #988fff;
--tk-content-interactive-ambient: #988fff;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #988fff;
--tk-surface-interactive-default: rgba(152, 143, 255, .1);
--tk-surface-interactive-concealed: rgba(152, 143, 255, 0);
--tk-surface-interactive-ambient: rgba(152, 143, 255, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #3b2b7d;
--tk-content-interactive-default-hover: #988fff;
--tk-content-interactive-concealed-hover: #988fff;
--tk-content-interactive-ambient-hover: #aba3ff;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #aba3ff;
--tk-surface-interactive-default-hover: rgba(152, 143, 255, .15);
--tk-surface-interactive-concealed-hover: rgba(152, 143, 255, .05);
--tk-surface-interactive-ambient-hover: rgba(152, 143, 255, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #3b2b7d;
--tk-content-interactive-default-active: #988fff;
--tk-content-interactive-concealed-active: #988fff;
--tk-content-interactive-ambient-active: #b9b3ff;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #b9b3ff;
--tk-surface-interactive-default-active: rgba(152, 143, 255, .2);
--tk-surface-interactive-concealed-active: rgba(152, 143, 255, .1);
--tk-surface-interactive-ambient-active: rgba(152, 143, 255, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #e8ebfd;
--tk-chart-neutral-secondary: rgba(232, 235, 253, .84);
--tk-chart-neutral-tertiary: rgba(232, 235, 253, .53);
--tk-chart-neutral-quaternary: rgba(232, 235, 253, .32);
--tk-chart-neutral-quinary: rgba(232, 235, 253, .21);
--tk-chart-neutral-senary: rgba(232, 235, 253, .16);
--tk-chart-quantitative-primary: #988fff;
--tk-chart-quantitative-secondary: rgba(152, 143, 255, .63);
--tk-chart-quantitative-tertiary: rgba(152, 143, 255, .34);
--tk-chart-quantitative-quaternary: rgba(152, 143, 255, .17);
--tk-chart-quantitative-quinary: rgba(152, 143, 255, .11);
--tk-chart-quantitative-senary: rgba(152, 143, 255, .06)
}
[data-theme=sunrise-eggplant-lavender-blurple-white-light] {
--tk-content-primary: #230b5b;
--tk-content-secondary: rgba(35, 11, 91, .83);
--tk-content-disabled: rgba(35, 11, 91, .45);
--tk-content-divider: rgba(35, 11, 91, .23);
--tk-content-shadow: rgba(35, 11, 91, .23);
--tk-content-positive: #288067;
--tk-surface: #c3cdf4;
--tk-surface-elevated: #d8dff8;
--tk-surface-overlay: rgba(14, 24, 63, .8);
--tk-surface-disabled: rgba(35, 11, 91, .23);
--tk-surface-read-only: rgba(35, 11, 91, .15);
--tk-surface-track: rgba(35, 11, 91, .15);
--tk-surface-notice-info: #bbc3ec;
--tk-surface-notice-destructive: #c2bade;
--tk-content-primary-inverted: #c3cdf4;
--tk-surface-inverted: #230b5b;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #4840ba;
--tk-content-interactive-concealed: #4840ba;
--tk-content-interactive-ambient: #4840ba;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #4840ba;
--tk-surface-interactive-default: rgba(72, 64, 186, .1);
--tk-surface-interactive-concealed: rgba(72, 64, 186, 0);
--tk-surface-interactive-ambient: rgba(72, 64, 186, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #4840ba;
--tk-content-interactive-concealed-hover: #4840ba;
--tk-content-interactive-ambient-hover: #544cc8;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #544cc8;
--tk-surface-interactive-default-hover: rgba(72, 64, 186, .15);
--tk-surface-interactive-concealed-hover: rgba(72, 64, 186, .05);
--tk-surface-interactive-ambient-hover: rgba(72, 64, 186, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #4840ba;
--tk-content-interactive-concealed-active: #4840ba;
--tk-content-interactive-ambient-active: #5e54cf;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #5e54cf;
--tk-surface-interactive-default-active: rgba(72, 64, 186, .2);
--tk-surface-interactive-concealed-active: rgba(72, 64, 186, .1);
--tk-surface-interactive-ambient-active: rgba(72, 64, 186, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #230b5b;
--tk-chart-neutral-secondary: rgba(35, 11, 91, .83);
--tk-chart-neutral-tertiary: rgba(35, 11, 91, .45);
--tk-chart-neutral-quaternary: rgba(35, 11, 91, .23);
--tk-chart-neutral-quinary: rgba(35, 11, 91, .15);
--tk-chart-neutral-senary: rgba(35, 11, 91, .08);
--tk-chart-quantitative-primary: #4840ba;
--tk-chart-quantitative-secondary: rgba(72, 64, 186, .63);
--tk-chart-quantitative-tertiary: rgba(72, 64, 186, .34);
--tk-chart-quantitative-quaternary: rgba(72, 64, 186, .17);
--tk-chart-quantitative-quinary: rgba(72, 64, 186, .11);
--tk-chart-quantitative-senary: rgba(72, 64, 186, .06)
}
[data-theme=sunrise-eggplant-lavender-blurple-white-dark] {
--tk-content-primary: #c3cdf4;
--tk-content-secondary: rgba(195, 205, 244, .93);
--tk-content-disabled: rgba(195, 205, 244, .58);
--tk-content-divider: rgba(195, 205, 244, .35);
--tk-content-shadow: rgba(195, 205, 244, .35);
--tk-content-positive: #65c8ac;
--tk-surface: #230b5b;
--tk-surface-elevated: #351188;
--tk-surface-overlay: rgba(33, 9, 88, .8);
--tk-surface-disabled: rgba(195, 205, 244, .35);
--tk-surface-read-only: rgba(195, 205, 244, .23);
--tk-surface-track: rgba(195, 205, 244, .23);
--tk-surface-notice-info: #362069;
--tk-surface-notice-destructive: #502465;
--tk-content-primary-inverted: #230b5b;
--tk-surface-inverted: #c3cdf4;
--tk-content-interactive-primary: #230b5b;
--tk-content-interactive-default: #988fff;
--tk-content-interactive-concealed: #988fff;
--tk-content-interactive-ambient: #988fff;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #988fff;
--tk-surface-interactive-default: rgba(152, 143, 255, .1);
--tk-surface-interactive-concealed: rgba(152, 143, 255, 0);
--tk-surface-interactive-ambient: rgba(152, 143, 255, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #230b5b;
--tk-content-interactive-default-hover: #988fff;
--tk-content-interactive-concealed-hover: #988fff;
--tk-content-interactive-ambient-hover: #aba3ff;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #aba3ff;
--tk-surface-interactive-default-hover: rgba(152, 143, 255, .15);
--tk-surface-interactive-concealed-hover: rgba(152, 143, 255, .05);
--tk-surface-interactive-ambient-hover: rgba(152, 143, 255, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #230b5b;
--tk-content-interactive-default-active: #988fff;
--tk-content-interactive-concealed-active: #988fff;
--tk-content-interactive-ambient-active: #b9b3ff;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #b9b3ff;
--tk-surface-interactive-default-active: rgba(152, 143, 255, .2);
--tk-surface-interactive-concealed-active: rgba(152, 143, 255, .1);
--tk-surface-interactive-ambient-active: rgba(152, 143, 255, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #c3cdf4;
--tk-chart-neutral-secondary: rgba(195, 205, 244, .93);
--tk-chart-neutral-tertiary: rgba(195, 205, 244, .58);
--tk-chart-neutral-quaternary: rgba(195, 205, 244, .35);
--tk-chart-neutral-quinary: rgba(195, 205, 244, .23);
--tk-chart-neutral-senary: rgba(195, 205, 244, .17);
--tk-chart-quantitative-primary: #988fff;
--tk-chart-quantitative-secondary: rgba(152, 143, 255, .63);
--tk-chart-quantitative-tertiary: rgba(152, 143, 255, .34);
--tk-chart-quantitative-quaternary: rgba(152, 143, 255, .17);
--tk-chart-quantitative-quinary: rgba(152, 143, 255, .11);
--tk-chart-quantitative-senary: rgba(152, 143, 255, .06)
}
[data-theme=sunrise-moss-rosemary-spruce-white-light] {
--tk-content-primary: #36635e;
--tk-content-secondary: rgba(54, 99, 94, .89);
--tk-content-disabled: rgba(54, 99, 94, .48);
--tk-content-divider: rgba(54, 99, 94, .24);
--tk-content-shadow: rgba(54, 99, 94, .24);
--tk-content-positive: #288067;
--tk-surface: #eaf5e0;
--tk-surface-elevated: #f7fbf4;
--tk-surface-overlay: rgba(20, 31, 10, .8);
--tk-surface-disabled: rgba(54, 99, 94, .24);
--tk-surface-read-only: rgba(54, 99, 94, .16);
--tk-surface-track: rgba(54, 99, 94, .16);
--tk-surface-notice-info: #dfe9d8;
--tk-surface-notice-destructive: #e5ddcd;
--tk-content-primary-inverted: #eaf5e0;
--tk-surface-inverted: #36635e;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #00998a;
--tk-content-interactive-concealed: #00998a;
--tk-content-interactive-ambient: #00998a;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #00998a;
--tk-surface-interactive-default: rgba(0, 153, 138, .1);
--tk-surface-interactive-concealed: rgba(0, 153, 138, 0);
--tk-surface-interactive-ambient: rgba(0, 153, 138, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #00998a;
--tk-content-interactive-concealed-hover: #00998a;
--tk-content-interactive-ambient-hover: #00ada2;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #00ada2;
--tk-surface-interactive-default-hover: rgba(0, 153, 138, .15);
--tk-surface-interactive-concealed-hover: rgba(0, 153, 138, .05);
--tk-surface-interactive-ambient-hover: rgba(0, 153, 138, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #00998a;
--tk-content-interactive-concealed-active: #00998a;
--tk-content-interactive-ambient-active: #00b8ab;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #00b8ab;
--tk-surface-interactive-default-active: rgba(0, 153, 138, .2);
--tk-surface-interactive-concealed-active: rgba(0, 153, 138, .1);
--tk-surface-interactive-ambient-active: rgba(0, 153, 138, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #36635e;
--tk-chart-neutral-secondary: rgba(54, 99, 94, .89);
--tk-chart-neutral-tertiary: rgba(54, 99, 94, .48);
--tk-chart-neutral-quaternary: rgba(54, 99, 94, .24);
--tk-chart-neutral-quinary: rgba(54, 99, 94, .16);
--tk-chart-neutral-senary: rgba(54, 99, 94, .08);
--tk-chart-quantitative-primary: #00998a;
--tk-chart-quantitative-secondary: rgba(0, 153, 138, .63);
--tk-chart-quantitative-tertiary: rgba(0, 153, 138, .34);
--tk-chart-quantitative-quaternary: rgba(0, 153, 138, .17);
--tk-chart-quantitative-quinary: rgba(0, 153, 138, .11);
--tk-chart-quantitative-senary: rgba(0, 153, 138, .06)
}
[data-theme=sunrise-moss-rosemary-spruce-white-dark] {
--tk-content-primary: #eaf5e0;
--tk-content-secondary: hsla(93, 50%, 92%, .87);
--tk-content-disabled: hsla(93, 50%, 92%, .54);
--tk-content-divider: hsla(93, 50%, 92%, .33);
--tk-content-shadow: hsla(93, 50%, 92%, .33);
--tk-content-positive: #65c8ac;
--tk-surface: #36635e;
--tk-surface-elevated: #48847d;
--tk-surface-overlay: rgba(0, 36, 32, .8);
--tk-surface-disabled: hsla(93, 50%, 92%, .33);
--tk-surface-read-only: hsla(93, 50%, 92%, .22);
--tk-surface-track: hsla(93, 50%, 92%, .22);
--tk-surface-notice-info: #48706d;
--tk-surface-notice-destructive: #5d6966;
--tk-content-primary-inverted: #36635e;
--tk-surface-inverted: #eaf5e0;
--tk-content-interactive-primary: #36635e;
--tk-content-interactive-default: #d7ffb8;
--tk-content-interactive-concealed: #d7ffb8;
--tk-content-interactive-ambient: #d7ffb8;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #d7ffb8;
--tk-surface-interactive-default: rgba(215, 255, 184, .1);
--tk-surface-interactive-concealed: rgba(215, 255, 184, 0);
--tk-surface-interactive-ambient: rgba(215, 255, 184, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #36635e;
--tk-content-interactive-default-hover: #d7ffb8;
--tk-content-interactive-concealed-hover: #d7ffb8;
--tk-content-interactive-ambient-hover: #dfffc7;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #dfffc7;
--tk-surface-interactive-default-hover: rgba(215, 255, 184, .15);
--tk-surface-interactive-concealed-hover: rgba(215, 255, 184, .05);
--tk-surface-interactive-ambient-hover: rgba(215, 255, 184, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #36635e;
--tk-content-interactive-default-active: #d7ffb8;
--tk-content-interactive-concealed-active: #d7ffb8;
--tk-content-interactive-ambient-active: #e2ffcc;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #e2ffcc;
--tk-surface-interactive-default-active: rgba(215, 255, 184, .2);
--tk-surface-interactive-concealed-active: rgba(215, 255, 184, .1);
--tk-surface-interactive-ambient-active: rgba(215, 255, 184, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #eaf5e0;
--tk-chart-neutral-secondary: hsla(93, 50%, 92%, .87);
--tk-chart-neutral-tertiary: hsla(93, 50%, 92%, .54);
--tk-chart-neutral-quaternary: hsla(93, 50%, 92%, .33);
--tk-chart-neutral-quinary: hsla(93, 50%, 92%, .22);
--tk-chart-neutral-senary: hsla(93, 50%, 92%, .16);
--tk-chart-quantitative-primary: #d7ffb8;
--tk-chart-quantitative-secondary: rgba(215, 255, 184, .63);
--tk-chart-quantitative-tertiary: rgba(215, 255, 184, .34);
--tk-chart-quantitative-quaternary: rgba(215, 255, 184, .17);
--tk-chart-quantitative-quinary: rgba(215, 255, 184, .11);
--tk-chart-quantitative-senary: rgba(215, 255, 184, .06)
}
[data-theme=sunrise-forest-eucalyptus-spruce-white-light] {
--tk-content-primary: #26403d;
--tk-content-secondary: rgba(38, 64, 61, .83);
--tk-content-disabled: rgba(38, 64, 61, .45);
--tk-content-divider: rgba(38, 64, 61, .23);
--tk-content-shadow: rgba(38, 64, 61, .23);
--tk-content-positive: #288067;
--tk-surface: #daecca;
--tk-surface-elevated: #e7f3dd;
--tk-surface-overlay: rgba(17, 35, 1, .8);
--tk-surface-disabled: rgba(38, 64, 61, .23);
--tk-surface-read-only: rgba(38, 64, 61, .15);
--tk-surface-track: rgba(38, 64, 61, .15);
--tk-surface-notice-info: #d2e2c5;
--tk-surface-notice-destructive: #d6d4b8;
--tk-content-primary-inverted: #daecca;
--tk-surface-inverted: #26403d;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #00998a;
--tk-content-interactive-concealed: #00998a;
--tk-content-interactive-ambient: #00998a;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #00998a;
--tk-surface-interactive-default: rgba(0, 153, 138, .1);
--tk-surface-interactive-concealed: rgba(0, 153, 138, 0);
--tk-surface-interactive-ambient: rgba(0, 153, 138, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #00998a;
--tk-content-interactive-concealed-hover: #00998a;
--tk-content-interactive-ambient-hover: #00ada2;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #00ada2;
--tk-surface-interactive-default-hover: rgba(0, 153, 138, .15);
--tk-surface-interactive-concealed-hover: rgba(0, 153, 138, .05);
--tk-surface-interactive-ambient-hover: rgba(0, 153, 138, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #00998a;
--tk-content-interactive-concealed-active: #00998a;
--tk-content-interactive-ambient-active: #00b8ab;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #00b8ab;
--tk-surface-interactive-default-active: rgba(0, 153, 138, .2);
--tk-surface-interactive-concealed-active: rgba(0, 153, 138, .1);
--tk-surface-interactive-ambient-active: rgba(0, 153, 138, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #26403d;
--tk-chart-neutral-secondary: rgba(38, 64, 61, .83);
--tk-chart-neutral-tertiary: rgba(38, 64, 61, .45);
--tk-chart-neutral-quaternary: rgba(38, 64, 61, .23);
--tk-chart-neutral-quinary: rgba(38, 64, 61, .15);
--tk-chart-neutral-senary: rgba(38, 64, 61, .08);
--tk-chart-quantitative-primary: #00998a;
--tk-chart-quantitative-secondary: rgba(0, 153, 138, .63);
--tk-chart-quantitative-tertiary: rgba(0, 153, 138, .34);
--tk-chart-quantitative-quaternary: rgba(0, 153, 138, .17);
--tk-chart-quantitative-quinary: rgba(0, 153, 138, .11);
--tk-chart-quantitative-senary: rgba(0, 153, 138, .06)
}
[data-theme=sunrise-forest-eucalyptus-spruce-white-dark] {
--tk-content-primary: #daecca;
--tk-content-secondary: hsla(93, 48%, 86%, .93);
--tk-content-disabled: hsla(93, 48%, 86%, .58);
--tk-content-divider: hsla(93, 48%, 86%, .35);
--tk-content-shadow: hsla(93, 48%, 86%, .35);
--tk-content-positive: #65c8ac;
--tk-surface: #26403d;
--tk-surface-elevated: #39605b;
--tk-surface-overlay: rgba(8, 33, 30, .8);
--tk-surface-disabled: hsla(93, 48%, 86%, .35);
--tk-surface-read-only: hsla(93, 48%, 86%, .23);
--tk-surface-track: hsla(93, 48%, 86%, .23);
--tk-surface-notice-info: #395150;
--tk-surface-notice-destructive: #51504d;
--tk-content-primary-inverted: #26403d;
--tk-surface-inverted: #daecca;
--tk-content-interactive-primary: #26403d;
--tk-content-interactive-default: #d7ffb8;
--tk-content-interactive-concealed: #d7ffb8;
--tk-content-interactive-ambient: #d7ffb8;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #d7ffb8;
--tk-surface-interactive-default: rgba(215, 255, 184, .1);
--tk-surface-interactive-concealed: rgba(215, 255, 184, 0);
--tk-surface-interactive-ambient: rgba(215, 255, 184, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #26403d;
--tk-content-interactive-default-hover: #d7ffb8;
--tk-content-interactive-concealed-hover: #d7ffb8;
--tk-content-interactive-ambient-hover: #dfffc7;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #dfffc7;
--tk-surface-interactive-default-hover: rgba(215, 255, 184, .15);
--tk-surface-interactive-concealed-hover: rgba(215, 255, 184, .05);
--tk-surface-interactive-ambient-hover: rgba(215, 255, 184, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #26403d;
--tk-content-interactive-default-active: #d7ffb8;
--tk-content-interactive-concealed-active: #d7ffb8;
--tk-content-interactive-ambient-active: #e2ffcc;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #e2ffcc;
--tk-surface-interactive-default-active: rgba(215, 255, 184, .2);
--tk-surface-interactive-concealed-active: rgba(215, 255, 184, .1);
--tk-surface-interactive-ambient-active: rgba(215, 255, 184, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #daecca;
--tk-chart-neutral-secondary: hsla(93, 48%, 86%, .93);
--tk-chart-neutral-tertiary: hsla(93, 48%, 86%, .58);
--tk-chart-neutral-quaternary: hsla(93, 48%, 86%, .35);
--tk-chart-neutral-quinary: hsla(93, 48%, 86%, .23);
--tk-chart-neutral-senary: hsla(93, 48%, 86%, .17);
--tk-chart-quantitative-primary: #d7ffb8;
--tk-chart-quantitative-secondary: rgba(215, 255, 184, .63);
--tk-chart-quantitative-tertiary: rgba(215, 255, 184, .34);
--tk-chart-quantitative-quaternary: rgba(215, 255, 184, .17);
--tk-chart-quantitative-quinary: rgba(215, 255, 184, .11);
--tk-chart-quantitative-senary: rgba(215, 255, 184, .06)
}
[data-theme=sunrise-trail-pomelo-turmeric-white-light] {
--tk-content-primary: #625747;
--tk-content-secondary: rgba(98, 87, 71, .93);
--tk-content-disabled: rgba(98, 87, 71, .51);
--tk-content-divider: rgba(98, 87, 71, .25);
--tk-content-shadow: rgba(98, 87, 71, .25);
--tk-content-positive: #288067;
--tk-surface: #fff3d6;
--tk-surface-elevated: #fffaf0;
--tk-surface-overlay: rgba(36, 25, 0, .8);
--tk-surface-disabled: rgba(98, 87, 71, .25);
--tk-surface-read-only: rgba(98, 87, 71, .17);
--tk-surface-track: rgba(98, 87, 71, .17);
--tk-surface-notice-info: #f4e8d2;
--tk-surface-notice-destructive: #f7dcc5;
--tk-content-primary-inverted: #fff3d6;
--tk-surface-inverted: #625747;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #b36b00;
--tk-content-interactive-concealed: #b36b00;
--tk-content-interactive-ambient: #b36b00;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #b36b00;
--tk-surface-interactive-default: rgba(179, 107, 0, .1);
--tk-surface-interactive-concealed: rgba(179, 107, 0, 0);
--tk-surface-interactive-ambient: rgba(179, 107, 0, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #b36b00;
--tk-content-interactive-concealed-hover: #b36b00;
--tk-content-interactive-ambient-hover: #c28100;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #c28100;
--tk-surface-interactive-default-hover: rgba(179, 107, 0, .15);
--tk-surface-interactive-concealed-hover: rgba(179, 107, 0, .05);
--tk-surface-interactive-ambient-hover: rgba(179, 107, 0, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #b36b00;
--tk-content-interactive-concealed-active: #b36b00;
--tk-content-interactive-ambient-active: #cc8b00;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #cc8b00;
--tk-surface-interactive-default-active: rgba(179, 107, 0, .2);
--tk-surface-interactive-concealed-active: rgba(179, 107, 0, .1);
--tk-surface-interactive-ambient-active: rgba(179, 107, 0, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #625747;
--tk-chart-neutral-secondary: rgba(98, 87, 71, .93);
--tk-chart-neutral-tertiary: rgba(98, 87, 71, .51);
--tk-chart-neutral-quaternary: rgba(98, 87, 71, .25);
--tk-chart-neutral-quinary: rgba(98, 87, 71, .17);
--tk-chart-neutral-senary: rgba(98, 87, 71, .08);
--tk-chart-quantitative-primary: #b36b00;
--tk-chart-quantitative-secondary: rgba(179, 107, 0, .63);
--tk-chart-quantitative-tertiary: rgba(179, 107, 0, .34);
--tk-chart-quantitative-quaternary: rgba(179, 107, 0, .17);
--tk-chart-quantitative-quinary: rgba(179, 107, 0, .11);
--tk-chart-quantitative-senary: rgba(179, 107, 0, .06)
}
[data-theme=sunrise-trail-pomelo-turmeric-white-dark] {
--tk-content-primary: #fff3d6;
--tk-content-secondary: rgba(255, 243, 214, .87);
--tk-content-disabled: rgba(255, 243, 214, .54);
--tk-content-divider: rgba(255, 243, 214, .33);
--tk-content-shadow: rgba(255, 243, 214, .33);
--tk-content-positive: #65c8ac;
--tk-surface: #625747;
--tk-surface-elevated: #7f715c;
--tk-surface-overlay: rgba(33, 23, 8, .8);
--tk-surface-disabled: rgba(255, 243, 214, .33);
--tk-surface-read-only: rgba(255, 243, 214, .22);
--tk-surface-track: rgba(255, 243, 214, .22);
--tk-surface-notice-info: #6e6559;
--tk-surface-notice-destructive: #826155;
--tk-content-primary-inverted: #625747;
--tk-surface-inverted: #fff3d6;
--tk-content-interactive-primary: #625747;
--tk-content-interactive-default: #f0bb6a;
--tk-content-interactive-concealed: #f0bb6a;
--tk-content-interactive-ambient: #f0bb6a;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #f0bb6a;
--tk-surface-interactive-default: hsla(36, 82%, 68%, .1);
--tk-surface-interactive-concealed: hsla(36, 82%, 68%, 0);
--tk-surface-interactive-ambient: hsla(36, 82%, 68%, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #625747;
--tk-content-interactive-default-hover: #f0bb6a;
--tk-content-interactive-concealed-hover: #f0bb6a;
--tk-content-interactive-ambient-hover: #f3c981;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #f3c981;
--tk-surface-interactive-default-hover: hsla(36, 82%, 68%, .15);
--tk-surface-interactive-concealed-hover: hsla(36, 82%, 68%, .05);
--tk-surface-interactive-ambient-hover: hsla(36, 82%, 68%, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #625747;
--tk-content-interactive-default-active: #f0bb6a;
--tk-content-interactive-concealed-active: #f0bb6a;
--tk-content-interactive-ambient-active: #f5cf8a;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #f5cf8a;
--tk-surface-interactive-default-active: hsla(36, 82%, 68%, .2);
--tk-surface-interactive-concealed-active: hsla(36, 82%, 68%, .1);
--tk-surface-interactive-ambient-active: hsla(36, 82%, 68%, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #fff3d6;
--tk-chart-neutral-secondary: rgba(255, 243, 214, .87);
--tk-chart-neutral-tertiary: rgba(255, 243, 214, .54);
--tk-chart-neutral-quaternary: rgba(255, 243, 214, .33);
--tk-chart-neutral-quinary: rgba(255, 243, 214, .22);
--tk-chart-neutral-senary: rgba(255, 243, 214, .16);
--tk-chart-quantitative-primary: #f0bb6a;
--tk-chart-quantitative-secondary: hsla(36, 82%, 68%, .63);
--tk-chart-quantitative-tertiary: hsla(36, 82%, 68%, .34);
--tk-chart-quantitative-quaternary: hsla(36, 82%, 68%, .17);
--tk-chart-quantitative-quinary: hsla(36, 82%, 68%, .11);
--tk-chart-quantitative-senary: hsla(36, 82%, 68%, .06)
}
[data-theme=sunrise-bark-lemon-turmeric-white-light] {
--tk-content-primary: #493b27;
--tk-content-secondary: rgba(73, 59, 39, .87);
--tk-content-disabled: rgba(73, 59, 39, .48);
--tk-content-divider: rgba(73, 59, 39, .24);
--tk-content-shadow: rgba(73, 59, 39, .24);
--tk-content-positive: #288067;
--tk-surface: #fbdeb6;
--tk-surface-elevated: #fce9cf;
--tk-surface-overlay: rgba(41, 24, 0, .8);
--tk-surface-disabled: rgba(73, 59, 39, .24);
--tk-surface-read-only: rgba(73, 59, 39, .16);
--tk-surface-track: rgba(73, 59, 39, .16);
--tk-surface-notice-info: #f0d3b2;
--tk-surface-notice-destructive: #f4c7a4;
--tk-content-primary-inverted: #fbdeb6;
--tk-surface-inverted: #493b27;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #b36b00;
--tk-content-interactive-concealed: #b36b00;
--tk-content-interactive-ambient: #b36b00;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #b36b00;
--tk-surface-interactive-default: rgba(179, 107, 0, .1);
--tk-surface-interactive-concealed: rgba(179, 107, 0, 0);
--tk-surface-interactive-ambient: rgba(179, 107, 0, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #b36b00;
--tk-content-interactive-concealed-hover: #b36b00;
--tk-content-interactive-ambient-hover: #c28100;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #c28100;
--tk-surface-interactive-default-hover: rgba(179, 107, 0, .15);
--tk-surface-interactive-concealed-hover: rgba(179, 107, 0, .05);
--tk-surface-interactive-ambient-hover: rgba(179, 107, 0, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #b36b00;
--tk-content-interactive-concealed-active: #b36b00;
--tk-content-interactive-ambient-active: #cc8b00;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #cc8b00;
--tk-surface-interactive-default-active: rgba(179, 107, 0, .2);
--tk-surface-interactive-concealed-active: rgba(179, 107, 0, .1);
--tk-surface-interactive-ambient-active: rgba(179, 107, 0, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #493b27;
--tk-chart-neutral-secondary: rgba(73, 59, 39, .87);
--tk-chart-neutral-tertiary: rgba(73, 59, 39, .48);
--tk-chart-neutral-quaternary: rgba(73, 59, 39, .24);
--tk-chart-neutral-quinary: rgba(73, 59, 39, .16);
--tk-chart-neutral-senary: rgba(73, 59, 39, .08);
--tk-chart-quantitative-primary: #b36b00;
--tk-chart-quantitative-secondary: rgba(179, 107, 0, .63);
--tk-chart-quantitative-tertiary: rgba(179, 107, 0, .34);
--tk-chart-quantitative-quaternary: rgba(179, 107, 0, .17);
--tk-chart-quantitative-quinary: rgba(179, 107, 0, .11);
--tk-chart-quantitative-senary: rgba(179, 107, 0, .06)
}
[data-theme=sunrise-bark-lemon-turmeric-white-dark] {
--tk-content-primary: #fbdeb6;
--tk-content-secondary: hsla(35, 90%, 85%, .94);
--tk-content-disabled: hsla(35, 90%, 85%, .59);
--tk-content-divider: hsla(35, 90%, 85%, .35);
--tk-content-shadow: hsla(35, 90%, 85%, .35);
--tk-content-positive: #65c8ac;
--tk-surface: #493b27;
--tk-surface-elevated: #6a5639;
--tk-surface-overlay: rgba(37, 24, 4, .8);
--tk-surface-disabled: hsla(35, 90%, 85%, .35);
--tk-surface-read-only: hsla(35, 90%, 85%, .24);
--tk-surface-track: hsla(35, 90%, 85%, .24);
--tk-surface-notice-info: #584c3c;
--tk-surface-notice-destructive: #6d4b3b;
--tk-content-primary-inverted: #493b27;
--tk-surface-inverted: #fbdeb6;
--tk-content-interactive-primary: #493b27;
--tk-content-interactive-default: #f0bb6a;
--tk-content-interactive-concealed: #f0bb6a;
--tk-content-interactive-ambient: #f0bb6a;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #f0bb6a;
--tk-surface-interactive-default: hsla(36, 82%, 68%, .1);
--tk-surface-interactive-concealed: hsla(36, 82%, 68%, 0);
--tk-surface-interactive-ambient: hsla(36, 82%, 68%, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #493b27;
--tk-content-interactive-default-hover: #f0bb6a;
--tk-content-interactive-concealed-hover: #f0bb6a;
--tk-content-interactive-ambient-hover: #f3c981;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #f3c981;
--tk-surface-interactive-default-hover: hsla(36, 82%, 68%, .15);
--tk-surface-interactive-concealed-hover: hsla(36, 82%, 68%, .05);
--tk-surface-interactive-ambient-hover: hsla(36, 82%, 68%, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #493b27;
--tk-content-interactive-default-active: #f0bb6a;
--tk-content-interactive-concealed-active: #f0bb6a;
--tk-content-interactive-ambient-active: #f5cf8a;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #f5cf8a;
--tk-surface-interactive-default-active: hsla(36, 82%, 68%, .2);
--tk-surface-interactive-concealed-active: hsla(36, 82%, 68%, .1);
--tk-surface-interactive-ambient-active: hsla(36, 82%, 68%, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #fbdeb6;
--tk-chart-neutral-secondary: hsla(35, 90%, 85%, .94);
--tk-chart-neutral-tertiary: hsla(35, 90%, 85%, .59);
--tk-chart-neutral-quaternary: hsla(35, 90%, 85%, .35);
--tk-chart-neutral-quinary: hsla(35, 90%, 85%, .24);
--tk-chart-neutral-senary: hsla(35, 90%, 85%, .18);
--tk-chart-quantitative-primary: #f0bb6a;
--tk-chart-quantitative-secondary: hsla(36, 82%, 68%, .63);
--tk-chart-quantitative-tertiary: hsla(36, 82%, 68%, .34);
--tk-chart-quantitative-quaternary: hsla(36, 82%, 68%, .17);
--tk-chart-quantitative-quinary: hsla(36, 82%, 68%, .11);
--tk-chart-quantitative-senary: hsla(36, 82%, 68%, .06)
}
[data-theme=sunrise-seville-clementine-terracotta-white-light] {
--tk-content-primary: #834625;
--tk-content-secondary: rgba(131, 70, 37, .92);
--tk-content-disabled: rgba(131, 70, 37, .5);
--tk-content-divider: rgba(131, 70, 37, .25);
--tk-content-shadow: rgba(131, 70, 37, .25);
--tk-content-positive: #288067;
--tk-surface: #f7eae3;
--tk-surface-elevated: #fdf9f7;
--tk-surface-overlay: rgba(36, 22, 15, .8);
--tk-surface-disabled: rgba(131, 70, 37, .25);
--tk-surface-read-only: rgba(131, 70, 37, .17);
--tk-surface-track: rgba(131, 70, 37, .17);
--tk-surface-notice-info: #ebdedb;
--tk-surface-notice-destructive: #efd2cc;
--tk-content-primary-inverted: #f7eae3;
--tk-surface-inverted: #834625;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #b84a0f;
--tk-content-interactive-concealed: #b84a0f;
--tk-content-interactive-ambient: #b84a0f;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #b84a0f;
--tk-surface-interactive-default: rgba(184, 74, 15, .1);
--tk-surface-interactive-concealed: rgba(184, 74, 15, 0);
--tk-surface-interactive-ambient: rgba(184, 74, 15, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #b84a0f;
--tk-content-interactive-concealed-hover: #b84a0f;
--tk-content-interactive-ambient-hover: #c45912;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #c45912;
--tk-surface-interactive-default-hover: rgba(184, 74, 15, .15);
--tk-surface-interactive-concealed-hover: rgba(184, 74, 15, .05);
--tk-surface-interactive-ambient-hover: rgba(184, 74, 15, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #b84a0f;
--tk-content-interactive-concealed-active: #b84a0f;
--tk-content-interactive-ambient-active: #cc6114;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #cc6114;
--tk-surface-interactive-default-active: rgba(184, 74, 15, .2);
--tk-surface-interactive-concealed-active: rgba(184, 74, 15, .1);
--tk-surface-interactive-ambient-active: rgba(184, 74, 15, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #834625;
--tk-chart-neutral-secondary: rgba(131, 70, 37, .92);
--tk-chart-neutral-tertiary: rgba(131, 70, 37, .5);
--tk-chart-neutral-quaternary: rgba(131, 70, 37, .25);
--tk-chart-neutral-quinary: rgba(131, 70, 37, .17);
--tk-chart-neutral-senary: rgba(131, 70, 37, .08);
--tk-chart-quantitative-primary: #b84a0f;
--tk-chart-quantitative-secondary: rgba(184, 74, 15, .63);
--tk-chart-quantitative-tertiary: rgba(184, 74, 15, .34);
--tk-chart-quantitative-quaternary: rgba(184, 74, 15, .17);
--tk-chart-quantitative-quinary: rgba(184, 74, 15, .11);
--tk-chart-quantitative-senary: rgba(184, 74, 15, .06)
}
[data-theme=sunrise-seville-clementine-terracotta-white-dark] {
--tk-content-primary: #f7eae3;
--tk-content-secondary: hsla(20, 55%, 93%, .86);
--tk-content-disabled: hsla(20, 55%, 93%, .54);
--tk-content-divider: hsla(20, 55%, 93%, .32);
--tk-content-shadow: hsla(20, 55%, 93%, .32);
--tk-content-positive: #65c8ac;
--tk-surface: #834625;
--tk-surface-elevated: #ab5b30;
--tk-surface-overlay: rgba(51, 19, 0, .8);
--tk-surface-disabled: hsla(20, 55%, 93%, .32);
--tk-surface-read-only: hsla(20, 55%, 93%, .22);
--tk-surface-track: hsla(20, 55%, 93%, .22);
--tk-surface-notice-info: #8c563b;
--tk-surface-notice-destructive: #9c543a;
--tk-content-primary-inverted: #834625;
--tk-surface-inverted: #f7eae3;
--tk-content-interactive-primary: #834625;
--tk-content-interactive-default: #ffb38a;
--tk-content-interactive-concealed: #ffb38a;
--tk-content-interactive-ambient: #ffb38a;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #ffb38a;
--tk-surface-interactive-default: rgba(255, 179, 138, .1);
--tk-surface-interactive-concealed: rgba(255, 179, 138, 0);
--tk-surface-interactive-ambient: rgba(255, 179, 138, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #834625;
--tk-content-interactive-default-hover: #ffb38a;
--tk-content-interactive-concealed-hover: #ffb38a;
--tk-content-interactive-ambient-hover: #ffc3a3;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #ffc3a3;
--tk-surface-interactive-default-hover: rgba(255, 179, 138, .15);
--tk-surface-interactive-concealed-hover: rgba(255, 179, 138, .05);
--tk-surface-interactive-ambient-hover: rgba(255, 179, 138, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #834625;
--tk-content-interactive-default-active: #ffb38a;
--tk-content-interactive-concealed-active: #ffb38a;
--tk-content-interactive-ambient-active: #ffcaad;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #ffcaad;
--tk-surface-interactive-default-active: rgba(255, 179, 138, .2);
--tk-surface-interactive-concealed-active: rgba(255, 179, 138, .1);
--tk-surface-interactive-ambient-active: rgba(255, 179, 138, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #f7eae3;
--tk-chart-neutral-secondary: hsla(20, 55%, 93%, .86);
--tk-chart-neutral-tertiary: hsla(20, 55%, 93%, .54);
--tk-chart-neutral-quaternary: hsla(20, 55%, 93%, .32);
--tk-chart-neutral-quinary: hsla(20, 55%, 93%, .22);
--tk-chart-neutral-senary: hsla(20, 55%, 93%, .16);
--tk-chart-quantitative-primary: #ffb38a;
--tk-chart-quantitative-secondary: rgba(255, 179, 138, .63);
--tk-chart-quantitative-tertiary: rgba(255, 179, 138, .34);
--tk-chart-quantitative-quaternary: rgba(255, 179, 138, .17);
--tk-chart-quantitative-quinary: rgba(255, 179, 138, .11);
--tk-chart-quantitative-senary: rgba(255, 179, 138, .06)
}
[data-theme=sunrise-tangelo-mandarin-terracotta-white-light] {
--tk-content-primary: #532913;
--tk-content-secondary: rgba(83, 41, 19, .83);
--tk-content-disabled: rgba(83, 41, 19, .45);
--tk-content-divider: rgba(83, 41, 19, .23);
--tk-content-shadow: rgba(83, 41, 19, .23);
--tk-content-positive: #288067;
--tk-surface: #fed0b9;
--tk-surface-elevated: #fee1d2;
--tk-surface-overlay: rgba(51, 17, 0, .8);
--tk-surface-disabled: rgba(83, 41, 19, .23);
--tk-surface-read-only: rgba(83, 41, 19, .15);
--tk-surface-track: rgba(83, 41, 19, .15);
--tk-surface-notice-info: #f3c6b4;
--tk-surface-notice-destructive: #f7bdab;
--tk-content-primary-inverted: #fed0b9;
--tk-surface-inverted: #532913;
--tk-content-interactive-primary: #fff;
--tk-content-interactive-default: #b84a0f;
--tk-content-interactive-concealed: #b84a0f;
--tk-content-interactive-ambient: #b84a0f;
--tk-content-interactive-destructive: #b30015;
--tk-surface-interactive-primary: #b84a0f;
--tk-surface-interactive-default: rgba(184, 74, 15, .1);
--tk-surface-interactive-concealed: rgba(184, 74, 15, 0);
--tk-surface-interactive-ambient: rgba(184, 74, 15, 0);
--tk-surface-interactive-destructive: rgba(179, 0, 21, .1);
--tk-content-interactive-primary-hover: #fff;
--tk-content-interactive-default-hover: #b84a0f;
--tk-content-interactive-concealed-hover: #b84a0f;
--tk-content-interactive-ambient-hover: #c45912;
--tk-content-interactive-destructive-hover: #b30015;
--tk-surface-interactive-primary-hover: #c45912;
--tk-surface-interactive-default-hover: rgba(184, 74, 15, .15);
--tk-surface-interactive-concealed-hover: rgba(184, 74, 15, .05);
--tk-surface-interactive-ambient-hover: rgba(184, 74, 15, 0);
--tk-surface-interactive-destructive-hover: rgba(179, 0, 21, .15);
--tk-content-interactive-primary-active: #fff;
--tk-content-interactive-default-active: #b84a0f;
--tk-content-interactive-concealed-active: #b84a0f;
--tk-content-interactive-ambient-active: #cc6114;
--tk-content-interactive-destructive-active: #b30015;
--tk-surface-interactive-primary-active: #cc6114;
--tk-surface-interactive-default-active: rgba(184, 74, 15, .2);
--tk-surface-interactive-concealed-active: rgba(184, 74, 15, .1);
--tk-surface-interactive-ambient-active: rgba(184, 74, 15, 0);
--tk-surface-interactive-destructive-active: rgba(179, 0, 21, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #f7eae4;
--tk-soft-end: #e8ebfd;
--tk-vibrant-start: #c3cdf4;
--tk-vibrant-end: #fed0b9;
--tk-aqua-start: #c3cdf4;
--tk-aqua-end: #d9edca;
--tk-day-start: #d9edca;
--tk-day-end: #fff3d6;
--tk-soft-twilight-start: #df8b5d;
--tk-soft-twilight-end: #6f85c8;
--tk-vibrant-twilight-start: #4840ba;
--tk-vibrant-twilight-end: #ac5e35;
--tk-aqua-twilight-start: #5ea698;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #181056;
--tk-chart-categorical1: #4840ba;
--tk-chart-categorical2: #bcc6f5;
--tk-chart-categorical3: #dadef1;
--tk-chart-categorical4: #5ea698;
--tk-chart-categorical5: #a7d7c9;
--tk-chart-categorical6: #d9edca;
--tk-chart-categorical7: #b7701f;
--tk-chart-categorical8: #ebbe8e;
--tk-chart-categorical9: #fbdeb6;
--tk-chart-neutral-primary: #532913;
--tk-chart-neutral-secondary: rgba(83, 41, 19, .83);
--tk-chart-neutral-tertiary: rgba(83, 41, 19, .45);
--tk-chart-neutral-quaternary: rgba(83, 41, 19, .23);
--tk-chart-neutral-quinary: rgba(83, 41, 19, .15);
--tk-chart-neutral-senary: rgba(83, 41, 19, .08);
--tk-chart-quantitative-primary: #b84a0f;
--tk-chart-quantitative-secondary: rgba(184, 74, 15, .63);
--tk-chart-quantitative-tertiary: rgba(184, 74, 15, .34);
--tk-chart-quantitative-quaternary: rgba(184, 74, 15, .17);
--tk-chart-quantitative-quinary: rgba(184, 74, 15, .11);
--tk-chart-quantitative-senary: rgba(184, 74, 15, .06)
}
[data-theme=sunrise-tangelo-mandarin-terracotta-white-dark] {
--tk-content-primary: #fed0b9;
--tk-content-secondary: hsla(20, 97%, 86%, .93);
--tk-content-disabled: hsla(20, 97%, 86%, .58);
--tk-content-divider: hsla(20, 97%, 86%, .35);
--tk-content-shadow: hsla(20, 97%, 86%, .35);
--tk-content-positive: #65c8ac;
--tk-surface: #532913;
--tk-surface-elevated: #7c3e1d;
--tk-surface-overlay: rgba(51, 17, 0, .8);
--tk-surface-disabled: hsla(20, 97%, 86%, .35);
--tk-surface-read-only: hsla(20, 97%, 86%, .23);
--tk-surface-track: hsla(20, 97%, 86%, .23);
--tk-surface-notice-info: #603b29;
--tk-surface-notice-destructive: #733c2b;
--tk-content-primary-inverted: #532913;
--tk-surface-inverted: #fed0b9;
--tk-content-interactive-primary: #532913;
--tk-content-interactive-default: #ffb38a;
--tk-content-interactive-concealed: #ffb38a;
--tk-content-interactive-ambient: #ffb38a;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #ffb38a;
--tk-surface-interactive-default: rgba(255, 179, 138, .1);
--tk-surface-interactive-concealed: rgba(255, 179, 138, 0);
--tk-surface-interactive-ambient: rgba(255, 179, 138, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #532913;
--tk-content-interactive-default-hover: #ffb38a;
--tk-content-interactive-concealed-hover: #ffb38a;
--tk-content-interactive-ambient-hover: #ffc3a3;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #ffc3a3;
--tk-surface-interactive-default-hover: rgba(255, 179, 138, .15);
--tk-surface-interactive-concealed-hover: rgba(255, 179, 138, .05);
--tk-surface-interactive-ambient-hover: rgba(255, 179, 138, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #532913;
--tk-content-interactive-default-active: #ffb38a;
--tk-content-interactive-concealed-active: #ffb38a;
--tk-content-interactive-ambient-active: #ffcaad;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #ffcaad;
--tk-surface-interactive-default-active: rgba(255, 179, 138, .2);
--tk-surface-interactive-concealed-active: rgba(255, 179, 138, .1);
--tk-surface-interactive-ambient-active: rgba(255, 179, 138, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #fed0b9;
--tk-chart-neutral-secondary: hsla(20, 97%, 86%, .93);
--tk-chart-neutral-tertiary: hsla(20, 97%, 86%, .58);
--tk-chart-neutral-quaternary: hsla(20, 97%, 86%, .35);
--tk-chart-neutral-quinary: hsla(20, 97%, 86%, .23);
--tk-chart-neutral-senary: hsla(20, 97%, 86%, .17);
--tk-chart-quantitative-primary: #ffb38a;
--tk-chart-quantitative-secondary: rgba(255, 179, 138, .63);
--tk-chart-quantitative-tertiary: rgba(255, 179, 138, .34);
--tk-chart-quantitative-quaternary: rgba(255, 179, 138, .17);
--tk-chart-quantitative-quinary: rgba(255, 179, 138, .11);
--tk-chart-quantitative-senary: rgba(255, 179, 138, .06)
}
[data-theme=sunset-white-forest-spearmint-forest-dark],
[data-theme=sunset-white-forest-spearmint-forest-light] {
--tk-content-primary: #fff;
--tk-content-secondary: hsla(0, 0%, 100%, .8);
--tk-content-disabled: hsla(0, 0%, 100%, .5);
--tk-content-divider: hsla(0, 0%, 100%, .3);
--tk-content-shadow: hsla(0, 0%, 100%, .3);
--tk-content-positive: #65c8ac;
--tk-surface: #26403d;
--tk-surface-elevated: #39605b;
--tk-surface-overlay: rgba(8, 33, 30, .8);
--tk-surface-disabled: hsla(0, 0%, 100%, .3);
--tk-surface-read-only: hsla(0, 0%, 100%, .2);
--tk-surface-track: hsla(0, 0%, 100%, .2);
--tk-surface-notice-info: #395150;
--tk-surface-notice-destructive: #51504d;
--tk-content-primary-inverted: #26403d;
--tk-surface-inverted: #fff;
--tk-content-interactive-primary: #26403d;
--tk-content-interactive-default: #d7ffb8;
--tk-content-interactive-concealed: #d7ffb8;
--tk-content-interactive-ambient: #d7ffb8;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #d7ffb8;
--tk-surface-interactive-default: rgba(215, 255, 184, .1);
--tk-surface-interactive-concealed: rgba(215, 255, 184, 0);
--tk-surface-interactive-ambient: rgba(215, 255, 184, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #26403d;
--tk-content-interactive-default-hover: #d7ffb8;
--tk-content-interactive-concealed-hover: #d7ffb8;
--tk-content-interactive-ambient-hover: #dfffc7;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #dfffc7;
--tk-surface-interactive-default-hover: rgba(215, 255, 184, .15);
--tk-surface-interactive-concealed-hover: rgba(215, 255, 184, .05);
--tk-surface-interactive-ambient-hover: rgba(215, 255, 184, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #26403d;
--tk-content-interactive-default-active: #d7ffb8;
--tk-content-interactive-concealed-active: #d7ffb8;
--tk-content-interactive-ambient-active: #e2ffcc;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #e2ffcc;
--tk-surface-interactive-default-active: rgba(215, 255, 184, .2);
--tk-surface-interactive-concealed-active: rgba(215, 255, 184, .1);
--tk-surface-interactive-ambient-active: rgba(215, 255, 184, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #fff;
--tk-chart-neutral-secondary: hsla(0, 0%, 100%, .8);
--tk-chart-neutral-tertiary: hsla(0, 0%, 100%, .5);
--tk-chart-neutral-quaternary: hsla(0, 0%, 100%, .3);
--tk-chart-neutral-quinary: hsla(0, 0%, 100%, .2);
--tk-chart-neutral-senary: hsla(0, 0%, 100%, .15);
--tk-chart-quantitative-primary: #d7ffb8;
--tk-chart-quantitative-secondary: rgba(215, 255, 184, .63);
--tk-chart-quantitative-tertiary: rgba(215, 255, 184, .34);
--tk-chart-quantitative-quaternary: rgba(215, 255, 184, .17);
--tk-chart-quantitative-quinary: rgba(215, 255, 184, .11);
--tk-chart-quantitative-senary: rgba(215, 255, 184, .06)
}
[data-theme=sunset-pebble-forest-white-forest-dark],
[data-theme=sunset-pebble-forest-white-forest-light] {
--tk-content-primary: #f1f1f3;
--tk-content-secondary: hsla(243, 9%, 95%, .84);
--tk-content-disabled: hsla(243, 9%, 95%, .53);
--tk-content-divider: hsla(243, 9%, 95%, .32);
--tk-content-shadow: hsla(243, 9%, 95%, .32);
--tk-content-positive: #65c8ac;
--tk-surface: #26403d;
--tk-surface-elevated: #39605b;
--tk-surface-overlay: rgba(8, 33, 30, .8);
--tk-surface-disabled: hsla(243, 9%, 95%, .32);
--tk-surface-read-only: hsla(243, 9%, 95%, .21);
--tk-surface-track: hsla(243, 9%, 95%, .21);
--tk-surface-notice-info: #395150;
--tk-surface-notice-destructive: #51504d;
--tk-content-primary-inverted: #26403d;
--tk-surface-inverted: #f1f1f3;
--tk-content-interactive-primary: #26403d;
--tk-content-interactive-default: #fff;
--tk-content-interactive-concealed: #fff;
--tk-content-interactive-ambient: #fff;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #fff;
--tk-surface-interactive-default: hsla(0, 0%, 100%, .1);
--tk-surface-interactive-concealed: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-ambient: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #26403d;
--tk-content-interactive-default-hover: #fff;
--tk-content-interactive-concealed-hover: #fff;
--tk-content-interactive-ambient-hover: #fff;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #fff;
--tk-surface-interactive-default-hover: hsla(0, 0%, 100%, .15);
--tk-surface-interactive-concealed-hover: hsla(0, 0%, 100%, .05);
--tk-surface-interactive-ambient-hover: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #26403d;
--tk-content-interactive-default-active: #fff;
--tk-content-interactive-concealed-active: #fff;
--tk-content-interactive-ambient-active: #fff;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #fff;
--tk-surface-interactive-default-active: hsla(0, 0%, 100%, .2);
--tk-surface-interactive-concealed-active: hsla(0, 0%, 100%, .1);
--tk-surface-interactive-ambient-active: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #f1f1f3;
--tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
--tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
--tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
--tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
--tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
--tk-chart-quantitative-primary: #fff;
--tk-chart-quantitative-secondary: hsla(0, 0%, 100%, .63);
--tk-chart-quantitative-tertiary: hsla(0, 0%, 100%, .34);
--tk-chart-quantitative-quaternary: hsla(0, 0%, 100%, .17);
--tk-chart-quantitative-quinary: hsla(0, 0%, 100%, .11);
--tk-chart-quantitative-senary: hsla(0, 0%, 100%, .06)
}
[data-theme=sunset-pebble-eggplant-white-eggplant-dark],
[data-theme=sunset-pebble-eggplant-white-eggplant-light] {
--tk-content-primary: #f1f1f3;
--tk-content-secondary: hsla(243, 9%, 95%, .84);
--tk-content-disabled: hsla(243, 9%, 95%, .53);
--tk-content-divider: hsla(243, 9%, 95%, .32);
--tk-content-shadow: hsla(243, 9%, 95%, .32);
--tk-content-positive: #65c8ac;
--tk-surface: #230b5b;
--tk-surface-elevated: #351188;
--tk-surface-overlay: rgba(33, 9, 88, .8);
--tk-surface-disabled: hsla(243, 9%, 95%, .32);
--tk-surface-read-only: hsla(243, 9%, 95%, .21);
--tk-surface-track: hsla(243, 9%, 95%, .21);
--tk-surface-notice-info: #362069;
--tk-surface-notice-destructive: #502465;
--tk-content-primary-inverted: #230b5b;
--tk-surface-inverted: #f1f1f3;
--tk-content-interactive-primary: #230b5b;
--tk-content-interactive-default: #fff;
--tk-content-interactive-concealed: #fff;
--tk-content-interactive-ambient: #fff;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #fff;
--tk-surface-interactive-default: hsla(0, 0%, 100%, .1);
--tk-surface-interactive-concealed: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-ambient: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #230b5b;
--tk-content-interactive-default-hover: #fff;
--tk-content-interactive-concealed-hover: #fff;
--tk-content-interactive-ambient-hover: #fff;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #fff;
--tk-surface-interactive-default-hover: hsla(0, 0%, 100%, .15);
--tk-surface-interactive-concealed-hover: hsla(0, 0%, 100%, .05);
--tk-surface-interactive-ambient-hover: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #230b5b;
--tk-content-interactive-default-active: #fff;
--tk-content-interactive-concealed-active: #fff;
--tk-content-interactive-ambient-active: #fff;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #fff;
--tk-surface-interactive-default-active: hsla(0, 0%, 100%, .2);
--tk-surface-interactive-concealed-active: hsla(0, 0%, 100%, .1);
--tk-surface-interactive-ambient-active: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #f1f1f3;
--tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
--tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
--tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
--tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
--tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
--tk-chart-quantitative-primary: #fff;
--tk-chart-quantitative-secondary: hsla(0, 0%, 100%, .63);
--tk-chart-quantitative-tertiary: hsla(0, 0%, 100%, .34);
--tk-chart-quantitative-quaternary: hsla(0, 0%, 100%, .17);
--tk-chart-quantitative-quinary: hsla(0, 0%, 100%, .11);
--tk-chart-quantitative-senary: hsla(0, 0%, 100%, .06)
}
[data-theme=sunset-pebble-space-white-space-dark],
[data-theme=sunset-pebble-space-white-space-light] {
--tk-content-primary: #f1f1f3;
--tk-content-secondary: hsla(243, 9%, 95%, .84);
--tk-content-disabled: hsla(243, 9%, 95%, .53);
--tk-content-divider: hsla(243, 9%, 95%, .32);
--tk-content-shadow: hsla(243, 9%, 95%, .32);
--tk-content-positive: #65c8ac;
--tk-surface: #18172b;
--tk-surface-elevated: #2b294c;
--tk-surface-overlay: rgba(24, 23, 43, .8);
--tk-surface-disabled: hsla(243, 9%, 95%, .32);
--tk-surface-read-only: hsla(243, 9%, 95%, .21);
--tk-surface-track: hsla(243, 9%, 95%, .21);
--tk-surface-notice-info: #2c2b40;
--tk-surface-notice-destructive: #472e3f;
--tk-content-primary-inverted: #18172b;
--tk-surface-inverted: #f1f1f3;
--tk-content-interactive-primary: #18172b;
--tk-content-interactive-default: #fff;
--tk-content-interactive-concealed: #fff;
--tk-content-interactive-ambient: #fff;
--tk-content-interactive-destructive: #ff8a8a;
--tk-surface-interactive-primary: #fff;
--tk-surface-interactive-default: hsla(0, 0%, 100%, .1);
--tk-surface-interactive-concealed: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-ambient: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
--tk-content-interactive-primary-hover: #18172b;
--tk-content-interactive-default-hover: #fff;
--tk-content-interactive-concealed-hover: #fff;
--tk-content-interactive-ambient-hover: #fff;
--tk-content-interactive-destructive-hover: #ff8a8a;
--tk-surface-interactive-primary-hover: #fff;
--tk-surface-interactive-default-hover: hsla(0, 0%, 100%, .15);
--tk-surface-interactive-concealed-hover: hsla(0, 0%, 100%, .05);
--tk-surface-interactive-ambient-hover: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
--tk-content-interactive-primary-active: #18172b;
--tk-content-interactive-default-active: #fff;
--tk-content-interactive-concealed-active: #fff;
--tk-content-interactive-ambient-active: #fff;
--tk-content-interactive-destructive-active: #ff8a8a;
--tk-surface-interactive-primary-active: #fff;
--tk-surface-interactive-default-active: hsla(0, 0%, 100%, .2);
--tk-surface-interactive-concealed-active: hsla(0, 0%, 100%, .1);
--tk-surface-interactive-ambient-active: hsla(0, 0%, 100%, 0);
--tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
--tk-affordability-comfortable: #65c8ac;
--tk-affordability-manageable: #f0c051;
--tk-affordability-stretch: #ff9152;
--tk-affordability-unaffordable: #747387;
--tk-soft-start: #120038;
--tk-soft-end: #421700;
--tk-vibrant-start: #22006b;
--tk-vibrant-end: #612200;
--tk-aqua-start: #1a5b55;
--tk-aqua-end: #4840ba;
--tk-day-start: #230b5b;
--tk-day-end: #4840ba;
--tk-soft-twilight-start: #120038;
--tk-soft-twilight-end: #421700;
--tk-vibrant-twilight-start: #22006b;
--tk-vibrant-twilight-end: #612200;
--tk-aqua-twilight-start: #1a5b55;
--tk-aqua-twilight-end: #4840ba;
--tk-night-start: #230b5b;
--tk-night-end: #4840ba;
--tk-chart-categorical0: #bcc6f5;
--tk-chart-categorical1: #988fff;
--tk-chart-categorical2: #6f85c8;
--tk-chart-categorical3: #4d5899;
--tk-chart-categorical4: #a7d7c9;
--tk-chart-categorical5: #406d68;
--tk-chart-categorical6: #25413e;
--tk-chart-categorical7: #df8b5d;
--tk-chart-categorical8: #ac5e35;
--tk-chart-categorical9: #814728;
--tk-chart-neutral-primary: #f1f1f3;
--tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
--tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
--tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
--tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
--tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
--tk-chart-quantitative-primary: #fff;
--tk-chart-quantitative-secondary: hsla(0, 0%, 100%, .63);
--tk-chart-quantitative-tertiary: hsla(0, 0%, 100%, .34);
--tk-chart-quantitative-quaternary: hsla(0, 0%, 100%, .17);
--tk-chart-quantitative-quinary: hsla(0, 0%, 100%, .11);
--tk-chart-quantitative-senary: hsla(0, 0%, 100%, .06)
}
.button_button__HOmVR {
z-index: 1
}
.button_primaryButton__FEBF9 {
box-shadow: 0 0 0 0 rgba, 0, 0, 0
}
.button_button__HOmVR:after,
.button_button__HOmVR:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: opacity .3s ease-out
}
.button_primaryButton__FEBF9:before {
background: linear-gradient(180deg, #4840bb, #ad6035)
}
.button_secondaryButtonOnDark__Q4IvW:before,
.button_secondaryButtonOnLight__77Wh4:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: .375rem;
padding: 1px;
background: linear-gradient(180deg, #4840bb, #ad6035);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude
}
.button_primaryButton__FEBF9:after {
background: #230b59
}
.button_primaryButton__FEBF9:hover {
box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
color: #fff
}
.button_secondaryButtonOnDark__Q4IvW:hover:not(:active),
.button_secondaryButtonOnLight__77Wh4:hover:not(:active) {
background: linear-gradient(180deg, #4840bb, #ad6035);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
border: 1px solid transparent
}
.button_button__HOmVR:active:after,
.button_primaryButton__FEBF9:hover:before,
.button_secondaryButtonOnDark__Q4IvW:hover:not(:active):before,
.button_secondaryButtonOnLight__77Wh4:hover:not(:active):before {
opacity: 1
}