:root {
--column-gap: 2.13%;
--column-width-multiplier: 8.333
}
.row-fluid {
display: flex;
flex-wrap: wrap;
width: 100%
}
.row-fluid .span1,.row-fluid .span10,.row-fluid .span11,.row-fluid .span12,.row-fluid .span2,.row-fluid .span3,.row-fluid .span4,.row-fluid .span5,.row-fluid .span6,.row-fluid .span7,.row-fluid .span8,.row-fluid .span9 {
min-height: 1px;
width: 100%
}
@media (min-width: 768px) {
.row-fluid {
flex-wrap:nowrap;
justify-content: space-between
}
.row-fluid .span1 {
width: calc(var(--column-width-multiplier)*1%*1 - var(--column-gap)*var(--column-width-multiplier)*11/100)
}
.row-fluid .span2 {
width: calc(var(--column-width-multiplier)*1%*2 - var(--column-gap)*var(--column-width-multiplier)*10/100)
}
.row-fluid .span3 {
width: calc(var(--column-width-multiplier)*1%*3 - var(--column-gap)*var(--column-width-multiplier)*9/100)
}
.row-fluid .span4 {
width: calc(var(--column-width-multiplier)*1%*4 - var(--column-gap)*var(--column-width-multiplier)*8/100)
}
.row-fluid .span5 {
width: calc(var(--column-width-multiplier)*1%*5 - var(--column-gap)*var(--column-width-multiplier)*7/100)
}
.row-fluid .span6 {
width: calc(var(--column-width-multiplier)*1%*6 - var(--column-gap)*var(--column-width-multiplier)*6/100)
}
.row-fluid .span7 {
width: calc(var(--column-width-multiplier)*1%*7 - var(--column-gap)*var(--column-width-multiplier)*5/100)
}
.row-fluid .span8 {
width: calc(var(--column-width-multiplier)*1%*8 - var(--column-gap)*var(--column-width-multiplier)*4/100)
}
.row-fluid .span9 {
width: calc(var(--column-width-multiplier)*1%*9 - var(--column-gap)*var(--column-width-multiplier)*3/100)
}
.row-fluid .span10 {
width: calc(var(--column-width-multiplier)*1%*10 - var(--column-gap)*var(--column-width-multiplier)*2/100)
}
.row-fluid .span11 {
width: calc(var(--column-width-multiplier)*1%*11 - var(--column-gap)*var(--column-width-multiplier)*1/100)
}
}
.content-wrapper {
margin: 0 auto;
padding: 0 1rem
}
@media screen and (min-width: 1380px) {
.content-wrapper {
padding:0
}
}
.dnd-section>.row-fluid {
margin: 0 auto
}
.dnd-section .dnd-column {
padding: 0
}
@media (max-width: 767px) {
.dnd-section .dnd-column {
padding:0
}
}
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;@layer theme, base, components, utilities;@layer theme {
:host,:root {
--font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--color-red-100: oklch(93.6% 0.032 17.717);
--color-red-500: oklch(63.7% 0.237 25.331);
--color-orange-100: oklch(95.4% 0.038 75.164);
--color-orange-200: oklch(90.1% 0.076 70.697);
--color-amber-50: oklch(98.7% 0.022 95.277);
--color-amber-100: oklch(96.2% 0.059 95.617);
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-blue-600: oklch(54.6% 0.245 262.881);
--color-blue-800: oklch(42.4% 0.199 265.638);
--color-rose-50: oklch(96.9% 0.015 12.422);
--color-rose-500: oklch(64.5% 0.246 16.439);
--color-gray-50: oklch(98.5% 0.002 247.839);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-300: oklch(87.2% 0.01 258.338);
--color-gray-500: oklch(55.1% 0.027 264.364);
--color-gray-600: oklch(44.6% 0.03 256.802);
--color-gray-900: oklch(21% 0.034 264.665);
--color-neutral-50: oklch(98.5% 0 0);
--color-neutral-600: oklch(43.9% 0 0);
--color-stone-100: oklch(97% 0.001 106.424);
--color-stone-200: oklch(92.3% 0.003 48.717);
--color-stone-500: oklch(55.3% 0.013 58.071);
--color-stone-600: oklch(44.4% 0.011 73.639);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-lg: 32rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--text-xs: 0.75rem;
--text-xs--line-height: 1.33333;
--text-sm: 0.875rem;
--text-sm--line-height: 1.42857;
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: 1.55556;
--text-xl: 1.25rem;
--text-xl--line-height: 1.4;
--text-2xl: 1.5rem;
--text-2xl--line-height: 1.33333;
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 2.25rem;
--text-4xl--line-height: 1.11111;
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--font-weight-thin: 100;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-normal: 0em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--ease-in: cubic-bezier(0.4,0,1,1);
--ease-out: cubic-bezier(0,0,0.2,1);
--ease-in-out: cubic-bezier(0.4,0,0.2,1);
--animate-spin: spin 1s linear infinite;
--animate-bounce: bounce 1s infinite;
--blur-sm: 8px;
--blur-2xl: 40px;
--aspect-video: 16/9;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4,0,0.2,1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--font-primary: var(--font-sans);
--font-secondary: var(--font-sans);
--color-primary: #111827;
--color-primary-50: color-mix(in oklab,#fff 95%,#111827);
--color-primary-100: color-mix(in oklab,#fff 90%,#111827);
--color-primary-200: color-mix(in oklab,#fff 80%,#111827);
--color-primary-400: color-mix(in oklab,#fff 35%,#111827);
--color-primary-500: #111827;
--color-primary-600: color-mix(in oklab,#000 10%,#111827);
--color-primary-950: color-mix(in oklab,#000 75%,#111827);
--color-secondary: #f8fafc;
--color-secondary-500: #f8fafc;
--color-secondary-700: color-mix(in oklab,#000 25%,#f8fafc);
--color-secondary-900: color-mix(in oklab,#000 55%,#f8fafc);
--color-secondary-950: color-mix(in oklab,#000 75%,#f8fafc);
--color-accent-1-300: color-mix(in oklab,#fff 65%,#fff2e5);
--color-accent-1-500: #fff2e5;
--color-accent-1-600: color-mix(in oklab,#000 10%,#fff2e5);
--color-accent-1-900: color-mix(in oklab,#000 55%,#fff2e5);
--color-accent-1-950: color-mix(in oklab,#000 75%,#fff2e5);
--color-accent-2-500: #2563eb;
--color-accent-2-600: color-mix(in oklab,#000 10%,#2563eb);
--color-accent-2-700: color-mix(in oklab,#000 25%,#2563eb);
--color-accent-3: #fff;
--color-accent-3-300: color-mix(in oklab,#fff 65%,#fff);
--color-accent-3-500: #fff;
--color-accent-3-700: color-mix(in oklab,#000 25%,#fff);
--color-neutral-1-50: color-mix(in oklab,#fff 95%,#111827);
--color-neutral-1-100: color-mix(in oklab,#fff 90%,#111827);
--color-neutral-1-200: color-mix(in oklab,#fff 80%,#111827);
--color-neutral-1-300: color-mix(in oklab,#fff 65%,#111827);
--color-neutral-1-400: color-mix(in oklab,#fff 35%,#111827);
--color-neutral-1-500: #111827;
--color-neutral-1-600: color-mix(in oklab,#000 10%,#111827);
--color-neutral-1-700: color-mix(in oklab,#000 25%,#111827);
--color-neutral-1-800: color-mix(in oklab,#000 40%,#111827);
--color-neutral-1-900: color-mix(in oklab,#000 55%,#111827);
--color-neutral-1-950: color-mix(in oklab,#000 75%,#111827);
--color-neutral-2-50: color-mix(in oklab,#fff 95%,#6b7280);
--color-neutral-2-400: color-mix(in oklab,#fff 35%,#6b7280);
--color-neutral-2-500: #6b7280;
--color-neutral-3-50: color-mix(in oklab,#fff 95%,#d1d6dc);
--color-neutral-3-100: color-mix(in oklab,#fff 90%,#d1d6dc);
--font-cursive: "Caveat",cursive;
--aspect-box: 1;
--spacing-screenSinNav: calc(100vh - 5rem)
}
}
@layer base {
*,::backdrop,::file-selector-button,:after,:before {
border: 0 solid;
box-sizing: border-box;
margin: 0;
padding: 0
}
:host,html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings,normal);
font-variation-settings: var(--default-font-variation-settings,normal);
tab-size: 4;
-webkit-tap-highlight-color: transparent
}
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;
-webkit-text-decoration: inherit;
text-decoration: inherit
}
b,strong {
font-weight: bolder
}
code,kbd,pre,samp {
font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
font-feature-settings: var(--default-mono-font-feature-settings,normal);
font-size: 1em;
font-variation-settings: var(--default-mono-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
}
:-moz-focusring {
outline: auto
}
progress {
vertical-align: baseline
}
summary {
display: list-item
}
menu,ol,ul {
list-style: none
}
audio,canvas,embed,iframe,img,object,svg,video {
display: block;
vertical-align: middle
}
img,video {
height: auto;
max-width: 100%
}
::file-selector-button,button,input,optgroup,select,textarea {
background-color: transparent;
border-radius: 0;
color: inherit;
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
opacity: 1
}
:where(select: is([multiple],[size])) optgroup {
font-weight:bolder
}
:where(select: is([multiple],[size])) optgroup option {
padding-inline-start:20px
}
::file-selector-button {
margin-inline-end:4px}
::placeholder {
opacity: 1
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size:1px) {
::placeholder {
color:currentcolor;
@supports (color: color-mix(in lab,red,red)) {
color:color-mix(in oklab,currentcolor 50%,transparent)
}
}
}
textarea {
resize: vertical
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit
}
::-webkit-datetime-edit {
display: inline-flex
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0
}
::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field {
padding-block:0}
:-moz-ui-invalid {
box-shadow: none
}
::file-selector-button,button,input: where([type=button],[type=reset],[type=submit]) {
appearance:button
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
height: auto
}
[hidden]: where(:not([hidden=until-found])) {
display:none!important
}
}
@layer utilities {
.pointer-events-auto {
pointer-events: auto
}
.pointer-events-none {
pointer-events: none
}
.collapse {
visibility: collapse
}
.visible {
visibility: visible
}
.sr-only {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
width: 1px;
clip: rect(0,0,0,0);
border-width: 0;
white-space: nowrap
}
.absolute,.sr-only {
position: absolute
}
.fixed {
position: fixed
}
.relative {
position: relative
}
.static {
position: static
}
.sticky {
position: sticky
}
.inset-0 {
inset: calc(var(--spacing)*0)
}
.inset-x-0 {
inset-inline: calc(var(--spacing)*0)
}
.inset-y-0 {
inset-block: calc(var(--spacing)*0)
}
.-top-40 {
top: calc(var(--spacing)*-40)
}
.-top-\[28px\] {
top: -28px
}
.top-0 {
top: calc(var(--spacing)*0)
}
.top-1\/2 {
top: 50%
}
.top-2 {
top: calc(var(--spacing)*2)
}
.top-3 {
top: calc(var(--spacing)*3)
}
.top-4 {
top: calc(var(--spacing)*4)
}
.top-5 {
top: calc(var(--spacing)*5)
}
.top-36 {
top: calc(var(--spacing)*36)
}
.top-48 {
top: calc(var(--spacing)*48)
}
.top-\[30\%\] {
top: 30%
}
.top-full {
top: 100%
}
.right-0 {
right: calc(var(--spacing)*0)
}
.right-1\/2 {
right: 50%
}
.right-3 {
right: calc(var(--spacing)*3)
}
.right-4 {
right: calc(var(--spacing)*4)
}
.right-8 {
right: calc(var(--spacing)*8)
}
.bottom-0 {
bottom: calc(var(--spacing)*0)
}
.bottom-2 {
bottom: calc(var(--spacing)*2)
}
.bottom-4 {
bottom: calc(var(--spacing)*4)
}
.bottom-5 {
bottom: calc(var(--spacing)*5)
}
.bottom-6 {
bottom: calc(var(--spacing)*6)
}
.bottom-10 {
bottom: calc(var(--spacing)*10)
}
.bottom-18 {
bottom: calc(var(--spacing)*18)
}
.bottom-\[-35px\] {
bottom: -35px
}
.-left-8 {
left: calc(var(--spacing)*-8)
}
.left-0 {
left: calc(var(--spacing)*0)
}
.left-1\/2 {
left: 50%
}
.left-4 {
left: calc(var(--spacing)*4)
}
.left-8 {
left: calc(var(--spacing)*8)
}
.isolate {
isolation: isolate
}
.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-90 {
z-index: 90
}
.z-100,.z-\[100\] {
z-index: 100
}
.z-\[9998\] {
z-index: 9998
}
.z-\[10000\] {
z-index: 10000
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-3 {
order: 3
}
.order-first {
order: -9999
}
.order-last {
order: 9999
}
.col-span-1 {
grid-column: span 1/span 1
}
.col-span-3 {
grid-column: span 3/span 3
}
.col-span-9 {
grid-column: span 9/span 9
}
.col-start-1 {
grid-column-start: 1
}
.row-start-1 {
grid-row-start: 1
}
.container {
width: 100%;
@media (width >= 40rem) {
max-width: 40rem
}
@media (width >= 48rem) {
max-width: 48rem
}
@media (width >= 64rem) {
max-width: 64rem
}
@media (width >= 80rem) {
max-width: 80rem
}
@media (width >= 96rem) {
max-width: 96rem
}
}
.-m-1\.5 {
margin: calc(var(--spacing)*-1.5)
}
.-m-2\.5 {
margin: calc(var(--spacing)*-2.5)
}
.m-0 {
margin: calc(var(--spacing)*0)
}
.m-0\! {
margin: calc(var(--spacing)*0)!important
}
.m-auto {
margin: auto
}
.-mx-2 {
margin-inline:calc(var(--spacing)*-2)}
.-mx-3 {
margin-inline: calc(var(--spacing)*-3)
}
.mx-4 {
margin-inline:calc(var(--spacing)*4)}
.mx-8 {
margin-inline: calc(var(--spacing)*8)
}
.mx-auto {
margin-inline:auto}
.my-0 {
margin-block:calc(var(--spacing)*0)}
.my-4 {
margin-block: calc(var(--spacing)*4)
}
.my-5 {
margin-block:calc(var(--spacing)*5)}
.my-6 {
margin-block: calc(var(--spacing)*6)
}
.my-8 {
margin-block:calc(var(--spacing)*8)}
.my-12 {
margin-block: calc(var(--spacing)*12)
}
.\!mt-0 {
margin-top: calc(var(--spacing)*0)!important
}
.-mt-12 {
margin-top: calc(var(--spacing)*-12)
}
.-mt-32 {
margin-top: calc(var(--spacing)*-32)
}
.-mt-px {
margin-top: -1px
}
.mt-1 {
margin-top: calc(var(--spacing)*1)
}
.mt-2 {
margin-top: calc(var(--spacing)*2)
}
.mt-2\.5 {
margin-top: calc(var(--spacing)*2.5)
}
.mt-3 {
margin-top: calc(var(--spacing)*3)
}
.mt-4 {
margin-top: calc(var(--spacing)*4)
}
.mt-5 {
margin-top: calc(var(--spacing)*5)
}
.mt-6 {
margin-top: calc(var(--spacing)*6)
}
.mt-7 {
margin-top: calc(var(--spacing)*7)
}
.mt-8 {
margin-top: calc(var(--spacing)*8)
}
.mt-10 {
margin-top: calc(var(--spacing)*10)
}
.mt-12 {
margin-top: calc(var(--spacing)*12)
}
.mt-15 {
margin-top: calc(var(--spacing)*15)
}
.mt-37\.5 {
margin-top: calc(var(--spacing)*37.5)
}
.-mr-8 {
margin-right: calc(var(--spacing)*-8)
}
.mr-0 {
margin-right: calc(var(--spacing)*0)
}
.mr-2 {
margin-right: calc(var(--spacing)*2)
}
.mr-\[100px\] {
margin-right: 100px
}
.mr-auto {
margin-right: auto
}
.\!mb-0 {
margin-bottom: calc(var(--spacing)*0)!important
}
.\!mb-2 {
margin-bottom: calc(var(--spacing)*2)!important
}
.-mb-1 {
margin-bottom: calc(var(--spacing)*-1)
}
.-mb-2\.5 {
margin-bottom: calc(var(--spacing)*-2.5)
}
.-mb-6\.25 {
margin-bottom: calc(var(--spacing)*-6.25)
}
.-mb-8 {
margin-bottom: calc(var(--spacing)*-8)
}
.-mb-18 {
margin-bottom: calc(var(--spacing)*-18)
}
.-mb-30 {
margin-bottom: calc(var(--spacing)*-30)
}
.-mb-48 {
margin-bottom: calc(var(--spacing)*-48)
}
.-mb-350 {
margin-bottom: calc(var(--spacing)*-350)
}
.mb-0 {
margin-bottom: calc(var(--spacing)*0)
}
.mb-2 {
margin-bottom: calc(var(--spacing)*2)
}
.mb-3 {
margin-bottom: calc(var(--spacing)*3)
}
.mb-4 {
margin-bottom: calc(var(--spacing)*4)
}
.mb-5 {
margin-bottom: calc(var(--spacing)*5)
}
.mb-6 {
margin-bottom: calc(var(--spacing)*6)
}
.mb-7 {
margin-bottom: calc(var(--spacing)*7)
}
.mb-8 {
margin-bottom: calc(var(--spacing)*8)
}
.mb-9 {
margin-bottom: calc(var(--spacing)*9)
}
.mb-12 {
margin-bottom: calc(var(--spacing)*12)
}
.mb-15 {
margin-bottom: calc(var(--spacing)*15)
}
.mb-48 {
margin-bottom: calc(var(--spacing)*48)
}
.mb-350 {
margin-bottom: calc(var(--spacing)*350)
}
.-ml-7\.5 {
margin-left: calc(var(--spacing)*-7.5)
}
.ml-0 {
margin-left: calc(var(--spacing)*0)
}
.ml-4 {
margin-left: calc(var(--spacing)*4)
}
.ml-\[100px\] {
margin-left: 100px
}
.ml-auto {
margin-left: auto
}
.box-border {
box-sizing: border-box
}
.line-clamp-2 {
-webkit-line-clamp: 2
}
.line-clamp-2,.line-clamp-3 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical
}
.line-clamp-3 {
-webkit-line-clamp: 3
}
.block {
display: block
}
.contents {
display: contents
}
.flex {
display: flex
}
.flow-root {
display: flow-root
}
.grid {
display: grid
}
.hidden {
display: none
}
.inline {
display: inline
}
.inline-block {
display: inline-block
}
.inline-flex {
display: inline-flex
}
.inline-grid {
display: inline-grid
}
.table {
display: table
}
.aspect-3\/4 {
aspect-ratio: 3/4
}
.aspect-4\/5 {
aspect-ratio: 4/5
}
.aspect-9\/16 {
aspect-ratio: 9/16
}
.aspect-\[4\/3\] {
aspect-ratio: 4/3
}
.aspect-\[313\/248\] {
aspect-ratio: 313/248
}
.aspect-\[343\/250\] {
aspect-ratio: 343/250
}
.aspect-\[1440\/423\] {
aspect-ratio: 1440/423
}
.aspect-box {
aspect-ratio: var(--aspect-box)
}
.aspect-square {
aspect-ratio: 1/1
}
.aspect-video {
aspect-ratio: var(--aspect-video)
}
.size-4 {
height: calc(var(--spacing)*4);
width: calc(var(--spacing)*4)
}
.size-5 {
height: calc(var(--spacing)*5);
width: calc(var(--spacing)*5)
}
.size-6 {
height: calc(var(--spacing)*6);
width: calc(var(--spacing)*6)
}
.size-8 {
height: calc(var(--spacing)*8);
width: calc(var(--spacing)*8)
}
.size-10 {
height: calc(var(--spacing)*10);
width: calc(var(--spacing)*10)
}
.size-12 {
height: calc(var(--spacing)*12);
width: calc(var(--spacing)*12)
}
.size-13 {
height: calc(var(--spacing)*13);
width: calc(var(--spacing)*13)
}
.size-14 {
height: calc(var(--spacing)*14);
width: calc(var(--spacing)*14)
}
.size-15 {
height: calc(var(--spacing)*15);
width: calc(var(--spacing)*15)
}
.size-16 {
height: calc(var(--spacing)*16);
width: calc(var(--spacing)*16)
}
.size-19\.5 {
height: calc(var(--spacing)*19.5);
width: calc(var(--spacing)*19.5)
}
.size-40 {
height: calc(var(--spacing)*40);
width: calc(var(--spacing)*40)
}
.size-auto {
height: auto;
width: auto
}
.h-0 {
height: calc(var(--spacing)*0)
}
.h-1 {
height: calc(var(--spacing)*1)
}
.h-4 {
height: calc(var(--spacing)*4)
}
.h-5 {
height: calc(var(--spacing)*5)
}
.h-6 {
height: calc(var(--spacing)*6)
}
.h-7\.5 {
height: calc(var(--spacing)*7.5)
}
.h-8 {
height: calc(var(--spacing)*8)
}
.h-9 {
height: calc(var(--spacing)*9)
}
.h-10 {
height: calc(var(--spacing)*10)
}
.h-11 {
height: calc(var(--spacing)*11)
}
.h-12 {
height: calc(var(--spacing)*12)
}
.h-14 {
height: calc(var(--spacing)*14)
}
.h-16 {
height: calc(var(--spacing)*16)
}
.h-50 {
height: calc(var(--spacing)*50)
}
.h-62 {
height: calc(var(--spacing)*62)
}
.h-75 {
height: calc(var(--spacing)*75)
}
.h-80 {
height: calc(var(--spacing)*80)
}
.h-96 {
height: calc(var(--spacing)*96)
}
.h-\[calc\(100vh-88px\)\] {
height: calc(100vh - 88px)
}
.h-\[calc\(100vh-160px\)\] {
height: calc(100vh - 160px)
}
.h-auto {
height: auto
}
.h-full {
height: 100%
}
.h-px {
height: 1px
}
.h-screen {
height: 100vh
}
.max-h-0 {
max-height: calc(var(--spacing)*0)
}
.max-h-10 {
max-height: calc(var(--spacing)*10)
}
.max-h-12 {
max-height: calc(var(--spacing)*12)
}
.max-h-55 {
max-height: calc(var(--spacing)*55)
}
.max-h-70 {
max-height: calc(var(--spacing)*70)
}
.max-h-75 {
max-height: calc(var(--spacing)*75)
}
.max-h-85 {
max-height: calc(var(--spacing)*85)
}
.max-h-100 {
max-height: calc(var(--spacing)*100)
}
.max-h-105 {
max-height: calc(var(--spacing)*105)
}
.max-h-106 {
max-height: calc(var(--spacing)*106)
}
.max-h-124 {
max-height: calc(var(--spacing)*124)
}
.max-h-136 {
max-height: calc(var(--spacing)*136)
}
.max-h-200 {
max-height: calc(var(--spacing)*200)
}
.max-h-230 {
max-height: calc(var(--spacing)*230)
}
.max-h-270 {
max-height: calc(var(--spacing)*270)
}
.max-h-\[78vh\] {
max-height: 78vh
}
.max-h-\[85vh\] {
max-height: 85vh
}
.max-h-\[90vh\] {
max-height: 90vh
}
.max-h-\[140px\] {
max-height: 140px
}
.max-h-\[486px\] {
max-height: 486px
}
.max-h-\[640px\] {
max-height: 640px
}
.max-h-none {
max-height: none
}
.min-h-0 {
min-height: calc(var(--spacing)*0)
}
.min-h-9 {
min-height: calc(var(--spacing)*9)
}
.min-h-11 {
min-height: calc(var(--spacing)*11)
}
.min-h-27 {
min-height: calc(var(--spacing)*27)
}
.min-h-40 {
min-height: calc(var(--spacing)*40)
}
.min-h-56 {
min-height: calc(var(--spacing)*56)
}
.min-h-60 {
min-height: calc(var(--spacing)*60)
}
.min-h-80 {
min-height: calc(var(--spacing)*80)
}
.min-h-96 {
min-height: calc(var(--spacing)*96)
}
.min-h-100 {
min-height: calc(var(--spacing)*100)
}
.min-h-125 {
min-height: calc(var(--spacing)*125)
}
.min-h-\[16rem\] {
min-height: 16rem
}
.min-h-\[220px\] {
min-height: 220px
}
.min-h-\[375px\] {
min-height: 375px
}
.min-h-full {
min-height: 100%
}
.min-h-screenSinNav {
min-height: var(--spacing-screenSinNav)
}
.w-3\/4 {
width: 75%
}
.w-4 {
width: calc(var(--spacing)*4)
}
.w-5 {
width: calc(var(--spacing)*5)
}
.w-6 {
width: calc(var(--spacing)*6)
}
.w-8 {
width: calc(var(--spacing)*8)
}
.w-9 {
width: calc(var(--spacing)*9)
}
.w-10 {
width: calc(var(--spacing)*10)
}
.w-11 {
width: calc(var(--spacing)*11)
}
.w-12 {
width: calc(var(--spacing)*12)
}
.w-20 {
width: calc(var(--spacing)*20)
}
.w-24 {
width: calc(var(--spacing)*24)
}
.w-50 {
width: calc(var(--spacing)*50)
}
.w-54 {
width: calc(var(--spacing)*54)
}
.w-83 {
width: calc(var(--spacing)*83)
}
.w-96 {
width: calc(var(--spacing)*96)
}
.w-auto {
width: auto
}
.w-fit {
width: fit-content
}
.w-full {
width: 100%
}
.w-max {
width: max-content
}
.w-screen {
width: 100vw
}
.max-w-2xl {
max-width: var(--container-2xl)
}
.max-w-3xl {
max-width: var(--container-3xl)
}
.max-w-6 {
max-width: calc(var(--spacing)*6)
}
.max-w-8 {
max-width: calc(var(--spacing)*8)
}
.max-w-26 {
max-width: calc(var(--spacing)*26)
}
.max-w-27 {
max-width: calc(var(--spacing)*27)
}
.max-w-40 {
max-width: calc(var(--spacing)*40)
}
.max-w-62 {
max-width: calc(var(--spacing)*62)
}
.max-w-70 {
max-width: calc(var(--spacing)*70)
}
.max-w-75 {
max-width: calc(var(--spacing)*75)
}
.max-w-80 {
max-width: calc(var(--spacing)*80)
}
.max-w-86 {
max-width: calc(var(--spacing)*86)
}
.max-w-96 {
max-width: calc(var(--spacing)*96)
}
.max-w-100 {
max-width: calc(var(--spacing)*100)
}
.max-w-106 {
max-width: calc(var(--spacing)*106)
}
.max-w-122 {
max-width: calc(var(--spacing)*122)
}
.max-w-125 {
max-width: calc(var(--spacing)*125)
}
.max-w-147 {
max-width: calc(var(--spacing)*147)
}
.max-w-192 {
max-width: calc(var(--spacing)*192)
}
.max-w-198 {
max-width: calc(var(--spacing)*198)
}
.max-w-200 {
max-width: calc(var(--spacing)*200)
}
.max-w-232 {
max-width: calc(var(--spacing)*232)
}
.max-w-241 {
max-width: calc(var(--spacing)*241)
}
.max-w-249 {
max-width: calc(var(--spacing)*249)
}
.max-w-300 {
max-width: calc(var(--spacing)*300)
}
.max-w-360 {
max-width: calc(var(--spacing)*360)
}
.max-w-\[72vw\] {
max-width: 72vw
}
.max-w-\[92vw\] {
max-width: 92vw
}
.max-w-\[98vw\] {
max-width: 98vw
}
.max-w-\[283px\] {
max-width: 283px
}
.max-w-\[320px\] {
max-width: 320px
}
.max-w-\[486px\] {
max-width: 486px
}
.max-w-\[596px\] {
max-width: 596px
}
.max-w-\[705px\] {
max-width: 705px
}
.max-w-\[min\(1100px\,92vw\)\] {
max-width: min(1100px,92vw)
}
.max-w-full {
max-width: 100%
}
.max-w-lg {
max-width: var(--container-lg)
}
.max-w-none {
max-width: none
}
.max-w-sm {
max-width: var(--container-sm)
}
.max-w-xs {
max-width: var(--container-xs)
}
.min-w-0 {
min-width: calc(var(--spacing)*0)
}
.min-w-6 {
min-width: calc(var(--spacing)*6)
}
.min-w-11 {
min-width: calc(var(--spacing)*11)
}
.min-w-12 {
min-width: calc(var(--spacing)*12)
}
.min-w-80 {
min-width: calc(var(--spacing)*80)
}
.min-w-125 {
min-width: calc(var(--spacing)*125)
}
.min-w-full {
min-width: 100%
}
.flex-1 {
flex: 1
}
.flex-auto {
flex: auto
}
.flex-none {
flex: none
}
.flex-shrink-0,.shrink-0 {
flex-shrink: 0
}
.flex-grow {
flex-grow: 1
}
.flex-grow-0,.grow-0 {
flex-grow: 0
}
.basis-1\/2 {
flex-basis: 50%
}
.basis-1\/3 {
flex-basis: 33.33333%
}
.basis-4\/7 {
flex-basis: 57.14286%
}
.basis-5\/12 {
flex-basis: 41.66667%
}
.basis-7\/12 {
flex-basis: 58.33333%
}
.basis-auto {
flex-basis: auto
}
.basis-full {
flex-basis: 100%
}
.origin-center {
transform-origin: center
}
.origin-top-left {
transform-origin: top left
}
.origin-top-right {
transform-origin: top right
}
.\!translate-x-96 {
--tw-translate-x: calc(var(--spacing)*96)!important;
translate: var(--tw-translate-x) var(--tw-translate-y)!important
}
.-translate-x-0 {
--tw-translate-x: calc(var(--spacing)*0)
}
.-translate-x-0,.-translate-x-1\/2 {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.-translate-x-1\/2 {
--tw-translate-x: -50%
}
.-translate-x-2 {
--tw-translate-x: calc(var(--spacing)*-2)
}
.-translate-x-2,.-translate-x-full {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.-translate-x-full {
--tw-translate-x: -100%
}
.translate-x-0 {
--tw-translate-x: calc(var(--spacing)*0)
}
.translate-x-0,.translate-x-2 {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.translate-x-2 {
--tw-translate-x: calc(var(--spacing)*2)
}
.translate-x-\[80\%\] {
--tw-translate-x: 80%
}
.translate-x-\[80\%\],.translate-x-full {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.translate-x-full {
--tw-translate-x: 100%
}
.-translate-y-1 {
--tw-translate-y: calc(var(--spacing)*-1)
}
.-translate-y-1,.-translate-y-1\/2 {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.-translate-y-1\/2 {
--tw-translate-y: -50%
}
.-translate-y-3\/4 {
--tw-translate-y: -75%
}
.-translate-y-12,.-translate-y-3\/4 {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.-translate-y-12 {
--tw-translate-y: calc(var(--spacing)*-12)
}
.-translate-y-20 {
--tw-translate-y: calc(var(--spacing)*-20)
}
.-translate-y-20,.-translate-y-25 {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.-translate-y-25 {
--tw-translate-y: calc(var(--spacing)*-25)
}
.translate-y-0 {
--tw-translate-y: calc(var(--spacing)*0)
}
.translate-y-0,.translate-y-1 {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.translate-y-1 {
--tw-translate-y: calc(var(--spacing)*1)
}
.translate-y-2 {
--tw-translate-y: calc(var(--spacing)*2)
}
.translate-y-2,.translate-y-6 {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.translate-y-6 {
--tw-translate-y: calc(var(--spacing)*6)
}
.translate-y-8 {
--tw-translate-y: calc(var(--spacing)*8)
}
.translate-y-12,.translate-y-8 {
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.translate-y-12 {
--tw-translate-y: calc(var(--spacing)*12)
}
.translate-y-20 {
--tw-translate-y: calc(var(--spacing)*20);
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.scale-100 {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%
}
.scale-100,.scale-105 {
scale: var(--tw-scale-x) var(--tw-scale-y)
}
.scale-105 {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%
}
.scale-110 {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%
}
.scale-110,.scale-125 {
scale: var(--tw-scale-x) var(--tw-scale-y)
}
.scale-125 {
--tw-scale-x: 125%;
--tw-scale-y: 125%;
--tw-scale-z: 125%
}
.scale-150 {
--tw-scale-x: 150%;
--tw-scale-y: 150%;
--tw-scale-z: 150%;
scale: var(--tw-scale-x) var(--tw-scale-y)
}
.scale-\[1\.26\] {
scale: 1.26
}
.-rotate-3 {
rotate: -3deg
}
.-rotate-\[5deg\] {
rotate: -5deg
}
.rotate-0 {
rotate: 0deg
}
.rotate-3 {
rotate: 3deg
}
.rotate-180 {
rotate: 180deg
}
.rotate-\[5deg\] {
rotate: 5deg
}
.rotate-y-180 {
--tw-rotate-y: rotateY(180deg);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
}
.\[transform\: translateZ\(0\)\] {
transform:translateZ(0)
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
}
.transform-gpu {
transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
}
.animate-bounce {
animation: var(--animate-bounce)
}
.animate-spin {
animation: var(--animate-spin)
}
.\!cursor-auto {
cursor: auto!important
}
.cursor-pointer {
cursor: pointer
}
.touch-pan-x {
--tw-pan-x: pan-x;
touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)
}
.resize {
resize: both
}
.list-none {
list-style-type: none
}
.appearance-none {
appearance: none
}
.grid-cols-1 {
grid-template-columns: repeat(1,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-12 {
grid-template-columns: repeat(12,minmax(0,1fr))
}
.flex-col {
flex-direction: column
}
.flex-col-reverse {
flex-direction: column-reverse
}
.flex-row {
flex-direction: row
}
.flex-row-reverse {
flex-direction: row-reverse
}
.flex-wrap {
flex-wrap: wrap
}
.place-items-center {
place-items: center
}
.items-center {
align-items: center
}
.items-end {
align-items: flex-end
}
.items-start {
align-items: flex-start
}
.items-stretch {
align-items: stretch
}
.justify-between {
justify-content: space-between
}
.justify-center {
justify-content: center
}
.justify-end {
justify-content: flex-end
}
.justify-evenly {
justify-content: space-evenly
}
.justify-start {
justify-content: flex-start
}
.gap-1 {
gap: calc(var(--spacing)*1)
}
.gap-1\.5 {
gap: calc(var(--spacing)*1.5)
}
.gap-2 {
gap: calc(var(--spacing)*2)
}
.gap-2\.5 {
gap: calc(var(--spacing)*2.5)
}
.gap-3 {
gap: calc(var(--spacing)*3)
}
.gap-4 {
gap: calc(var(--spacing)*4)
}
.gap-5 {
gap: calc(var(--spacing)*5)
}
.gap-6 {
gap: calc(var(--spacing)*6)
}
.gap-8 {
gap: calc(var(--spacing)*8)
}
.gap-10 {
gap: calc(var(--spacing)*10)
}
.gap-12 {
gap: calc(var(--spacing)*12)
}
.gap-14 {
gap: calc(var(--spacing)*14)
}
.gap-15 {
gap: calc(var(--spacing)*15)
}
.gap-16 {
gap: calc(var(--spacing)*16)
}
.space-y-2 {
:where(&>:not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start: calc(var(--spacing)*2*var(--tw-space-y-reverse))
}
}
.space-y-4 {
:where(&>:not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start: calc(var(--spacing)*4*var(--tw-space-y-reverse))
}
}
.space-y-6 {
:where(&>:not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start: calc(var(--spacing)*6*var(--tw-space-y-reverse))
}
}
.gap-x-0 {
column-gap: calc(var(--spacing)*0)
}
.gap-x-1 {
column-gap: calc(var(--spacing)*1)
}
.gap-x-2 {
column-gap: calc(var(--spacing)*2)
}
.gap-x-2\.5 {
column-gap: calc(var(--spacing)*2.5)
}
.gap-x-3 {
column-gap: calc(var(--spacing)*3)
}
.gap-x-4 {
column-gap: calc(var(--spacing)*4)
}
.gap-x-6 {
column-gap: calc(var(--spacing)*6)
}
.gap-x-8 {
column-gap: calc(var(--spacing)*8)
}
.gap-x-10 {
column-gap: calc(var(--spacing)*10)
}
.gap-x-12 {
column-gap: calc(var(--spacing)*12)
}
.gap-x-31 {
column-gap: calc(var(--spacing)*31)
}
.gap-x-31\.5 {
column-gap: calc(var(--spacing)*31.5)
}
.space-x-6 {
:where(&>:not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-end:calc(var(--spacing)*6*(1 - var(--tw-space-x-reverse)));margin-inline-start: calc(var(--spacing)*6*var(--tw-space-x-reverse))
}
}
.gap-y-1 {
row-gap: calc(var(--spacing)*1)
}
.gap-y-2 {
row-gap: calc(var(--spacing)*2)
}
.gap-y-3 {
row-gap: calc(var(--spacing)*3)
}
.gap-y-4 {
row-gap: calc(var(--spacing)*4)
}
.gap-y-5 {
row-gap: calc(var(--spacing)*5)
}
.gap-y-6 {
row-gap: calc(var(--spacing)*6)
}
.gap-y-8 {
row-gap: calc(var(--spacing)*8)
}
.gap-y-10 {
row-gap: calc(var(--spacing)*10)
}
.gap-y-12 {
row-gap: calc(var(--spacing)*12)
}
.gap-y-15 {
row-gap: calc(var(--spacing)*15)
}
.gap-y-37\.5 {
row-gap: calc(var(--spacing)*37.5)
}
.divide-y {
:where(&>:not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-bottom-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
border-top-style: var(--tw-border-style);
border-top-width: calc(1px*var(--tw-divide-y-reverse))
}
}
.divide-neutral-1-200 {
:where(&>:not(:last-child)) {
border-color: var(--color-neutral-1-200)
}
}
.divide-neutral-1-300 {
:where(&>:not(:last-child)) {
border-color: var(--color-neutral-1-300)
}
}
.divide-neutral-1-500 {
:where(&>:not(:last-child)) {
border-color: var(--color-neutral-1-500)
}
}
.divide-neutral-3-50 {
:where(&>:not(:last-child)) {
border-color: var(--color-neutral-3-50)
}
}
.self-center {
align-self: center
}
.self-end {
align-self: flex-end
}
.self-start {
align-self: flex-start
}
.justify-self-end {
justify-self: flex-end
}
.justify-self-start {
justify-self: flex-start
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.overflow-clip {
overflow: clip
}
.overflow-hidden {
overflow: hidden
}
.overflow-x-auto {
overflow-x: auto
}
.overflow-y-auto {
overflow-y: auto
}
.overflow-y-hidden {
overflow-y: hidden
}
.overscroll-contain {
overscroll-behavior: contain
}
.rounded {
border-radius: .25rem
}
.rounded-2xl {
border-radius: var(--radius-2xl)
}
.rounded-\[20px\] {
border-radius: 20px
}
.rounded-full {
border-radius: calc(infinity*1px)
}
.rounded-lg {
border-radius: var(--radius-lg)
}
.rounded-md {
border-radius: var(--radius-md)
}
.rounded-xl {
border-radius: var(--radius-xl)
}
.rounded-t {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.rounded-b-2xl {
border-bottom-left-radius: var(--radius-2xl);
border-bottom-right-radius: var(--radius-2xl)
}
.border {
border-style: var(--tw-border-style);
border-width: 1px
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px
}
.border-4 {
border-style: var(--tw-border-style);
border-width: 4px
}
.border-5 {
border-style: var(--tw-border-style);
border-width: 5px
}
.border-12 {
border-style: var(--tw-border-style);
border-width: 12px
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed
}
.border-accent-1-500 {
border-color: var(--color-accent-1-500)
}
.border-accent-2-600 {
border-color: var(--color-accent-2-600)
}
.border-accent-2-700 {
border-color: var(--color-accent-2-700)
}
.border-accent-3-700 {
border-color: var(--color-accent-3-700)
}
.border-gray-200 {
border-color: var(--color-gray-200)
}
.border-neutral-1-200 {
border-color: var(--color-neutral-1-200)
}
.border-neutral-1-300 {
border-color: var(--color-neutral-1-300)
}
.border-neutral-1-500 {
border-color: var(--color-neutral-1-500)
}
.border-neutral-2-400 {
border-color: var(--color-neutral-2-400)
}
.border-primary-400 {
border-color: var(--color-primary-400)
}
.border-stone-200 {
border-color: var(--color-stone-200)
}
.border-transparent {
border-color: transparent
}
.border-white {
border-color: var(--color-white)
}
.border-x-primary {
border-inline-color:var(--color-primary)}
.border-t-primary {
border-top-color: var(--color-primary)
}
.border-b-transparent {
border-bottom-color: transparent
}
.border-l-accent-3-500 {
border-left-color: var(--color-accent-3-500)
}
.border-l-transparent {
border-left-color: transparent
}
.bg-\[\#000000\]\/90 {
background-color: color-mix(in oklab,#000 90%,transparent)
}
.bg-accent-1-500 {
background-color: var(--color-accent-1-500)
}
.bg-accent-2-500 {
background-color: var(--color-accent-2-500)
}
.bg-accent-2-600 {
background-color: var(--color-accent-2-600)
}
.bg-accent-2-700 {
background-color: var(--color-accent-2-700)
}
.bg-accent-3-500 {
background-color: var(--color-accent-3-500)
}
.bg-accent-3-700 {
background-color: var(--color-accent-3-700)
}
.bg-amber-50 {
background-color: var(--color-amber-50)
}
.bg-amber-100 {
background-color: var(--color-amber-100)
}
.bg-black\/25 {
background-color: color-mix(in srgb,#000 25%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-black) 25%,transparent)
}
}
.bg-black\/45 {
background-color: color-mix(in srgb,#000 45%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-black) 45%,transparent)
}
}
.bg-black\/60 {
background-color: color-mix(in srgb,#000 60%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-black) 60%,transparent)
}
}
.bg-black\/85 {
background-color: color-mix(in srgb,#000 85%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-black) 85%,transparent)
}
}
.bg-neutral-1-50 {
background-color: var(--color-neutral-1-50)
}
.bg-neutral-1-200 {
background-color: var(--color-neutral-1-200)
}
.bg-neutral-1-500 {
background-color: var(--color-neutral-1-500)
}
.bg-neutral-1-950 {
background-color: var(--color-neutral-1-950)
}
.bg-neutral-2-400 {
background-color: var(--color-neutral-2-400)
}
.bg-neutral-2-500 {
background-color: var(--color-neutral-2-500)
}
.bg-neutral-2-500\/80 {
background-color: color-mix(in srgb,#6b7280 80%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-neutral-2-500) 80%,transparent)
}
}
.bg-neutral-2-500\/95 {
background-color: color-mix(in srgb,#6b7280 95%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-neutral-2-500) 95%,transparent)
}
}
.bg-neutral-3-100 {
background-color: var(--color-neutral-3-100)
}
.bg-primary {
background-color: var(--color-primary)
}
.bg-primary-400 {
background-color: var(--color-primary-400)
}
.bg-rose-50 {
background-color: var(--color-rose-50)
}
.bg-secondary {
background-color: var(--color-secondary)
}
.bg-secondary-500 {
background-color: var(--color-secondary-500)
}
.bg-stone-100 {
background-color: var(--color-stone-100)
}
.bg-transparent {
background-color: transparent
}
.bg-white {
background-color: var(--color-white)
}
.bg-white\/15 {
background-color: color-mix(in srgb,#fff 15%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-white) 15%,transparent)
}
}
.bg-white\/40 {
background-color: color-mix(in srgb,#fff 40%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-white) 40%,transparent)
}
}
.bg-linear-to-b {
--tw-gradient-position: to bottom;
@supports (background-image: linear-gradient(in lab,red,red)) {
--tw-gradient-position:to bottom in oklab
}
background-image: linear-gradient(var(--tw-gradient-stops))
}
.bg-gradient-to-b {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops))
}
.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\)_50\%\,rgba\(0\,0\,0\,0\.9\)_100\%\)\] {
background-image: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.9))
}
.bg-\[radial-gradient\(111\.41\%_100\%_at_50\%_100\%\,\#1A3F72_0\%\,\#071B38_100\%\)\] {
background-image: radial-gradient(111.41% 100% at 50% 100%,#1a3f72 0,#071b38 100%)
}
.from-amber-100 {
--tw-gradient-from: var(--color-amber-100);
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
}
.from-orange-100 {
--tw-gradient-from: var(--color-orange-100);
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
}
.from-primary-500 {
--tw-gradient-from: var(--color-primary-500);
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
}
.from-primary\/70 {
--tw-gradient-from: color-mix(in srgb,#111827 70%,transparent);
@supports (color: color-mix(in lab,red,red)) {
--tw-gradient-from:color-mix(in oklab,var(--color-primary) 70%,transparent)
}
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
}
.via-red-100 {
--tw-gradient-via: var(--color-red-100);
--tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops)
}
.via-rose-50 {
--tw-gradient-via: var(--color-rose-50);
--tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops)
}
.to-amber-100 {
--tw-gradient-to: var(--color-amber-100);
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
}
.to-orange-100 {
--tw-gradient-to: var(--color-orange-100);
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
}
.to-orange-200 {
--tw-gradient-to: var(--color-orange-200);
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
}
.to-primary {
--tw-gradient-to: var(--color-primary);
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
}
.bg-cover {
background-size: cover
}
.bg-size-\[auto_100\%\] {
background-size: auto 100%
}
.bg-center {
background-position: 50%
}
.bg-no-repeat {
background-repeat: no-repeat
}
.fill-accent-3 {
fill: var(--color-accent-3)
}
.fill-primary {
fill: var(--color-primary)
}
.fill-white {
fill: var(--color-white)
}
.stroke-accent-1-950 {
stroke: var(--color-accent-1-950)
}
.stroke-current {
stroke: currentcolor
}
.stroke-neutral-1-50 {
stroke: var(--color-neutral-1-50)
}
.stroke-primary {
stroke: var(--color-primary)
}
.stroke-secondary {
stroke: var(--color-secondary)
}
.object-contain {
object-fit: contain
}
.object-cover {
object-fit: cover
}
.object-fill {
object-fit: fill
}
.object-scale-down {
object-fit: scale-down
}
.object-center {
object-position: center
}
.object-left {
object-position: left
}
.object-right {
object-position: right
}
.object-top {
object-position: top
}
.p-0 {
padding: calc(var(--spacing)*0)
}
.p-0\! {
padding: calc(var(--spacing)*0)!important
}
.p-1\.5 {
padding: calc(var(--spacing)*1.5)
}
.p-2 {
padding: calc(var(--spacing)*2)
}
.p-2\.5 {
padding: calc(var(--spacing)*2.5)
}
.p-3 {
padding: calc(var(--spacing)*3)
}
.p-4 {
padding: calc(var(--spacing)*4)
}
.p-5 {
padding: calc(var(--spacing)*5)
}
.p-6 {
padding: calc(var(--spacing)*6)
}
.p-8 {
padding: calc(var(--spacing)*8)
}
.p-9 {
padding: calc(var(--spacing)*9)
}
.p-10 {
padding: calc(var(--spacing)*10)
}
.p-20 {
padding: calc(var(--spacing)*20)
}
.px-0 {
padding-inline:calc(var(--spacing)*0)}
.px-2 {
padding-inline: calc(var(--spacing)*2)
}
.px-2\.5 {
padding-inline: calc(var(--spacing)*2.5)
}
.px-3 {
padding-inline:calc(var(--spacing)*3)}
.px-4 {
padding-inline: calc(var(--spacing)*4)
}
.px-5 {
padding-inline:calc(var(--spacing)*5)}
.px-6 {
padding-inline: calc(var(--spacing)*6)
}
.px-8 {
padding-inline:calc(var(--spacing)*8)}
.px-12\.5 {
padding-inline: calc(var(--spacing)*12.5)
}
.px-16 {
padding-inline:calc(var(--spacing)*16)}
.\!py-0 {
padding-block: calc(var(--spacing)*0)!important
}
.\!py-6 {
padding-block: calc(var(--spacing)*6)!important
}
.\!py-25 {
padding-block: calc(var(--spacing)*25)!important
}
.py-1 {
padding-block:calc(var(--spacing)*1)}
.py-1\.25 {
padding-block: calc(var(--spacing)*1.25)
}
.py-2 {
padding-block:calc(var(--spacing)*2)}
.py-2\.5 {
padding-block: calc(var(--spacing)*2.5)
}
.py-3 {
padding-block:calc(var(--spacing)*3)}
.py-4 {
padding-block: calc(var(--spacing)*4)
}
.py-5 {
padding-block:calc(var(--spacing)*5)}
.py-6 {
padding-block: calc(var(--spacing)*6)
}
.py-8 {
padding-block:calc(var(--spacing)*8)}
.py-10 {
padding-block: calc(var(--spacing)*10)
}
.py-15 {
padding-block:calc(var(--spacing)*15)}
.py-18 {
padding-block: calc(var(--spacing)*18)
}
.py-24 {
padding-block:calc(var(--spacing)*24)}
.\!pt-0 {
padding-top: calc(var(--spacing)*0)!important
}
.pt-0 {
padding-top: calc(var(--spacing)*0)
}
.pt-1 {
padding-top: calc(var(--spacing)*1)
}
.pt-4 {
padding-top: calc(var(--spacing)*4)
}
.pt-5 {
padding-top: calc(var(--spacing)*5)
}
.pt-6 {
padding-top: calc(var(--spacing)*6)
}
.pt-8 {
padding-top: calc(var(--spacing)*8)
}
.pt-10 {
padding-top: calc(var(--spacing)*10)
}
.pt-12 {
padding-top: calc(var(--spacing)*12)
}
.pt-15 {
padding-top: calc(var(--spacing)*15)
}
.pt-18 {
padding-top: calc(var(--spacing)*18)
}
.pt-25 {
padding-top: calc(var(--spacing)*25)
}
.pt-25\! {
padding-top: calc(var(--spacing)*25)!important
}
.\!pr-10 {
padding-right: calc(var(--spacing)*10)!important
}
.pr-0 {
padding-right: calc(var(--spacing)*0)
}
.pr-2 {
padding-right: calc(var(--spacing)*2)
}
.pr-4 {
padding-right: calc(var(--spacing)*4)
}
.pr-8 {
padding-right: calc(var(--spacing)*8)
}
.pb-0 {
padding-bottom: calc(var(--spacing)*0)
}
.pb-2 {
padding-bottom: calc(var(--spacing)*2)
}
.pb-4 {
padding-bottom: calc(var(--spacing)*4)
}
.pb-5 {
padding-bottom: calc(var(--spacing)*5)
}
.pb-6 {
padding-bottom: calc(var(--spacing)*6)
}
.pb-8 {
padding-bottom: calc(var(--spacing)*8)
}
.pb-10 {
padding-bottom: calc(var(--spacing)*10)
}
.pb-12 {
padding-bottom: calc(var(--spacing)*12)
}
.pb-14 {
padding-bottom: calc(var(--spacing)*14)
}
.pb-15 {
padding-bottom: calc(var(--spacing)*15)
}
.pb-16 {
padding-bottom: calc(var(--spacing)*16)
}
.pb-25 {
padding-bottom: calc(var(--spacing)*25)
}
.pb-27 {
padding-bottom: calc(var(--spacing)*27)
}
.pb-30 {
padding-bottom: calc(var(--spacing)*30)
}
.pb-37\.5 {
padding-bottom: calc(var(--spacing)*37.5)
}
.pl-1 {
padding-left: calc(var(--spacing)*1)
}
.pl-3 {
padding-left: calc(var(--spacing)*3)
}
.pl-4 {
padding-left: calc(var(--spacing)*4)
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.font-cursive {
font-family: var(--font-cursive)
}
.font-secondary {
font-family: var(--font-secondary)
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading,var(--text-2xl--line-height))
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading,var(--text-3xl--line-height))
}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading,var(--text-4xl--line-height))
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading,var(--text-5xl--line-height))
}
.text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading,var(--text-7xl--line-height))
}
.text-\[26px\]\/8 {
font-size: 26px;
line-height: calc(var(--spacing)*8)
}
.text-\[32px\]\/9 {
font-size: 32px;
line-height: calc(var(--spacing)*9)
}
.text-base {
line-height: var(--tw-leading,var(--text-base--line-height))
}
.text-base,.text-base\/5 {
font-size: var(--text-base)
}
.text-base\/5 {
line-height: calc(var(--spacing)*5)
}
.text-base\/7 {
font-size: var(--text-base);
line-height: calc(var(--spacing)*7)
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading,var(--text-lg--line-height))
}
.text-sm {
line-height: var(--tw-leading,var(--text-sm--line-height))
}
.text-sm,.text-sm\/5 {
font-size: var(--text-sm)
}
.text-sm\/5 {
line-height: calc(var(--spacing)*5)
}
.text-xl {
line-height: var(--tw-leading,var(--text-xl--line-height))
}
.text-xl,.text-xl\/6 {
font-size: var(--text-xl)
}
.text-xl\/6 {
line-height: calc(var(--spacing)*6)
}
.text-xl\/7 {
font-size: var(--text-xl);
line-height: calc(var(--spacing)*7)
}
.text-xs {
line-height: var(--tw-leading,var(--text-xs--line-height))
}
.text-xs,.text-xs\/4 {
font-size: var(--text-xs)
}
.text-xs\/4 {
line-height: calc(var(--spacing)*4)
}
.text-xs\/5 {
font-size: var(--text-xs);
line-height: calc(var(--spacing)*5)
}
.text-\[10px\] {
font-size: 10px
}
.text-\[20px\] {
font-size: 20px
}
.text-\[26px\] {
font-size: 26px
}
.\!leading-none {
--tw-leading: 1!important;
line-height: 1!important
}
.leading-4\! {
--tw-leading: calc(var(--spacing)*4)!important;
line-height: calc(var(--spacing)*4)!important
}
.leading-5 {
--tw-leading: calc(var(--spacing)*5);
line-height: calc(var(--spacing)*5)
}
.leading-6 {
--tw-leading: calc(var(--spacing)*6);
line-height: calc(var(--spacing)*6)
}
.leading-7 {
--tw-leading: calc(var(--spacing)*7);
line-height: calc(var(--spacing)*7)
}
.leading-8 {
--tw-leading: calc(var(--spacing)*8);
line-height: calc(var(--spacing)*8)
}
.leading-13 {
--tw-leading: calc(var(--spacing)*13);
line-height: calc(var(--spacing)*13)
}
.leading-none {
--tw-leading: 1;
line-height: 1
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug)
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight)
}
.\!font-bold {
--tw-font-weight: var(--font-weight-bold)!important;
font-weight: var(--font-weight-bold)!important
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold)
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium)
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal)
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold)
}
.font-thin {
--tw-font-weight: var(--font-weight-thin);
font-weight: var(--font-weight-thin)
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide)
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider)
}
.text-balance {
text-wrap: balance
}
.text-pretty {
text-wrap: pretty
}
.whitespace-nowrap {
white-space: nowrap
}
.\!text-current {
color: currentcolor!important
}
.text-\[\#C4D6EF\] {
color: #c4d6ef
}
.text-accent-1-950 {
color: var(--color-accent-1-950)
}
.text-accent-3 {
color: var(--color-accent-3)
}
.text-accent-3-500 {
color: var(--color-accent-3-500)
}
.text-blue-600 {
color: var(--color-blue-600)
}
.text-current {
color: currentcolor
}
.text-gray-500 {
color: var(--color-gray-500)
}
.text-gray-600 {
color: var(--color-gray-600)
}
.text-gray-900 {
color: var(--color-gray-900)
}
.text-neutral-1-50 {
color: var(--color-neutral-1-50)
}
.text-neutral-1-100 {
color: var(--color-neutral-1-100)
}
.text-neutral-1-500 {
color: var(--color-neutral-1-500)
}
.text-neutral-1-600 {
color: var(--color-neutral-1-600)
}
.text-neutral-1-700 {
color: var(--color-neutral-1-700)
}
.text-neutral-1-800 {
color: var(--color-neutral-1-800)
}
.text-neutral-1-900 {
color: var(--color-neutral-1-900)
}
.text-neutral-2-50 {
color: var(--color-neutral-2-50)
}
.text-neutral-3-100 {
color: var(--color-neutral-3-100)
}
.text-neutral-50 {
color: var(--color-neutral-50)
}
.text-neutral-600 {
color: var(--color-neutral-600)
}
.text-primary {
color: var(--color-primary)
}
.text-primary-50 {
color: var(--color-primary-50)
}
.text-primary-100 {
color: var(--color-primary-100)
}
.text-primary-200 {
color: var(--color-primary-200)
}
.text-primary-200\! {
color: var(--color-primary-200)!important
}
.text-primary-500 {
color: var(--color-primary-500)
}
.text-rose-500 {
color: var(--color-rose-500)
}
.text-secondary {
color: var(--color-secondary)
}
.text-secondary-500 {
color: var(--color-secondary-500)
}
.text-secondary-950 {
color: var(--color-secondary-950)
}
.text-stone-200 {
color: var(--color-stone-200)
}
.text-stone-500 {
color: var(--color-stone-500)
}
.text-white {
color: var(--color-white)
}
.capitalize {
text-transform: capitalize
}
.uppercase {
text-transform: uppercase
}
.italic {
font-style: italic
}
.\!no-underline {
text-decoration-line: none!important
}
.no-underline {
text-decoration-line: none
}
.opacity-0 {
opacity: 0
}
.opacity-25 {
opacity: 25%
}
.opacity-60 {
opacity: 60%
}
.opacity-70 {
opacity: 70%
}
.opacity-90 {
opacity: 90%
}
.opacity-100 {
opacity: 100%
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))
}
.shadow,.shadow-2xl {
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,rgba(0,0,0,.25))
}
.shadow-2xs {
--tw-shadow: 0 1px var(--tw-shadow-color,rgba(0,0,0,.05))
}
.shadow-2xs,.shadow-lg {
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))
}
.shadow-none {
--tw-shadow: 0 0 #0000
}
.shadow-none,.shadow-sm {
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,rgba(0,0,0,.1)),0 8px 10px -6px var(--tw-shadow-color,rgba(0,0,0,.1))
}
.shadow-xl,.shadow-xs {
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-xs {
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,rgba(0,0,0,.05))
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.ring-gray-900\/5 {
--tw-ring-color: color-mix(in srgb,oklch(21% 0.034 264.665) 5%,transparent);
@supports (color: color-mix(in lab,red,red)) {
--tw-ring-color:color-mix(in oklab,var(--color-gray-900) 5%,transparent)
}
}
.outline,.outline-1 {
outline-style: var(--tw-outline-style);
outline-width: 1px
}
.-outline-offset-1 {
outline-offset: -1px
}
.outline-neutral-1-300 {
outline-color: var(--color-neutral-1-300)
}
.blur-2xl {
--tw-blur: blur(var(--blur-2xl))
}
.blur-2xl,.brightness-\[10\] {
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,)
}
.brightness-\[10\] {
--tw-brightness: brightness(10)
}
.drop-shadow {
--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,rgba(0,0,0,.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,rgba(0,0,0,.06)));
--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,.grayscale {
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,)
}
.grayscale {
--tw-grayscale: grayscale(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 {
--tw-backdrop-blur: blur(8px)
}
.backdrop-blur,.backdrop-blur-sm {
-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,)
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm))
}
.backdrop-saturate-150 {
--tw-backdrop-saturate: saturate(150%);
-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-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function))
}
.transition-\[height\] {
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: height;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function))
}
.transition-all {
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: all;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function))
}
.transition-colors {
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function))
}
.transition-opacity {
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: opacity;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function))
}
.transition-transform {
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: transform,translate,scale,rotate;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function))
}
.transition-none\! {
transition-property: none!important
}
.delay-150 {
transition-delay: .15s
}
.delay-200 {
transition-delay: .2s
}
.duration-100 {
--tw-duration: 100ms;
transition-duration: .1s
}
.duration-150 {
--tw-duration: 150ms;
transition-duration: .15s
}
.duration-200 {
--tw-duration: 200ms;
transition-duration: .2s
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: .3s
}
.duration-500 {
--tw-duration: 500ms;
transition-duration: .5s
}
.duration-700 {
--tw-duration: 700ms;
transition-duration: .7s
}
.duration-800 {
--tw-duration: 800ms;
transition-duration: .8s
}
.duration-1000 {
--tw-duration: 1000ms;
transition-duration: 1s
}
.ease-\[cubic-bezier\(0\.00\,0\.00\,0\.20\,1\.00\)\] {
--tw-ease: cubic-bezier(0.00,0.00,0.20,1.00);
transition-timing-function: cubic-bezier(0,0,.2,1)
}
.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
--tw-ease: cubic-bezier(0.22,1,0.36,1);
transition-timing-function: cubic-bezier(.22,1,.36,1)
}
.ease-\[cubic-bezier\(0\.175\,0\.885\,0\.32\,1\.275\)\] {
--tw-ease: cubic-bezier(0.175,0.885,0.32,1.275);
transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}
.ease-in {
--tw-ease: var(--ease-in);
transition-timing-function: var(--ease-in)
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out)
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out)
}
.will-change-transform {
will-change: transform
}
.\[contain\: paint\] {
contain:paint
}
.select-none {
-webkit-user-select: none;
user-select: none
}
.\[backface-visibility\: hidden\],.backface-hidden {
backface-visibility:hidden
}
.group-hover\: -translate-x-2 {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-translate-x:calc(var(--spacing)*-2);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
.group-hover\: translate-x-0\.5 {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-translate-x:calc(var(--spacing)*0.5);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
.group-hover\: translate-x-2 {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-translate-x:calc(var(--spacing)*2);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
.group-hover\: scale-98 {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-scale-x:98%;
--tw-scale-y: 98%;
--tw-scale-z: 98%;
scale:var(--tw-scale-x) var(--tw-scale-y)}
}
}
.group-hover\: scale-105 {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-scale-x:105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale:var(--tw-scale-x) var(--tw-scale-y)}
}
}
.group-hover\: scale-\[1\.4\] {
&:is(:where(.group):hover *) {
@media (hover:hover) {
scale:1.4
}
}
}
.group-hover\: rotate-y-0 {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-rotate-y:rotateY(0deg);
transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
}
}
.group-hover\: rotate-y-180 {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-rotate-y:rotateY(180deg);
transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
}
}
.group-hover\: text-current {
&:is(:where(.group):hover *) {
@media (hover:hover) {
color:currentcolor
}
}
}
.group-hover\: text-primary-500 {
&:is(:where(.group):hover *) {
@media (hover:hover) {
color:var(--color-primary-500)
}
}
}
.group-hover\: underline {
&:is(:where(.group):hover *) {
@media (hover:hover) {
text-decoration-line:underline
}
}
}
.group-hover\/button\: stroke-neutral-1-50 {
&:is(:where(.group\/button):hover *) {
@media (hover:hover) {
stroke:var(--color-neutral-1-50)
}
}
}
.group-hover\/card\: scale-105 {
&:is(:where(.group\/card):hover *) {
@media (hover:hover) {
--tw-scale-x:105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale:var(--tw-scale-x) var(--tw-scale-y)}
}
}
.group-focus-visible\: scale-105 {
&:is(:where(.group):focus-visible *) {
--tw-scale-x:105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y)
}
}
.group-focus-visible\: scale-\[1\.4\] {
&:is(:where(.group):focus-visible *) {
scale:1.4
}
}
.backdrop\: bg-transparent {
&::backdrop {
background-color:transparent
}
}
.hover\: -translate-y-10 {
&:hover {
@media (hover:hover) {
--tw-translate-y:calc(var(--spacing)*-10);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
.hover\: scale-125 {
&:hover {
@media (hover:hover) {
--tw-scale-x:125%;
--tw-scale-y: 125%;
--tw-scale-z: 125%;
scale:var(--tw-scale-x) var(--tw-scale-y)}
}
}
.hover\: bg-accent-1-300 {
&:hover {
@media (hover:hover) {
background-color:var(--color-accent-1-300)
}
}
}
.hover\: bg-black\/65 {
&:hover {
@media (hover:hover) {
background-color:color-mix(in srgb,#000 65%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-black) 65%,transparent)
}
}
}
}
.hover\: bg-gray-50 {
&:hover {
@media (hover:hover) {
background-color:var(--color-gray-50)
}
}
}
.hover\: bg-neutral-1-200 {
&:hover {
@media (hover:hover) {
background-color:var(--color-neutral-1-200)
}
}
}
.hover\: bg-neutral-1-300 {
&:hover {
@media (hover:hover) {
background-color:var(--color-neutral-1-300)
}
}
}
.hover\: bg-neutral-1-400 {
&:hover {
@media (hover:hover) {
background-color:var(--color-neutral-1-400)
}
}
}
.hover\: bg-neutral-1-500 {
&:hover {
@media (hover:hover) {
background-color:var(--color-neutral-1-500)
}
}
}
.hover\: bg-primary-50\/10 {
&:hover {
@media (hover:hover) {
background-color:color-mix(in srgb,color-mix(in oklab,#fff 95%,#111827) 10%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-primary-50) 10%,transparent)
}
}
}
}
.hover\: bg-primary-500 {
&:hover {
@media (hover:hover) {
background-color:var(--color-primary-500)
}
}
}
.hover\: bg-white\/25 {
&:hover {
@media (hover:hover) {
background-color:color-mix(in srgb,#fff 25%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-white) 25%,transparent)
}
}
}
}
.hover\: stroke-primary-400 {
&:hover {
@media (hover:hover) {
stroke:var(--color-primary-400)
}
}
}
.hover\: text-blue-800 {
&:hover {
@media (hover:hover) {
color:var(--color-blue-800)
}
}
}
.hover\: text-neutral-1-50 {
&:hover {
@media (hover:hover) {
color:var(--color-neutral-1-50)
}
}
}
.hover\: text-neutral-1-50\! {
&:hover {
@media (hover:hover) {
color:var(--color-neutral-1-50)!important
}
}
}
.hover\: text-primary {
&:hover {
@media (hover:hover) {
color:var(--color-primary)
}
}
}
.hover\: text-primary-50 {
&:hover {
@media (hover:hover) {
color:var(--color-primary-50)
}
}
}
.hover\: text-primary-600 {
&:hover {
@media (hover:hover) {
color:var(--color-primary-600)
}
}
}
.hover\: text-secondary-700 {
&:hover {
@media (hover:hover) {
color:var(--color-secondary-700)
}
}
}
.hover\: underline {
&:hover {
@media (hover:hover) {
text-decoration-line:underline
}
}
}
.hover\: opacity-100 {
&:hover {
@media (hover:hover) {
opacity:100%
}
}
}
.hover\: shadow-xl {
&:hover {
@media (hover:hover) {
--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,rgba(0,0,0,.1)),0 8px 10px -6px var(--tw-shadow-color,rgba(0,0,0,.1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
}
}
.focus\: z-10 {
&:focus {
z-index:10
}
}
.focus\: outline-2 {
&:focus {
outline-style:var(--tw-outline-style);
outline-width: 2px
}
}
.focus\: -outline-offset-2 {
&:focus {
outline-offset:-2px
}
}
.focus\: outline-neutral-1-600 {
&:focus {
outline-color:var(--color-neutral-1-600)
}
}
.focus\: outline-none {
&:focus {
--tw-outline-style:none;
outline-style: none
}
}
.focus-visible\: ring-2 {
&:focus-visible {
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.focus-visible\: ring-primary {
&:focus-visible {
--tw-ring-color:var(--color-primary)
}
}
.max-lg\: h-30 {
@media (width < 64rem) {
height:calc(var(--spacing)*30)
}
}
.max-lg\: px-8 {
@media (width < 64rem) {
padding-inline:calc(var(--spacing)*8)
}
}
.max-md\: order-1 {
@media (width < 48rem) {
order:1
}
}
.max-md\: order-2 {
@media (width < 48rem) {
order:2
}
}
.max-md\: order-3 {
@media (width < 48rem) {
order:3
}
}
.max-sm\: max-w-17 {
@media (width < 40rem) {
max-width:calc(var(--spacing)*17)
}
}
.max-sm\: max-w-66 {
@media (width < 40rem) {
max-width:calc(var(--spacing)*66)
}
}
.max-sm\: max-w-75 {
@media (width < 40rem) {
max-width:calc(var(--spacing)*75)
}
}
.max-sm\: px-2 {
@media (width < 40rem) {
padding-inline:calc(var(--spacing)*2)
}
}
.sm\: pointer-events-none {
@media (width >= 40rem) {
pointer-events:none
}
}
.sm\: relative {
@media (width >= 40rem) {
position:relative
}
}
.sm\: top-3\/4 {
@media (width >= 40rem) {
top:75%
}
}
.sm\: my-8 {
@media (width >= 40rem) {
margin-block:calc(var(--spacing)*8)
}
}
.sm\: mt-16 {
@media (width >= 40rem) {
margin-top:calc(var(--spacing)*16)
}
}
.sm\: block {
@media (width >= 40rem) {
display:block
}
}
.sm\: flex {
@media (width >= 40rem) {
display:flex
}
}
.sm\: hidden {
@media (width >= 40rem) {
display:none
}
}
.sm\: size-4 {
@media (width >= 40rem) {
height:calc(var(--spacing)*4);
width:calc(var(--spacing)*4)}
}
.sm\: max-w-100 {
@media (width >= 40rem) {
max-width:calc(var(--spacing)*100)
}
}
.sm\: max-w-125 {
@media (width >= 40rem) {
max-width:calc(var(--spacing)*125)
}
}
.sm\: max-w-200 {
@media (width >= 40rem) {
max-width:calc(var(--spacing)*200)
}
}
.sm\: max-w-sm {
@media (width >= 40rem) {
max-width:var(--container-sm)
}
}
.sm\: -translate-x-32 {
@media (width >= 40rem) {
--tw-translate-x:calc(var(--spacing)*-32);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.sm\: translate-x-32 {
@media (width >= 40rem) {
--tw-translate-x:calc(var(--spacing)*32);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.sm\: -translate-y-1\/2 {
@media (width >= 40rem) {
--tw-translate-y:-50%;
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.sm\: grid-cols-1 {
@media (width >= 40rem) {
grid-template-columns:repeat(1,minmax(0,1fr))
}
}
.sm\: grid-cols-2 {
@media (width >= 40rem) {
grid-template-columns:repeat(2,minmax(0,1fr))
}
}
.sm\: grid-cols-3 {
@media (width >= 40rem) {
grid-template-columns:repeat(3,minmax(0,1fr))
}
}
.sm\: grid-cols-4 {
@media (width >= 40rem) {
grid-template-columns:repeat(4,minmax(0,1fr))
}
}
.sm\: flex-row {
@media (width >= 40rem) {
flex-direction:row
}
}
.sm\: items-center {
@media (width >= 40rem) {
align-items:center
}
}
.sm\: space-y-0 {
@media (width >= 40rem) {
:where(&>:not(:last-child)) {
--tw-space-y-reverse:0;
margin-block-end:calc(var(--spacing)*0*(1 - var(--tw-space-y-reverse)));margin-block-start: calc(var(--spacing)*0*var(--tw-space-y-reverse))
}
}
}
.sm\: gap-x-10 {
@media (width >= 40rem) {
column-gap:calc(var(--spacing)*10)
}
}
.sm\: gap-y-15 {
@media (width >= 40rem) {
row-gap:calc(var(--spacing)*15)
}
}
.sm\: divide-x-2 {
@media (width >= 40rem) {
:where(&>:not(:last-child)) {
--tw-divide-x-reverse:0;
border-inline-end-width:calc(2px*(1 - var(--tw-divide-x-reverse)));border-inline-start-width: calc(2px*var(--tw-divide-x-reverse));
border-inline-style:var(--tw-border-style)}
}
}
.sm\: p-0 {
@media (width >= 40rem) {
padding:calc(var(--spacing)*0)
}
}
.sm\: px-0 {
@media (width >= 40rem) {
padding-inline:calc(var(--spacing)*0)
}
}
.sm\: text-xl {
@media (width >= 40rem) {
font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
}
.sm\: text-nowrap {
@media (width >= 40rem) {
text-wrap:nowrap
}
}
.sm\: opacity-0 {
@media (width >= 40rem) {
opacity:0
}
}
.sm\: ring-1 {
@media (width >= 40rem) {
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
}
.sm\: ring-gray-900\/10 {
@media (width >= 40rem) {
--tw-ring-color:color-mix(in srgb,oklch(21% 0.034 264.665) 10%,transparent);
@supports (color: color-mix(in lab,red,red)) {
--tw-ring-color:color-mix(in oklab,var(--color-gray-900) 10%,transparent)
}
}
}
.sm\: transition-opacity {
@media (width >= 40rem) {
transition-duration:var(--tw-duration,var(--default-transition-duration));
transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}
}
.sm\: group-focus-within\:pointer-events-auto {
@media (width >= 40rem) {
&:is(:where(.group):focus-within *) {
pointer-events:auto
}
}
}
.sm\: group-focus-within\:opacity-100 {
@media (width >= 40rem) {
&:is(:where(.group):focus-within *) {
opacity:100%
}
}
}
.sm\: group-hover\:pointer-events-auto {
@media (width >= 40rem) {
&:is(:where(.group):hover *) {
@media (hover:hover) {
pointer-events:auto
}
}
}
}
.sm\: group-hover\:-translate-x-24 {
@media (width >= 40rem) {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-translate-x:calc(var(--spacing)*-24);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
}
.sm\: group-hover\:translate-x-24 {
@media (width >= 40rem) {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-translate-x:calc(var(--spacing)*24);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
}
.sm\: group-hover\:scale-105 {
@media (width >= 40rem) {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-scale-x:105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale:var(--tw-scale-x) var(--tw-scale-y)}
}
}
}
.sm\: group-hover\:-rotate-5 {
@media (width >= 40rem) {
&:is(:where(.group):hover *) {
@media (hover:hover) {
rotate:-5deg
}
}
}
}
.sm\: group-hover\:rotate-5 {
@media (width >= 40rem) {
&:is(:where(.group):hover *) {
@media (hover:hover) {
rotate:5deg
}
}
}
}
.sm\: group-hover\:opacity-100 {
@media (width >= 40rem) {
&:is(:where(.group):hover *) {
@media (hover:hover) {
opacity:100%
}
}
}
}
.md\: right-8 {
@media (width >= 48rem) {
right:calc(var(--spacing)*8)
}
}
.md\: right-12 {
@media (width >= 48rem) {
right:calc(var(--spacing)*12)
}
}
.md\: bottom-4 {
@media (width >= 48rem) {
bottom:calc(var(--spacing)*4)
}
}
.md\: left-12 {
@media (width >= 48rem) {
left:calc(var(--spacing)*12)
}
}
.md\: col-span-2 {
@media (width >= 48rem) {
grid-column:span 2/span 2
}
}
.md\: col-start-2 {
@media (width >= 48rem) {
grid-column-start:2
}
}
.md\: mx-15 {
@media (width >= 48rem) {
margin-inline:calc(var(--spacing)*15)
}
}
.md\: my-0 {
@media (width >= 48rem) {
margin-block:calc(var(--spacing)*0)
}
}
.md\: mt-20 {
@media (width >= 48rem) {
margin-top:calc(var(--spacing)*20)
}
}
.md\: -mb-8 {
@media (width >= 48rem) {
margin-bottom:calc(var(--spacing)*-8)
}
}
.md\: mb-3 {
@media (width >= 48rem) {
margin-bottom:calc(var(--spacing)*3)
}
}
.md\: mb-12 {
@media (width >= 48rem) {
margin-bottom:calc(var(--spacing)*12)
}
}
.md\: mb-50 {
@media (width >= 48rem) {
margin-bottom:calc(var(--spacing)*50)
}
}
.md\: block {
@media (width >= 48rem) {
display:block
}
}
.md\: flex {
@media (width >= 48rem) {
display:flex
}
}
.md\: grid {
@media (width >= 48rem) {
display:grid
}
}
.md\: hidden {
@media (width >= 48rem) {
display:none
}
}
.md\: inline-flex {
@media (width >= 48rem) {
display:inline-flex
}
}
.md\: size-24 {
@media (width >= 48rem) {
height:calc(var(--spacing)*24);
width:calc(var(--spacing)*24)}
}
.md\: h-5 {
@media (width >= 48rem) {
height:calc(var(--spacing)*5)
}
}
.md\: h-10 {
@media (width >= 48rem) {
height:calc(var(--spacing)*10)
}
}
.md\: h-full {
@media (width >= 48rem) {
height:100%
}
}
.md\: max-h-\[85vh\] {
@media (width >= 48rem) {
max-height:85vh
}
}
.md\: min-h-70\.5 {
@media (width >= 48rem) {
min-height:calc(var(--spacing)*70.5)
}
}
.md\: min-h-96 {
@media (width >= 48rem) {
min-height:calc(var(--spacing)*96)
}
}
.md\: min-h-147 {
@media (width >= 48rem) {
min-height:calc(var(--spacing)*147)
}
}
.md\: w-5 {
@media (width >= 48rem) {
width:calc(var(--spacing)*5)
}
}
.md\: w-10 {
@media (width >= 48rem) {
width:calc(var(--spacing)*10)
}
}
.md\: w-full {
@media (width >= 48rem) {
width:100%
}
}
.md\: max-w-100 {
@media (width >= 48rem) {
max-width:calc(var(--spacing)*100)
}
}
.md\: max-w-122 {
@media (width >= 48rem) {
max-width:calc(var(--spacing)*122)
}
}
.md\: max-w-198 {
@media (width >= 48rem) {
max-width:calc(var(--spacing)*198)
}
}
.md\: max-w-249 {
@media (width >= 48rem) {
max-width:calc(var(--spacing)*249)
}
}
.md\: max-w-\[72vw\] {
@media (width >= 48rem) {
max-width:72vw
}
}
.md\: max-w-\[min\(1100px\,92vw\)\] {
@media (width >= 48rem) {
max-width:min(1100px,92vw)
}
}
.md\: basis-1\/2 {
@media (width >= 48rem) {
flex-basis:50%
}
}
.md\: basis-1\/3 {
@media (width >= 48rem) {
flex-basis:33.33333%
}
}
.md\: translate-y-8 {
@media (width >= 48rem) {
--tw-translate-y:calc(var(--spacing)*8);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.md\: translate-y-12 {
@media (width >= 48rem) {
--tw-translate-y:calc(var(--spacing)*12);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.md\: grid-cols-1 {
@media (width >= 48rem) {
grid-template-columns:repeat(1,minmax(0,1fr))
}
}
.md\: grid-cols-2 {
@media (width >= 48rem) {
grid-template-columns:repeat(2,minmax(0,1fr))
}
}
.md\: grid-cols-3 {
@media (width >= 48rem) {
grid-template-columns:repeat(3,minmax(0,1fr))
}
}
.md\: grid-cols-4 {
@media (width >= 48rem) {
grid-template-columns:repeat(4,minmax(0,1fr))
}
}
.md\: grid-cols-6 {
@media (width >= 48rem) {
grid-template-columns:repeat(6,minmax(0,1fr))
}
}
.md\: flex-row {
@media (width >= 48rem) {
flex-direction:row
}
}
.md\: flex-nowrap {
@media (width >= 48rem) {
flex-wrap:nowrap
}
}
.md\: items-center {
@media (width >= 48rem) {
align-items:center
}
}
.md\: items-end {
@media (width >= 48rem) {
align-items:flex-end
}
}
.md\: justify-between {
@media (width >= 48rem) {
justify-content:space-between
}
}
.md\: gap-2 {
@media (width >= 48rem) {
gap:calc(var(--spacing)*2)
}
}
.md\: gap-3 {
@media (width >= 48rem) {
gap:calc(var(--spacing)*3)
}
}
.md\: gap-12 {
@media (width >= 48rem) {
gap:calc(var(--spacing)*12)
}
}
.md\: space-y-8 {
@media (width >= 48rem) {
:where(&>:not(:last-child)) {
--tw-space-y-reverse:0;
margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start: calc(var(--spacing)*8*var(--tw-space-y-reverse))
}
}
}
.md\: gap-x-6 {
@media (width >= 48rem) {
column-gap:calc(var(--spacing)*6)
}
}
.md\: gap-y-6 {
@media (width >= 48rem) {
row-gap:calc(var(--spacing)*6)
}
}
.md\: p-5 {
@media (width >= 48rem) {
padding:calc(var(--spacing)*5)
}
}
.md\: p-8 {
@media (width >= 48rem) {
padding:calc(var(--spacing)*8)
}
}
.md\: p-15 {
@media (width >= 48rem) {
padding:calc(var(--spacing)*15)
}
}
.md\: p-25 {
@media (width >= 48rem) {
padding:calc(var(--spacing)*25)
}
}
.md\: p-25\.5 {
@media (width >= 48rem) {
padding:calc(var(--spacing)*25.5)
}
}
.md\: px-3 {
@media (width >= 48rem) {
padding-inline:calc(var(--spacing)*3)
}
}
.md\: px-15 {
@media (width >= 48rem) {
padding-inline:calc(var(--spacing)*15)
}
}
.md\: pt-10 {
@media (width >= 48rem) {
padding-top:calc(var(--spacing)*10)
}
}
.md\: pb-15 {
@media (width >= 48rem) {
padding-bottom:calc(var(--spacing)*15)
}
}
.md\: pb-16 {
@media (width >= 48rem) {
padding-bottom:calc(var(--spacing)*16)
}
}
.md\: pl-0 {
@media (width >= 48rem) {
padding-left:calc(var(--spacing)*0)
}
}
.md\: text-2xl {
@media (width >= 48rem) {
font-size:var(--text-2xl);
line-height:var(--tw-leading,var(--text-2xl--line-height))}
}
.md\: text-3xl {
@media (width >= 48rem) {
font-size:var(--text-3xl);
line-height:var(--tw-leading,var(--text-3xl--line-height))}
}
.md\: text-\[28px\]\/8 {
@media (width >= 48rem) {
font-size:28px;
line-height:calc(var(--spacing)*8)}
}
.md\: text-\[32px\]\/9 {
@media (width >= 48rem) {
font-size:32px;
line-height:calc(var(--spacing)*9)}
}
.md\: text-lg {
@media (width >= 48rem) {
font-size:var(--text-lg);
line-height:var(--tw-leading,var(--text-lg--line-height))}
}
.md\: text-sm {
@media (width >= 48rem) {
font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
}
.md\: text-xl {
@media (width >= 48rem) {
font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
}
.md\: leading-none {
@media (width >= 48rem) {
--tw-leading:1;
line-height:1}
}
.lg\: sticky {
@media (width >= 64rem) {
position:sticky
}
}
.lg\: top-28 {
@media (width >= 64rem) {
top:calc(var(--spacing)*28)
}
}
.lg\: right-5 {
@media (width >= 64rem) {
right:calc(var(--spacing)*5)
}
}
.lg\: right-12 {
@media (width >= 64rem) {
right:calc(var(--spacing)*12)
}
}
.lg\: right-18 {
@media (width >= 64rem) {
right:calc(var(--spacing)*18)
}
}
.lg\: bottom-8 {
@media (width >= 64rem) {
bottom:calc(var(--spacing)*8)
}
}
.lg\: left-18 {
@media (width >= 64rem) {
left:calc(var(--spacing)*18)
}
}
.lg\: order-1 {
@media (width >= 64rem) {
order:1
}
}
.lg\: order-2 {
@media (width >= 64rem) {
order:2
}
}
.lg\: order-3 {
@media (width >= 64rem) {
order:3
}
}
.lg\: order-first {
@media (width >= 64rem) {
order:-9999
}
}
.lg\: order-last {
@media (width >= 64rem) {
order:9999
}
}
.lg\: col-span-1 {
@media (width >= 64rem) {
grid-column:span 1/span 1
}
}
.lg\: col-span-2 {
@media (width >= 64rem) {
grid-column:span 2/span 2
}
}
.lg\: col-span-3 {
@media (width >= 64rem) {
grid-column:span 3/span 3
}
}
.lg\: col-span-6 {
@media (width >= 64rem) {
grid-column:span 6/span 6
}
}
.lg\: col-start-1 {
@media (width >= 64rem) {
grid-column-start:1
}
}
.lg\: col-start-2 {
@media (width >= 64rem) {
grid-column-start:2
}
}
.lg\: col-start-3 {
@media (width >= 64rem) {
grid-column-start:3
}
}
.lg\: mx-0 {
@media (width >= 64rem) {
margin-inline:calc(var(--spacing)*0)
}
}
.lg\: my-18 {
@media (width >= 64rem) {
margin-block:calc(var(--spacing)*18)
}
}
.lg\: -mt-12 {
@media (width >= 64rem) {
margin-top:calc(var(--spacing)*-12)
}
}
.lg\: mt-10 {
@media (width >= 64rem) {
margin-top:calc(var(--spacing)*10)
}
}
.lg\: mt-12 {
@media (width >= 64rem) {
margin-top:calc(var(--spacing)*12)
}
}
.lg\: mt-16 {
@media (width >= 64rem) {
margin-top:calc(var(--spacing)*16)
}
}
.lg\: mt-18 {
@media (width >= 64rem) {
margin-top:calc(var(--spacing)*18)
}
}
.lg\: mr-0 {
@media (width >= 64rem) {
margin-right:calc(var(--spacing)*0)
}
}
.lg\: -mb-50 {
@media (width >= 64rem) {
margin-bottom:calc(var(--spacing)*-50)
}
}
.lg\: mb-0 {
@media (width >= 64rem) {
margin-bottom:calc(var(--spacing)*0)
}
}
.lg\: mb-8 {
@media (width >= 64rem) {
margin-bottom:calc(var(--spacing)*8)
}
}
.lg\: mb-10 {
@media (width >= 64rem) {
margin-bottom:calc(var(--spacing)*10)
}
}
.lg\: mb-12 {
@media (width >= 64rem) {
margin-bottom:calc(var(--spacing)*12)
}
}
.lg\: mb-15 {
@media (width >= 64rem) {
margin-bottom:calc(var(--spacing)*15)
}
}
.lg\: mb-16 {
@media (width >= 64rem) {
margin-bottom:calc(var(--spacing)*16)
}
}
.lg\: mb-18 {
@media (width >= 64rem) {
margin-bottom:calc(var(--spacing)*18)
}
}
.lg\: block {
@media (width >= 64rem) {
display:block
}
}
.lg\: flex {
@media (width >= 64rem) {
display:flex
}
}
.lg\: grid {
@media (width >= 64rem) {
display:grid
}
}
.lg\: hidden {
@media (width >= 64rem) {
display:none
}
}
.lg\: aspect-3\/4 {
@media (width >= 64rem) {
aspect-ratio:3/4
}
}
.lg\: h-55 {
@media (width >= 64rem) {
height:calc(var(--spacing)*55)
}
}
.lg\: h-60 {
@media (width >= 64rem) {
height:calc(var(--spacing)*60)
}
}
.lg\: h-screen {
@media (width >= 64rem) {
height:100vh
}
}
.lg\: max-h-122 {
@media (width >= 64rem) {
max-height:calc(var(--spacing)*122)
}
}
.lg\: max-h-full {
@media (width >= 64rem) {
max-height:100%
}
}
.lg\: min-h-124 {
@media (width >= 64rem) {
min-height:calc(var(--spacing)*124)
}
}
.lg\: w-5\/12 {
@media (width >= 64rem) {
width:41.66667%
}
}
.lg\: w-7\/12 {
@media (width >= 64rem) {
width:58.33333%
}
}
.lg\: w-auto {
@media (width >= 64rem) {
width:auto
}
}
.lg\: w-full {
@media (width >= 64rem) {
width:100%
}
}
.lg\: max-w-3xl {
@media (width >= 64rem) {
max-width:var(--container-3xl)
}
}
.lg\: max-w-70 {
@media (width >= 64rem) {
max-width:calc(var(--spacing)*70)
}
}
.lg\: max-w-96 {
@media (width >= 64rem) {
max-width:calc(var(--spacing)*96)
}
}
.lg\: max-w-122 {
@media (width >= 64rem) {
max-width:calc(var(--spacing)*122)
}
}
.lg\: max-w-192 {
@media (width >= 64rem) {
max-width:calc(var(--spacing)*192)
}
}
.lg\: max-w-198 {
@media (width >= 64rem) {
max-width:calc(var(--spacing)*198)
}
}
.lg\: max-w-249 {
@media (width >= 64rem) {
max-width:calc(var(--spacing)*249)
}
}
.lg\: max-w-full {
@media (width >= 64rem) {
max-width:100%
}
}
.lg\: min-w-70 {
@media (width >= 64rem) {
min-width:calc(var(--spacing)*70)
}
}
.lg\: min-w-125 {
@media (width >= 64rem) {
min-width:calc(var(--spacing)*125)
}
}
.lg\: flex-1 {
@media (width >= 64rem) {
flex:1
}
}
.lg\: flex-initial {
@media (width >= 64rem) {
flex:0 auto
}
}
.lg\: basis-1\/2 {
@media (width >= 64rem) {
flex-basis:50%
}
}
.lg\: basis-1\/4 {
@media (width >= 64rem) {
flex-basis:25%
}
}
.lg\: basis-1\/6 {
@media (width >= 64rem) {
flex-basis:16.66667%
}
}
.lg\: basis-3\/4 {
@media (width >= 64rem) {
flex-basis:75%
}
}
.lg\: basis-3\/7 {
@media (width >= 64rem) {
flex-basis:42.85714%
}
}
.lg\: basis-4\/12 {
@media (width >= 64rem) {
flex-basis:33.33333%
}
}
.lg\: basis-5\/12 {
@media (width >= 64rem) {
flex-basis:41.66667%
}
}
.lg\: basis-7\/12 {
@media (width >= 64rem) {
flex-basis:58.33333%
}
}
.lg\: basis-8\/12 {
@media (width >= 64rem) {
flex-basis:66.66667%
}
}
.lg\: origin-left {
@media (width >= 64rem) {
transform-origin:left
}
}
.lg\: -translate-x-\[54\.5px\] {
@media (width >= 64rem) {
--tw-translate-x:-54.5px;
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.lg\: translate-x-\[54\.5px\] {
@media (width >= 64rem) {
--tw-translate-x:54.5px;
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.lg\: grid-cols-1 {
@media (width >= 64rem) {
grid-template-columns:repeat(1,minmax(0,1fr))
}
}
.lg\: grid-cols-2 {
@media (width >= 64rem) {
grid-template-columns:repeat(2,minmax(0,1fr))
}
}
.lg\: grid-cols-3 {
@media (width >= 64rem) {
grid-template-columns:repeat(3,minmax(0,1fr))
}
}
.lg\: grid-cols-4 {
@media (width >= 64rem) {
grid-template-columns:repeat(4,minmax(0,1fr))
}
}
.lg\: grid-cols-5 {
@media (width >= 64rem) {
grid-template-columns:repeat(5,minmax(0,1fr))
}
}
.lg\: grid-cols-6 {
@media (width >= 64rem) {
grid-template-columns:repeat(6,minmax(0,1fr))
}
}
.lg\: grid-cols-\[282px_minmax\(0\,1fr\)\] {
@media (width >= 64rem) {
grid-template-columns:282px minmax(0,1fr)
}
}
.lg\: grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
@media (width >= 64rem) {
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)
}
}
.lg\: grid-rows-2 {
@media (width >= 64rem) {
grid-template-rows:repeat(2,minmax(0,1fr))
}
}
.lg\: grid-rows-\[auto\] {
@media (width >= 64rem) {
grid-template-rows:auto
}
}
.lg\: flex-row {
@media (width >= 64rem) {
flex-direction:row
}
}
.lg\: flex-row-reverse {
@media (width >= 64rem) {
flex-direction:row-reverse
}
}
.lg\: flex-nowrap {
@media (width >= 64rem) {
flex-wrap:nowrap
}
}
.lg\: items-center {
@media (width >= 64rem) {
align-items:center
}
}
.lg\: items-start {
@media (width >= 64rem) {
align-items:flex-start
}
}
.lg\: justify-center {
@media (width >= 64rem) {
justify-content:center
}
}
.lg\: justify-end {
@media (width >= 64rem) {
justify-content:flex-end
}
}
.lg\: justify-start {
@media (width >= 64rem) {
justify-content:flex-start
}
}
.lg\: gap-4 {
@media (width >= 64rem) {
gap:calc(var(--spacing)*4)
}
}
.lg\: gap-6 {
@media (width >= 64rem) {
gap:calc(var(--spacing)*6)
}
}
.lg\: gap-8 {
@media (width >= 64rem) {
gap:calc(var(--spacing)*8)
}
}
.lg\: gap-12 {
@media (width >= 64rem) {
gap:calc(var(--spacing)*12)
}
}
.lg\: gap-32 {
@media (width >= 64rem) {
gap:calc(var(--spacing)*32)
}
}
.lg\: gap-y-12 {
@media (width >= 64rem) {
row-gap:calc(var(--spacing)*12)
}
}
.lg\: gap-y-15 {
@media (width >= 64rem) {
row-gap:calc(var(--spacing)*15)
}
}
.lg\: gap-y-25 {
@media (width >= 64rem) {
row-gap:calc(var(--spacing)*25)
}
}
.lg\: justify-self-end {
@media (width >= 64rem) {
justify-self:flex-end
}
}
.lg\: justify-self-start {
@media (width >= 64rem) {
justify-self:flex-start
}
}
.lg\: rounded-r-2xl {
@media (width >= 64rem) {
border-bottom-right-radius:var(--radius-2xl);
border-top-right-radius:var(--radius-2xl)}
}
.lg\: border-l {
@media (width >= 64rem) {
border-left-style:var(--tw-border-style);
border-left-width:1px}
}
.lg\: border-neutral-1-500 {
@media (width >= 64rem) {
border-color:var(--color-neutral-1-500)
}
}
.lg\: object-cover {
@media (width >= 64rem) {
object-fit:cover
}
}
.lg\: object-fill {
@media (width >= 64rem) {
object-fit:fill
}
}
.lg\: p-0 {
@media (width >= 64rem) {
padding:calc(var(--spacing)*0)
}
}
.lg\: p-5 {
@media (width >= 64rem) {
padding:calc(var(--spacing)*5)
}
}
.lg\: p-8 {
@media (width >= 64rem) {
padding:calc(var(--spacing)*8)
}
}
.lg\: p-12 {
@media (width >= 64rem) {
padding:calc(var(--spacing)*12)
}
}
.lg\: p-16 {
@media (width >= 64rem) {
padding:calc(var(--spacing)*16)
}
}
.lg\: p-18 {
@media (width >= 64rem) {
padding:calc(var(--spacing)*18)
}
}
.lg\: px-0 {
@media (width >= 64rem) {
padding-inline:calc(var(--spacing)*0)
}
}
.lg\: px-7 {
@media (width >= 64rem) {
padding-inline:calc(var(--spacing)*7)
}
}
.lg\: px-8 {
@media (width >= 64rem) {
padding-inline:calc(var(--spacing)*8)
}
}
.lg\: px-15 {
@media (width >= 64rem) {
padding-inline:calc(var(--spacing)*15)
}
}
.lg\: py-8 {
@media (width >= 64rem) {
padding-block:calc(var(--spacing)*8)
}
}
.lg\: py-23 {
@media (width >= 64rem) {
padding-block:calc(var(--spacing)*23)
}
}
.lg\: py-25 {
@media (width >= 64rem) {
padding-block:calc(var(--spacing)*25)
}
}
.lg\: py-37\.5 {
@media (width >= 64rem) {
padding-block:calc(var(--spacing)*37.5)
}
}
.lg\: pt-18 {
@media (width >= 64rem) {
padding-top:calc(var(--spacing)*18)
}
}
.lg\: pt-25 {
@media (width >= 64rem) {
padding-top:calc(var(--spacing)*25)
}
}
.lg\: pt-37\.5 {
@media (width >= 64rem) {
padding-top:calc(var(--spacing)*37.5)
}
}
.lg\: pt-\[150px\] {
@media (width >= 64rem) {
padding-top:150px
}
}
.lg\: pr-6 {
@media (width >= 64rem) {
padding-right:calc(var(--spacing)*6)
}
}
.lg\: pr-8 {
@media (width >= 64rem) {
padding-right:calc(var(--spacing)*8)
}
}
.lg\: pb-0 {
@media (width >= 64rem) {
padding-bottom:calc(var(--spacing)*0)
}
}
.lg\: pb-1 {
@media (width >= 64rem) {
padding-bottom:calc(var(--spacing)*1)
}
}
.lg\: pb-12 {
@media (width >= 64rem) {
padding-bottom:calc(var(--spacing)*12)
}
}
.lg\: pb-15 {
@media (width >= 64rem) {
padding-bottom:calc(var(--spacing)*15)
}
}
.lg\: pb-18 {
@media (width >= 64rem) {
padding-bottom:calc(var(--spacing)*18)
}
}
.lg\: pb-50 {
@media (width >= 64rem) {
padding-bottom:calc(var(--spacing)*50)
}
}
.lg\: pb-\[150px\] {
@media (width >= 64rem) {
padding-bottom:150px
}
}
.lg\: pl-12 {
@media (width >= 64rem) {
padding-left:calc(var(--spacing)*12)
}
}
.lg\: pl-32 {
@media (width >= 64rem) {
padding-left:calc(var(--spacing)*32)
}
}
.lg\: text-left {
@media (width >= 64rem) {
text-align:left
}
}
.lg\: text-right {
@media (width >= 64rem) {
text-align:right
}
}
.lg\: text-start {
@media (width >= 64rem) {
text-align:start
}
}
.lg\: text-3xl {
@media (width >= 64rem) {
font-size:var(--text-3xl);
line-height:var(--tw-leading,var(--text-3xl--line-height))}
}
.lg\: text-4xl {
@media (width >= 64rem) {
font-size:var(--text-4xl);
line-height:var(--tw-leading,var(--text-4xl--line-height))}
}
.lg\: text-7xl {
@media (width >= 64rem) {
font-size:var(--text-7xl);
line-height:var(--tw-leading,var(--text-7xl--line-height))}
}
.lg\: text-\[40px\]\/12 {
@media (width >= 64rem) {
font-size:40px;
line-height:calc(var(--spacing)*12)}
}
.lg\: text-base {
@media (width >= 64rem) {
font-size:var(--text-base);
line-height:var(--tw-leading,var(--text-base--line-height))}
}
.lg\: text-xl {
@media (width >= 64rem) {
font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
}
.lg\: text-\[20px\] {
@media (width >= 64rem) {
font-size:20px
}
}
.lg\: text-\[26px\] {
@media (width >= 64rem) {
font-size:26px
}
}
.xl\: -mb-16 {
@media (width >= 80rem) {
margin-bottom:calc(var(--spacing)*-16)
}
}
.xl\: block {
@media (width >= 80rem) {
display:block
}
}
.xl\: flex {
@media (width >= 80rem) {
display:flex
}
}
.xl\: hidden {
@media (width >= 80rem) {
display:none
}
}
.xl\: inline-block {
@media (width >= 80rem) {
display:inline-block
}
}
.xl\: h-111\.5 {
@media (width >= 80rem) {
height:calc(var(--spacing)*111.5)
}
}
.xl\: max-h-147 {
@media (width >= 80rem) {
max-height:calc(var(--spacing)*147)
}
}
.xl\: max-h-full {
@media (width >= 80rem) {
max-height:100%
}
}
.xl\: min-h-122 {
@media (width >= 80rem) {
min-height:calc(var(--spacing)*122)
}
}
.xl\: w-4\/12 {
@media (width >= 80rem) {
width:33.33333%
}
}
.xl\: w-8\/12 {
@media (width >= 80rem) {
width:66.66667%
}
}
.xl\: w-auto {
@media (width >= 80rem) {
width:auto
}
}
.xl\: max-w-249 {
@media (width >= 80rem) {
max-width:calc(var(--spacing)*249)
}
}
.xl\: max-w-full {
@media (width >= 80rem) {
max-width:100%
}
}
.xl\: min-w-0 {
@media (width >= 80rem) {
min-width:calc(var(--spacing)*0)
}
}
.xl\: min-w-45 {
@media (width >= 80rem) {
min-width:calc(var(--spacing)*45)
}
}
.xl\: min-w-147 {
@media (width >= 80rem) {
min-width:calc(var(--spacing)*147)
}
}
.xl\: flex-1 {
@media (width >= 80rem) {
flex:1
}
}
.xl\: flex-\[1\.8\] {
@media (width >= 80rem) {
flex:1.8
}
}
.xl\: flex-none {
@media (width >= 80rem) {
flex:none
}
}
.xl\: basis-0 {
@media (width >= 80rem) {
flex-basis:calc(var(--spacing)*0)
}
}
.xl\: -translate-x-25 {
@media (width >= 80rem) {
--tw-translate-x:calc(var(--spacing)*-25);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.xl\: translate-x-25 {
@media (width >= 80rem) {
--tw-translate-x:calc(var(--spacing)*25);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.xl\: \[grid-template-columns\:max-content_max-content_max-content\] {
@media (width >= 80rem) {
grid-template-columns:max-content max-content max-content
}
}
.xl\: grid-cols-2 {
@media (width >= 80rem) {
grid-template-columns:repeat(2,minmax(0,1fr))
}
}
.xl\: flex-row {
@media (width >= 80rem) {
flex-direction:row
}
}
.xl\: gap-32 {
@media (width >= 80rem) {
gap:calc(var(--spacing)*32)
}
}
.xl\: \!px-0 {
@media (width >= 80rem) {
padding-inline:calc(var(--spacing)*0)!important
}
}
.xl\: px-0 {
@media (width >= 80rem) {
padding-inline:calc(var(--spacing)*0)
}
}
.xl\: py-8 {
@media (width >= 80rem) {
padding-block:calc(var(--spacing)*8)
}
}
.xl\: text-3xl\/8 {
@media (width >= 80rem) {
font-size:var(--text-3xl);
line-height:calc(var(--spacing)*8)}
}
.xl\: opacity-0 {
@media (width >= 80rem) {
opacity:0
}
}
.xl\: opacity-100 {
@media (width >= 80rem) {
opacity:100%
}
}
.ltr\: mr-2 {
&:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
margin-right:calc(var(--spacing)*2)
}
}
.ltr\: pr-8 {
&:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
padding-right:calc(var(--spacing)*8)
}
}
.ltr\: pl-3 {
&:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
padding-left:calc(var(--spacing)*3)
}
}
.ltr\: lg\:pr-0\! {
&:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
@media (width >= 64rem) {
padding-right:calc(var(--spacing)*0)!important
}
}
}
.ltr\: lg\:pr-6 {
&:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
@media (width >= 64rem) {
padding-right:calc(var(--spacing)*6)
}
}
}
.rtl\: ml-2 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
margin-left:calc(var(--spacing)*2)
}
}
.rtl\: \!inline-flex {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
display:inline-flex!important
}
}
.rtl\: hidden {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
display:none
}
}
.rtl\: translate-x-full {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
--tw-translate-x:100%;
translate: var(--tw-translate-x) var(--tw-translate-y)
}
}
.rtl\: rotate-180 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
rotate:180deg
}
}
.rtl\: \!flex-row-reverse {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
flex-direction:row-reverse!important
}
}
.rtl\: flex-row-reverse {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
flex-direction:row-reverse
}
}
.rtl\: items-end {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
align-items:flex-end
}
}
.rtl\: self-end {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
align-self:flex-end
}
}
.rtl\: self-start {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
align-self:flex-start
}
}
.rtl\: object-right {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
object-position:right
}
}
.rtl\: pr-3 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
padding-right:calc(var(--spacing)*3)
}
}
.rtl\: pl-8 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
padding-left:calc(var(--spacing)*8)
}
}
.rtl\: text-right {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
text-align:right
}
}
.rtl\: group-hover\:-translate-x-0\.5 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-translate-x:calc(var(--spacing)*-0.5);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
}
.rtl\: lg\:order-1 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
order:1
}
}
}
.rtl\: lg\:order-3 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
order:3
}
}
}
.rtl\: lg\:col-start-1 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
grid-column-start:1
}
}
}
.rtl\: lg\:col-start-3 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
grid-column-start:3
}
}
}
.rtl\: lg\:ml-0 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
margin-left:calc(var(--spacing)*0)
}
}
}
.rtl\: lg\:flex-row-reverse {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
flex-direction:row-reverse
}
}
}
.rtl\: lg\:border-r {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
border-right-style:var(--tw-border-style);
border-right-width:1px}
}
}
.rtl\: lg\:border-l-0 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
border-left-style:var(--tw-border-style);
border-left-width:0}
}
}
.rtl\: lg\:border-neutral-1-500 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
border-color:var(--color-neutral-1-500)
}
}
}
.rtl\: lg\:pr-12 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
padding-right:calc(var(--spacing)*12)
}
}
}
.rtl\: lg\:pl-0 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
padding-left:calc(var(--spacing)*0)
}
}
}
.rtl\: lg\:pl-0\! {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
padding-left:calc(var(--spacing)*0)!important
}
}
}
.rtl\: lg\:pl-6 {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
padding-left:calc(var(--spacing)*6)
}
}
}
.rtl\: lg\:text-right {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 64rem) {
text-align:right
}
}
}
.rtl\: xl\:\[grid-template-columns\:1fr_1fr_1fr\] {
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
@media (width >= 80rem) {
grid-template-columns:1fr 1fr 1fr
}
}
}
.\[\&_\.dnd-section\]\: py-4 {
& .dnd-section {
padding-block:calc(var(--spacing)*4)
}
}
.\[\&_\.dnd-section\]\: py-10 {
& .dnd-section {
padding-block:calc(var(--spacing)*10)
}
}
.\[\&_\.dnd-section\]\: md\:py-20 {
& .dnd-section {
@media (width >= 48rem) {
padding-block:calc(var(--spacing)*20)
}
}
}
.\[\&_form\]\: bg-transparent {
& form {
background-color:transparent
}
}
.\[\&_img\]\: rounded-md {
& img {
border-radius:var(--radius-md)
}
}
.\[\&_path\]\: stroke-current {
& path {
stroke:currentcolor
}
}
.\[\&_svg\]\: stroke-current {
& svg {
stroke:currentcolor
}
}
.\[\&\: hover\>svg\]\:scale-110 {
&:hover>svg {
--tw-scale-x:110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y)
}
}
.\[\&\>\*\]\: m-0 {
&>* {
margin:calc(var(--spacing)*0)
}
}
.\[\&\>\*\]\: flex\! {
&>* {
display:flex!important
}
}
.\[\&\>\*\]\: justify-center\! {
&>* {
justify-content:center!important
}
}
.\[\&\>\*\]\: p-0 {
&>* {
padding:calc(var(--spacing)*0)
}
}
.\[\&\>a\]\: w-full {
&>a {
width:100%
}
}
.\[\&\>p\>span\]\: text-xs {
&>p>span {
font-size:var(--text-xs);
line-height: var(--tw-leading,var(--text-xs--line-height))
}
}
.\[\&\>span\]\: block {
&>span {
display:block
}
}
.\[\&\>svg\]\: size-6 {
&>svg {
height:calc(var(--spacing)*6);
width: calc(var(--spacing)*6)
}
}
.\[\&\>svg\]\: size-8 {
&>svg {
height:calc(var(--spacing)*8);
width: calc(var(--spacing)*8)
}
}
.\[\&\>svg\]\: h-6 {
&>svg {
height:calc(var(--spacing)*6)
}
}
.\[\&\>svg\]\: w-6 {
&>svg {
width:calc(var(--spacing)*6)
}
}
}
@layer base {
html {
font-size: 16px;
scroll-behavior: smooth
}
html: focus-within {
scroll-behavior:smooth
}
body {
line-height: 1.5;
min-height: 100vh;
text-rendering: optimizeSpeed;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px
}
:target {
scroll-margin-top: 250px
}
b,strong {
font-weight: 700
}
sub,sup {
font-size: .75em;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img,picture,svg {
pointer-events: none
}
img,picture,video {
height: auto;
max-width: 100%
}
.features-04 p>a {
color: var(--color-accent-3-500);
&:hover {
@media (hover: hover) {
color:var(--color-accent-3-700)
}
}
}
ol: where([role=list]),ul:where([role=list]) {
list-style:none
}
.article h2,.article h3 {
font-size: 26px;
line-height: 1.3;
margin-bottom: 12px;
margin-top: 60px
}
.article iframe,.article img {
margin-bottom: 12px;
margin-top: 12px
}
.blog-post__author-avatar {
margin: 0!important
}
[dir=rtl] article ol,[dir=rtl] article ul {
padding: revert
}
article ol,article ul {
list-style: revert;
padding-left: 2rem
}
article ol>li,article ul>li {
margin-bottom: 12px
}
article hr {
margin: 60px 0
}
article blockquote {
background-color: #dbcdff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' fill='none' viewBox='0 0 72 72'%3E%3Cpath fill='%23e6ddff' stroke='%23e6ddff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M24 63a6 6 0 0 0 6-6V39a6 6 0 0 0-6-6 3 3 0 0 1-3-3v-3a6 6 0 0 1 6-6 3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3A18 18 0 0 0 9 27v30a6 6 0 0 0 6 6zM57 63a6 6 0 0 0 6-6V39a6 6 0 0 0-6-6 3 3 0 0 1-3-3v-3a6 6 0 0 1 6-6 3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3 18 18 0 0 0-18 18v30a6 6 0 0 0 6 6z'/%3E%3C/svg%3E");
background-position-x: 15px;
background-position-y: 15px;
background-repeat: no-repeat;
border-radius: 16px;
margin: 32px 0;
padding: 40px
}
article blockquote p,article blockquote span {
font-family: Atkinson Hyperlegible;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 30px
}
button,input,select,textarea {
font: inherit
}
[x-cloak] {
display: none!important
}
@media (prefers-reduced-motion:reduce) {
html:focus-within {
scroll-behavior: auto
}
*,:after,:before {
animation-duration: .01ms!important;
animation-iteration-count: 1!important;
scroll-behavior: auto!important;
transition-duration: .01ms!important
}
}
}
.container {
margin-inline:auto;max-width: 1240px
}
.dnd-section>.row-fluid {
gap: calc(var(--spacing)*8);
margin-inline:auto}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
align-items: center;
flex-direction: column;
justify-content: space-between;
@media (width >= 48rem) {
flex-direction: row
}
}
#hs-banner-parent #hs-eu-policy-wording>div {
padding-left: calc(var(--spacing)*8)
}
#hs-banner-parent #hs-eu-policy-wording p>a {
color: var(--color-accent-3-500);
text-decoration-line: underline
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-buttons-area {
width: 100%;
@media (width >= 48rem) {
width: auto
}
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-confirmation-button-group {
flex-direction: column;
flex-wrap: nowrap;
row-gap: calc(var(--spacing)*4);
width: 100%;
@media (width >= 48rem) {
width: auto
}
@media (width >= 48rem) {
flex-direction: row
}
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons {
flex-direction: row-reverse;
flex-wrap: nowrap
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-confirmation-button,#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-decline-button {
min-width: calc(var(--spacing)*0);
padding-block:calc(var(--spacing)*1);padding-inline: calc(var(--spacing)*3);
width: auto
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@layer base {
body {
background-color: var(--color-neutral-1-200)
}
.article__body {
h1,h2,h3,h4,h5,h6 {
text-wrap: balance
}
}
.h1,h1 {
font-size: 32px;
@media (width >= 64rem) {
font-size: var(--text-5xl);
line-height:var(--tw-leading,var(--text-5xl--line-height))}
text-wrap: pretty
}
.h2,h2 {
font-size: 32px;
@media (width >= 64rem) {
font-size: 40px
}
--tw-leading: calc(var(--spacing)*9);
line-height: calc(var(--spacing)*9);
@media (width >= 64rem) {
--tw-leading: calc(var(--spacing)*12);
line-height:calc(var(--spacing)*12)}
text-wrap: pretty
}
.h3,h3 {
font-size: var(--text-xl);
line-height: var(--tw-leading,var(--text-xl--line-height));
@media (width >= 64rem) {
font-size: 28px
}
text-wrap: pretty
}
.h5,h5 {
font-size: 26px;
line-height: calc(var(--spacing)*7.5);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
text-wrap: pretty
}
p {
font-size: var(--text-base);
line-height: var(--tw-leading,var(--text-base--line-height));
--tw-leading: 22px;
line-height: 22px
}
.text-lead {
font-size: var(--text-base);
line-height: var(--tw-leading,var(--text-base--line-height));
--tw-leading: 22px;
line-height: 22px;
@media (width >= 64rem) {
font-size: var(--text-xl);
line-height:calc(var(--spacing)*6)}
}
}
form {
.hs-recaptcha .grecaptcha-badge {
border-radius: var(--radius-md);
overflow: hidden
}
fieldset {
position: relative
}
[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea {
background-color: var(--color-white);
border-color: var(--color-gray-300);
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
color: var(--color-gray-900);
display: block;
min-height: 44px;
padding: .5rem 1.25rem;
width: 100%;
&::placeholder {
color: var(--color-stone-600)
}
&:focus {
border-color: var(--color-blue-500);
--tw-ring-color: var(--color-blue-500)
}
}
.radio-rows {
.inputs-list {
display: flex;
li {
margin-right: calc(var(--spacing)*12)
}
}
}
[type=radio] {
margin-right: calc(var(--spacing)*2)
}
ul.hs-error-msgs {
font-size: var(--text-sm);
line-height: var(--tw-leading,var(--text-sm--line-height));
list-style-type: none;
margin: calc(var(--spacing)*0);
padding: calc(var(--spacing)*0);
label {
color: var(--color-red-500)
}
}
}
form input[type=email],form input[type=file],form input[type=number],form input[type=password],form input[type=search],form input[type=tel],form input[type=text],form select,form textarea {
appearance: none;
background-color: var(--color-white);
border-color: var(--color-neutral-1-500);
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
color: var(--color-primary);
font-size: var(--text-base);
line-height: var(--tw-leading,var(--text-base--line-height));
padding-block:calc(var(--spacing)*2);padding-left: calc(var(--spacing)*3);
padding-right: calc(var(--spacing)*8);
width: 100%;
&:focus {
--tw-outline-style: none;
outline-style: none
}
}
.newsletter-01 form {
column-gap: calc(var(--spacing)*4);
display: flex;
label {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
clip: rect(0,0,0,0);
border-width: 0;
white-space: nowrap
}
div: first-child {
flex-grow:1
}
input[type=submit] {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
border-style: var(--tw-border-style);
border-width: 2px;
color: var(--color-secondary-950);
&:hover {
@media (hover: hover) {
background-color:var(--color-secondary-700)
}
}
&:hover {
@media (hover: hover) {
border-color:var(--color-secondary-700)
}
}
}
}
.newsletter-01-form>span {
width: 100%
}
.hs-search-field--open .hs-search-field__suggestions {
border-radius: var(--radius-xl);
display: flex;
flex-direction: column;
gap: calc(var(--spacing)*2);
margin-top: calc(var(--spacing)*4);
overflow: hidden;
z-index: 30;
--tw-border-style: none;
border-style: none;
padding-block:calc(var(--spacing)*6);padding-inline: calc(var(--spacing)*4);
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,rgba(0,0,0,.1)),0 8px 10px -6px var(--tw-shadow-color,rgba(0,0,0,.1));
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
@media (width >= 64rem) {
min-width: calc(var(--spacing)*150)
}
}
.hs-search-field__suggestions:has(.show-for-sr) {
display: none
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
display: flex;
flex-direction: column;
padding: calc(var(--spacing)*0)
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content>.hsfc-Row:first-child:has(.hsfc-RichText) {
display: inline;
width: fit-content
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content>.hsfc-Row:first-child:has(.hsfc-RichText) .hsfc-RichText {
background-color: var(--color-accent-1-500);
border-radius: .25rem
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content>.hsfc-Row:first-child:has(.hsfc-RichText) .hsfc-RichText p {
font-family: var(--font-primary);
font-size: var(--text-xs);
line-height: calc(var(--spacing)*3);
padding-block:calc(var(--spacing)*1);padding-inline: calc(var(--spacing)*2);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold)
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-Button {
width: 100%;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium)
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-NavigationRow {
margin-top: calc(var(--spacing)*0)
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-CheckboxField label {
align-items: flex-start
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons {
flex-direction: column-reverse;
gap: calc(var(--spacing)*5)
}
.popup-01 form>div:not(:first-child) .hsfc-NavigationRow__Buttons .hsfc-Button:first-child {
background-color: transparent;
font-size: var(--text-base);
line-height: calc(var(--spacing)*5.5);
padding-block:calc(var(--spacing)*1);--tw-font-weight: var(--font-weight-medium);
color: var(--color-accent-3-500);
font-weight: var(--font-weight-medium)
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-ErrorAlert {
font-size: var(--text-xs);
line-height: var(--tw-leading,var(--text-xs--line-height))
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-DropdownInput__Caret {
bottom: unset;
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath fill='%2309244a' d='M.183 7.517a.626.626 0 0 1 .884 0l2.891 2.891L6.85 7.517a.625.625 0 0 1 .883.885L4.4 11.735a.625.625 0 0 1-.883 0L.183 8.402a.626.626 0 0 1 0-.885M3.614.103a.63.63 0 0 1 .786.08l3.333 3.334a.625.625 0 0 1-.883.884L3.958 1.509l-2.89 2.892a.626.626 0 0 1-.885-.884L3.517.183z'/%3E%3C/svg%3E");
top: unset
}
.popup-01 form>div:not(:first-child) .hsfc-Row:has(+.hsfc-NavigationRow) {
margin-top: calc(var(--spacing)*5);
order: 9999
}
.popup-01 form>div:not(:first-child) .hsfc-Row:has(+.hsfc-NavigationRow) p {
font-size: 10px;
line-height: calc(var(--spacing)*3)
}
.popup-01 form>div:not(:first-child) .hsfc-Row:has(+.hsfc-NavigationRow) a {
color: var(--color-accent-3-500)
}
.popup-01 .hsfc-RadioFieldGroup__Options {
display: grid;
gap: calc(var(--spacing)*2);
grid-template-columns: repeat(2,minmax(0,1fr))
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-TextInput {
background: #fff;
border-color: #e6e9ed!important;
border-radius: 8px;
margin-bottom: 4px!important;
padding-right: 40px;
padding: 8px 40px 8px 12px!important;
text-overflow: ellipsis;
white-space: nowrap
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-TextareaInput {
background: #fff;
border-color: #e6e9ed!important;
border-radius: 8px;
padding: 8px 40px 8px 12px
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-Row {
margin-bottom: calc(var(--spacing)*4)!important
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-PostSubmit .hsfc-Step .hsfc-Step__Content>.hsfc-Row:first-child .hsfc-RichText {
background-color: transparent;
text-align: center;
text-wrap: balance
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-PostSubmit .hsfc-Step .hsfc-Step__Content>.hsfc-Row:first-child .hsfc-RichText p {
font-size: var(--text-base);
line-height: calc(var(--spacing)*6);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium)
}
.popup-01 [data-hsfc-id=Renderer] .hsfc-PostSubmit .hsfc-RichText>p>a {
--tw-font-weight: var(--font-weight-medium);
color: var(--color-accent-3-500);
font-weight: var(--font-weight-medium)
}
.popup-01 fieldset.form-columns-1 .hs-input.hs-fieldtype-textarea,.popup-01 fieldset.form-columns-1 .hs-input[type=text] {
width: 100%
}
.button,.hs-blog-post-listing__post-button,.hs-button {
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: all;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
--tw-duration: 300ms;
transition-duration: .3s;
--tw-ease: var(--ease-in-out);
padding-block:calc(var(--spacing)*2);padding-inline: calc(var(--spacing)*4);
transition-timing-function: var(--ease-in-out);
--tw-font-weight: var(--font-weight-medium);
cursor: pointer;
font-weight: var(--font-weight-medium);
white-space: normal;
@media (width >= 64rem) {
white-space: nowrap
}
border-radius: var(--radius-md);
font-size: var(--text-base);
line-height: var(--tw-leading,var(--text-base--line-height));
-webkit-user-select: none;
user-select: none;
vertical-align: middle;
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
text-wrap: pretty;
&.button-primary {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
border-style: var(--tw-border-style);
border-width: 2px;
color: var(--color-secondary-950);
&:hover {
@media (hover: hover) {
background-color:var(--color-secondary-700)
}
}
&:hover {
@media (hover: hover) {
border-color:var(--color-secondary-700)
}
}
}
&.button-secondary {
background-color: var(--color-accent-1-500);
border-color: var(--color-accent-1-500);
border-style: var(--tw-border-style);
border-width: 2px;
color: var(--color-accent-1-950);
&:hover {
@media (hover: hover) {
background-color:var(--color-accent-1-600)
}
}
&:hover {
@media (hover: hover) {
border-color:var(--color-accent-1-600)
}
}
}
&.button-outline {
background-color: transparent;
border-color: var(--color-white);
border-style: var(--tw-border-style);
border-width: 2px;
color: var(--color-white);
&:hover {
@media (hover: hover) {
background-color:color-mix(in srgb,#fff 10%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-white) 10%,transparent)
}
}
}
}
&.button-ghost {
background-color: transparent;
color: var(--color-accent-3-500);
padding-inline:calc(var(--spacing)*0);&: hover {
@media (hover:hover) {
color:var(--color-accent-3-700)
}
}
}
&.button-base {
font-size: var(--text-base);
line-height: calc(var(--spacing)*5.5);
padding-block:calc(var(--spacing)*2);padding-inline: calc(var(--spacing)*4)
}
&.button-large {
font-family: var(--font-secondary);
font-size: var(--text-xl);
line-height: calc(var(--spacing)*6);
padding-block:calc(var(--spacing)*3);padding-inline: calc(var(--spacing)*5)
}
&.button-small {
font-size: var(--text-base);
line-height: calc(var(--spacing)*5.5);
padding-inline:calc(var(--spacing)*3)}
&.button-mini,&.button-small {
padding-block: calc(var(--spacing)*1)
}
&.button-mini {
font-size: var(--text-sm);
line-height: calc(var(--spacing)*5);
padding-inline:calc(var(--spacing)*2)}
&.button-icon {
align-items: center;
display: inline-flex
}
&.button-icon>.button-arrow {
--tw-translate-x: calc(var(--spacing)*1);
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: all;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
translate: var(--tw-translate-x) var(--tw-translate-y);
--tw-duration: 150ms;
transition-duration: .15s;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:is(:where(.group):hover *) {
@media (hover: hover) {
--tw-translate-x:calc(var(--spacing)*2);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
&.button-icon-reverse.button-icon>.button-arrow {
&: is(:where(.group):hover *) {
@media (hover:hover) {
--tw-translate-x:calc(var(--spacing)*-2);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
&.button-icon-hover {
align-items: center;
display: inline-flex;
justify-content: center
}
&.button-icon-hover>.button-arrow {
display: inline-block;
margin-left: calc(var(--spacing)*0);
width: calc(var(--spacing)*0);
--tw-translate-x: calc(var(--spacing)*-1);
opacity: 0;
overflow: hidden;
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: all;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
translate: var(--tw-translate-x) var(--tw-translate-y);
--tw-duration: 150ms;
transition-duration: .15s;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:is(:where(.group):hover *) {
@media (hover: hover) {
margin-left:calc(var(--spacing)*2)
}
}
&:is(:where(.group):hover *) {
@media (hover: hover) {
width:calc(var(--spacing)*5)
}
}
&:is(:where(.group):hover *) {
@media (hover: hover) {
--tw-translate-x:calc(var(--spacing)*0);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
&: is(:where(.group):hover *) {
@media (hover:hover) {
opacity:100%
}
}
}
&.button-ghost.button-icon {
display: inline;
padding-inline:calc(var(--spacing)*0);vertical-align: middle
}
&.button-ghost.button-icon,&.button-ghost.button-icon>.button-arrow {
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: all;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
--tw-duration: 150ms;
transition-duration: .15s;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out)
}
&.button-ghost.button-icon>.button-arrow {
display: inline-block;
vertical-align: text-bottom
}
&.button-card {
height: 100%;
inset: calc(var(--spacing)*0);
position: absolute;
width: 100%
}
}
:dir(rtl) .button-arrow:not(.button-down),:lang(ar) .button-arrow:not(.button-down) {
rotate: 180deg
}
:dir(rtl) .button-icon>.button-arrow,:lang(ar) .button-icon>.button-arrow {
--tw-translate-x: calc(var(--spacing)*-1);
translate: var(--tw-translate-x) var(--tw-translate-y);
&:is(:where(.group):hover *) {
@media (hover: hover) {
--tw-translate-x:calc(var(--spacing)*-2);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
: dir(rtl) .button-icon-reverse.button-icon>.button-arrow,:lang(ar) .button-icon-reverse.button-icon>.button-arrow {
&:is(:where(.group):hover *) {
@media (hover:hover) {
--tw-translate-x:calc(var(--spacing)*2);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
}
: dir(rtl) .button-icon-hover>.button-arrow,:lang(ar) .button-icon-hover>.button-arrow {
margin-right:calc(var(--spacing)*0);
--tw-translate-x: calc(var(--spacing)*1);
translate: var(--tw-translate-x) var(--tw-translate-y);
&:is(:where(.group):hover *) {
@media (hover: hover) {
margin-right:calc(var(--spacing)*2)
}
}
&:is(:where(.group):hover *) {
@media (hover: hover) {
margin-left:calc(var(--spacing)*0)
}
}
}
:dir(rtl) .message-bar {
rotate: 180deg
}
.hero-01 .button-ghost,.hero-02 .button-ghost,.hero-03 .button-ghost,.hero-04 .button-ghost {
&:hover {
@media (hover: hover) {
color:var(--color-accent-3-300)!important
}
}
}
.article a:not(.button) {
background-color: transparent;
color: var(--color-accent-3-500);
padding-inline:calc(var(--spacing)*0);text-decoration-line: underline;
&:hover {
@media (hover: hover) {
color:var(--color-accent-3-700)
}
}
}
.cards-03 .mt-5:has(.button-card) {
margin-top: calc(var(--spacing)*0)
}
.cards-03 .cards-03_item:has(.button-card) {
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: all;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
--tw-duration: 150ms;
transition-duration: .15s;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:hover {
@media (hover: hover) {
scale:1.01
}
}
&:hover {
@media (hover: hover) {
--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
}
&: hover {
@media (hover:hover) {
--tw-shadow-color:color-mix(in oklab,#fff 65%,#111827);
@supports (color: color-mix(in lab,red,red)) {
--tw-shadow-color:color-mix(in oklab,var(--color-neutral-1-300) var(--tw-shadow-alpha),transparent)
}
}
}
}
.rich-text a {
color: var(--color-primary);
text-decoration-line: underline;
&:hover {
@media (hover: hover) {
color:var(--color-primary-950)
}
}
}
.hero-03 a.button.button-primary.button-icon-hover.group[href="#send-a-message"] {
background-color: transparent;
border-color: var(--color-white);
border-style: var(--tw-border-style);
border-width: 2px;
color: var(--color-white);
&:hover {
@media (hover: hover) {
background-color:color-mix(in srgb,#fff 10%,transparent);
@supports (color: color-mix(in lab,red,red)) {
background-color:color-mix(in oklab,var(--color-white) 10%,transparent)
}
}
}
}
.hs_cos_wrapper_type_language_switcher {
display: inline-flex
}
.lang_switcher_class {
align-items: center;
background-color: transparent;
border-color: var(--color-neutral-1-500);
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
cursor: pointer;
display: inline-flex;
gap: calc(var(--spacing)*2);
padding: calc(var(--spacing)*2);
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: all;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
--tw-duration: 150ms;
transition-duration: .15s;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:hover {
@media (hover: hover) {
background-color:var(--color-neutral-1-500)
}
}
}
.lang_switcher_class .globe_class {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%2309244a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M10 18.333a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666'/%3E%3Cpath d='M10 1.667a12.083 12.083 0 0 0 0 16.666 12.083 12.083 0 0 0 0-16.666M1.666 10h16.667'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}
.lang_switcher_class .globe_class:hover .lang_list_class {
display: flex;
@media (width < 48rem) {
top: calc(var(--spacing)*-25)
}
@media (width < 48rem) {
--tw-translate-x: calc(var(--spacing)*9);
translate:var(--tw-translate-x) var(--tw-translate-y)}
}
.lang_switcher_class .lang_list_class {
background-color: var(--color-white);
border-color: var(--color-neutral-1-500);
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
flex-direction: column-reverse;
padding-block:calc(var(--spacing)*1);padding-inline: calc(var(--spacing)*4);
top: calc(var(--spacing)*12);
width: calc(var(--spacing)*35);
:where(&>:not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-bottom-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
border-top-style: var(--tw-border-style);
border-top-width: calc(1px*var(--tw-divide-y-reverse))
}
:where(&>:not(:last-child)) {
--tw-divide-y-reverse: 1
}
:where(&>:not(:last-child)) {
border-color: var(--color-neutral-1-300)
}
}
.lang_switcher_class .lang_list_class {
left: calc(var(--spacing)*8)!important;
@media (width >= 40rem) {
left: calc(var(--spacing)*0)!important
}
}
.lang_switcher_class .lang_list_class:before {
height: calc(var(--spacing)*10);
left: 40%;
margin-left: calc(var(--spacing)*0);
top: calc(var(--spacing)*-10);
width: calc(var(--spacing)*10);
--tw-border-style: none;
background-color: transparent;
border-style: none
}
.lang_switcher_class .lang_list_class li:first-child {
border-color: var(--color-neutral-1-300);
border-inline-style:var(--tw-border-style);border-inline-width: 0
}
.lang_switcher_class .lang_list_class li:last-child {
border-color: transparent;
border-inline-style:var(--tw-border-style);border-inline-width: 0
}
.lang_switcher_class .lang_list_class li {
padding-block:calc(var(--spacing)*2)!important;padding-left: calc(var(--spacing)*0)!important;
padding-right: calc(var(--spacing)*8);
&:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
text-align: left
}
&:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
text-align: right
}
}
.lang_list_class:after {
background-color: transparent!important;
border-color: transparent!important
}
.lang_switcher_class .lang_switcher_link {
&:hover {
@media (hover: hover) {
color:var(--color-primary-500)
}
}
}
.lang_switcher_class .lang_switcher_link[href=""]:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ec416' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 10 4 4 8-8'/%3E%3C/svg%3E");
position: absolute;
right: calc(var(--spacing)*0)
}
.badges {
transition-duration: var(--tw-duration,var(--default-transition-duration));
transition-property: all;
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
--tw-duration: 300ms;
transition-duration: .3s;
--tw-ease: var(--ease-in-out);
padding-block:calc(var(--spacing)*1);padding-inline: calc(var(--spacing)*2);
transition-timing-function: var(--ease-in-out);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
text-align: center;
--tw-leading: 1;
font-size: var(--text-xs);
line-height: 1;
line-height: var(--tw-leading,var(--text-xs--line-height));
-webkit-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
--tw-tracking: var(--tracking-normal);
border-radius: .25rem;
letter-spacing: var(--tracking-normal);
--tw-border-style: none;
border-style: none;
&.badges-primary {
background-color: var(--color-accent-1-500);
color: var(--color-accent-1-900)
}
&.badges-secondary {
background-color: var(--color-secondary-500);
color: var(--color-secondary-900)
}
&.badges-large {
font-size: var(--text-xl);
line-height: var(--tw-leading,var(--text-xl--line-height));
@media (width >= 64rem) {
font-size: var(--text-2xl);
line-height:var(--tw-leading,var(--text-2xl--line-height))}
}
}
.blog-comments__form {
#comments-listing {
h1,h2,h3,h4,h5,h6 {
margin: calc(var(--spacing)*0)!important
}
h4 {
font-size: var(--text-lg);
line-height: var(--tw-leading,var(--text-lg--line-height));
@media (width >= 48rem) {
font-size: var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
}
.comment-body * {
margin-bottom: calc(var(--spacing)*3)!important;
margin-top: calc(var(--spacing)*0)!important
}
.comment-reply-to.hs-button {
background-color: transparent;
font-size: var(--text-base);
line-height: var(--tw-leading,var(--text-base--line-height));
margin-bottom: calc(var(--spacing)*4);
padding-block:calc(var(--spacing)*0);padding-right: calc(var(--spacing)*0);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
text-transform: none;
@media (width >= 48rem) {
font-size: var(--text-lg);
line-height:var(--tw-leading,var(--text-lg--line-height))}
&: hover {
background-position-x:0
}
}
.comment.depth-0 {
border-color: var(--prose-hr);
border-top-width: 1px
}
&>:last-child {
border-bottom: 1px solid var(--prose-hr);
margin-bottom: 2em;
padding-bottom: 2em
}
}
form {
@media (width >= 48rem) {
display: grid
}
@media (width >= 48rem) {
grid-template-columns: repeat(2,minmax(0,1fr))
}
@media (width >= 48rem) {
column-gap: calc(var(--spacing)*6)
}
@media (width >= 48rem) {
row-gap: calc(var(--spacing)*3)
}
&>:not(.hs-firstname):not(.hs-lastname):not(.hs-email):not(.hs-website) {
@media (width >= 48rem) {
grid-column: span 2/span 2
}
}
.hs_recaptcha {
margin-block:calc(var(--spacing)*3)}
}
}
lite-youtube {
background-color: #000;
background-position: 50%;
background-size: cover;
contain: content;
cursor: pointer;
display: block;
position: relative
}
lite-youtube:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position: top;
background-repeat: repeat-x;
box-sizing: content-box;
content: "";
display: block;
height: 60px;
padding-bottom: 50px;
position: absolute;
top: 0;
transition: all .2s cubic-bezier(0,0,.2,1);
width: 100%
}
lite-youtube:after {
content: "";
display: block;
padding-bottom: 56.25%
}
lite-youtube>iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
lite-youtube>.lty-playbtn {
background-color: transparent;
background-image: url('data:image/svg+xml;utf8,');
border: none;
cursor: pointer;
filter: grayscale(100%);
height: 48px;
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%,-50%,0);
transition: filter .1s cubic-bezier(0,0,.2,1);
width: 68px;
z-index: 1
}
lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn {
filter: none
}
lite-youtube.lyt-activated {
cursor: unset
}
lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lty-playbtn {
opacity: 0;
pointer-events: none
}
.lyt-visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px
}
.systems-page {
.header {
background-color: transparent;
border-bottom: none;
padding: 0
}
.success {
background-color: #cde3cc;
border: 1.5px solid #4f7d24;
border-radius: 6px;
color: #4f7d24;
display: inline-block;
margin: 1.4rem 0;
padding: .5rem 1rem;
text-align: center;
width: 100%
}
form input {
max-width: 100%
}
form input[type=submit] {
display: block;
margin: .7rem 0
}
}
.hs-search-highlight {
font-weight: 700
}
.password-prompt input[type=password] {
height: auto!important;
margin-bottom: 1.4rem
}
.systems-page #hs-login-widget-remember,.systems-page #hs-login-widget-remember~label {
display: inline-block;
margin-bottom: .175rem
}
.systems-page #hs_login_reset {
display: block;
margin-bottom: .7rem
}
.backup-unsubscribe #email-prefs-form div {
padding-bottom: 0!important
}
.backup-unsubscribe input[type=email] {
font-size: .875rem!important;
margin-bottom: 1.4rem;
padding: .7rem!important
}
#email-prefs-form .item.disabled {
cursor: not-allowed;
opacity: .6
}
#email-prefs-form .item.disabled input:disabled {
cursor: not-allowed
}
#hs-membership-form a[class*=show-password] {
font-size: .75rem
}
.form-input-validation-message ul.hs-error-msgs {
margin: 0;
padding-left: 0
}
.form-input-validation-message ul.hs-error-msgs li {
margin: 0
}
.form-floating-alert-wrapper .form-floating-alert {
padding: .5rem!important;
.form-floating-alert-close-button {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
right: 0;
top: 0;
width: 50px;
--tw-leading: 1;
line-height: 1
}
}
.hs_cos_wrapper_type_password_reset_request .hs-membership-global-error:not(:empty) {
background-color: #fdedee;
border: 1px solid #f8a9ad;
display: block;
margin: 1rem 0 12px;
padding: .5rem;
position: relative;
text-align: center
}
.email-preferences-form {
h2,p {
margin: calc(var(--spacing)*0)!important
}
.email-prefs {
display: grid;
gap: calc(var(--spacing)*4)
}
.hs-button {
width: fit-content
}
.fakelabel,[for=globalunsub] {
align-items: center;
display: flex;
gap: calc(var(--spacing)*2)
}
}
@layer utilities;@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-pan-x {
syntax: "*";
inherits: false
}
@property --tw-pan-y {
syntax: "*";
inherits: false
}
@property --tw-pinch-zoom {
syntax: "*";
inherits: false
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid
}
@property --tw-gradient-position {
syntax: "*";
inherits: false
}
@property --tw-gradient-from {
syntax: "";
inherits: false;
initial-value: #0000
}
@property --tw-gradient-via {
syntax: "";
inherits: false;
initial-value: #0000
}
@property --tw-gradient-to {
syntax: "";
inherits: false;
initial-value: #0000
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-from-position {
syntax: "";
inherits: false;
initial-value: 0%
}
@property --tw-gradient-via-position {
syntax: "";
inherits: false;
initial-value: 50%
}
@property --tw-gradient-to-position {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false
}
@property --tw-duration {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}
@property --tw-divide-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0
}
@keyframes spin {
to {
transform: rotate(1turn)
}
}
@keyframes bounce {
0%,to {
animation-timing-function: cubic-bezier(.8,0,1,1);
transform: translateY(-25%)
}
50% {
animation-timing-function: cubic-bezier(0,0,.2,1);
transform: none
}
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
*,::backdrop,:after,:before {
--tw-translate-x:0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-pan-x: initial;
--tw-pan-y: initial;
--tw-pinch-zoom: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-divide-x-reverse: 0
}
}
}
:root {
--hs-primary: #09244a;
--color-primary: var(--hs-primary);
--color-primary-50: #c4d6ff;
--color-primary-100: #8ca8d7;
--color-primary-200: #5c83b9;
--color-primary-300: #3b6997;
--color-primary-400: #1a3f72;
--color-primary-500: var(--color-primary);
--color-primary-600: #06103e;
--color-primary-700: #031732;
--color-primary-800: #021126;
--color-primary-900: #01081a;
--color-primary-950: #00060d;
--hs-secondary: #dbf86e;
--color-secondary: var(--hs-secondary);
--color-secondary-50: #faffe7;
--color-secondary-100: #f5ffcf;
--color-secondary-200: #effeb7;
--color-secondary-300: #e9fd9f;
--color-secondary-400: #e2fb86;
--color-secondary-500: var(--color-secondary);
--color-secondary-600: #c1e63b;
--color-secondary-700: #9ec416;
--color-secondary-800: #779605;
--color-secondary-900: #4f6401;
--color-secondary-950: #273200;
--hs-accent-1: #dbcdff;
--color-accent-1: var(--hs-accent-1);
--color-accent-1-50: #f9f6ff;
--color-accent-1-100: #f2eeff;
--color-accent-1-200: #ece5ff;
--color-accent-1-300: #e6ddff;
--color-accent-1-400: #e0d4ff;
--color-accent-1-500: var(--color-accent-1);
--color-accent-1-600: #a683ff;
--color-accent-1-700: #723afe;
--color-accent-1-800: #4003db;
--color-accent-1-900: #2909c2;
--color-accent-1-950: #150049;
--hs-accent-2: #014550;
--color-accent-2: var(--hs-accent-2);
--color-accent-2-50: #c4f6fe;
--color-accent-2-100: #86ebf7;
--color-accent-2-200: #4acee3;
--color-accent-2-300: #077788;
--color-accent-2-400: #01454f;
--color-accent-2-500: var(--color-accent-2);
--color-accent-2-600: #003942;
--color-accent-2-700: #002e35;
--color-accent-2-800: #002228;
--color-accent-2-900: #00171a;
--color-accent-2-950: #000b0d;
--hs-accent-3: #e37047;
--color-accent-3: var(--hs-accent-3);
--color-accent-3-50: #fff9e1;
--color-accent-3-100: #fde2c2;
--color-accent-3-200: #fcbba3;
--color-accent-3-300: #f7a283;
--color-accent-3-400: #f18964;
--color-accent-3-500: var(--color-accent-3);
--color-accent-3-600: #c95024;
--color-accent-3-700: #a6370f;
--color-accent-3-800: #7e2504;
--color-accent-3-900: #541701;
--color-accent-3-950: #2a0b00;
--hs-neutral-1: #e6e9ed;
--color-neutral-1: var(--hs-neutral-1);
--color-neutral-1-50: #fff;
--color-neutral-1-100: #f7f8f9;
--color-neutral-1-200: #f3f4f6;
--color-neutral-1-300: #eef0f3;
--color-neutral-1-400: #eaedf0;
--color-neutral-1-500: var(--color-neutral-1);
--color-neutral-1-600: #a0acbd;
--color-neutral-1-700: #384c66;
--color-neutral-1-800: #384c66;
--color-neutral-1-900: #18293f;
--color-neutral-1-950: #060f1c;
--hs-neutral-2: #071b38;
--color-neutral-2: var(--hs-neutral-2);
--color-neutral-2-50: #bfcfe7;
--color-neutral-2-100: #87a1c8;
--color-neutral-2-200: #567ba7;
--color-neutral-2-300: #33538a;
--color-neutral-2-400: #1b355f;
--color-neutral-2-500: var(--color-neutral-2);
--color-neutral-2-600: #06162f;
--color-neutral-2-700: #031126;
--color-neutral-2-800: #020d1d;
--color-neutral-2-900: #010814;
--color-neutral-2-950: #00040a;
--hs-neutral-3: #384e6c;
--color-neutral-3: var(--hs-neutral-3);
--color-neutral-3-50: #d5d8e4;
--color-neutral-3-100: #adb9ca;
--color-neutral-3-200: #8a9ab1;
--color-neutral-3-300: #6b7e99;
--color-neutral-3-400: #4f6482;
--color-neutral-3-500: var(--color-neutral-3);
--color-neutral-3-600: #263b57;
--color-neutral-3-700: #192b44;
--color-neutral-3-800: #0d1c31;
--color-neutral-3-900: #061120;
--color-neutral-3-950: #01070f;
--font-primary: DM Sans;
--font-secondary: Atkinson Hyperlegible
}
@layer utilities {
.bg-primary {
background-color: var(--color-primary)
}
.text-primary {
color: var(--color-primary)
}
.border-primary {
border-color: var(--color-primary)
}
.bg-primary-50 {
background-color: var(--color-primary-50)
}
.text-primary-50 {
color: var(--color-primary-50)
}
.border-primary-50 {
border-color: var(--color-primary-50)
}
.bg-primary-100 {
background-color: var(--color-primary-100)
}
.text-primary-100 {
color: var(--color-primary-100)
}
.border-primary-100 {
border-color: var(--color-primary-100)
}
.bg-primary-200 {
background-color: var(--color-primary-200)
}
.text-primary-200 {
color: var(--color-primary-200)
}
.border-primary-200 {
border-color: var(--color-primary-200)
}
.bg-primary-300 {
background-color: var(--color-primary-300)
}
.text-primary-300 {
color: var(--color-primary-300)
}
.border-primary-300 {
border-color: var(--color-primary-300)
}
.bg-primary-400 {
background-color: var(--color-primary-400)
}
.text-primary-400 {
color: var(--color-primary-400)
}
.border-primary-400 {
border-color: var(--color-primary-400)
}
.bg-primary-500 {
background-color: var(--color-primary-500)
}
.text-primary-500 {
color: var(--color-primary-500)
}
.border-primary-500 {
border-color: var(--color-primary-500)
}
.bg-primary-600 {
background-color: var(--color-primary-600)
}
.text-primary-600 {
color: var(--color-primary-600)
}
.border-primary-600 {
border-color: var(--color-primary-600)
}
.bg-primary-700 {
background-color: var(--color-primary-700)
}
.text-primary-700 {
color: var(--color-primary-700)
}
.border-primary-700 {
border-color: var(--color-primary-700)
}
.bg-primary-800 {
background-color: var(--color-primary-800)
}
.text-primary-800 {
color: var(--color-primary-800)
}
.border-primary-800 {
border-color: var(--color-primary-800)
}
.bg-primary-900 {
background-color: var(--color-primary-900)
}
.text-primary-900 {
color: var(--color-primary-900)
}
.border-primary-900 {
border-color: var(--color-primary-900)
}
.bg-primary-950 {
background-color: var(--color-primary-950)
}
.text-primary-950 {
color: var(--color-primary-950)
}
.border-primary-950 {
border-color: var(--color-primary-950)
}
.bg-secondary {
background-color: var(--color-secondary)
}
.text-secondary {
color: var(--color-secondary)
}
.border-secondary {
border-color: var(--color-secondary)
}
.bg-secondary-50 {
background-color: var(--color-secondary-50)
}
.text-secondary-50 {
color: var(--color-secondary-50)
}
.border-secondary-50 {
border-color: var(--color-secondary-50)
}
.bg-secondary-100 {
background-color: var(--color-secondary-100)
}
.text-secondary-100 {
color: var(--color-secondary-100)
}
.border-secondary-100 {
border-color: var(--color-secondary-100)
}
.bg-secondary-200 {
background-color: var(--color-secondary-200)
}
.text-secondary-200 {
color: var(--color-secondary-200)
}
.border-secondary-200 {
border-color: var(--color-secondary-200)
}
.bg-secondary-300 {
background-color: var(--color-secondary-300)
}
.text-secondary-300 {
color: var(--color-secondary-300)
}
.border-secondary-300 {
border-color: var(--color-secondary-300)
}
.bg-secondary-400 {
background-color: var(--color-secondary-400)
}
.text-secondary-400 {
color: var(--color-secondary-400)
}
.border-secondary-400 {
border-color: var(--color-secondary-400)
}
.bg-secondary-500 {
background-color: var(--color-secondary-500)
}
.text-secondary-500 {
color: var(--color-secondary-500)
}
.border-secondary-500 {
border-color: var(--color-secondary-500)
}
.bg-secondary-600 {
background-color: var(--color-secondary-600)
}
.text-secondary-600 {
color: var(--color-secondary-600)
}
.border-secondary-600 {
border-color: var(--color-secondary-600)
}
.bg-secondary-700 {
background-color: var(--color-secondary-700)
}
.text-secondary-700 {
color: var(--color-secondary-700)
}
.border-secondary-700 {
border-color: var(--color-secondary-700)
}
.bg-secondary-800 {
background-color: var(--color-secondary-800)
}
.text-secondary-800 {
color: var(--color-secondary-800)
}
.border-secondary-800 {
border-color: var(--color-secondary-800)
}
.bg-secondary-900 {
background-color: var(--color-secondary-900)
}
.text-secondary-900 {
color: var(--color-secondary-900)
}
.border-secondary-900 {
border-color: var(--color-secondary-900)
}
.bg-secondary-950 {
background-color: var(--color-secondary-950)
}
.text-secondary-950 {
color: var(--color-secondary-950)
}
.border-secondary-950 {
border-color: var(--color-secondary-950)
}
.bg-accent-1 {
background-color: var(--color-accent-1)
}
.text-accent-1 {
color: var(--color-accent-1)
}
.border-accent-1 {
border-color: var(--color-accent-1)
}
.bg-accent-1-50 {
background-color: var(--color-accent-1-50)
}
.text-accent-1-50 {
color: var(--color-accent-1-50)
}
.border-accent-1-50 {
border-color: var(--color-accent-1-50)
}
.bg-accent-1-100 {
background-color: var(--color-accent-1-100)
}
.text-accent-1-100 {
color: var(--color-accent-1-100)
}
.border-accent-1-100 {
border-color: var(--color-accent-1-100)
}
.bg-accent-1-200 {
background-color: var(--color-accent-1-200)
}
.text-accent-1-200 {
color: var(--color-accent-1-200)
}
.border-accent-1-200 {
border-color: var(--color-accent-1-200)
}
.bg-accent-1-300 {
background-color: var(--color-accent-1-300)
}
.text-accent-1-300 {
color: var(--color-accent-1-300)
}
.border-accent-1-300 {
border-color: var(--color-accent-1-300)
}
.bg-accent-1-400 {
background-color: var(--color-accent-1-400)
}
.text-accent-1-400 {
color: var(--color-accent-1-400)
}
.border-accent-1-400 {
border-color: var(--color-accent-1-400)
}
.bg-accent-1-500 {
background-color: var(--color-accent-1-500)
}
.text-accent-1-500 {
color: var(--color-accent-1-500)
}
.border-accent-1-500 {
border-color: var(--color-accent-1-500)
}
.bg-accent-1-600 {
background-color: var(--color-accent-1-600)
}
.text-accent-1-600 {
color: var(--color-accent-1-600)
}
.border-accent-1-600 {
border-color: var(--color-accent-1-600)
}
.bg-accent-1-700 {
background-color: var(--color-accent-1-700)
}
.text-accent-1-700 {
color: var(--color-accent-1-700)
}
.border-accent-1-700 {
border-color: var(--color-accent-1-700)
}
.bg-accent-1-800 {
background-color: var(--color-accent-1-800)
}
.text-accent-1-800 {
color: var(--color-accent-1-800)
}
.border-accent-1-800 {
border-color: var(--color-accent-1-800)
}
.bg-accent-1-900 {
background-color: var(--color-accent-1-900)
}
.text-accent-1-900 {
color: var(--color-accent-1-900)
}
.border-accent-1-900 {
border-color: var(--color-accent-1-900)
}
.bg-accent-1-950 {
background-color: var(--color-accent-1-950)
}
.text-accent-1-950 {
color: var(--color-accent-1-950)
}
.border-accent-1-950 {
border-color: var(--color-accent-1-950)
}
.bg-accent-2 {
background-color: var(--color-accent-2)
}
.text-accent-2 {
color: var(--color-accent-2)
}
.border-accent-2 {
border-color: var(--color-accent-2)
}
.bg-accent-2-50 {
background-color: var(--color-accent-2-50)
}
.text-accent-2-50 {
color: var(--color-accent-2-50)
}
.border-accent-2-50 {
border-color: var(--color-accent-2-50)
}
.bg-accent-2-100 {
background-color: var(--color-accent-2-100)
}
.text-accent-2-100 {
color: var(--color-accent-2-100)
}
.border-accent-2-100 {
border-color: var(--color-accent-2-100)
}
.bg-accent-2-200 {
background-color: var(--color-accent-2-200)
}
.text-accent-2-200 {
color: var(--color-accent-2-200)
}
.border-accent-2-200 {
border-color: var(--color-accent-2-200)
}
.bg-accent-2-300 {
background-color: var(--color-accent-2-300)
}
.text-accent-2-300 {
color: var(--color-accent-2-300)
}
.border-accent-2-300 {
border-color: var(--color-accent-2-300)
}
.bg-accent-2-400 {
background-color: var(--color-accent-2-400)
}
.text-accent-2-400 {
color: var(--color-accent-2-400)
}
.border-accent-2-400 {
border-color: var(--color-accent-2-400)
}
.bg-accent-2-500 {
background-color: var(--color-accent-2-500)
}
.text-accent-2-500 {
color: var(--color-accent-2-500)
}
.border-accent-2-500 {
border-color: var(--color-accent-2-500)
}
.bg-accent-2-600 {
background-color: var(--color-accent-2-600)
}
.text-accent-2-600 {
color: var(--color-accent-2-600)
}
.border-accent-2-600 {
border-color: var(--color-accent-2-600)
}
.bg-accent-2-700 {
background-color: var(--color-accent-2-700)
}
.text-accent-2-700 {
color: var(--color-accent-2-700)
}
.border-accent-2-700 {
border-color: var(--color-accent-2-700)
}
.bg-accent-2-800 {
background-color: var(--color-accent-2-800)
}
.text-accent-2-800 {
color: var(--color-accent-2-800)
}
.border-accent-2-800 {
border-color: var(--color-accent-2-800)
}
.bg-accent-2-900 {
background-color: var(--color-accent-2-900)
}
.text-accent-2-900 {
color: var(--color-accent-2-900)
}
.border-accent-2-900 {
border-color: var(--color-accent-2-900)
}
.bg-accent-2-950 {
background-color: var(--color-accent-2-950)
}
.text-accent-2-950 {
color: var(--color-accent-2-950)
}
.border-accent-2-950 {
border-color: var(--color-accent-2-950)
}
.bg-accent-3 {
background-color: var(--color-accent-3)
}
.text-accent-3 {
color: var(--color-accent-3)
}
.border-accent-3 {
border-color: var(--color-accent-3)
}
.bg-accent-3-50 {
background-color: var(--color-accent-3-50)
}
.text-accent-3-50 {
color: var(--color-accent-3-50)
}
.border-accent-3-50 {
border-color: var(--color-accent-3-50)
}
.bg-accent-3-100 {
background-color: var(--color-accent-3-100)
}
.text-accent-3-100 {
color: var(--color-accent-3-100)
}
.border-accent-3-100 {
border-color: var(--color-accent-3-100)
}
.bg-accent-3-200 {
background-color: var(--color-accent-3-200)
}
.text-accent-3-200 {
color: var(--color-accent-3-200)
}
.border-accent-3-200 {
border-color: var(--color-accent-3-200)
}
.bg-accent-3-300 {
background-color: var(--color-accent-3-300)
}
.text-accent-3-300 {
color: var(--color-accent-3-300)
}
.border-accent-3-300 {
border-color: var(--color-accent-3-300)
}
.bg-accent-3-400 {
background-color: var(--color-accent-3-400)
}
.text-accent-3-400 {
color: var(--color-accent-3-400)
}
.border-accent-3-400 {
border-color: var(--color-accent-3-400)
}
.bg-accent-3-500 {
background-color: var(--color-accent-3-500)
}
.text-accent-3-500 {
color: var(--color-accent-3-500)
}
.border-accent-3-500 {
border-color: var(--color-accent-3-500)
}
.bg-accent-3-600 {
background-color: var(--color-accent-3-600)
}
.text-accent-3-600 {
color: var(--color-accent-3-600)
}
.border-accent-3-600 {
border-color: var(--color-accent-3-600)
}
.bg-accent-3-700 {
background-color: var(--color-accent-3-700)
}
.text-accent-3-700 {
color: var(--color-accent-3-700)
}
.border-accent-3-700 {
border-color: var(--color-accent-3-700)
}
.bg-accent-3-800 {
background-color: var(--color-accent-3-800)
}
.text-accent-3-800 {
color: var(--color-accent-3-800)
}
.border-accent-3-800 {
border-color: var(--color-accent-3-800)
}
.bg-accent-3-900 {
background-color: var(--color-accent-3-900)
}
.text-accent-3-900 {
color: var(--color-accent-3-900)
}
.border-accent-3-900 {
border-color: var(--color-accent-3-900)
}
.bg-accent-3-950 {
background-color: var(--color-accent-3-950)
}
.text-accent-3-950 {
color: var(--color-accent-3-950)
}
.border-accent-3-950 {
border-color: var(--color-accent-3-950)
}
.bg-neutral-1 {
background-color: var(--color-neutral-1)
}
.text-neutral-1 {
color: var(--color-neutral-1)
}
.border-neutral-1 {
border-color: var(--color-neutral-1)
}
.bg-neutral-1-50 {
background-color: var(--color-neutral-1-50)
}
.text-neutral-1-50 {
color: var(--color-neutral-1-50)
}
.border-neutral-1-50 {
border-color: var(--color-neutral-1-50)
}
.bg-neutral-1-100 {
background-color: var(--color-neutral-1-100)
}
.text-neutral-1-100 {
color: var(--color-neutral-1-100)
}
.border-neutral-1-100 {
border-color: var(--color-neutral-1-100)
}
.bg-neutral-1-200 {
background-color: var(--color-neutral-1-200)
}
.text-neutral-1-200 {
color: var(--color-neutral-1-200)
}
.border-neutral-1-200 {
border-color: var(--color-neutral-1-200)
}
.bg-neutral-1-300 {
background-color: var(--color-neutral-1-300)
}
.text-neutral-1-300 {
color: var(--color-neutral-1-300)
}
.border-neutral-1-300 {
border-color: var(--color-neutral-1-300)
}
.bg-neutral-1-400 {
background-color: var(--color-neutral-1-400)
}
.text-neutral-1-400 {
color: var(--color-neutral-1-400)
}
.border-neutral-1-400 {
border-color: var(--color-neutral-1-400)
}
.bg-neutral-1-500 {
background-color: var(--color-neutral-1-500)
}
.text-neutral-1-500 {
color: var(--color-neutral-1-500)
}
.border-neutral-1-500 {
border-color: var(--color-neutral-1-500)
}
.bg-neutral-1-600 {
background-color: var(--color-neutral-1-600)
}
.text-neutral-1-600 {
color: var(--color-neutral-1-600)
}
.border-neutral-1-600 {
border-color: var(--color-neutral-1-600)
}
.bg-neutral-1-700 {
background-color: var(--color-neutral-1-700)
}
.text-neutral-1-700 {
color: var(--color-neutral-1-700)
}
.border-neutral-1-700 {
border-color: var(--color-neutral-1-700)
}
.bg-neutral-1-800 {
background-color: var(--color-neutral-1-800)
}
.text-neutral-1-800 {
color: var(--color-neutral-1-800)
}
.border-neutral-1-800 {
border-color: var(--color-neutral-1-800)
}
.bg-neutral-1-900 {
background-color: var(--color-neutral-1-900)
}
.text-neutral-1-900 {
color: var(--color-neutral-1-900)
}
.border-neutral-1-900 {
border-color: var(--color-neutral-1-900)
}
.bg-neutral-1-950 {
background-color: var(--color-neutral-1-950)
}
.text-neutral-1-950 {
color: var(--color-neutral-1-950)
}
.border-neutral-1-950 {
border-color: var(--color-neutral-1-950)
}
.bg-neutral-2 {
background-color: var(--color-neutral-2)
}
.text-neutral-2 {
color: var(--color-neutral-2)
}
.border-neutral-2 {
border-color: var(--color-neutral-2)
}
.bg-neutral-2-50 {
background-color: var(--color-neutral-2-50)
}
.text-neutral-2-50 {
color: var(--color-neutral-2-50)
}
.border-neutral-2-50 {
border-color: var(--color-neutral-2-50)
}
.bg-neutral-2-100 {
background-color: var(--color-neutral-2-100)
}
.text-neutral-2-100 {
color: var(--color-neutral-2-100)
}
.border-neutral-2-100 {
border-color: var(--color-neutral-2-100)
}
.bg-neutral-2-200 {
background-color: var(--color-neutral-2-200)
}
.text-neutral-2-200 {
color: var(--color-neutral-2-200)
}
.border-neutral-2-200 {
border-color: var(--color-neutral-2-200)
}
.bg-neutral-2-300 {
background-color: var(--color-neutral-2-300)
}
.text-neutral-2-300 {
color: var(--color-neutral-2-300)
}
.border-neutral-2-300 {
border-color: var(--color-neutral-2-300)
}
.bg-neutral-2-400 {
background-color: var(--color-neutral-2-400)
}
.text-neutral-2-400 {
color: var(--color-neutral-2-400)
}
.border-neutral-2-400 {
border-color: var(--color-neutral-2-400)
}
.bg-neutral-2-500 {
background-color: var(--color-neutral-2-500)
}
.text-neutral-2-500 {
color: var(--color-neutral-2-500)
}
.border-neutral-2-500 {
border-color: var(--color-neutral-2-500)
}
.bg-neutral-2-600 {
background-color: var(--color-neutral-2-600)
}
.text-neutral-2-600 {
color: var(--color-neutral-2-600)
}
.border-neutral-2-600 {
border-color: var(--color-neutral-2-600)
}
.bg-neutral-2-700 {
background-color: var(--color-neutral-2-700)
}
.text-neutral-2-700 {
color: var(--color-neutral-2-700)
}
.border-neutral-2-700 {
border-color: var(--color-neutral-2-700)
}
.bg-neutral-2-800 {
background-color: var(--color-neutral-2-800)
}
.text-neutral-2-800 {
color: var(--color-neutral-2-800)
}
.border-neutral-2-800 {
border-color: var(--color-neutral-2-800)
}
.bg-neutral-2-900 {
background-color: var(--color-neutral-2-900)
}
.text-neutral-2-900 {
color: var(--color-neutral-2-900)
}
.border-neutral-2-900 {
border-color: var(--color-neutral-2-900)
}
.bg-neutral-2-950 {
background-color: var(--color-neutral-2-950)
}
.text-neutral-2-950 {
color: var(--color-neutral-2-950)
}
.border-neutral-2-950 {
border-color: var(--color-neutral-2-950)
}
.bg-neutral-3 {
background-color: var(--color-neutral-3)
}
.text-neutral-3 {
color: var(--color-neutral-3)
}
.border-neutral-3 {
border-color: var(--color-neutral-3)
}
.bg-neutral-3-50 {
background-color: var(--color-neutral-3-50)
}
.text-neutral-3-50 {
color: var(--color-neutral-3-50)
}
.border-neutral-3-50 {
border-color: var(--color-neutral-3-50)
}
.bg-neutral-3-100 {
background-color: var(--color-neutral-3-100)
}
.text-neutral-3-100 {
color: var(--color-neutral-3-100)
}
.border-neutral-3-100 {
border-color: var(--color-neutral-3-100)
}
.bg-neutral-3-200 {
background-color: var(--color-neutral-3-200)
}
.text-neutral-3-200 {
color: var(--color-neutral-3-200)
}
.border-neutral-3-200 {
border-color: var(--color-neutral-3-200)
}
.bg-neutral-3-300 {
background-color: var(--color-neutral-3-300)
}
.text-neutral-3-300 {
color: var(--color-neutral-3-300)
}
.border-neutral-3-300 {
border-color: var(--color-neutral-3-300)
}
.bg-neutral-3-400 {
background-color: var(--color-neutral-3-400)
}
.text-neutral-3-400 {
color: var(--color-neutral-3-400)
}
.border-neutral-3-400 {
border-color: var(--color-neutral-3-400)
}
.bg-neutral-3-500 {
background-color: var(--color-neutral-3-500)
}
.text-neutral-3-500 {
color: var(--color-neutral-3-500)
}
.border-neutral-3-500 {
border-color: var(--color-neutral-3-500)
}
.bg-neutral-3-600 {
background-color: var(--color-neutral-3-600)
}
.text-neutral-3-600 {
color: var(--color-neutral-3-600)
}
.border-neutral-3-600 {
border-color: var(--color-neutral-3-600)
}
.bg-neutral-3-700 {
background-color: var(--color-neutral-3-700)
}
.text-neutral-3-700 {
color: var(--color-neutral-3-700)
}
.border-neutral-3-700 {
border-color: var(--color-neutral-3-700)
}
.bg-neutral-3-800 {
background-color: var(--color-neutral-3-800)
}
.text-neutral-3-800 {
color: var(--color-neutral-3-800)
}
.border-neutral-3-800 {
border-color: var(--color-neutral-3-800)
}
.bg-neutral-3-900 {
background-color: var(--color-neutral-3-900)
}
.text-neutral-3-900 {
color: var(--color-neutral-3-900)
}
.border-neutral-3-900 {
border-color: var(--color-neutral-3-900)
}
.bg-neutral-3-950 {
background-color: var(--color-neutral-3-950)
}
.text-neutral-3-950 {
color: var(--color-neutral-3-950)
}
.border-neutral-3-950 {
border-color: var(--color-neutral-3-950)
}
}
.container,.content-wrapper {
max-width: 1200px
}
.container,.content-wrapper--vertical-spacing,.dnd-section {
padding: 150px 1.5rem
}
.dnd-section>.row-fluid {
max-width: 1200px
}
body {
color: #09244a;
font-family: DM Sans,sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none
}
.h1,.h2,.h3,.h4,h1,h2,h3,h4 {
font-family: Atkinson Hyperlegible;
text-transform: none
}
.h5,.h6,h5,h6 {
text-transform: none
}
blockquote {
border-left-color: #dbf86e
}
table {
background-color: #fff;
border: 1px solid #09244a
}
td:not[class],th:not[class] {
border: 1px solid #09244a;
color: #09244a;
padding: 18px
}
thead th {
background-color: #09244a;
color: #fff
}
tfoot td {
background-color: #fff;
color: #09244a
}
.header {
background-color: #dbf86e
}
.header__language-switcher .lang_list_class li a,.header__language-switcher-label-current,.header__logo .logo-company-name,.menu__link {
color: #09244a;
font-family: DM Sans
}
.menu__child-toggle-icon {
border-top-color: #09244a
}
.header__language-switcher .lang_list_class li a:focus,.header__language-switcher .lang_list_class li:hover a,.header__language-switcher-label-current:focus,.header__language-switcher-label-current:hover,.menu .menu__link:focus,.menu .menu__link:hover {
color: #002
}
.menu__child-toggle-icon:focus,.menu__child-toggle-icon:hover {
border-top-color: #002
}
.header__language-switcher .lang_list_class li a:active,.header__language-switcher-label-current:active,.menu .menu__link:active {
color: #314c72
}
.menu__child-toggle-icon:active {
border-top-color: #314c72
}
.menu .menu__item--depth-1>.menu__link--active-link:after {
background-color: #09244a
}
@media (min-width: 767px) {
.header__language-switcher .lang_list_class,.menu .menu__submenu,.menu__submenu--level-2>.menu__item:first-child:before {
background-color:#fff;
border: 2px solid #09244a
}
}
.menu__submenu .menu__link,.menu__submenu .menu__link:focus,.menu__submenu .menu__link:hover {
background-color: #fff;
color: #09244a
}
.header__language-switcher .lang_list_class:before {
border-bottom-color: #09244a
}
.header__language-switcher .lang_list_class li:hover,.menu__submenu .menu__link:focus,.menu__submenu .menu__link:hover,.menu__submenu--level-2>.menu__item:first-child.focus:before,.menu__submenu--level-2>.menu__item:first-child:hover:before {
background-color: #dbf86e
}
.header__language-switcher .lang_list_class.first-active:after {
border-bottom-color: #dbf86e
}
.header__language-switcher .lang_list_class li a,.header__language-switcher-label-current {
font-family: DM Sans
}
.header__language-switcher-label-current:after {
border-top-color: #09244a
}
@media(max-width: 767px) {
.header__navigation {
background-color:#dbf86e
}
.header__navigation-toggle svg,.menu-arrow svg {
fill: #09244a
}
}
.footer {
background-color: #09244a
}
.blog-header__inner,.blog-post,.blog-related-posts {
padding: 150px 0
}
.blog-post__meta a,.blog-post__tag-link {
color: #09244a
}
.blog-post__tag-link:focus,.blog-post__tag-link:hover {
color: #002
}
.blog-post__tag-link:active {
color: #314c72
}
.blog-related-posts__title-link,.blog-related-posts__title-link:active,.blog-related-posts__title-link:focus,.blog-related-posts__title-link:hover {
font-family: Atkinson Hyperlegible,sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
text-transform: none
}
.blog-related-posts__title-link {
color: #dbf86e
}
.blog-related-posts__title-link:focus,.blog-related-posts__title-link:hover {
color: #b3d046
}
.blog-related-posts__title-link:active {
color: #ffff96
}
#comments-listing .comment-reply-to {
color: #2563eb
}
#comments-listing .comment-reply-to:focus,#comments-listing .comment-reply-to:hover {
color: #003bc3
}
#comments-listing .comment-reply-to:active {
color: #4d8bff
}
.hs-search-results__title {
color: #dbf86e;
font-family: Atkinson Hyperlegible,sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none
}
.hs-blog-post-listing__post-title-link,.hs-blog-post-listing__post-title-link:active,.hs-blog-post-listing__post-title-link:focus,.hs-blog-post-listing__post-title-link:hover {
font-family: Atkinson Hyperlegible,sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
text-transform: none
}
.hs-blog-post-listing__post-title-link {
color: #dbf86e
}
.hs-blog-post-listing__post-title-link:focus,.hs-blog-post-listing__post-title-link:hover {
color: #b3d046
}
.hs-blog-post-listing__post-title-link:active {
color: #ffff96
}
.hs-blog-post-listing__post-author-name,.hs-blog-post-listing__post-tag,.hs-pagination__link--number,.hs-pagination__link-text {
color: #09244a
}
.hs-pagination__link--number:focus,.hs-pagination__link--number:hover,.hs-pagination__link:focus .hs-pagination__link-text,.hs-pagination__link:hover .hs-pagination__link-text {
color: #002
}
.hs-pagination__link--number:active,.hs-pagination__link:active .hs-pagination__link-text {
color: #314c72
}
.hs-pagination__link-icon svg {
fill: #09244a
}
.card__price {
color: #dbf86e;
font-family: Atkinson Hyperlegible,sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 400;
text-decoration: none
}
.card__body svg {
fill: #09244a
}
.social-links__icon {
background-color: #09244a
}
.social-links__icon:focus,.social-links__icon:hover {
background-color: #002
}
.social-links__icon:active {
background-color: #314c72;
color: #dbf86e;
font-family: Atkinson Hyperlegible,sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 400;
text-decoration: none
}
.hs-video-container {
background-color: #09244a;
border-radius: 16px;
overflow: hidden
}
/* Responsive overrides for navigation-bar-01 — HubSpot strips @media (width >= X) so these use min-width syntax */
@media (min-width: 40rem) {
.container { max-width: 40rem; }
.sm\:max-w-sm { max-width: 24rem; }
.sm\:ring-1 {
--tw-ring-shadow: 0 0 0 calc(1px + var(--tw-ring-offset-width, 0px)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow, 0 0 #0000), var(--tw-inset-ring-shadow, 0 0 #0000), var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.sm\:ring-gray-900\/10 {
--tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
}
}
@media (min-width: 48rem) {
.container { max-width: 48rem; }
}
@media (min-width: 64rem) {
.container { max-width: 64rem; }
.lg\:flex { display: flex; }
.lg\:hidden { display: none; }
.lg\:flex-1 { flex: 1; }
}
@media (min-width: 80rem) {
.container { max-width: 80rem; }
.xl\:\!px-0 { padding-inline: 0 !important; }
}
@media (min-width: 96rem) {
.container { max-width: 96rem; }
}
@media (hover: hover) {
.hover\:bg-neutral-1-300:hover {
background-color: var(--color-neutral-1-300);
}
}
/* Responsive overrides for global-footer.module — uses min-width syntax (HubSpot compatible) */
@media (min-width: 48rem) {
.md\:basis-1\/3 { flex-basis: calc(1/3 * 100%); }
.md\:flex-row { flex-direction: row; }
.md\:items-center { align-items: center; }
.md\:items-end { align-items: flex-end; }
}
@media (min-width: 64rem) {
.lg\:basis-1\/6 { flex-basis: calc(1/6 * 100%); }
}
footer a.text-xs.text-primary-100.hover\:text-primary-50.no-underline:hover { color: var(--color-primary-50) !important; }
header span.button-arrow {
opacity: 1!important;
}