html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
*,: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: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style:
}
::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: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style:
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
*,:after,:before {
border: 0 solid #e5e7eb;
box-sizing: border-box
}
:after,:before {
--tw-content: ""
}
:host,html {
-webkit-text-size-adjust: 100%;
font-feature-settings: normal;
-webkit-tap-highlight-color: transparent;
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-variation-settings: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4
}
body {
line-height: inherit;
margin: 0
}
hr {
border-top-width: 1px;
color: inherit;
height: 0
}
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-feature-settings: normal;
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
font-size: 1em;
font-variation-settings: normal
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
border-collapse: collapse;
border-color: inherit;
text-indent: 0
}
button,input,optgroup,select,textarea {
font-feature-settings: inherit;
color: inherit;
font-family: inherit;
font-size: 100%;
font-variation-settings: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin: 0;
padding: 0
}
button,select {
text-transform: none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
-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,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
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 {
color: #9ca3af;
opacity: 1
}
input::placeholder,textarea::placeholder {
color: #9ca3af;
opacity: 1
}
[role=button],button {
cursor: pointer
}
:disabled {
cursor: default
}
audio,canvas,embed,iframe,img,object,svg,video {
display: block;
vertical-align: middle
}
img,video {
height: auto;
max-width: 100%
}
[hidden]:where(:not([hidden=until-found])) {
display: none
}
* {
box-sizing: border-box
}
html {
font-family: var(--win-site-font)
}
.container {
width: 100%
}
@media (min-width: 390px) {
.container {
max-width:390px
}
}
@media (min-width: 640px) {
.container {
max-width:640px
}
}
@media (min-width: 768px) {
.container {
max-width:768px
}
}
@media (min-width: 1024px) {
.container {
max-width:1024px
}
}
@media (min-width: 1200px) {
.container {
max-width:1200px
}
}
@media (min-width: 1280px) {
.container {
max-width:1280px
}
}
.heading1 {
font-size: 3rem;
line-height: 3rem
}
.heading1,.heading2 {
font-family: var(--win-site-spirit-font),sans-serif;
font-weight: 900
}
.heading2 {
font-size: 2.25rem;
line-height: 2.5rem
}
.heading3 {
font-size: 1.875rem;
line-height: 2.25rem
}
.heading3,.heading4 {
font-family: var(--win-site-spirit-font),sans-serif;
font-weight: 900
}
.heading4 {
font-size: 1.5rem;
line-height: 2rem
}
.heading5 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.875rem;
line-height: 2.25rem
}
.heading5,.heading6 {
font-weight: 900
}
.heading6,.subheading1 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.5rem;
line-height: 2rem
}
.subheading1 {
font-weight: 700
}
.subheading2 {
font-size: 1.5rem;
font-weight: 900
}
.subheading2,.subheading3 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
line-height: 1.75rem
}
.subheading3 {
font-size: 1.125rem;
font-weight: 700
}
.subheading4 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.125rem;
font-weight: 900;
line-height: 1.5rem
}
.subheading5 {
font-size: 3.75rem;
line-height: 3.75rem
}
.subheading5,.subheading6 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 500
}
.subheading6 {
font-size: 3rem;
line-height: 3rem
}
.body1 {
font-size: 1.25rem
}
.body1,.body2 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 500;
line-height: 1.75rem
}
.body2 {
font-size: 1.125rem
}
.body3 {
font-size: 1rem;
line-height: 1.5rem
}
.body3,.footnote {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 500
}
.footnote {
font-size: .875rem;
line-height: 1.25rem
}
.micro {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: .75rem;
font-weight: 500;
line-height: 1rem
}
.label1 {
font-size: 1.25rem
}
.label1,.label2 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 900;
line-height: 1.75rem
}
.label2 {
font-size: 1.125rem
}
.label3 {
font-size: 1rem;
line-height: 1.5rem
}
.label3,.label4 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 900
}
.label4 {
font-size: .875rem;
line-height: 1.25rem
}
.btn-small {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1rem;
font-weight: 900;
height: 3rem;
line-height: 1.5rem
}
.btn-medium {
height: 3.5rem
}
.btn-large,.btn-medium {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.25rem;
font-weight: 900;
line-height: 1.75rem
}
.btn-large {
height: 4rem
}
.btn-x-large {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.875rem;
font-weight: 900;
height: 5.5rem;
line-height: 2.25rem
}
.animate-blink {
animation: blink 1.5s ease-in-out infinite
}
.sr-only {
clip: rect(0,0,0,0)!important;
border-width: 0!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
white-space: nowrap!important;
width: 1px!important
}
.pointer-events-none {
pointer-events: none!important
}
.pointer-events-auto {
pointer-events: auto!important
}
.visible {
visibility: visible!important
}
.invisible {
visibility: hidden!important
}
.collapse {
visibility: collapse!important
}
.fixed {
position: fixed!important
}
.absolute {
position: absolute!important
}
.relative {
position: relative!important
}
.sticky {
position: sticky!important
}
.inset-0 {
inset: 0!important
}
.inset-\[10\%\] {
inset: 10%!important
}
.inset-\[15\%\] {
inset: 15%!important
}
.inset-\[5\%\] {
inset: 5%!important
}
.-left-16 {
left: -4rem!important
}
.-left-26 {
left: -6.5rem!important
}
.-left-4 {
left: -1rem!important
}
.-left-6 {
left: -1.5rem!important
}
.-left-8 {
left: -2rem!important
}
.-right-16 {
right: -4rem!important
}
.-right-96 {
right: -24rem!important
}
.bottom-0 {
bottom: 0!important
}
.bottom-1 {
bottom: .25rem!important
}
.left-0 {
left: 0!important
}
.left-1\/2 {
left: 50%!important
}
.left-5 {
left: 1.25rem!important
}
.right-0 {
right: 0!important
}
.right-2 {
right: .5rem!important
}
.right-5 {
right: 1.25rem!important
}
.top-0 {
top: 0!important
}
.top-1 {
top: .25rem!important
}
.top-1\/2 {
top: 50%!important
}
.top-18 {
top: 4.5rem!important
}
.top-20 {
top: 5rem!important
}
.top-3 {
top: .75rem!important
}
.top-5 {
top: 1.25rem!important
}
.top-\[-1966\.1px\] {
top: -1966.1px!important
}
.top-\[-2371px\] {
top: -2371px!important
}
.top-\[-2600px\] {
top: -2600px!important
}
.top-\[18\%\] {
top: 18%!important
}
.top-\[45\.8px\] {
top: 45.8px!important
}
.top-\[50\%\] {
top: 50%!important
}
.top-auto {
top: auto!important
}
.top-full {
top: 100%!important
}
.z-0 {
z-index: 0!important
}
.z-10 {
z-index: 10!important
}
.z-20 {
z-index: 20!important
}
.z-30 {
z-index: 30!important
}
.z-50 {
z-index: 50!important
}
.z-80 {
z-index: 80!important
}
.z-\[1000\] {
z-index: 1000!important
}
.z-\[1001\] {
z-index: 1001!important
}
.z-\[100\] {
z-index: 100!important
}
.z-\[1\] {
z-index: 1!important
}
.z-\[30\] {
z-index: 30!important
}
.z-\[89\] {
z-index: 89!important
}
.z-\[90\] {
z-index: 90!important
}
.col-start-1 {
grid-column-start: 1!important
}
.row-start-1 {
grid-row-start: 1!important
}
.float-right {
float: right!important
}
.float-left {
float: left!important
}
.m-0 {
margin: 0!important
}
.mx-0 {
margin-left: 0!important;
margin-right: 0!important
}
.mx-1 {
margin-left: .25rem!important;
margin-right: .25rem!important
}
.mx-3 {
margin-left: .75rem!important;
margin-right: .75rem!important
}
.mx-5 {
margin-left: 1.25rem!important;
margin-right: 1.25rem!important
}
.mx-auto {
margin-left: auto!important;
margin-right: auto!important
}
.my-16 {
margin-bottom: 4rem!important;
margin-top: 4rem!important
}
.my-4 {
margin-bottom: 1rem!important;
margin-top: 1rem!important
}
.my-5 {
margin-bottom: 1.25rem!important;
margin-top: 1.25rem!important
}
.my-6 {
margin-bottom: 1.5rem!important;
margin-top: 1.5rem!important
}
.my-8 {
margin-bottom: 2rem!important;
margin-top: 2rem!important
}
.-mb-1 {
margin-bottom: -.25rem!important
}
.mb-1 {
margin-bottom: .25rem!important
}
.mb-10 {
margin-bottom: 2.5rem!important
}
.mb-2 {
margin-bottom: .5rem!important
}
.mb-3 {
margin-bottom: .75rem!important
}
.mb-4 {
margin-bottom: 1rem!important
}
.mb-5 {
margin-bottom: 1.25rem!important
}
.mb-8 {
margin-bottom: 2rem!important
}
.ml-0\.5 {
margin-left: .125rem!important
}
.ml-2 {
margin-left: .5rem!important
}
.mr-1 {
margin-right: .25rem!important
}
.mr-2 {
margin-right: .5rem!important
}
.mr-3 {
margin-right: .75rem!important
}
.mr-\[64px\] {
margin-right: 64px!important
}
.mt-0 {
margin-top: 0!important
}
.mt-0\.5 {
margin-top: .125rem!important
}
.mt-1 {
margin-top: .25rem!important
}
.mt-10 {
margin-top: 2.5rem!important
}
.mt-12 {
margin-top: 3rem!important
}
.mt-2 {
margin-top: .5rem!important
}
.mt-20 {
margin-top: 5rem!important
}
.mt-3 {
margin-top: .75rem!important
}
.mt-4 {
margin-top: 1rem!important
}
.mt-5 {
margin-top: 1.25rem!important
}
.mt-8 {
margin-top: 2rem!important
}
.mt-\[2px\] {
margin-top: 2px!important
}
.mt-auto {
margin-top: auto!important
}
.line-clamp-3 {
-webkit-box-orient: vertical!important;
-webkit-line-clamp: 3!important;
display: -webkit-box!important;
overflow: hidden!important
}
.block {
display: block!important
}
.inline-block {
display: inline-block!important
}
.inline {
display: inline!important
}
.flex {
display: flex!important
}
.inline-flex {
display: inline-flex!important
}
.table {
display: table!important
}
.grid {
display: grid!important
}
.contents {
display: contents!important
}
.list-item {
display: list-item!important
}
.hidden {
display: none!important
}
.aspect-\[16\/9\] {
aspect-ratio: 16/9!important
}
.aspect-square {
aspect-ratio: 1/1!important
}
.aspect-video {
aspect-ratio: 16/9!important
}
.h-0 {
height: 0!important
}
.h-0\.5 {
height: .125rem!important
}
.h-1 {
height: .25rem!important
}
.h-10 {
height: 2.5rem!important
}
.h-11 {
height: 2.75rem!important
}
.h-12 {
height: 3rem!important
}
.h-13 {
height: 3.25rem!important
}
.h-14 {
height: 3.5rem!important
}
.h-2 {
height: .5rem!important
}
.h-20 {
height: 5rem!important
}
.h-3 {
height: .75rem!important
}
.h-32 {
height: 8rem!important
}
.h-4 {
height: 1rem!important
}
.h-5 {
height: 1.25rem!important
}
.h-6 {
height: 1.5rem!important
}
.h-8 {
height: 2rem!important
}
.h-9 {
height: 2.25rem!important
}
.h-\[0\.875rem\] {
height: .875rem!important
}
.h-\[1px\] {
height: 1px!important
}
.h-\[21px\] {
height: 21px!important
}
.h-\[232px\] {
height: 232px!important
}
.h-\[334px\] {
height: 334px!important
}
.h-\[34px\] {
height: 34px!important
}
.h-\[46px\] {
height: 46px!important
}
.h-\[48px\] {
height: 48px!important
}
.h-\[56px\] {
height: 56px!important
}
.h-\[60px\] {
height: 60px!important
}
.h-\[80px\] {
height: 80px!important
}
.h-full {
height: 100%!important
}
.max-h-0 {
max-height: 0!important
}
.max-h-\[85vh\] {
max-height: 85vh!important
}
.min-h-\[40px\] {
min-height: 40px!important
}
.min-h-fit {
min-height: -moz-fit-content!important;
min-height: fit-content!important
}
.w-1\/2 {
width: 50%!important
}
.w-1\/4 {
width: 25%!important
}
.w-10 {
width: 2.5rem!important
}
.w-12 {
width: 3rem!important
}
.w-13 {
width: 3.25rem!important
}
.w-2 {
width: .5rem!important
}
.w-20 {
width: 5rem!important
}
.w-26 {
width: 6.5rem!important
}
.w-3 {
width: .75rem!important
}
.w-3\/4 {
width: 75%!important
}
.w-4 {
width: 1rem!important
}
.w-5 {
width: 1.25rem!important
}
.w-52 {
width: 13rem!important
}
.w-6 {
width: 1.5rem!important
}
.w-60 {
width: 15rem!important
}
.w-64 {
width: 16rem!important
}
.w-8 {
width: 2rem!important
}
.w-9 {
width: 2.25rem!important
}
.w-\[0\.875rem\] {
width: .875rem!important
}
.w-\[1200px\] {
width: 1200px!important
}
.w-\[147px\] {
width: 147px!important
}
.w-\[21px\] {
width: 21px!important
}
.w-\[334px\] {
width: 334px!important
}
.w-\[392px\] {
width: 392px!important
}
.w-\[50vw\] {
width: 50vw!important
}
.w-\[640px\] {
width: 640px!important
}
.w-\[80px\] {
width: 80px!important
}
.w-\[calc\(100\%-30px\)\] {
width: calc(100% - 30px)!important
}
.w-\[calc\(100vw-10px\)\] {
width: calc(100vw - 10px)!important
}
.w-auto {
width: auto!important
}
.w-fit {
width: -moz-fit-content!important;
width: fit-content!important
}
.w-full {
width: 100%!important
}
.w-max {
width: -moz-max-content!important;
width: max-content!important
}
.min-w-0 {
min-width: 0!important
}
.min-w-44 {
min-width: 11rem!important
}
.min-w-80 {
min-width: 20rem!important
}
.min-w-\[100\.1\%\] {
min-width: 100.1%!important
}
.min-w-\[150px\] {
min-width: 150px!important
}
.min-w-\[160px\] {
min-width: 160px!important
}
.min-w-\[50vw\] {
min-width: 50vw!important
}
.min-w-full {
min-width: 100%!important
}
.max-w-120,.max-w-\[1200px\] {
max-width: 1200px!important
}
.max-w-\[1280px\] {
max-width: 1280px!important
}
.max-w-\[350px\] {
max-width: 350px!important
}
.max-w-\[392px\] {
max-width: 392px!important
}
.max-w-\[52px\] {
max-width: 52px!important
}
.max-w-\[980px\] {
max-width: 980px!important
}
.max-w-\[calc\(100vw-30px\)\] {
max-width: calc(100vw - 30px)!important
}
.max-w-none {
max-width: none!important
}
.flex-1 {
flex: 1 1 0%!important
}
.flex-\[1_0_0\] {
flex: 1 0 0!important
}
.flex-none {
flex: none!important
}
.flex-shrink-0,.shrink-0 {
flex-shrink: 0!important
}
.flex-grow,.grow {
flex-grow: 1!important
}
.table-fixed {
table-layout: fixed!important
}
.border-collapse {
border-collapse: collapse!important
}
.-translate-y-1\/2 {
--tw-translate-y: -50%!important
}
.-translate-y-1\/2,.-translate-y-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))!important
}
.-translate-y-2 {
--tw-translate-y: -0.5rem!important
}
.translate-x-\[-101\%\] {
--tw-translate-x: -101%!important
}
.translate-x-\[-101\%\],.translate-x-\[-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))!important
}
.translate-x-\[-48\%\] {
--tw-translate-x: -48%!important
}
.translate-x-\[-55\%\] {
--tw-translate-x: -55%!important
}
.translate-x-\[-55\%\],.translate-y-0 {
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-y-0 {
--tw-translate-y: 0px!important
}
.translate-y-\[-18px\] {
--tw-translate-y: -18px!important
}
.translate-y-\[-18px\],.translate-y-\[calc\(50vh-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))!important
}
.translate-y-\[calc\(50vh-50\%\)\] {
--tw-translate-y: calc(50vh - 50%)!important
}
.translate-y-full {
--tw-translate-y: 100%!important
}
.rotate-0,.translate-y-full {
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
}
.rotate-0 {
--tw-rotate: 0deg!important
}
.rotate-180 {
--tw-rotate: 180deg!important
}
.rotate-180,.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))!important
}
@keyframes blink {
0%,to {
opacity: 1
}
50% {
opacity: .2
}
}
.animate-blink {
animation: blink 1.2s ease-in-out infinite!important
}
@keyframes pulse {
50% {
opacity: .5
}
}
.animate-pulse {
animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite!important
}
@keyframes spin {
to {
transform: rotate(1turn)
}
}
.animate-spin {
animation: spin 1s linear infinite!important
}
.cursor-default {
cursor: default!important
}
.cursor-help {
cursor: help!important
}
.cursor-not-allowed {
cursor: not-allowed!important
}
.cursor-pointer {
cursor: pointer!important
}
.select-none {
-webkit-user-select: none!important;
-moz-user-select: none!important;
user-select: none!important
}
.resize {
resize: both!important
}
.snap-start {
scroll-snap-align: start!important
}
.scroll-mt-48 {
scroll-margin-top: 12rem!important
}
.list-decimal {
list-style-type: decimal!important
}
.list-disc {
list-style-type: disc!important
}
.list-none {
list-style-type: none!important
}
.grid-cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr))!important
}
.grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))!important
}
.grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))!important
}
.grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))!important
}
.grid-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr))!important
}
.grid-cols-6 {
grid-template-columns: repeat(6,minmax(0,1fr))!important
}
.flex-row {
flex-direction: row!important
}
.flex-col {
flex-direction: column!important
}
.flex-col-reverse {
flex-direction: column-reverse!important
}
.flex-wrap {
flex-wrap: wrap!important
}
.flex-nowrap {
flex-wrap: nowrap!important
}
.items-start {
align-items: flex-start!important
}
.items-center {
align-items: center!important
}
.items-baseline {
align-items: baseline!important
}
.items-stretch {
align-items: stretch!important
}
.justify-start {
justify-content: flex-start!important
}
.justify-end {
justify-content: flex-end!important
}
.justify-center {
justify-content: center!important
}
.justify-between {
justify-content: space-between!important
}
.justify-items-center {
justify-items: center!important
}
.gap-1 {
gap: .25rem!important
}
.gap-10 {
gap: 2.5rem!important
}
.gap-2 {
gap: .5rem!important
}
.gap-3 {
gap: .75rem!important
}
.gap-4 {
gap: 1rem!important
}
.gap-5 {
gap: 1.25rem!important
}
.gap-6 {
gap: 1.5rem!important
}
.gap-8 {
gap: 2rem!important
}
.gap-x-6 {
-moz-column-gap: 1.5rem!important;
column-gap: 1.5rem!important
}
.gap-y-5 {
row-gap: 1.25rem!important
}
.space-x-2>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0!important;
margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)))!important;
margin-right: calc(.5rem*var(--tw-space-x-reverse))!important
}
.space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0!important;
margin-bottom: calc(0px*var(--tw-space-y-reverse))!important;
margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))!important
}
.space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0!important;
margin-bottom: calc(.25rem*var(--tw-space-y-reverse))!important;
margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))!important
}
.space-y-2>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0!important;
margin-bottom: calc(.5rem*var(--tw-space-y-reverse))!important;
margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))!important
}
.space-y-3>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0!important;
margin-bottom: calc(.75rem*var(--tw-space-y-reverse))!important;
margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))!important
}
.space-y-4>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0!important;
margin-bottom: calc(1rem*var(--tw-space-y-reverse))!important;
margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))!important
}
.space-y-6>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0!important;
margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))!important;
margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))!important
}
.space-y-8>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0!important;
margin-bottom: calc(2rem*var(--tw-space-y-reverse))!important;
margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))!important
}
.self-stretch {
align-self: stretch!important
}
.overflow-auto {
overflow: auto!important
}
.overflow-hidden {
overflow: hidden!important
}
.overflow-visible {
overflow: visible!important
}
.overflow-x-auto {
overflow-x: auto!important
}
.overflow-y-auto {
overflow-y: auto!important
}
.whitespace-normal {
white-space: normal!important
}
.whitespace-nowrap {
white-space: nowrap!important
}
.whitespace-pre-line {
white-space: pre-line!important
}
.text-wrap {
text-wrap: wrap!important
}
.text-nowrap {
text-wrap: nowrap!important
}
.break-words {
overflow-wrap: break-word!important
}
.rounded {
border-radius: .25rem!important
}
.rounded-3xl {
border-radius: 1.5rem!important
}
.rounded-\[32px\] {
border-radius: 32px!important
}
.rounded-\[40px\] {
border-radius: 40px!important
}
.rounded-\[4px\] {
border-radius: 4px!important
}
.rounded-button {
border-radius: var(--border-radius-button-default)!important
}
.rounded-button-lg {
border-radius: var(--border-radius-button-lg)!important
}
.rounded-button-sm {
border-radius: var(--border-radius-button-sm)!important
}
.rounded-card {
border-radius: var(--border-radius-card-default)!important
}
.rounded-card-lg {
border-radius: var(--border-radius-card-lg)!important
}
.rounded-card-sm {
border-radius: var(--border-radius-card-sm)!important
}
.rounded-full {
border-radius: 9999px!important
}
.rounded-image {
border-radius: var(--border-radius-image-default)!important
}
.rounded-input {
border-radius: var(--border-radius-input-default)!important
}
.rounded-input-poppers {
border-radius: var(--border-radius-input-poppers)!important
}
.rounded-input-xl {
border-radius: var(--border-radius-input-xl)!important
}
.rounded-lg {
border-radius: var(--border-radius-lg)!important
}
.rounded-md {
border-radius: .375rem!important
}
.rounded-modal {
border-radius: var(--border-radius-modal-default)!important
}
.rounded-none {
border-radius: 0!important
}
.rounded-surface {
border-radius: var(--border-radius-surface-default)!important
}
.rounded-surface-lg {
border-radius: var(--border-radius-surface-lg)!important
}
.rounded-surface-sm {
border-radius: var(--border-radius-surface-sm)!important
}
.rounded-surface-xs {
border-radius: var(--border-radius-surface-xs)!important
}
.rounded-xl {
border-radius: var(--border-radius-xl)!important
}
.rounded-t-\[20px\] {
border-top-left-radius: 20px!important;
border-top-right-radius: 20px!important
}
.rounded-t-lg {
border-top-left-radius: var(--border-radius-lg)!important;
border-top-right-radius: var(--border-radius-lg)!important
}
.rounded-t-none {
border-top-left-radius: 0!important;
border-top-right-radius: 0!important
}
.rounded-t-surface-xs {
border-top-left-radius: var(--border-radius-surface-xs)!important;
border-top-right-radius: var(--border-radius-surface-xs)!important
}
.border {
border-width: 1px!important
}
.border-2 {
border-width: 2px!important
}
.border-\[0\.727px\] {
border-width: .727px!important
}
.border-\[1px\] {
border-width: 1px!important
}
.border-b {
border-bottom-width: 1px!important
}
.border-b-2 {
border-bottom-width: 2px!important
}
.border-t {
border-top-width: 1px!important
}
.border-t-0 {
border-top-width: 0!important
}
.border-solid {
border-style: solid!important
}
.border-dashed {
border-style: dashed!important
}
.border-none {
border-style: none!important
}
.border-border {
border-color: var(--color-border)!important
}
.border-border-accent {
border-color: var(--color-border-accent)!important
}
.border-border-brand {
border-color: var(--color-border-brand)!important
}
.border-border-critical {
border-color: var(--color-border-critical)!important
}
.border-border-focus-secondary {
border-color: var(--color-border-focus-secondary)!important
}
.border-border-inverse {
border-color: var(--color-border-inverse)!important
}
.border-border-secondary {
border-color: var(--color-border-secondary)!important
}
.border-border-secondary-on-bg-fill {
border-color: var(--color-border-secondary-on-bg-fill)!important
}
.border-gray-100 {
--tw-border-opacity: 1!important;
border-color: rgb(243 244 246/var(--tw-border-opacity,1))!important
}
.border-gray-200 {
--tw-border-opacity: 1!important;
border-color: rgb(229 231 235/var(--tw-border-opacity,1))!important
}
.border-gray-300 {
--tw-border-opacity: 1!important;
border-color: rgb(209 213 219/var(--tw-border-opacity,1))!important
}
.border-input-border {
border-color: var(--color-input-border)!important
}
.border-input-border-critical {
border-color: var(--color-input-border-critical)!important
}
.border-input-border-hover {
border-color: var(--color-input-border-hover)!important
}
.border-input-border-selected {
border-color: var(--color-input-border-selected)!important
}
.border-transparent {
border-color: transparent!important
}
.bg-\[\#00002D\] {
--tw-bg-opacity: 1!important;
background-color: rgb(0 0 45/var(--tw-bg-opacity,1))!important
}
.bg-\[\#07B2E2\] {
--tw-bg-opacity: 1!important;
background-color: rgb(7 178 226/var(--tw-bg-opacity,1))!important
}
.bg-\[\#26B170\] {
--tw-bg-opacity: 1!important;
background-color: rgb(38 177 112/var(--tw-bg-opacity,1))!important
}
.bg-\[\#931D69\] {
--tw-bg-opacity: 1!important;
background-color: rgb(147 29 105/var(--tw-bg-opacity,1))!important
}
.bg-\[\#F5FF1E\] {
--tw-bg-opacity: 1!important;
background-color: rgb(245 255 30/var(--tw-bg-opacity,1))!important
}
.bg-\[\#FFFEEF\] {
--tw-bg-opacity: 1!important;
background-color: rgb(255 254 239/var(--tw-bg-opacity,1))!important
}
.bg-bg {
background-color: var(--color-bg)!important
}
.bg-bg-fill-brand {
background-color: var(--color-bg-fill-brand)!important
}
.bg-bg-fill-brand-accent {
background-color: var(--color-bg-fill-brand-accent)!important
}
.bg-bg-fill-brand-supporting {
background-color: var(--color-bg-fill-brand-supporting)!important
}
.bg-bg-fill-brand-tertiary {
background-color: var(--color-bg-fill-brand-tertiary)!important
}
.bg-bg-fill-critical-secondary {
background-color: var(--color-bg-fill-critical-secondary)!important
}
.bg-bg-fill-info {
background-color: var(--color-bg-fill-info)!important
}
.bg-bg-fill-inverse {
background-color: var(--color-bg-fill-inverse)!important
}
.bg-bg-fill-inverse-disabled {
background-color: var(--color-bg-fill-inverse-disabled)!important
}
.bg-bg-fill-secondary {
background-color: var(--color-bg-fill-secondary)!important
}
.bg-bg-fill-success {
background-color: var(--color-bg-fill-success)!important
}
.bg-bg-inverse {
background-color: var(--color-bg-inverse)!important
}
.bg-bg-surface {
background-color: var(--color-bg-surface)!important
}
.bg-bg-surface-active {
background-color: var(--color-bg-surface-active)!important
}
.bg-bg-surface-hover {
background-color: var(--color-bg-surface-hover)!important
}
.bg-bg-surface-info {
background-color: var(--color-bg-surface-info)!important
}
.bg-bg-surface-inverse {
background-color: var(--color-bg-surface-inverse)!important
}
.bg-bg-surface-secondary {
background-color: var(--color-bg-surface-secondary)!important
}
.bg-bg-surface-tertiary-active {
background-color: var(--color-bg-surface-tertiary-active)!important
}
.bg-black {
--tw-bg-opacity: 1!important;
background-color: rgb(0 0 0/var(--tw-bg-opacity,1))!important
}
.bg-black\/50 {
background-color: rgba(0,0,0,.5)!important
}
.bg-black\/80 {
background-color: rgba(0,0,0,.8)!important
}
.bg-blue-500 {
background-color: rgb(59 130 246/var(--tw-bg-opacity,1))!important
}
.bg-blue-500,.bg-blue-600 {
--tw-bg-opacity: 1!important
}
.bg-blue-600 {
background-color: rgb(37 99 235/var(--tw-bg-opacity,1))!important
}
.bg-border-brand {
background-color: var(--color-border-brand)!important
}
.bg-border-success {
background-color: var(--color-border-success)!important
}
.bg-gray-100 {
background-color: rgb(243 244 246/var(--tw-bg-opacity,1))!important
}
.bg-gray-100,.bg-gray-200 {
--tw-bg-opacity: 1!important
}
.bg-gray-200 {
background-color: rgb(229 231 235/var(--tw-bg-opacity,1))!important
}
.bg-gray-300 {
background-color: rgb(209 213 219/var(--tw-bg-opacity,1))!important
}
.bg-gray-300,.bg-gray-50 {
--tw-bg-opacity: 1!important
}
.bg-gray-50 {
background-color: rgb(249 250 251/var(--tw-bg-opacity,1))!important
}
.bg-gray-500 {
background-color: rgb(107 114 128/var(--tw-bg-opacity,1))!important
}
.bg-gray-500,.bg-gray-600 {
--tw-bg-opacity: 1!important
}
.bg-gray-600 {
background-color: rgb(75 85 99/var(--tw-bg-opacity,1))!important
}
.bg-green-100 {
--tw-bg-opacity: 1!important;
background-color: rgb(220 252 231/var(--tw-bg-opacity,1))!important
}
.bg-green-500 {
--tw-bg-opacity: 1!important;
background-color: rgb(34 197 94/var(--tw-bg-opacity,1))!important
}
.bg-green-600 {
--tw-bg-opacity: 1!important;
background-color: rgb(22 163 74/var(--tw-bg-opacity,1))!important
}
.bg-icon-brand {
background-color: var(--color-icon-brand)!important
}
.bg-input-bg-surface {
background-color: var(--color-input-bg-surface)!important
}
.bg-orange-500 {
--tw-bg-opacity: 1!important;
background-color: rgb(249 115 22/var(--tw-bg-opacity,1))!important
}
.bg-purple-500 {
--tw-bg-opacity: 1!important;
background-color: rgb(168 85 247/var(--tw-bg-opacity,1))!important
}
.bg-scrim-bg-modal {
background-color: var(--color-scrim-bg-modal)!important
}
.bg-skeleton-bg-end {
background-color: var(--color-skeleton-bg-end)!important
}
.bg-skeleton-bg-start {
background-color: var(--color-skeleton-bg-start)!important
}
.bg-transparent {
background-color: transparent!important
}
.bg-white {
--tw-bg-opacity: 1!important;
background-color: rgb(255 255 255/var(--tw-bg-opacity,1))!important
}
.bg-gradient-to-br {
background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))!important
}
.from-gray-200 {
--tw-gradient-from: #e5e7eb var(--tw-gradient-from-position)!important;
--tw-gradient-to: rgba(229,231,235,0) var(--tw-gradient-to-position)!important;
--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)!important
}
.to-gray-100 {
--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)!important
}
.fill-bg-fill-brand {
fill: var(--color-bg-fill-brand)!important
}
.fill-checkbox-bg-surface-disabled {
fill: var(--color-checkbox-bg-surface-disabled)!important
}
.fill-checkbox-bg-surface-selected-disabled {
fill: var(--color-checkbox-bg-surface-selected-disabled)!important
}
.fill-current {
fill: currentColor!important
}
.fill-white {
fill: #fff!important
}
.object-cover {
-o-object-fit: cover!important;
object-fit: cover!important
}
.object-center {
-o-object-position: center!important;
object-position: center!important
}
.p-0 {
padding: 0!important
}
.p-1 {
padding: .25rem!important
}
.p-1\.5 {
padding: .375rem!important
}
.p-2 {
padding: .5rem!important
}
.p-3 {
padding: .75rem!important
}
.p-4 {
padding: 1rem!important
}
.p-5 {
padding: 1.25rem!important
}
.p-6 {
padding: 1.5rem!important
}
.p-8 {
padding: 2rem!important
}
.p-\[10px\] {
padding: 10px!important
}
.p-\[25px\] {
padding: 25px!important
}
.px-0 {
padding-left: 0!important;
padding-right: 0!important
}
.px-1 {
padding-left: .25rem!important;
padding-right: .25rem!important
}
.px-2 {
padding-left: .5rem!important;
padding-right: .5rem!important
}
.px-3 {
padding-left: .75rem!important;
padding-right: .75rem!important
}
.px-4 {
padding-left: 1rem!important;
padding-right: 1rem!important
}
.px-5 {
padding-left: 1.25rem!important;
padding-right: 1.25rem!important
}
.px-6 {
padding-left: 1.5rem!important;
padding-right: 1.5rem!important
}
.px-7 {
padding-left: 1.75rem!important;
padding-right: 1.75rem!important
}
.px-\[7px\] {
padding-left: 7px!important;
padding-right: 7px!important
}
.py-10 {
padding-bottom: 2.5rem!important;
padding-top: 2.5rem!important
}
.py-12 {
padding-bottom: 3rem!important;
padding-top: 3rem!important
}
.py-16 {
padding-bottom: 4rem!important;
padding-top: 4rem!important
}
.py-2 {
padding-bottom: .5rem!important;
padding-top: .5rem!important
}
.py-2\.5 {
padding-bottom: .625rem!important;
padding-top: .625rem!important
}
.py-20 {
padding-bottom: 5rem!important;
padding-top: 5rem!important
}
.py-3 {
padding-bottom: .75rem!important;
padding-top: .75rem!important
}
.py-4 {
padding-bottom: 1rem!important;
padding-top: 1rem!important
}
.py-5 {
padding-bottom: 1.25rem!important;
padding-top: 1.25rem!important
}
.py-6 {
padding-bottom: 1.5rem!important;
padding-top: 1.5rem!important
}
.py-7 {
padding-bottom: 1.75rem!important;
padding-top: 1.75rem!important
}
.py-8 {
padding-bottom: 2rem!important;
padding-top: 2rem!important
}
.py-9 {
padding-bottom: 2.25rem!important;
padding-top: 2.25rem!important
}
.py-\[10px\] {
padding-bottom: 10px!important;
padding-top: 10px!important
}
.py-\[7px\] {
padding-bottom: 7px!important;
padding-top: 7px!important
}
.pb-0 {
padding-bottom: 0!important
}
.pb-1 {
padding-bottom: .25rem!important
}
.pb-12 {
padding-bottom: 3rem!important
}
.pb-16 {
padding-bottom: 4rem!important
}
.pb-20 {
padding-bottom: 5rem!important
}
.pb-4 {
padding-bottom: 1rem!important
}
.pb-6 {
padding-bottom: 1.5rem!important
}
.pb-\[300px\] {
padding-bottom: 300px!important
}
.pb-\[56\.25\%\] {
padding-bottom: 56.25%!important
}
.pl-0 {
padding-left: 0!important
}
.pl-1 {
padding-left: .25rem!important
}
.pl-15 {
padding-left: 3.75rem!important
}
.pl-2 {
padding-left: .5rem!important
}
.pl-5 {
padding-left: 1.25rem!important
}
.pl-6 {
padding-left: 1.5rem!important
}
.pl-7 {
padding-left: 1.75rem!important
}
.pl-8 {
padding-left: 2rem!important
}
.pl-\[8px\] {
padding-left: 8px!important
}
.pr-12 {
padding-right: 3rem!important
}
.pr-15 {
padding-right: 3.75rem!important
}
.pr-2 {
padding-right: .5rem!important
}
.pr-3 {
padding-right: .75rem!important
}
.pr-4 {
padding-right: 1rem!important
}
.pr-5 {
padding-right: 1.25rem!important
}
.pr-8 {
padding-right: 2rem!important
}
.pt-1 {
padding-top: .25rem!important
}
.pt-12 {
padding-top: 3rem!important
}
.pt-2 {
padding-top: .5rem!important
}
.pt-3 {
padding-top: .75rem!important
}
.pt-4 {
padding-top: 1rem!important
}
.pt-5 {
padding-top: 1.25rem!important
}
.pt-6 {
padding-top: 1.5rem!important
}
.pt-8 {
padding-top: 2rem!important
}
.text-left {
text-align: left!important
}
.text-center {
text-align: center!important
}
.text-start {
text-align: start!important
}
.align-top {
vertical-align: top!important
}
.align-text-bottom {
vertical-align: text-bottom!important
}
.text-\[13px\] {
font-size: 13px!important
}
.text-base {
font-size: 1rem!important;
line-height: 1.5rem!important
}
.text-body1 {
font-size: 1.25rem!important
}
.text-body2 {
font-size: 1.125rem!important
}
.text-body3 {
font-size: 1rem!important
}
.text-footnote {
font-size: .875rem!important
}
.text-heading1 {
font-size: 3rem!important
}
.text-heading5 {
font-size: 1.875rem!important
}
.text-label3 {
font-size: 1rem!important
}
.text-label4 {
font-size: .875rem!important
}
.text-lg {
font-size: 1.125rem!important;
line-height: 1.75rem!important
}
.text-sm {
font-size: .875rem!important;
line-height: 1.25rem!important
}
.text-subheading1 {
font-size: 1.5rem!important
}
.text-xs {
font-size: .75rem!important;
line-height: 1rem!important
}
.font-black {
font-weight: 900!important
}
.font-bold {
font-weight: 700!important
}
.font-medium {
font-weight: 500!important
}
.font-normal {
font-weight: 400!important
}
.font-semibold {
font-weight: 600!important
}
.lowercase {
text-transform: lowercase!important
}
.not-italic {
font-style: normal!important
}
.leading-6 {
line-height: 1.5rem!important
}
.leading-none {
line-height: 1!important
}
.leading-snug {
line-height: 1.375!important
}
.tracking-wide {
letter-spacing: .025em!important
}
.text-\[\#00002D\] {
--tw-text-opacity: 1!important;
color: rgb(0 0 45/var(--tw-text-opacity,1))!important
}
.text-\[\#07B2E2\] {
--tw-text-opacity: 1!important;
color: rgb(7 178 226/var(--tw-text-opacity,1))!important
}
.text-\[\#26B170\] {
--tw-text-opacity: 1!important;
color: rgb(38 177 112/var(--tw-text-opacity,1))!important
}
.text-\[\#931D69\] {
--tw-text-opacity: 1!important;
color: rgb(147 29 105/var(--tw-text-opacity,1))!important
}
.text-\[\#F5FF1E\] {
--tw-text-opacity: 1!important;
color: rgb(245 255 30/var(--tw-text-opacity,1))!important
}
.text-black {
color: rgb(0 0 0/var(--tw-text-opacity,1))!important
}
.text-black,.text-blue-500 {
--tw-text-opacity: 1!important
}
.text-blue-500 {
color: rgb(59 130 246/var(--tw-text-opacity,1))!important
}
.text-blue-600 {
--tw-text-opacity: 1!important;
color: rgb(37 99 235/var(--tw-text-opacity,1))!important
}
.text-gray-300 {
--tw-text-opacity: 1!important;
color: rgb(209 213 219/var(--tw-text-opacity,1))!important
}
.text-gray-500 {
--tw-text-opacity: 1!important;
color: rgb(107 114 128/var(--tw-text-opacity,1))!important
}
.text-gray-600 {
--tw-text-opacity: 1!important;
color: rgb(75 85 99/var(--tw-text-opacity,1))!important
}
.text-gray-700 {
--tw-text-opacity: 1!important;
color: rgb(55 65 81/var(--tw-text-opacity,1))!important
}
.text-gray-900 {
--tw-text-opacity: 1!important;
color: rgb(17 24 39/var(--tw-text-opacity,1))!important
}
.text-green-500 {
--tw-text-opacity: 1!important;
color: rgb(34 197 94/var(--tw-text-opacity,1))!important
}
.text-green-600 {
--tw-text-opacity: 1!important;
color: rgb(22 163 74/var(--tw-text-opacity,1))!important
}
.text-icon {
color: var(--color-icon)!important
}
.text-icon-critical {
color: var(--color-icon-critical)!important
}
.text-icon-info {
color: var(--color-icon-info)!important
}
.text-icon-inverse {
color: var(--color-icon-inverse)!important
}
.text-icon-secondary {
color: var(--color-icon-secondary)!important
}
.text-input-text-placeholder {
color: var(--color-input-text-placeholder)!important
}
.text-purple-600 {
--tw-text-opacity: 1!important;
color: rgb(147 51 234/var(--tw-text-opacity,1))!important
}
.text-red-500 {
color: rgb(239 68 68/var(--tw-text-opacity,1))!important
}
.text-red-500,.text-red-600 {
--tw-text-opacity: 1!important
}
.text-red-600 {
color: rgb(220 38 38/var(--tw-text-opacity,1))!important
}
.text-slate-500 {
--tw-text-opacity: 1!important;
color: rgb(100 116 139/var(--tw-text-opacity,1))!important
}
.text-text {
color: var(--color-text)!important
}
.text-text-accent-on-bg-inverse {
color: var(--color-text-accent-on-bg-inverse)!important
}
.text-text-brand {
color: var(--color-text-brand)!important
}
.text-text-brand-on-bg-fill {
color: var(--color-text-brand-on-bg-fill)!important
}
.text-text-critical {
color: var(--color-text-critical)!important
}
.text-text-disabled {
color: var(--color-text-disabled)!important
}
.text-text-info {
color: var(--color-text-info)!important
}
.text-text-inverse {
color: var(--color-text-inverse)!important
}
.text-text-link {
color: var(--color-text-link)!important
}
.text-text-secondary {
color: var(--color-text-secondary)!important
}
.text-transparent {
color: transparent!important
}
.text-white {
color: rgb(255 255 255/var(--tw-text-opacity,1))!important
}
.text-white,.text-yellow-500 {
--tw-text-opacity: 1!important
}
.text-yellow-500 {
color: rgb(234 179 8/var(--tw-text-opacity,1))!important
}
.text-yellow-600 {
--tw-text-opacity: 1!important;
color: rgb(202 138 4/var(--tw-text-opacity,1))!important
}
.underline {
text-decoration-line: underline!important
}
.no-underline {
text-decoration-line: none!important
}
.underline-offset-4 {
text-underline-offset: 4px!important
}
.caret-bg-inverse {
caret-color: var(--color-bg-inverse)!important
}
.opacity-0 {
opacity: 0!important
}
.opacity-100 {
opacity: 1!important
}
.opacity-40 {
opacity: .4!important
}
.opacity-50 {
opacity: .5!important
}
.opacity-60 {
opacity: .6!important
}
.opacity-95 {
opacity: .95!important
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25)!important;
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)!important
}
.shadow-2xl,.shadow-\[0_-4px_10px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}
.shadow-\[0_-4px_10px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
--tw-shadow: 0 -4px 10px rgba(0,0,0,.1)!important;
--tw-shadow-colored: 0 -4px 10px var(--tw-shadow-color)!important
}
.shadow-cardDrop {
--tw-shadow: 1px 1px 16px 0px #00000033!important;
--tw-shadow-colored: 1px 1px 16px 0px var(--tw-shadow-color)!important
}
.shadow-cardDrop,.shadow-drop {
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}
.shadow-drop {
--tw-shadow: 0px 4px 24px -3px rgba(23,24,24,.08),0px 6px 32px -4px rgba(23,24,24,.08)!important;
--tw-shadow-colored: 0px 4px 24px -3px var(--tw-shadow-color),0px 6px 32px -4px var(--tw-shadow-color)!important
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important
}
.shadow-lg,.shadow-md {
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important
}
.shadow-none {
--tw-shadow: 0 0 #0000!important;
--tw-shadow-colored: 0 0 #0000!important
}
.shadow-none,.shadow-xl {
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important
}
.outline-none {
outline: 2px solid transparent!important;
outline-offset: 2px!important
}
.outline {
outline-style: solid!important
}
.outline-1 {
outline-width: 1px!important
}
.outline-2 {
outline-width: 2px!important
}
.outline-offset-2 {
outline-offset: 2px!important
}
.outline-offset-4 {
outline-offset: 4px!important
}
.outline-input-border-critical {
outline-color: var(--color-input-border-critical)!important
}
.outline-input-border-selected {
outline-color: var(--color-input-border-selected)!important
}
.ring-1 {
--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(1px + 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
}
.ring-gray-900\/10 {
--tw-ring-color: rgba(17,24,39,.1)!important
}
.blur {
--tw-blur: blur(8px)!important
}
.blur,.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)!important
}
.transition {
transition-duration: .15s!important;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.transition-\[opacity\2c transform\] {
transition-duration: .15s!important;
transition-property: opacity,transform!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.transition-\[transform\2c opacity\] {
transition-duration: .15s!important;
transition-property: transform,opacity!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.transition-all {
transition-duration: .15s!important;
transition-property: all!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.transition-colors {
transition-duration: .15s!important;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.transition-opacity {
transition-duration: .15s!important;
transition-property: opacity!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.transition-transform {
transition-duration: .15s!important;
transition-property: transform!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.duration-0 {
transition-duration: 0s!important
}
.duration-150 {
transition-duration: .15s!important
}
.duration-200 {
transition-duration: .2s!important
}
.duration-300 {
transition-duration: .3s!important
}
.duration-500 {
transition-duration: .5s!important
}
.duration-75 {
transition-duration: 75ms!important
}
.duration-\[180ms\] {
transition-duration: .18s!important
}
.ease-\[cubic-bezier\(0\.25\2c 0\.46\2c 0\.45\2c 0\.94\)\] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)!important
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.ease-out {
transition-timing-function: cubic-bezier(0,0,.2,1)!important
}
.will-change-\[transform\2c opacity\] {
will-change: transform,opacity!important
}
.will-change-transform {
will-change: transform!important
}
.\[-ms-overflow-style\:none\] {
-ms-overflow-style: none!important
}
.\[scrollbar-width\:none\] {
scrollbar-width: none!important
}
@font-face {
font-display: swap;
font-family: Material Symbols Rounded;
font-style: normal;
font-weight: 100 700;
src: url(/material_symbols/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2) format("woff2")
}
:root {
--win-site-font: Figtree;
--win-site-spirit-font: Figtree;
--color-border: #e6e6e6;
--color-border-brand: #24a76a;
--color-border-critical: #d40000;
--color-border-critical-secondary: #f0a7a7;
--color-border-disabled: #f2f2f4;
--color-border-focus: #24a76a;
--color-border-focus-inverse: #00002d;
--color-border-focus-secondary: #00002d;
--color-border-hover: #cecece;
--color-border-info: #cecece;
--color-border-inverse: #fff;
--color-border-secondary: #f2f2f4;
--color-border-secondary-on-bg-fill: #949494;
--color-border-success: #24a76a;
--color-border-tertiary: #cecece;
--color-border-accent: #f5ff1e;
--color-icon-brand: #24a76a;
--color-icon-brand-accent: #f5ff1e;
--color-icon-critical: #d40000;
--color-icon: #00002d;
--color-icon-info: #757575;
--color-icon-inverse: #fff;
--color-icon-inverse-secondary: #e6e6e6;
--color-icon-secondary: #757575;
--color-icon-success: #24a76a;
--color-icon-disabled: #cecece;
--color-checkbox-bg-surface-disabled: #f7f7f8;
--color-checkbox-bg-surface-selected-disabled: #e6e6e6;
--color-checkbox-icon-disabled: #fff;
--color-input-bg-surface: #fff;
--color-input-bg-surface-active: #f2f2f4;
--color-input-bg-surface-disabled: #f7f7f8;
--color-input-bg-surface-hover: #f7f7f8;
--color-input-border: #cecece;
--color-input-border-critical: #d40000;
--color-input-border-hover: #00002d;
--color-input-border-selected: #24a76a;
--color-input-icon-placeholder: #757575;
--color-input-text-placeholder: #5e5e5e;
--color-nav-bg: #fff;
--color-nav-bg-surface: #fbfbfc;
--color-nav-bg-surface-active: #f2f2f4;
--color-nav-bg-surface-hover: #f7f7f8;
--color-nav-bg-surface-selected: #f2f2f4;
--color-radio-button-bg-surface-disabled: #f7f7f8;
--color-radio-button-bg-surface-selected-disabled: #e6e6e6;
--color-radio-button-icon-disabled: #f7f7f8;
--color-scrim-bg-modal: rgba(0,0,0,.5);
--color-scrim-bg-video-lightbox: rgba(0,0,0,.8);
--color-skeleton-bg-start: #cecece;
--color-skeleton-bg-end: #e6e6e6;
--color-toggle-bg-fill: #fff;
--color-toggle-bg-surface-active: #24a76a;
--color-toggle-bg-surface-inactive: #949494;
--color-toggle-bg-surface-disabled: #e6e6e6;
--color-tooltip-bg: #757575;
--color-bg: #fff;
--color-bg-fill-brand: #24a76a;
--color-bg-fill-brand-accent: #f5ff1e;
--color-bg-fill-brand-active: #209a61;
--color-bg-fill-brand-disabled: #cecece;
--color-bg-fill-brand-hover: #45c187;
--color-bg-fill-brand-selected: #24a76a;
--color-bg-fill-brand-supporting: #07b2e2;
--color-bg-fill-brand-tertiary: #931d69;
--color-bg-fill-translucent: hsla(0,0%,100%,.5);
--color-bg-fill-critical: #d40000;
--color-bg-fill-critical-secondary: #fdf5f5;
--color-bg-fill-info: #f2f2f4;
--color-bg-fill-inverse: #00002d;
--color-bg-fill-inverse-active: #00002d;
--color-bg-fill-inverse-disabled: #cecece;
--color-bg-fill-inverse-hover: #191a54;
--color-bg-fill-inverse-selected: #00002d;
--color-bg-fill-secondary: #fff;
--color-bg-fill-secondary-active: #f2f2f4;
--color-bg-fill-secondary-hover: #fbfbfc;
--color-bg-fill-success: #24a76a;
--color-bg-fill-success-secondary: #f4fbf8;
--color-bg-fill-surface-brand: #f4fbf8;
--color-bg-fill-surface-inverse: #00002d;
--color-bg-fill-surface-success: #d3f2e3;
--color-bg-inverse: #00002d;
--color-bg-surface: #fff;
--color-bg-surface-active: #f2f2f4;
--color-bg-surface-brand: #f4fbf8;
--color-bg-surface-disabled: #f2f2f4;
--color-bg-surface-hover: #f7f7f8;
--color-bg-surface-info: #f7f7f8;
--color-bg-surface-inverse: #191a54;
--color-bg-surface-secondary: #fbfbfc;
--color-bg-surface-secondary-active: #e6e6e6;
--color-bg-surface-secondary-hover: #f2f2f4;
--color-bg-surface-secondary-selected: #e6e6e6;
--color-bg-surface-selected: #f7f7f8;
--color-bg-surface-success: #d3f2e3;
--color-bg-surface-tertiary: #f7f7f8;
--color-bg-surface-tertiary-active: #e6e6e6;
--color-bg-surface-tertiary-hover: #f2f2f4;
--color-bg-surface-transparent: transparent;
--color-text: #00002d;
--color-text-brand: #24a76a;
--color-text-brand-accent-on-bg-fill: #00002d;
--color-text-brand-hover: #1b8352;
--color-text-brand-on-bg-fill: #fff;
--color-text-brand-supporting-on-bg-fill: #00002d;
--color-text-brand-tertiary-on-bg-fill: #fff;
--color-text-critical: #d40000;
--color-text-critical-on-bg-inverse: #fdf5f5;
--color-text-disabled: #757575;
--color-text-info: #757575;
--color-text-inverse: #fff;
--color-text-link: #00002d;
--color-text-link-active: #00002d;
--color-text-link-hover: #00002d;
--color-text-link-inverse: #fff;
--color-text-secondary: #464646;
--color-text-success: #1b8352;
--color-text-accent-on-bg-inverse: #f5ff1e;
--border-radius-2-5: 10px;
--border-radius-3-5: 14px;
--border-radius-lg: 0.5rem;
--border-radius-xl: 0.75rem;
--border-radius-2xl: 1rem;
--border-radius-2-5xl: 1.25rem;
--border-radius-4xl: 2rem;
--border-radius-5xl: 2.5rem;
--border-radius-card-default: 1.25rem;
--border-radius-card-sm: 1rem;
--border-radius-card-lg: 1.5rem;
--border-radius-modal-default: 1rem;
--border-radius-modal-sm: 0.5rem;
--border-radius-modal-lg: 1.5rem;
--border-radius-surface-default: 1.5rem;
--border-radius-surface-xs: 0.5rem;
--border-radius-surface-sm: 1rem;
--border-radius-surface-lg: 2.5rem;
--border-radius-surface-round: 624.9375rem;
--border-radius-button-default: 1rem;
--border-radius-button-sm: 0.5rem;
--border-radius-button-lg: 1.25rem;
--border-radius-button-round: 624.9375rem;
--border-radius-input-default: 0.75rem;
--border-radius-input-sm: 0.25rem;
--border-radius-input-lg: 1rem;
--border-radius-input-xl: 1.5rem;
--border-radius-input-poppers: 0.75rem;
--border-radius-image-default: 2.5rem;
--border-radius-image-sm: 1.25rem;
--border-radius-image-lg: 3rem
}
[data-theme=business] {
--color-border-brand: #007c93;
--color-border-critical: #d40000;
--color-border-focus: #007c93;
--color-border-focus-inverse: #231f20;
--color-border-focus-secondary: #231f20;
--color-border-success: #24a76a;
--color-icon-brand: #009bb8;
--color-icon-brand-accent: #22a881;
--color-icon-default: #231f20;
--color-icon-secondary: #a33895;
--color-icon-success: #22a881;
--color-input-border-hover: #231f20;
--color-input-border-selected: #009bb8;
--color-input-icon-placeholder: #949494;
--color-input-text-placeholder: #949494;
--color-toggle-bg-surface-active: #009bb8;
--color-bg-fill-brand: #007c93;
--color-bg-fill-brand-accent: #22a881;
--color-bg-fill-brand-active: #005d6e;
--color-bg-fill-brand-hover: #30aec5;
--color-bg-fill-brand-selected: #007c93;
--color-bg-fill-brand-supporting: #40afc9;
--color-bg-fill-brand-tertiary: #a33895;
--color-bg-fill-inverse: #231f20;
--color-bg-fill-inverse-active: #231f20;
--color-bg-fill-inverse-hover: #4d4a4a;
--color-bg-fill-inverse-selected: #231f20;
--color-bg-fill-success: #1b8667;
--color-bg-fill-success-secondary: #c8e9e0;
--color-bg-fill-surface-brand: #bfe6ed;
--color-bg-fill-surface-inverse: #231f20;
--color-bg-fill-surface-success: #a0dac9;
--color-text: #231f20;
--color-text-brand: #009bb8;
--color-text-brand-accent-on-bg-fill: #22a881;
--color-text-brand-hover: #003e4a;
--color-text-brand-supporting-on-bg-fill: #40afc9;
--color-text-brand-tertiary-on-bg-fill: #a33895;
--color-text-info: #5a5a5a;
--color-text-link: #009bb8;
--color-text-link-active: #009bb8;
--color-text-link-hover: #003e4a;
--color-text-secondary: #5a5a5a;
--color-text-success: #1b8667;
--border-radius-2-5: 0px;
--border-radius-3-5: 3px;
--border-radius-lg: 2px;
--border-radius-xl: 2px;
--border-radius-2xl: 0rem;
--border-radius-2-5xl: 0rem;
--border-radius-4xl: 0rem;
--border-radius-5xl: 2.5rem
}
[data-theme=business-rebrand] {
--color-border-brand: #0393ba;
--color-border-focus: #0393ba;
--color-icon-brand: #0393ba;
--color-input-border-selected: #07b2e2;
--color-toggle-bg-surface-active: #0393ba;
--color-bg-fill-brand: #0393ba;
--color-bg-fill-brand-hover: #07b2e2;
--color-bg-fill-brand-active: #027693;
--color-bg-fill-brand-selected: #0393ba;
--color-bg-fill-brand-supporting: #26b170;
--color-text-brand: #0393ba;
--color-text-hover: #027693
}
@font-face {
font-family: Figtree;
src: url(/fonts/Figtree-VariableFont_wght.ttf) format("truetype");
font-weight: 100 900;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Material Symbols Rounded;
src: url(/fonts/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2) format("woff2");
font-weight: 100 700;
font-style: normal;
font-display: block
}
.shape-bg-content .shape-bg svg {
display: none
}
@media (min-width: 768px) {
.md\:heading1 {
font-family:var(--win-site-spirit-font),sans-serif;
font-size: 3rem;
font-weight: 900;
line-height: 3rem
}
.md\:heading5 {
font-size: 1.875rem;
font-weight: 900;
line-height: 2.25rem
}
.md\:heading5,.md\:subheading1 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
.md\:subheading1 {
font-size: 1.5rem;
font-weight: 700;
line-height: 2rem
}
.md\:label1 {
font-size: 1.25rem;
line-height: 1.75rem
}
.md\:label1,.md\:label3 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 900
}
.md\:label3 {
font-size: 1rem;
line-height: 1.5rem
}
.md\:label4 {
font-size: .875rem;
line-height: 1.25rem
}
.md\:btn-small,.md\:label4 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 900
}
.md\:btn-small {
font-size: 1rem;
height: 3rem;
line-height: 1.5rem
}
.md\:btn-medium {
height: 3.5rem
}
.md\:btn-large,.md\:btn-medium {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.25rem;
font-weight: 900;
line-height: 1.75rem
}
.md\:btn-large {
height: 4rem
}
.md\:btn-x-large {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.875rem;
font-weight: 900;
height: 5.5rem;
line-height: 2.25rem
}
}
@media (min-width: 1024px) {
.lg\:heading1 {
font-size:3rem;
line-height: 3rem
}
.lg\:heading1,.lg\:heading3 {
font-family: var(--win-site-spirit-font),sans-serif;
font-weight: 900
}
.lg\:heading3 {
font-size: 1.875rem;
line-height: 2.25rem
}
.lg\:subheading1 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.5rem;
font-weight: 700;
line-height: 2rem
}
.lg\:label3 {
font-size: 1rem;
line-height: 1.5rem
}
.lg\:label3,.lg\:label4 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 900
}
.lg\:label4 {
font-size: .875rem;
line-height: 1.25rem
}
}
@media (min-width: 1280px) {
.xl\:heading1 {
font-family:var(--win-site-spirit-font),sans-serif;
font-size: 3rem;
font-weight: 900;
line-height: 3rem
}
.xl\:subheading2 {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.5rem;
font-weight: 900;
line-height: 1.75rem
}
}
.\[\&\>a\]\:footnote>a {
font-family: var(--win-site-font),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: .875rem;
font-weight: 500;
line-height: 1.25rem
}
.placeholder\:text-input-icon-placeholder::-moz-placeholder {
color: var(--color-input-icon-placeholder)!important
}
.placeholder\:text-input-icon-placeholder::placeholder {
color: var(--color-input-icon-placeholder)!important
}
.placeholder\:text-input-text-placeholder::-moz-placeholder {
color: var(--color-input-text-placeholder)!important
}
.placeholder\:text-input-text-placeholder::placeholder {
color: var(--color-input-text-placeholder)!important
}
.before\:absolute:before {
content: var(--tw-content)!important;
position: absolute!important
}
.before\:left-\[3px\]:before {
content: var(--tw-content)!important;
left: 3px!important
}
.before\:top-1\/2:before {
content: var(--tw-content)!important;
top: 50%!important
}
.before\:-translate-y-1\/2:before {
--tw-translate-y: -50%!important;
content: var(--tw-content)!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
}
.before\:text-\[14px\]:before {
content: var(--tw-content)!important;
font-size: 14px!important
}
.before\:content-\[\'\2022\'\]:before{--tw-content:"•"!important;content:var(--tw-content)!important}.first\:sticky:first-child{position:sticky!important}.first\:left-0:first-child{left:0!important}.first\:z-10:first-child{z-index:10!important}.first\:z-30:first-child{z-index:30!important}.first\:w-1\/2:first-child{width:50%!important}.first\:w-\[50vw\]:first-child{width:50vw!important}.first\:min-w-\[50vw\]:first-child{min-width:50vw!important}.first\:border-r:first-child{border-right-width:1px!important}.first\:text-left:first-child{text-align:left!important}.last\:border-0:last-child{border-width:0!important}.first-of-type\:pl-0:first-of-type{padding-left:0!important}.first-of-type\:before\:content-\[\'\'\]:first-of-type:before{--tw-content:""!important;content:var(--tw-content)!important}.focus-within\:border-border-focus:focus-within{border-color:var(--color-border-focus)!important}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem!important}.hover\:-translate-y-0\.5:hover,.hover\:scale-110: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))!important}.hover\:scale-110:hover{--tw-scale-x:1.1!important;--tw-scale-y:1.1!important}.hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03!important;--tw-scale-y:1.03!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}.hover\:border-text-brand:hover{border-color:var(--color-text-brand)!important}.hover\:bg-bg-surface-hover:hover{background-color:var(--color-bg-surface-hover)!important}.hover\:bg-blue-700:hover{--tw-bg-opacity:1!important;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-50:hover{--tw-bg-opacity:1!important;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-700:hover{--tw-bg-opacity:1!important;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))!important}.hover\:bg-green-700:hover{--tw-bg-opacity:1!important;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))!important}.hover\:bg-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))!important}.hover\:bg-white\/60:hover{background-color:hsla(0,0%,100%,.6)!important}.hover\:text-gray-800:hover{--tw-text-opacity:1!important;color:rgb(31 41 55/var(--tw-text-opacity,1))!important}.hover\:text-gray-900:hover{--tw-text-opacity:1!important;color:rgb(17 24 39/var(--tw-text-opacity,1))!important}.hover\:text-text-brand:hover{color:var(--color-text-brand)!important}.hover\:text-text-brand-hover:hover{color:var(--color-text-brand-hover)!important}.hover\:underline:hover{text-decoration-line:underline!important}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important}.hover\:shadow-2xl:hover,.hover\:shadow-cardDrop:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.hover\:shadow-cardDrop:hover{--tw-shadow:1px 1px 16px 0px #00000033!important;--tw-shadow-colored:1px 1px 16px 0px var(--tw-shadow-color)!important}.focus\:border-none:focus{border-style:none!important}.focus\:bg-bg-fill-secondary:focus{background-color:var(--color-bg-fill-secondary)!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!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)!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}.focus\:ring-bg-fill-brand:focus{--tw-ring-color:var(--color-bg-fill-brand)!important}.focus\:ring-bg-fill-surface-inverse:focus{--tw-ring-color:var(--color-bg-fill-surface-inverse)!important}.focus\:ring-bg-surface-inverse:focus{--tw-ring-color:var(--color-bg-surface-inverse)!important}.focus\:ring-input-border-hover:focus{--tw-ring-color:var(--color-input-border-hover)!important}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px!important}.active\:scale-95:active{--tw-scale-x:.95!important;--tw-scale-y:.95!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}.active\:bg-transparent:active{background-color:transparent!important}.enabled\:hover\:bg-bg-fill-brand-hover:hover:enabled{background-color:var(--color-bg-fill-brand-hover)!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\:bg-bg-fill-brand-disabled:disabled{background-color:var(--color-bg-fill-brand-disabled)!important}.disabled\:bg-bg-fill-inverse-disabled:disabled{background-color:var(--color-bg-fill-inverse-disabled)!important}.disabled\:bg-bg-fill-secondary:disabled{background-color:var(--color-bg-fill-secondary)!important}.disabled\:opacity-40:disabled{opacity:.4!important}.disabled\:opacity-50:disabled{opacity:.5!important}.group:hover .group-hover\:text-text-brand{color:var(--color-text-brand)!important}.group:hover .group-hover\:underline{text-decoration-line:underline!important}.group:hover .group-hover\:opacity-50{opacity:.5!important}.peer:focus~.peer-focus\:outline{outline-style:solid!important}@media (min-width:640px){.sm\:mb-5{margin-bottom:1.25rem!important}.sm\:h-\[420px\]{height:420px!important}.sm\:w-\[485px\]{width:485px!important}.sm\:w-\[calc\(100vw-90px\)\]{width:calc(100vw - 90px)!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:items-center{align-items:center!important}.sm\:justify-center{justify-content:center!important}.sm\:gap-5{gap:1.25rem!important}.sm\:pr-0{padding-right:0!important}.sm\:text-left{text-align:left!important}.sm\:text-center{text-align:center!important}}@media (min-width:768px){.md\:my-10{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.md\:my-8{margin-bottom:2rem!important;margin-top:2rem!important}.md\:mb-\[60px\]{margin-bottom:60px!important}.md\:mt-10{margin-top:2.5rem!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:grid{display:grid!important}.md\:hidden{display:none!important}.md\:h-\[486px\]{height:486px!important}.md\:w-4\/6{width:66.666667%!important}.md\:w-\[22\.125rem\]{width:22.125rem!important}.md\:w-\[280px\]{width:280px!important}.md\:w-\[486px\]{width:486px!important}.md\:w-\[calc\(50\%-1rem\)\]{width:calc(50% - 1rem)!important}.md\:w-auto{width:auto!important}.md\:w-full{width:100%!important}.md\:max-w-\[48\.375rem\]{max-width:48.375rem!important}.md\:max-w-\[656px\]{max-width:656px!important}.md\:max-w-\[815px\]{max-width:815px!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:flex-row{flex-direction:row!important}.md\:items-center{align-items:center!important}.md\:justify-center{justify-content:center!important}.md\:gap-10{gap:2.5rem!important}.md\:gap-12{gap:3rem!important}.md\:gap-16{gap:4rem!important}.md\:gap-4{gap:1rem!important}.md\:gap-5{gap:1.25rem!important}.md\:gap-6{gap:1.5rem!important}.md\:gap-8{gap:2rem!important}.md\:overflow-hidden{overflow:hidden!important}.md\:rounded-\[20px\]{border-radius:20px!important}.md\:p-14{padding:3.5rem!important}.md\:p-16{padding:4rem!important}.md\:p-2{padding:.5rem!important}.md\:p-8{padding:2rem!important}.md\:px-0{padding-left:0!important;padding-right:0!important}.md\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.md\:px-11{padding-left:2.75rem!important;padding-right:2.75rem!important}.md\:px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}.md\:px-8{padding-left:2rem!important;padding-right:2rem!important}.md\:py-20{padding-bottom:5rem!important;padding-top:5rem!important}.md\:py-4{padding-bottom:1rem!important;padding-top:1rem!important}.md\:pb-16{padding-bottom:4rem!important}.md\:pt-0{padding-top:0!important}.md\:pt-10{padding-top:2.5rem!important}.md\:pt-20{padding-top:5rem!important}.md\:pt-\[38px\]{padding-top:38px!important}.md\:text-left{text-align:left!important}.md\:text-center{text-align:center!important}.md\:text-right{text-align:right!important}.md\:text-\[18px\]{font-size:18px!important}.md\:text-label2{font-size:1.125rem!important}}@media (min-width:1024px){.lg\:fixed{position:fixed!important}.lg\:mx-20{margin-left:5rem!important;margin-right:5rem!important}.lg\:mx-auto{margin-left:auto!important;margin-right:auto!important}.lg\:my-12{margin-bottom:3rem!important;margin-top:3rem!important}.lg\:my-16{margin-bottom:4rem!important;margin-top:4rem!important}.lg\:mb-0{margin-bottom:0!important}.lg\:mt-0{margin-top:0!important}.lg\:mt-10{margin-top:2.5rem!important}.lg\:block{display:block!important}.lg\:hidden{display:none!important}.lg\:h-\[724px\]{height:724px!important}.lg\:h-full{height:100%!important}.lg\:w-4\/5{width:80%!important}.lg\:w-\[486px\]{width:486px!important}.lg\:w-\[548px\]{width:548px!important}.lg\:w-\[95\%\]{width:95%!important}.lg\:w-\[calc\(25\%-1\.125rem\)\]{width:calc(25% - 1.125rem)!important}.lg\:w-\[calc\(33\.3333\%-1rem\)\]{width:calc(33.3333% - 1rem)!important}.lg\:w-\[calc\(50\%-0\.75rem\)\]{width:calc(50% - .75rem)!important}.lg\:w-auto{width:auto!important}.lg\:w-full{width:100%!important}.lg\:max-w-120{max-width:1200px!important}.lg\:scroll-mt-60{scroll-margin-top:15rem!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:flex-row{flex-direction:row!important}.lg\:flex-row-reverse{flex-direction:row-reverse!important}.lg\:items-start{align-items:flex-start!important}.lg\:items-end{align-items:flex-end!important}.lg\:items-center{align-items:center!important}.lg\:items-stretch{align-items:stretch!important}.lg\:justify-start{justify-content:flex-start!important}.lg\:justify-between{justify-content:space-between!important}.lg\:gap-10{gap:2.5rem!important}.lg\:gap-4{gap:1rem!important}.lg\:gap-5{gap:1.25rem!important}.lg\:gap-6{gap:1.5rem!important}.lg\:gap-8{gap:2rem!important}.lg\:rounded-surface-lg{border-radius:var(--border-radius-surface-lg)!important}.lg\:border-b{border-bottom-width:1px!important}.lg\:p-0{padding:0!important}.lg\:px-13{padding-left:3.25rem!important;padding-right:3.25rem!important}.lg\:px-16{padding-left:4rem!important;padding-right:4rem!important}.lg\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.lg\:px-4{padding-left:1rem!important;padding-right:1rem!important}.lg\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.lg\:py-24{padding-bottom:6rem!important;padding-top:6rem!important}.lg\:py-9{padding-bottom:2.25rem!important;padding-top:2.25rem!important}.lg\:py-\[10px\]{padding-bottom:10px!important;padding-top:10px!important}.lg\:pt-14{padding-top:3.5rem!important}.lg\:pt-3{padding-top:.75rem!important}.lg\:text-left{text-align:left!important}.lg\:text-center{text-align:center!important}}@media (min-width:1280px){.xl\:absolute{position:absolute!important}.xl\:mx-auto{margin-left:auto!important;margin-right:auto!important}.xl\:my-20{margin-bottom:5rem!important;margin-top:5rem!important}.xl\:mb-3{margin-bottom:.75rem!important}.xl\:mt-10{margin-top:2.5rem!important}.xl\:mt-16{margin-top:4rem!important}.xl\:block{display:block!important}.xl\:aspect-square{aspect-ratio:1/1!important}.xl\:w-auto{width:auto!important}.xl\:flex-\[1_0_0\]{flex:1 0 0!important}.xl\:shrink-0{flex-shrink:0!important}.xl\:flex-row{flex-direction:row!important}.xl\:flex-wrap{flex-wrap:wrap!important}.xl\:gap-10{gap:2.5rem!important}.xl\:gap-\[126px\]{gap:126px!important}.xl\:px-3{padding-left:.75rem!important;padding-right:.75rem!important}.xl\:text-text{color:var(--color-text)!important}.xl\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none!important}.\[\&\:not\(\:disabled\)\]\:hover\:bg-bg-fill-brand-hover:hover:not(:disabled){background-color:var(--color-bg-fill-brand-hover)!important}.\[\&\:not\(\:disabled\)\]\:hover\:bg-bg-fill-inverse-hover:hover:not(:disabled){background-color:var(--color-bg-fill-inverse-hover)!important}.\[\&\:not\(\:disabled\)\]\:hover\:bg-bg-fill-secondary-hover:hover:not(:disabled){background-color:var(--color-bg-fill-secondary-hover)!important}