@supports not (background: paint(something)) {
:root {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-border-style: solid;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: rotateX(0);
--tw-rotate-y: rotateY(0);
--tw-rotate-z: rotateZ(0);
--tw-skew-x: skewX(0);
--tw-skew-y: skewY(0);
--tw-space-y-reverse: 0;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-shadow: 0 0 #0000;
--tw-inset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-offset-width: 0;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-content: ""
}
}
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
:root,
:host {
--color-red-100: rgb(255, 226, 226);
--color-red-400: rgb(255, 101, 104);
--color-red-500: rgb(251, 44, 54);
--color-red-600: rgb(228, 0, 22);
--color-red-700: rgb(191, 0, 15);
--color-yellow-100: rgb(254, 249, 194);
--color-yellow-600: rgb(202, 138, 0);
--color-green-100: rgb(220, 252, 231);
--color-green-600: rgb(0, 164, 71);
--color-blue-50: rgb(239, 246, 255);
--color-blue-500: rgb(50, 128, 255);
--color-blue-600: rgb(21, 93, 252);
--color-blue-700: rgb(20, 71, 230);
--color-gray-50: rgb(249, 250, 251);
--color-gray-300: rgb(209, 213, 220);
--color-gray-500: rgb(106, 114, 130);
--color-gray-600: rgb(74, 85, 101);
--color-gray-700: rgb(54, 65, 83);
--color-navy-blue: #081330;
--color-black: #000;
--color-white: #fff;
--spacing: 16px;
--container-lg: 32rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1/.75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25/.875);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75/1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2/1.5);
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--leading-tight: 1.1;
--leading-normal: 1.3;
--leading-relaxed: 1.5;
--radius-md: .375rem;
--radius-lg: .5rem;
--ease-in: cubic-bezier(.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
--blur-sm: 8px;
--blur-xl: 24px;
--blur-3xl: 64px;
--aspect-video: 16/9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--font-family-euclid-square: "Euclid Square";
--text-heading-3l: clamp(3rem, 2.1197rem + 3.7559vw, 5.5rem);
--text-heading-2l: clamp(3rem, 2.6479rem + 1.5023vw, 4rem);
--text-heading-1l: clamp(2.125rem, 1.8169rem + 1.3146vw, 3rem);
--text-heading-m: clamp(1.75rem, 1.4859rem + 1.1268vw, 2.5rem);
--text-heading-1s: clamp(1.375rem, 1.331rem + .1878vw, 1.5rem);
--text-heading-2s: 1rem;
--text-body-2l: clamp(1.5rem, 1.3239rem + .7512vw, 2rem);
--text-body-1l: clamp(1.25rem, 1.162rem + .3756vw, 1.5rem);
--text-body-m: clamp(1.125rem, 1.081rem + .1878vw, 1.25rem);
--text-body-1s: clamp(1rem, .956rem + .1878vw, 1.125rem);
--text-body-2s: clamp(.875rem, .831rem + .1878vw, 1rem);
--text-body-3s: clamp(.75rem, .706rem + .1878vw, .875rem);
--text-body-4s: clamp(.625rem, .581rem + .1878vw, .75rem);
--font-weight-regular: 400;
--color-black-80: #000c;
--color-brand-green: #c1d62e;
--color-brand-orange: #e06900;
--color-brand-teal: #216069;
--color-grey-0: #e6e6e6;
--color-grey-1: #ccc;
--color-grey-2: #b2b2b2;
--color-grey-4: #4d4d4d;
--color-link: var(--color-brand-green);
--color-slate: #191919;
--spacing-5s: .25rem;
--spacing-4s: clamp(.25rem, .162rem + .3756vw, .5rem);
--spacing-3s: 1rem;
--spacing-2s: clamp(1rem, .8239rem + .7512vw, 1.5rem);
--spacing-1s: clamp(1.5rem, 1.3239rem + .7512vw, 2rem);
--spacing-s: clamp(1.5rem, 1.1479rem + 1.5023vw, 2.5rem);
--spacing-l: clamp(2rem, 1.6479rem + 1.5023vw, 3rem);
--spacing-1l: clamp(2rem, 1.4718rem + 2.2535vw, 3.5rem);
--spacing-2l: clamp(2.5rem, 1.9718rem + 2.2535vw, 4rem);
--spacing-3l: clamp(3.5rem, 2.9718rem + 2.2535vw, 5rem);
--spacing-4l: clamp(3.5rem, 2.2676rem + 5.2582vw, 7rem);
--spacing-5l: clamp(3.5rem, 2.0915rem + 6.0094vw, 7.5rem);
--animate-scroll: scroll 20s linear infinite;
--ease-out-circ: cubic-bezier(0, .55, .45, 1);
--ease-material: linear(0, .002, .01 3.6%, .034, .074 9.1%, .128 11.4%, .194 13.4%, .271 15%, .344 16.1%, .544, .66 20.6%, .717 22.4%, .765 24.6%, .808 27.3%, .845 30.4%, .883 35.1%, .916 40.6%, .942 47.2%, .963 55%, .979 64%, .991 74.4%, .998 86.4%, 1)
}
@supports (color: color(display-p3 0 0 0%)) {
:root,
:host {
--color-red-400: color(display-p3 .93353 .43168 .42349);
--color-red-600: color(display-p3 .83032 .14038 .1332);
--color-red-700: color(display-p3 .69274 .11623 .10468);
--color-yellow-600: color(display-p3 .77634 .54249 .04171);
--color-green-600: color(display-p3 .24388 .64082 .29481);
--color-blue-500: color(display-p3 .26642 .49122 .98862)
}
}
*,
:after,
:before,
::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0
}
html,
:host {
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-feature-settings: initial;
font-variation-settings: initial;
-webkit-tap-highlight-color: transparent;
font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
line-height: 1.5
}
hr {
height: 0;
color: inherit;
border-top-width: 1px
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp,
pre {
font-feature-settings: initial;
font-variation-settings: initial;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
:-moz-focusring {
outline: auto
}
progress {
vertical-align: baseline
}
summary {
display: list-item
}
ol,
ul,
menu {
list-style: none
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block
}
img,
video {
max-width: 100%;
height: auto
}
button,
input,
select,
optgroup,
textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0
}
: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
}
::-moz-placeholder {
opacity: 1
}
::placeholder {
opacity: 1
}
@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
::-moz-placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent)
}
::placeholder {
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 {
padding-block: 0
}
::-webkit-datetime-edit-year-field {
padding-block: 0
}
::-webkit-datetime-edit-month-field {
padding-block: 0
}
::-webkit-datetime-edit-day-field {
padding-block: 0
}
::-webkit-datetime-edit-hour-field {
padding-block: 0
}
::-webkit-datetime-edit-minute-field {
padding-block: 0
}
::-webkit-datetime-edit-second-field {
padding-block: 0
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0
}
:-moz-ui-invalid {
box-shadow: none
}
button,
input:where([type=button], [type=reset], [type=submit]) {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
::file-selector-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
::-webkit-inner-spin-button {
height: auto
}
::-webkit-outer-spin-button {
height: auto
}
[hidden]:where(:not([hidden=until-found])) {
display: none !important
}
.\@container {
container-type: inline-size
}
.pointer-events-auto {
pointer-events: auto
}
.pointer-events-none {
pointer-events: none
}
.collapse {
visibility: collapse
}
.invisible {
visibility: hidden
}
.visible {
visibility: visible
}
.fill {
inset: calc(var(--spacing)*0);
width: 100%;
height: 100%;
position: absolute
}
.divider {
height: 4px;
width: calc(var(--spacing)*4);
--tw-border-style: none;
--tw-blur: blur(2.5px);
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, );
background-image: none;
border-style: none;
margin-inline: auto;
display: block;
overflow: visible
}
.divider:before {
content: "";
--tw-translate-x: -50%;
width: 100%;
height: 4px;
translate: var(--tw-translate-x)var(--tw-translate-y);
border-top-style: var(--tw-border-style);
border-top-width: 0;
border-right-style: var(--tw-border-style);
border-right-width: 4rem;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2.5px;
border-left-style: var(--tw-border-style);
--tw-border-style: solid;
border-style: solid;
border-top-color: #0000;
border-left-width: 4rem;
border-right-color: #0000;
border-bottom-color: var(--color-brand-green);
border-left-color: #0000;
margin-inline: auto;
display: block;
position: absolute;
top: -2px;
left: 50%
}
.divider:after {
content: "";
--tw-translate-x: -50%;
width: 100%;
height: 4px;
translate: var(--tw-translate-x)var(--tw-translate-y);
border-top-style: var(--tw-border-style);
border-top-width: 0;
border-right-style: var(--tw-border-style);
border-right-width: 4rem;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2.5px;
border-left-style: var(--tw-border-style);
--tw-border-style: solid;
border-style: solid;
border-top-color: #0000;
border-left-width: 4rem;
border-right-color: #0000;
border-bottom-color: var(--color-brand-green);
border-left-color: #0000;
margin-inline: auto;
display: block;
position: absolute;
top: 2px;
left: 50%;
rotate: 180deg
}
.skip-links {
z-index: 1000;
}
.sr-only {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.absolute {
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)
}
.-top-\[1px\] {
top: -1px
}
.top-0 {
top: calc(var(--spacing)*0)
}
.top-1 {
top: calc(var(--spacing)*1)
}
.top-1\.5 {
top: calc(var(--spacing)*1.5)
}
.top-1\/2 {
top: 50%
}
.top-2 {
top: calc(var(--spacing)*2)
}
.top-3s {
top: var(--spacing-3s)
}
.top-5l {
top: var(--spacing-5l)
}
.top-\[1\.03rem\] {
top: 1.03rem
}
.top-\[2\%\] {
top: 2%
}
.top-\[5\.8rem\] {
top: 5.8rem
}
.top-\[5px\] {
top: 5px
}
.top-\[15\.33\%\] {
top: 15.33%
}
.right-\(--spacer-2s\) {
right: var(--spacer-2s)
}
.right-\(--spacer-3s\) {
right: var(--spacer-3s)
}
.right-0 {
right: calc(var(--spacing)*0)
}
.right-1 {
right: calc(var(--spacing)*1)
}
.right-1\.5 {
right: calc(var(--spacing)*1.5)
}
.right-2 {
right: calc(var(--spacing)*2)
}
.right-3s {
right: var(--spacing-3s)
}
.right-4s {
right: var(--spacing-4s)
}
.right-\[calc\(-10\%\+2rem\)\] {
right: calc(2rem - 10%)
}
.-bottom-\[calc\(var\(--spacer-3s\)\+0\.875rem\)\] {
bottom: calc(calc(var(--spacer-3s) + .875rem)*-1)
}
.bottom-0 {
bottom: calc(var(--spacing)*0)
}
.bottom-1 {
bottom: calc(var(--spacing)*1)
}
.bottom-2 {
bottom: calc(var(--spacing)*2)
}
.bottom-\[2rem\] {
bottom: 2rem
}
.-left-\(--spacer-1s\) {
left: calc(var(--spacer-1s)*-1)
}
.-left-\[1px\] {
left: -1px
}
.left-0 {
left: calc(var(--spacing)*0)
}
.left-1 {
left: calc(var(--spacing)*1)
}
.left-1\/2 {
left: 50%
}
.left-2 {
left: calc(var(--spacing)*2)
}
.left-\[2rem\] {
left: 2rem
}
.left-\[calc\(50\%\+2px\)\] {
left: calc(50% + 2px)
}
.left-\[calc\(50\%\+4px\)\] {
left: calc(50% + 4px)
}
.-z-1 {
z-index: -1
}
.-z-10 {
z-index: -10
}
.z-1 {
z-index: 1
}
.z-2 {
z-index: 2
}
.z-3 {
z-index: 3
}
.z-5 {
z-index: 5
}
.z-6 {
z-index: 6
}
.z-10 {
z-index: 10
}
.z-20 {
z-index: 20
}
.z-50 {
z-index: 50
}
.z-100 {
z-index: 100
}
.z-200 {
z-index: 200
}
.z-\[1\] {
z-index: 1
}
.container {
width: 100%
}
@media (min-width: 40rem) {
.container {
max-width: 40rem
}
}
@media (min-width: 48rem) {
.container {
max-width: 48rem
}
}
@media (min-width: 64rem) {
.container {
max-width: 64rem
}
}
@media (min-width: 80rem) {
.container {
max-width: 80rem
}
}
@media (min-width: 96rem) {
.container {
max-width: 96rem
}
}
.mx-\[12\.5\%\] {
margin-inline: 12.5%
}
.mx-auto {
margin-inline: auto;
}
.my-1l {
margin-block: var(--spacing-1l)
}
.my-s {
margin-block: var(--spacing-s)
}
.mt-\(--spacer-1s\) {
margin-top: var(--spacer-1s)
}
.mt-\(--spacer-2s\) {
margin-top: var(--spacer-2s)
}
.mt-\(--spacer-5l\) {
margin-top: var(--spacer-5l)
}
.mt-0 {
margin-top: calc(var(--spacing)*0)
}
.mt-1 {
margin-top: calc(var(--spacing)*1)
}
.mt-1l {
margin-top: var(--spacing-1l)
}
.mt-1s {
margin-top: var(--spacing-1s)
}
.mt-2 {
margin-top: calc(var(--spacing)*2)
}
.mt-2l {
margin-top: var(--spacing-2l)
}
.mt-2s {
margin-top: var(--spacing-2s)
}
.mt-3l {
margin-top: var(--spacing-3l)
}
.mt-3s {
margin-top: var(--spacing-3s)
}
.mt-4s {
margin-top: var(--spacing-4s)
}
.mt-auto {
margin-top: auto
}
.mt-s {
margin-top: var(--spacing-s)
}
.-mr-\(--container-padding\) {
margin-right: calc(var(--container-padding)*-1)
}
.mr-1s {
margin-right: var(--spacing-1s)
}
.mr-\[1px\] {
margin-right: 1px
}
.mr-auto {
margin-right: auto
}
.mb-\(--spacer-1s\) {
margin-bottom: var(--spacer-1s)
}
.mb-\(--spacer-4s\) {
margin-bottom: var(--spacer-4s)
}
.mb-\(--spacer-l\) {
margin-bottom: var(--spacer-l)
}
.mb-0 {
margin-bottom: calc(var(--spacing)*0)
}
.mb-0\.25 {
margin-bottom: calc(var(--spacing)*.25)
}
.mb-1 {
margin-bottom: calc(var(--spacing)*1)
}
.mb-1s {
margin-bottom: var(--spacing-1s)
}
.mb-2 {
margin-bottom: calc(var(--spacing)*2)
}
.mb-2s {
margin-bottom: var(--spacing-2s)
}
.mb-3s {
margin-bottom: var(--spacing-3s)
}
.mb-4 {
margin-bottom: calc(var(--spacing)*4)
}
.mb-4l {
margin-bottom: var(--spacing-4l)
}
.mb-4s {
margin-bottom: var(--spacing-4s)
}
.mb-7 {
margin-bottom: calc(var(--spacing)*7)
}
.mb-\[6\%\] {
margin-bottom: 6%
}
.mb-\[10\%\] {
margin-bottom: 10%
}
.mb-l {
margin-bottom: var(--spacing-l)
}
.-ml-\[0\.38rem\] {
margin-left: -.38rem
}
.-ml-\[0\.68rem\] {
margin-left: -.68rem
}
.-ml-\[1\.25rem\] {
margin-left: -1.25rem
}
.ml-1 {
margin-left: calc(var(--spacing)*1)
}
.ml-2 {
margin-left: calc(var(--spacing)*2)
}
.ml-3 {
margin-left: calc(var(--spacing)*3)
}
.ml-4 {
margin-left: calc(var(--spacing)*4)
}
.ml-5 {
margin-left: calc(var(--spacing)*5)
}
.ml-5s {
margin-left: var(--spacing-5s)
}
.ml-auto {
margin-left: auto
}
.box-border {
box-sizing: border-box
}
.\!block {
display: block !important
}
.\!flex {
display: flex !important
}
.block {
display: block
}
.contents {
display: contents
}
.flex {
display: flex
}
.grid {
display: grid
}
.hidden {
display: none
}
@media (print) {
.print-hidden {
display: none
}
}
.inline {
display: inline
}
.inline-block {
display: inline-block
}
.inline-flex {
display: inline-flex
}
.table {
display: table
}
.\!aspect-\[16\.5\/18\.5\] {
aspect-ratio: 16.5/18.5 !important
}
.aspect-\[12\/5\] {
aspect-ratio: 12/5
}
.aspect-\[15\/8\] {
aspect-ratio: 15/8
}
.aspect-\[34\/40\] {
aspect-ratio: 34/40
}
.aspect-\[343\/192\] {
aspect-ratio: 343/192
}
.aspect-square {
aspect-ratio: 1
}
.aspect-video {
aspect-ratio: var(--aspect-video)
}
.size-1\.5 {
width: calc(var(--spacing)*1.5);
height: calc(var(--spacing)*1.5)
}
.size-2 {
width: calc(var(--spacing)*2);
height: calc(var(--spacing)*2)
}
.size-2\.5 {
width: calc(var(--spacing)*2.5);
height: calc(var(--spacing)*2.5)
}
.size-3 {
width: calc(var(--spacing)*3);
height: calc(var(--spacing)*3)
}
.size-\[1\.5rem\] {
width: 1.5rem;
height: 1.5rem
}
.size-\[1\.25rem\] {
width: 1.25rem;
height: 1.25rem
}
.size-\[2\.6rem\] {
width: 2.6rem;
height: 2.6rem
}
.size-\[2rem\] {
width: 2rem;
height: 2rem
}
.size-\[32px\] {
width: 32px;
height: 32px
}
.size-\[40px\] {
width: 40px;
height: 40px
}
.size-\[72px\] {
width: 72px;
height: 72px
}
.size-full {
width: 100%;
height: 100%
}
.\!h-auto {
height: auto !important
}
.h-\(--spacer-l\) {
height: var(--spacer-l)
}
.h-0 {
height: calc(var(--spacing)*0)
}
.h-1 {
height: calc(var(--spacing)*1)
}
.h-1\.5 {
height: calc(var(--spacing)*1.5)
}
.h-1\.25 {
height: calc(var(--spacing)*1.25)
}
.h-2 {
height: calc(var(--spacing)*2)
}
.h-2\.5 {
height: calc(var(--spacing)*2.5)
}
.h-2\.75 {
height: calc(var(--spacing)*2.75)
}
.h-3 {
height: calc(var(--spacing)*3)
}
.h-3\.5 {
height: calc(var(--spacing)*3.5)
}
.h-3\.75 {
height: calc(var(--spacing)*3.75)
}
.h-8 {
height: calc(var(--spacing)*8)
}
.h-10 {
height: calc(var(--spacing)*10)
}
.h-16 {
height: calc(var(--spacing)*16)
}
.h-28 {
height: calc(var(--spacing)*28)
}
.h-\[0\.44rem\] {
height: .44rem
}
.h-\[0\.67rem\] {
height: .67rem
}
.h-\[0\.75rem\] {
height: .75rem
}
.h-\[0\.875rem\] {
height: .875rem
}
.h-\[1\.5px\] {
height: 1.5px
}
.h-\[1\.5rem\] {
height: 1.5rem
}
.h-\[1px\] {
height: 1px
}
.h-\[2\.5rem\] {
height: 2.5rem
}
.h-\[2\.125rem\] {
height: 2.125rem
}
.h-\[2\.6875rem\] {
height: 2.6875rem
}
.h-\[2px\] {
height: 2px
}
.h-\[3\.625rem\] {
height: 3.625rem
}
.h-\[3\.875rem\] {
height: 3.875rem
}
.h-\[3rem\] {
height: 3rem
}
.h-\[4\.27244rem\] {
height: 4.27244rem
}
.h-\[6\.25rem\] {
height: 6.25rem
}
.h-\[6px\] {
height: 6px
}
.h-\[7\.25rem\] {
height: 7.25rem
}
.h-\[8\.69rem\] {
height: 8.69rem
}
.h-\[9\.5rem\] {
height: 9.5rem
}
.h-\[10\.67px\] {
height: 10.67px
}
.h-\[11px\] {
height: 11px
}
.h-\[37px\] {
height: 37px
}
.h-\[39\.306px\] {
height: 39.306px
}
.h-\[54\.687px\] {
height: 54.687px
}
.h-\[68\.359px\] {
height: 68.359px
}
.h-\[100lvh\] {
height: 100lvh
}
.h-\[140\%\] {
height: 140%
}
.h-\[150px\] {
height: 150px
}
.h-\[188px\] {
height: 188px
}
.h-\[279px\] {
height: 279px
}
.h-\[300px\] {
height: 300px
}
.h-\[478px\] {
height: 478px
}
.h-\[700px\] {
height: 700px
}
.h-\[calc\(100\%\+2rem\)\] {
height: calc(100% + 2rem)
}
.h-\[calc\(100\%\+var\(--spacer-2s\)\)\] {
height: calc(100% + var(--spacer-2s))
}
.h-\[calc\(100\%-10rem\)\] {
height: calc(100% - 10rem)
}
.h-\[calc\(100\%-48px\)\] {
height: calc(100% - 48px)
}
.h-\[calc\(100\%-64px\)\] {
height: calc(100% - 64px)
}
.h-auto {
height: auto
}
.h-full {
height: 100%
}
.h-px {
height: 1px
}
.h-svh {
height: 100svh
}
.max-h-\[calc\(100vh-\(var\(--container-padding\)\*2\)\)\] {
max-height: calc(100vh - (var(--container-padding)*2))
}
.min-h-10 {
min-height: calc(var(--spacing)*10)
}
.min-h-\[600px\] {
min-height: 600px
}
.min-h-\[810px\] {
min-height: 810px
}
.min-h-full {
min-height: 100%
}
.min-h-svh {
min-height: 100svh
}
.\!w-8\/12 {
width: 66.6667% !important
}
.\!w-16\.5 {
width: calc(var(--spacing)*16.5) !important
}
.w-\(--spacer-l\) {
width: var(--spacer-l)
}
.w-0\.75 {
width: calc(var(--spacing)*.75)
}
.w-1 {
width: calc(var(--spacing)*1)
}
.w-1\.5 {
width: calc(var(--spacing)*1.5)
}
.w-1\.25 {
width: calc(var(--spacing)*1.25)
}
.w-1\/2 {
width: 50%
}
.w-1\/8 {
width: 12.5%
}
.w-2 {
width: calc(var(--spacing)*2)
}
.w-2\.5 {
width: calc(var(--spacing)*2.5)
}
.w-2\/12 {
width: 16.6667%
}
.w-3 {
width: calc(var(--spacing)*3)
}
.w-3\/5 {
width: 60%
}
.w-4\/5 {
width: 80%
}
.w-4\/8 {
width: 50%
}
.w-5 {
width: calc(var(--spacing)*5)
}
.w-5\/12 {
width: 41.6667%
}
.w-6\/10 {
width: 60%
}
.w-7\.5 {
width: calc(var(--spacing)*7.5)
}
.w-7\/10 {
width: 70%
}
.w-8 {
width: calc(var(--spacing)*8)
}
.w-9 {
width: calc(var(--spacing)*9)
}
.w-10 {
width: calc(var(--spacing)*10)
}
.w-16 {
width: calc(var(--spacing)*16)
}
.w-23 {
width: calc(var(--spacing)*23)
}
.w-\[0\.44rem\] {
width: .44rem
}
.w-\[0\.78rem\] {
width: .78rem
}
.w-\[0\.85rem\] {
width: .85rem
}
.w-\[0\.125rem\] {
width: .125rem
}
.w-\[0\.625rem\] {
width: .625rem
}
.w-\[0\.875rem\] {
width: .875rem
}
.w-\[1\.5rem\] {
width: 1.5rem
}
.w-\[1\.25rem\] {
width: 1.25rem
}
.w-\[1\.709px\] {
width: 1.709px
}
.w-\[1px\] {
width: 1px
}
.w-\[2\.125rem\] {
width: 2.125rem
}
.w-\[2\.8125rem\] {
width: 2.8125rem
}
.w-\[3\.4rem\] {
width: 3.4rem
}
.w-\[7\.2rem\] {
width: 7.2rem
}
.w-\[8\.69rem\] {
width: 8.69rem
}
.w-\[9px\] {
width: 9px
}
.w-\[10px\] {
width: 10px
}
.w-\[12\.504px\] {
width: 12.504px
}
.w-\[12rem\] {
width: 12rem
}
.w-\[14ch\] {
width: 14ch
}
.w-\[20rem\] {
width: 20rem
}
.w-\[26\.75rem\] {
width: 26.75rem
}
.w-\[32px\] {
width: 32px
}
.w-\[54\.687px\] {
width: 54.687px
}
.w-\[80\%\] {
width: 80%
}
.w-\[90\%\] {
width: 90%
}
.w-\[118px\] {
width: 118px
}
.w-\[140\%\] {
width: 140%
}
.w-\[244px\] {
width: 244px
}
.w-\[368px\] {
width: 368px
}
.w-\[379px\] {
width: 379px
}
.w-\[520\.985px\] {
width: 520.985px
}
.w-\[765\.618px\] {
width: 765.618px
}
.w-\[calc\(100\%\+2px\)\] {
width: calc(100% + 2px)
}
.w-\[calc\(100\%\+calc\(var\(--spacer-1s\)\*2\)\)\] {
width: calc(100% + calc(var(--spacer-1s)*2))
}
.w-\[calc\(100\%-6px\)\] {
width: calc(100% - 6px)
}
.w-\[calc\(100\%-10px\)\] {
width: calc(100% - 10px)
}
.w-auto {
width: auto
}
.w-fit {
width: -moz-fit-content;
width: fit-content
}
.w-full {
width: 100%
}
.max-w-10 {
max-width: calc(var(--spacing)*10)
}
.max-w-15\.5 {
max-width: calc(var(--spacing)*15.5)
}
.max-w-30 {
max-width: calc(var(--spacing)*30)
}
.max-w-31 {
max-width: calc(var(--spacing)*31)
}
.max-w-32 {
max-width: calc(var(--spacing)*32)
}
.max-w-34 {
max-width: calc(var(--spacing)*34)
}
.max-w-36 {
max-width: calc(var(--spacing)*36)
}
.max-w-48 {
max-width: calc(var(--spacing)*48)
}
.max-w-52 {
max-width: calc(var(--spacing)*52)
}
.max-w-120 {
max-width: calc(var(--spacing)*120)
}
.max-w-\[26ch\] {
max-width: 26ch
}
.max-w-\[30ch\] {
max-width: 30ch
}
.max-w-\[30rem\] {
max-width: 30rem
}
.max-w-\[32rem\] {
max-width: 32rem
}
.max-w-\[36rem\] {
max-width: 36rem
}
.max-w-\[38\.5rem\] {
max-width: 38.5rem
}
.max-w-\[38ch\] {
max-width: 38ch
}
.max-w-\[42ch\] {
max-width: 42ch
}
.max-w-\[48rem\] {
max-width: 48rem
}
.max-w-\[55ch\] {
max-width: 55ch
}
.max-w-\[75rem\] {
max-width: 75rem
}
.max-w-\[95rem\] {
max-width: 95rem
}
.max-w-\[576px\] {
max-width: 576px
}
.max-w-\[700px\] {
max-width: 700px
}
.max-w-\[942px\] {
max-width: 942px
}
.max-w-\[1200px\] {
max-width: 1200px
}
.max-w-\[calc\(100\%-2rem\)\] {
max-width: calc(100% - 2rem)
}
.max-w-lg {
max-width: var(--container-lg)
}
.max-w-none {
max-width: none
}
.min-w-0 {
min-width: calc(var(--spacing)*0)
}
.min-w-\[2\.5rem\] {
min-width: 2.5rem
}
.flex-1 {
flex: 1
}
.shrink {
flex-shrink: 1
}
.shrink-0 {
flex-shrink: 0
}
.grow {
flex-grow: 1
}
.grow-0 {
flex-grow: 0
}
.basis-0 {
flex-basis: calc(var(--spacing)*0)
}
.origin-center {
transform-origin: 50%
}
.origin-left {
transform-origin: 0
}
.origin-top {
transform-origin: top
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.-translate-x-5s {
--tw-translate-x: calc(var(--spacing-5s)*-1);
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.translate-x-\[-50\%\] {
--tw-translate-x: -50%;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.translate-x-full {
--tw-translate-x: 100%;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.-translate-y-\[1px\] {
--tw-translate-y: -1px;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.-translate-y-full {
--tw-translate-y: -100%;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.translate-y-1 {
--tw-translate-y: calc(var(--spacing)*1);
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.translate-y-1\/2 {
--tw-translate-y: 50%;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.translate-y-\[-20px\] {
--tw-translate-y: -20px;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.translate-y-\[2rem\] {
--tw-translate-y: 2rem;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.translate-y-\[5px\] {
--tw-translate-y: 5px;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.translate-y-full {
--tw-translate-y: 100%;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.scale-75 {
--tw-scale-x: 75%;
--tw-scale-y: 75%;
--tw-scale-z: 75%;
scale: var(--tw-scale-x)var(--tw-scale-y)
}
.scale-101 {
--tw-scale-x: 101%;
--tw-scale-y: 101%;
--tw-scale-z: 101%;
scale: var(--tw-scale-x)var(--tw-scale-y)
}
.scale-x-0 {
--tw-scale-x: 0%;
scale: var(--tw-scale-x)var(--tw-scale-y)
}
.scale-y-0 {
--tw-scale-y: 0%;
scale: var(--tw-scale-x)var(--tw-scale-y)
}
.rotate-45 {
rotate: 45deg
}
.rotate-180 {
rotate: 180deg
}
.rotate-\[270deg\] {
rotate: 270deg
}
.transform {
transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}
.animate-pulse {
animation: var(--animate-pulse)
}
.animate-scroll {
animation: var(--animate-scroll)
}
.animate-spin {
animation: var(--animate-spin)
}
.cursor-default {
cursor: default
}
.cursor-not-allowed {
cursor: not-allowed
}
.cursor-pointer {
cursor: pointer
}
.resize {
resize: both
}
.\[scroll-snap-type\:x_mandatory\] {
scroll-snap-type: x mandatory
}
.\[scroll-snap-align\:start\] {
scroll-snap-align: start
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.columns-2 {
-moz-columns: 2;
columns: 2
}
.break-inside-avoid {
-moz-column-break-inside: avoid;
break-inside: avoid
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.grid-rows-\[0fr\] {
grid-template-rows: 0fr
}
.flex-col {
flex-direction: column
}
.flex-col-reverse {
flex-direction: column-reverse
}
.flex-wrap {
flex-wrap: wrap
}
.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-start {
justify-content: flex-start
}
.gap-\(--padding-l\) {
gap: var(--padding-l)
}
.gap-\(--padding-xl\) {
gap: var(--padding-xl)
}
.gap-\(--spacer-1s\) {
gap: var(--spacer-1s)
}
.gap-\(--spacer-2s\) {
gap: var(--spacer-2s)
}
.gap-\(--spacer-3l\) {
gap: var(--spacer-3l)
}
.gap-\(--spacer-3s\) {
gap: var(--spacer-3s)
}
.gap-\(--spacer-4s\) {
gap: var(--spacer-4s)
}
.gap-\(--spacer-5s\) {
gap: var(--spacer-5s)
}
.gap-\(--spacer-l\) {
gap: var(--spacer-l)
}
.gap-\(--spacer-s\) {
gap: var(--spacer-s)
}
.gap-0\.5 {
gap: calc(var(--spacing)*.5)
}
.gap-0\.25 {
gap: calc(var(--spacing)*.25)
}
.gap-0\.75 {
gap: calc(var(--spacing)*.75)
}
.gap-1 {
gap: calc(var(--spacing)*1)
}
.gap-1\.5 {
gap: calc(var(--spacing)*1.5)
}
.gap-1l {
gap: var(--spacing-1l)
}
.gap-1s {
gap: var(--spacing-1s)
}
.gap-2 {
gap: calc(var(--spacing)*2)
}
.gap-2\.5 {
gap: calc(var(--spacing)*2.5)
}
.gap-2l {
gap: var(--spacing-2l)
}
.gap-2s {
gap: var(--spacing-2s)
}
.gap-3l {
gap: var(--spacing-3l)
}
.gap-3s {
gap: var(--spacing-3s)
}
.gap-4 {
gap: calc(var(--spacing)*4)
}
.gap-4s {
gap: var(--spacing-4s)
}
.gap-5l {
gap: var(--spacing-5l)
}
.gap-5s {
gap: var(--spacing-5s)
}
.gap-6 {
gap: calc(var(--spacing)*6)
}
.gap-8 {
gap: calc(var(--spacing)*8)
}
.gap-10 {
gap: calc(var(--spacing)*10)
}
.gap-\[0\.86rem\] {
gap: .86rem
}
.gap-\[0\.8125rem\] {
gap: .8125rem
}
.gap-\[1\.25rem\] {
gap: 1.25rem
}
.gap-\[1\.375rem\] {
gap: 1.375rem
}
.gap-\[1rem\] {
gap: 1rem
}
.gap-\[2\.86rem\] {
gap: 2.86rem
}
.gap-\[3px\] {
gap: 3px
}
.gap-\[6\.836px\] {
gap: 6.836px
}
.gap-l {
gap: var(--spacing-l)
}
.gap-s {
gap: var(--spacing-s)
}
:where(.space-y-0\.5>:not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))
}
.gap-x-1l {
-moz-column-gap: var(--spacing-1l);
column-gap: var(--spacing-1l)
}
.gap-x-4s {
-moz-column-gap: var(--spacing-4s);
column-gap: var(--spacing-4s)
}
.gap-y-1l {
row-gap: var(--spacing-1l)
}
.gap-y-1s {
row-gap: var(--spacing-1s)
}
.gap-y-2l {
row-gap: var(--spacing-2l)
}
.gap-y-3s {
row-gap: var(--spacing-3s)
}
.self-start {
align-self: flex-start
}
.self-stretch {
align-self: stretch
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.\!overflow-visible {
overflow: visible !important
}
.overflow-clip {
overflow: clip
}
.overflow-hidden {
overflow: hidden
}
.overflow-visible {
overflow: visible
}
.overflow-x-auto {
overflow-x: auto
}
.overflow-x-clip {
overflow-x: clip
}
.overflow-y-auto {
overflow-y: auto
}
.overscroll-contain {
overscroll-behavior: contain
}
.scroll-smooth {
scroll-behavior: smooth
}
.rounded {
border-radius: .25rem
}
.rounded-\(--border-radius\) {
border-radius: var(--border-radius)
}
.rounded-\(--border-radius-l\) {
border-radius: var(--border-radius-l)
}
.rounded-\(--spacer-2s\) {
border-radius: var(--spacer-2s)
}
.rounded-\[0\.75rem\] {
border-radius: .75rem
}
.rounded-\[1\.5rem\] {
border-radius: 1.5rem
}
.rounded-\[1\.7rem\] {
border-radius: 1.7rem
}
.rounded-\[1\.38rem\] {
border-radius: 1.38rem
}
.rounded-\[1rem\] {
border-radius: 1rem
}
.rounded-\[2\.5rem\] {
border-radius: 2.5rem
}
.rounded-\[2rem\] {
border-radius: 2rem
}
.rounded-\[3\.5rem\] {
border-radius: 3.5rem
}
.rounded-\[4rem\] {
border-radius: 4rem
}
.rounded-\[9\.03rem\] {
border-radius: 9.03rem
}
.rounded-\[24px\] {
border-radius: 24px
}
.rounded-\[123\.046px\] {
border-radius: 123.046px
}
.rounded-\[144\.461px\] {
border-radius: 144.461px
}
.rounded-full {
border-radius: 3.40282e38px
}
.rounded-lg {
border-radius: var(--radius-lg)
}
.rounded-md {
border-radius: var(--radius-md)
}
.rounded-t-\[1\.5rem\] {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem
}
.rounded-t-\[1rem\] {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem
}
.rounded-t-\[24px\] {
border-top-left-radius: 24px;
border-top-right-radius: 24px
}
.rounded-l-\[1\.5rem\] {
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem
}
.rounded-l-\[1rem\] {
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem
}
.rounded-r-\[1rem\] {
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem
}
.rounded-b-\[1\.5rem\] {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem
}
.rounded-b-\[1rem\] {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem
}
.border {
border-style: var(--tw-border-style);
border-width: 1px
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0
}
.border-\[1\.139px\] {
border-style: var(--tw-border-style);
border-width: 1.139px
}
.border-\[1px\] {
border-style: var(--tw-border-style);
border-width: 1px
}
.border-\[2px\] {
border-style: var(--tw-border-style);
border-width: 2px
}
.border-\[5px\] {
border-style: var(--tw-border-style);
border-width: 5px
}
.border-x {
border-inline-style: var(--tw-border-style);
border-inline-width: 1px
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px
}
.border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0
}
.border-r-0 {
border-right-style: var(--tw-border-style);
border-right-width: 0
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px
}
.border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px
}
.border-l-4 {
border-left-style: var(--tw-border-style);
border-left-width: 4px
}
.border-l-\[1px\] {
border-left-style: var(--tw-border-style);
border-left-width: 1px
}
.border-l-\[2px\] {
border-left-style: var(--tw-border-style);
border-left-width: 2px
}
.border-solid {
--tw-border-style: solid;
border-style: solid
}
.border-\[\#4D4D4D\] {
border-color: #4d4d4d
}
.border-\[\#318d9b\] {
border-color: #318d9b
}
.border-\[\#393939\] {
border-color: #393939
}
.border-\[\#C1D62E\],
.border-\[\#c1d62e\] {
border-color: var(--color-brand-green)
}
.border-\[\#e06900\] {
border-color: #e06900
}
.border-\[rgba\(0\,0\,0\,0\.05\)\] {
border-color: #0000000d
}
.border-\[rgba\(102\,102\,102\,0\.6\)\] {
border-color: #6669
}
.border-\[rgba\(255\,255\,255\,0\.2\)\] {
border-color: #fff3
}
.border-\[rgba\(255\,255\,255\,0\.15\)\] {
border-color: #ffffff26
}
.border-black\/10 {
border-color: #0000001a
}
.border-blue-600 {
border-color: var(--color-blue-600)
}
.border-brand-green {
border-color: var(--color-brand-green)
}
.border-brand-green\/0 {
border-color: #0000
}
.border-brand-teal {
border-color: var(--color-brand-teal)
}
.border-gray-300 {
border-color: var(--color-gray-300)
}
.border-red-400 {
border-color: var(--color-red-400)
}
.border-white {
border-color: var(--color-white)
}
.border-white\/5 {
border-color: #ffffff0d
}
.border-white\/10 {
border-color: #ffffff1a
}
.border-white\/15 {
border-color: #ffffff26
}
.border-white\/20 {
border-color: #fff3
}
.border-x-transparent {
border-inline-color: #0000
}
.border-y-white\/15 {
border-block-color: rgba(255, 255, 255, .15)
}
.border-t-brand-green {
border-top-color: var(--color-brand-green)
}
.border-b-transparent {
border-bottom-color: #0000
}
.border-l-white\/15 {
border-left-color: #ffffff26
}
.\!bg-transparent {
background-color: #0000 !important
}
.bg-\[\#0d0d0d\] {
background-color: #0d0d0d
}
.bg-\[\#1a5f4e\] {
background-color: #1a5f4e
}
.bg-\[\#6b8e23\] {
background-color: #6b8e23
}
.bg-\[\#191919\] {
background-color: #191919
}
.bg-\[\#C1D62E\] {
background-color: var(--color-brand-green)
}
.bg-\[\#E06900\] {
background-color: #e06900
}
.bg-\[\#d4af8c\] {
background-color: #d4af8c
}
.bg-\[\#ff6b35\] {
background-color: #ff6b35
}
.bg-\[rgba\(13\,13\,13\,0\.95\)\] {
background-color: #0d0d0df2
}
.bg-\[rgba\(255\,255\,255\,0\.1\)\] {
background-color: #ffffff1a
}
.bg-\[rgba\(255\,255\,255\,0\.05\)\] {
background-color: #ffffff0d
}
.bg-\[rgba\(255\,255\,255\,0\.12\)\] {
background-color: #ffffff1f
}
.bg-black {
background-color: var(--color-black)
}
.bg-black\/10 {
background-color: #0000001a
}
.bg-black\/15 {
background-color: #00000026
}
.bg-black\/20 {
background-color: #0003
}
.bg-black\/30 {
background-color: #0000004d
}
.bg-black\/40 {
background-color: #0006
}
.bg-black\/50 {
background-color: #00000080
}
.bg-black\/80 {
background-color: #000c
}
.bg-black\/90 {
background-color: #000000e6
}
.bg-navy-blue {
background-color: var(--color-navy-blue)
}
.bg-navy-blue\/10 {
background-color: #0813301a
}
.bg-navy-blue\/15 {
background-color: #08133026
}
.bg-navy-blue\/20 {
background-color: #08133033
}
.bg-navy-blue\/30 {
background-color: #0813304d
}
.bg-navy-blue\/40 {
background-color: #0006
}
.bg-navy-blue\/50 {
background-color: #08133080
}
.bg-navy-blue\/80 {
background-color: #081330cc
}
.bg-navy-blue\/90 {
background-color: #081330e6
}
.bg-blue-600 {
background-color: var(--color-blue-600)
}
.bg-brand-green {
background-color: var(--color-brand-green)
}
.bg-gray-50 {
background-color: var(--color-gray-50)
}
.bg-green-100 {
background-color: var(--color-green-100)
}
.bg-grey-0 {
background-color: var(--color-grey-0)
}
.bg-grey-1 {
background-color: var(--color-grey-1)
}
.bg-red-100 {
background-color: var(--color-red-100)
}
.bg-slate {
background-color: var(--color-slate)
}
.bg-transparent {
background-color: #0000
}
.bg-white {
background-color: var(--color-white)
}
.bg-white\/5 {
background-color: #ffffff0d
}
.bg-white\/10 {
background-color: #ffffff1a
}
.bg-white\/15 {
background-color: #ffffff26
}
.bg-white\/20 {
background-color: #fff3
}
.bg-white\/50 {
background-color: #ffffff80
}
.bg-yellow-100 {
background-color: var(--color-yellow-100)
}
.bg-gradient-to-b {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops))
}
.bg-gradient-to-t {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops))
}
.bg-linear-to-b {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops))
}
.bg-linear-to-t {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops))
}
.from-\[\#191919\] {
--tw-gradient-from: #191919;
--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-\[rgb\(10_10_10\)\] {
--tw-gradient-from: #0a0a0a;
--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-\[rgb\(25_25_25\/0\)\] {
--tw-gradient-from: #19191900;
--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-transparent {
--tw-gradient-from: 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))
}
.from-\[61\%\] {
--tw-gradient-from-position: 61%
}
.to-\[rgb\(10_10_10\/0\)\] {
--tw-gradient-to: #0a0a0a00;
--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-\[rgb\(25_25_25\)\] {
--tw-gradient-to: #191919;
--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-\[rgba\(25\,25\,25\,0\.5\)\] {
--tw-gradient-to: #19191980;
--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-black-80 {
--tw-gradient-to: var(--color-black-80);
--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-center {
background-position: 50%
}
.bg-no-repeat {
background-repeat: no-repeat
}
.object-contain {
-o-object-fit: contain;
object-fit: contain
}
.object-cover {
-o-object-fit: cover;
object-fit: cover
}
.object-left {
-o-object-position: left;
object-position: left
}
.p-\(--padding-l\) {
padding: var(--padding-l)
}
.p-\(--padding-m\) {
padding: var(--padding-m)
}
.p-\(--padding-s\) {
padding: var(--padding-s)
}
.p-\(--spacer-1s\) {
padding: var(--spacer-1s)
}
.p-\(--spacer-3l\) {
padding: var(--spacer-3l)
}
.p-\(--spacer-l\) {
padding: var(--spacer-l)
}
.p-\(--spacer-s\) {
padding: var(--spacer-s)
}
.p-1 {
padding: calc(var(--spacing)*1)
}
.p-1\.5 {
padding: calc(var(--spacing)*1.5)
}
.p-1l {
padding: var(--spacing-1l)
}
.p-1s {
padding: var(--spacing-1s)
}
.p-2s {
padding: var(--spacing-2s)
}
.p-3 {
padding: calc(var(--spacing)*3)
}
.p-3s {
padding: var(--spacing-3s)
}
.p-5s {
padding: var(--spacing-5s)
}
.p-\[0\.25rem\] {
padding: .25rem
}
.p-\[16px\] {
padding: 16px
}
.p-s {
padding: var(--spacing-s)
}
.px-\(--body-margin\) {
padding-inline: var(--body-margin)
}
.px-\(--padding-xl\) {
padding-inline: var(--padding-xl)
}
.px-\(--spacer-1s\) {
padding-inline: var(--spacer-1s)
}
.px-\(--spacer-2s\) {
padding-inline: var(--spacer-2s)
}
.px-\(--spacer-3s\) {
padding-inline: var(--spacer-3s)
}
.px-0\.5 {
padding-inline: calc(var(--spacing)*.5)
}
.px-1 {
padding-inline: calc(var(--spacing)*1)
}
.px-1\.5 {
padding-inline: calc(var(--spacing)*1.5)
}
.px-1\.25 {
padding-inline: calc(var(--spacing)*1.25)
}
.px-1l {
padding-inline: var(--spacing-1l)
}
.px-1s {
padding-inline: var(--spacing-1s)
}
.px-2 {
padding-inline: calc(var(--spacing)*2)
}
.px-2l {
padding-inline: var(--spacing-2l)
}
.px-2s {
padding-inline: var(--spacing-2s)
}
.px-3s {
padding-inline: var(--spacing-3s)
}
.px-4 {
padding-inline: calc(var(--spacing)*4)
}
.px-\[0\.7rem\] {
padding-inline: .7rem
}
.px-\[0\.8rem\] {
padding-inline: .8rem
}
.px-\[0\.75rem\] {
padding-inline: .75rem
}
.px-\[1\.5rem\] {
padding-inline: 1.5rem
}
.px-\[4\.25rem\] {
padding-inline:4.25rem}
.px-\[12px\] {
padding-inline:12px}
.px-\[16px\] {
padding-inline:16px}
.px-\[20px\] {
padding-inline:20px}
.px-\[24px\] {
padding-inline:24px}
.px-\[var\(--container-padding\)\] {
padding-inline: var(--container-padding)
}
.px-\[1\.25rem\] {
padding-inline: 1.25rem
}
.px-\[20px\] {
padding-inline: 20px
}
.px-s {
padding-inline: var(--spacing-s)
}
.py-\(--spacer-2s\) {
padding-block: var(--spacer-2s)
}
.py-\(--spacer-3s\) {
padding-block: var(--spacer-3s)
}
.py-\(--spacer-4s\) {
padding-block: var(--spacer-4s)
}
.py-\(--spacer-l\) {
padding-block: var(--spacer-l)
}
.py-0 {
padding-block: calc(var(--spacing)*0)
}
.py-0\.5 {
padding-block: calc(var(--spacing)*.5)
}
.py-0\.75 {
padding-block: calc(var(--spacing)*.75)
}
.py-1 {
padding-block: calc(var(--spacing)*1)
}
.py-1l {
padding-block: var(--spacing-1l)
}
.py-1s {
padding-block: var(--spacing-1s)
}
.py-2 {
padding-block: calc(var(--spacing)*2)
}
.py-2l {
padding-block: var(--spacing-2l)
}
.py-2s {
padding-block: var(--spacing-2s)
}
.py-3 {
padding-block: calc(var(--spacing)*3)
}
.py-3l {
padding-block: var(--spacing-3l)
}
.py-3s {
padding-block: var(--spacing-3s)
}
.py-4 {
padding-block: calc(var(--spacing)*4)
}
.py-4s {
padding-block: var(--spacing-4s)
}
.py-\[0\.5rem\] {
padding-block: .5rem
}
.py-\[0\.25rem\] {
padding-block: .25rem
}
.py-\[0\.75rem\] {
padding-block: .75rem
}
.py-\[0\.375rem\] {
padding-block: .375rem
}
.py-\[1rem\] {
padding-block: 1rem
}
.py-\[2\.5rem\] {
padding-block: 2.5rem
}
.py-\[4\.6rem\] {
padding-block: 4.6rem
}
.py-\[12px\] {
padding-block: 12px
}
.py-\[27\.344px\] {
padding-block: 27.344px
}
.py-\[50px\] {
padding-block: 50px
}
.pt-\(--spacer-1l\) {
padding-top: var(--spacer-1l)
}
.pt-\(--spacer-2s\) {
padding-top: var(--spacer-2s)
}
.pt-1l {
padding-top: var(--spacing-1l)
}
.pt-2 {
padding-top: calc(var(--spacing)*2)
}
.pt-2l {
padding-top: var(--spacing-2l)
}
.pt-2s {
padding-top: var(--spacing-2s)
}
.pt-3\.5 {
padding-top: calc(var(--spacing)*3.5)
}
.pt-3l {
padding-top: var(--spacing-3l)
}
.pt-3s {
padding-top: var(--spacing-3s)
}
.pt-4\.5 {
padding-top: calc(var(--spacing)*4.5)
}
.pt-4s {
padding-top: var(--spacing-4s)
}
.pt-5 {
padding-top: calc(var(--spacing)*5)
}
.pt-5l {
padding-top: var(--spacing-5l)
}
.pt-11 {
padding-top: calc(var(--spacing)*11)
}
.pt-14 {
padding-top: calc(var(--spacing)*14)
}
.pt-16 {
padding-top: calc(var(--spacing)*16)
}
.pt-17 {
padding-top: calc(var(--spacing)*17)
}
.pt-\[4\.5rem\] {
padding-top: 4.5rem
}
.pt-\[4\.19rem\] {
padding-top: 4.19rem
}
.pt-\[10\.31rem\] {
padding-top: 10.31rem
}
.pt-\[150px\] {
padding-top: 150px
}
.pt-\[calc\(var\(--spacer-3s\)\+5rem\)\] {
padding-top: calc(var(--spacer-3s) + 5rem)
}
.pr-\(--spacer-3s\) {
padding-right: var(--spacer-3s)
}
.pr-2s {
padding-right: var(--spacing-2s)
}
.pr-3s {
padding-right: var(--spacing-3s)
}
.pr-5s {
padding-right: var(--spacing-5s)
}
.pr-\[3\.5rem\] {
padding-right: 3.5rem
}
.pr-\[7\.67px\] {
padding-right: 7.67px
}
.pr-\[30\%\] {
padding-right: 30%
}
.pr-\[calc\(var\(--spacing-3s\)\+3rem\)\] {
padding-right: calc(var(--spacing-3s) + 3rem)
}
.pb-\(--spacer-5l\) {
padding-bottom: var(--spacer-5l)
}
.pb-1l {
padding-bottom: var(--spacing-1l)
}
.pb-1s {
padding-bottom: var(--spacing-1s)
}
.pb-2l {
padding-bottom: var(--spacing-2l)
}
.pb-2s {
padding-bottom: var(--spacing-2s)
}
.pb-3s {
padding-bottom: var(--spacing-3s)
}
.pb-4l {
padding-bottom: var(--spacing-4l)
}
.pb-5l {
padding-bottom: var(--spacing-5l)
}
.pb-\[5\.8rem\] {
padding-bottom: 5.8rem
}
.pb-\[calc\(var\(--spacer-2s\)\+17px\)\] {
padding-bottom: calc(var(--spacer-2s) + 17px)
}
.pb-\[calc\(var\(--spacer-3s\)\+17px\)\] {
padding-bottom: calc(var(--spacer-3s) + 17px)
}
.pb-\[var\(--container-padding\)\] {
padding-bottom: var(--container-padding)
}
.pl-\(--spacer-2s\) {
padding-left: var(--spacer-2s)
}
.pl-0 {
padding-left: calc(var(--spacing)*0)
}
.pl-1s {
padding-left: var(--spacing-1s)
}
.pl-2s {
padding-left: var(--spacing-2s)
}
.pl-\[6px\] {
padding-left: 6px
}
.pl-\[41\.015px\] {
padding-left: 41.015px
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height))
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height))
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height))
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height))
}
.text-body-1l {
font-size: var(--text-body-1l) !important
}
.text-body-1s {
font-size: var(--text-body-1s) !important
}
.text-body-2l {
font-size: var(--text-body-2l) !important
}
.text-body-2s {
font-size: var(--text-body-2s) !important
}
.text-body-3s {
font-size: var(--text-body-3s) !important
}
.text-body-4s {
font-size: var(--text-body-4s) !important
}
.text-body-m {
font-size: var(--text-body-m) !important
}
.text-heading-1l {
font-size: var(--text-heading-1l) !important
}
.text-heading-1s {
font-size: var(--text-heading-1s) !important
}
.text-heading-2l {
font-size: var(--text-heading-2l) !important
}
.text-heading-2s {
font-size: var(--text-heading-2s) !important
}
.text-heading-3l {
font-size: var(--text-heading-3l) !important
}
.text-heading-m {
font-size: var(--text-heading-m) !important
}
.text-body-1s\/none {
font-size: var(--text-body-1s) !important;
line-height: 1
}
.text-body-2s\/none {
font-size: var(--text-body-2s) !important;
line-height: 1
}
.text-body-2s\/relaxed {
font-size: var(--text-body-2s) !important;
line-height: var(--leading-relaxed)
}
.text-body-3s\/none {
font-size: var(--text-body-3s) !important;
line-height: 1
}
.text-body-3s\/tight {
font-size: var(--text-body-3s) !important;
line-height: var(--leading-tight)
}
.text-body-4s\/none {
font-size: var(--text-body-4s) !important;
line-height: 1
}
.text-body-4s\/normal {
font-size: var(--text-body-4s) !important;
line-height: var(--leading-normal)
}
.text-body-m\/none {
font-size: var(--text-body-m) !important;
line-height: 1
}
.text-body-m\/tight {
font-size: var(--text-body-m) !important;
line-height: var(--leading-tight)
}
.text-heading-1l\/none {
font-size: var(--text-heading-1l) !important;
line-height: 1
}
.text-heading-1l\/tight {
font-size: var(--text-heading-1l) !important;
line-height: var(--leading-tight)
}
.text-heading-1s\/none {
font-size: var(--text-heading-1s) !important;
line-height: 1
}
.text-heading-2l\/none {
font-size: var(--text-heading-2l) !important;
line-height: 1
}
.text-heading-2s\/tight {
font-size: var(--text-heading-2s) !important;
line-height: var(--leading-tight)
}
.text-heading-m\/none {
font-size: var(--text-heading-m) !important;
line-height: 1
}
.text-heading-m\/tight {
font-size: var(--text-heading-m) !important;
line-height: var(--leading-tight)
}
.text-\[0\.75rem\] {
font-size: .75rem !important
}
.text-\[0\.875rem\] {
font-size: .875rem !important
}
.text-\[1\.5rem\] {
font-size: 1.5rem !important
}
.text-\[1\.25rem\] {
font-size: 1.25rem !important
}
.text-\[1rem\] {
font-size: 1rem !important
}
.text-\[12px\] {
font-size: 12px !important
}
.text-\[14px\] {
font-size: 14px !important
}
.text-\[16px\] {
font-size: 16px !important
}
.text-\[20px\] {
font-size: 20px !important
}
.text-\[90cqw\] {
font-size: 90cqw !important
}
.\!leading-none {
--tw-leading: 1;
line-height: 1 !important
}
.\!leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight) !important
}
.leading-\[1\.1\] {
--tw-leading: 1.1;
line-height: 1.1
}
.leading-\[1\.2\] {
--tw-leading: 1.2;
line-height: 1.2
}
.leading-\[1\.3\] {
--tw-leading: 1.3;
line-height: 1.3
}
.leading-\[1\.4\] {
--tw-leading: 1.4;
line-height: 1.4
}
.leading-\[1\.5\] {
--tw-leading: 1.5;
line-height: 1.5
}
.leading-\[140\%\] {
--tw-leading: 140%;
line-height: 140%
}
.leading-none {
--tw-leading: 1;
line-height: 1
}
.leading-normal {
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal)
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed)
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight)
}
.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-regular {
--tw-font-weight: var(--font-weight-regular);
font-weight: var(--font-weight-regular)
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold)
}
.text-balance {
text-wrap: balance
}
.whitespace-nowrap {
white-space: nowrap
}
.whitespace-pre-wrap {
white-space: pre-wrap
}
.text-\(--color-white\) {
color: var(--color-white)
}
.text-\[\#191919\] {
color: #191919
}
.text-black {
color: var(--color-black)
}
.text-blue-600 {
color: var(--color-blue-600)
}
.text-brand-green {
color: var(--color-brand-green)
}
.text-gray-500 {
color: var(--color-gray-500)
}
.text-gray-600 {
color: var(--color-gray-600)
}
.text-gray-700 {
color: var(--color-gray-700)
}
.text-green-600 {
color: var(--color-green-600)
}
.text-grey-1 {
color: var(--color-grey-1)
}
.text-grey-2 {
color: var(--color-grey-2)
}
.text-red-400 {
color: var(--color-red-400)
}
.text-red-500 {
color: var(--color-red-500)
}
.text-red-600 {
color: var(--color-red-600)
}
.text-red-700 {
color: var(--color-red-700)
}
.text-slate {
color: var(--color-slate)
}
.text-white {
color: var(--color-white)
}
.text-white\/30 {
color: #ffffff4d
}
.text-white\/50 {
color: #ffffff80
}
.text-white\/60 {
color: #fff9
}
.text-white\/80 {
color: #fffc
}
.text-yellow-600 {
color: var(--color-yellow-600)
}
.uppercase {
text-transform: uppercase
}
.italic {
font-style: italic
}
.no-underline {
text-decoration-line: none
}
.underline {
text-decoration-line: underline
}
.opacity-0 {
opacity: 0
}
.opacity-10 {
opacity: .1
}
.opacity-20 {
opacity: .2
}
.opacity-50 {
opacity: .5
}
.opacity-80 {
opacity: .8
}
.opacity-100 {
opacity: 1
}
.mix-blend-soft-light {
mix-blend-mode: soft-light
}
.shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
--tw-shadow: 0 4px 4px 0 var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[0_4px_12px_0_rgba\(0\,0\,0\,0\.25\)\] {
--tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[0_4px_50px_0_rgba\(0\,0\,0\,0\.50\)\] {
--tw-shadow: 0 4px 50px 0 var(--tw-shadow-color, #00000080);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[0px_3px_15px_0px_rgba\(0\,0\,0\,0\.25\)\] {
--tw-shadow: 0px 3px 15px 0px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[0px_4px_12px_0px_rgba\(0\,0\,0\,0\.25\)\] {
--tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[0px_4px_20px_0px_rgba\(0\,0\,0\,0\.1\)\] {
--tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[0px_4px_28px_0px_rgba\(0\,0\,0\,0\.5\)\] {
--tw-shadow: 0px 4px 28px 0px var(--tw-shadow-color, #00000080);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[0px_12px_12px_0px_rgba\(0\,0\,0\,0\.25\)\] {
--tw-shadow: 0px 12px 12px 0px var(--tw-shadow-color, #00000040);
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, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-xl {
--tw-shadow: 0 40px 20px 0 var(--tw-shadow-color, #0000000d), 0 20px 20px 0 var(--tw-shadow-color, #00000017), 0 5px 10px 0 var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.blur-\[2px\] {
--tw-blur: blur(2px);
filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.blur-\[4px\] {
--tw-blur: blur(4px);
filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.blur-\[6px\] {
--tw-blur: blur(6px);
filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.blur-xl {
--tw-blur: blur(var(--blur-xl));
filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.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);
-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-3xl {
--tw-backdrop-blur: blur(var(--blur-3xl));
-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-\[0px\] {
--tw-backdrop-blur: blur(0px);
-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-\[8\.673px\] {
--tw-backdrop-blur: blur(8.673px);
-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-\[25px\] {
--tw-backdrop-blur: blur(25px);
-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-\[50px\] {
--tw-backdrop-blur: blur(50px);
-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-\[60px\] {
--tw-backdrop-blur: blur(60px);
-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-\[69px\] {
--tw-backdrop-blur: blur(69px);
-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-\[200px\] {
--tw-backdrop-blur: blur(200px);
-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));
-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-xl {
--tw-backdrop-blur: blur(var(--blur-xl));
-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-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
}
.transition {
transition-property: color, background-color, border-color, 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;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[backdrop-filter\] {
transition-property: -webkit-backdrop-filter, backdrop-filter;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[background-color\,color\] {
transition-property: background-color, color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[background-color\,scale\] {
transition-property: background-color, scale;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[background-color\] {
transition-property: background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[border-width\,scale\] {
transition-property: border-width, scale;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[border-width\] {
transition-property: border-width;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[color\,background-color\] {
transition-property: color, background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[grid-template-rows\] {
transition-property: grid-template-rows;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[height\] {
transition-property: height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[margin\] {
transition-property: margin;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[max-height\] {
transition-property: max-height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[opacity\] {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[right\] {
transition-property: right;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[rotate\] {
transition-property: rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[transform\,background-color\,color\,border-color\] {
transition-property: transform, background-color, color, border-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[transform\,background-color\] {
transition-property: transform, background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[transform\,opacity\] {
transition-property: transform, opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[translate\] {
transition-property: translate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[width\] {
transition-property: width;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-colors {
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-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.delay-0 {
transition-delay: 0s
}
.delay-100 {
transition-delay: .1s
}
.duration-0 {
--tw-duration: 0s;
transition-duration: 0s
}
.duration-100 {
--tw-duration: .1s;
transition-duration: .1s
}
.duration-200 {
--tw-duration: .2s;
transition-duration: .2s
}
.duration-300 {
--tw-duration: .3s;
transition-duration: .3s
}
.duration-400 {
--tw-duration: .4s;
transition-duration: .4s
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s
}
.duration-700 {
--tw-duration: .7s;
transition-duration: .7s
}
.duration-800 {
--tw-duration: .8s;
transition-duration: .8s
}
.duration-1000 {
--tw-duration: 1s;
transition-duration: 1s
}
.duration-\[250ms\] {
--tw-duration: .25s;
transition-duration: .25s
}
.ease-\(--ease-material\) {
--tw-ease: var(--ease-material);
transition-timing-function: var(--ease-material)
}
.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-material {
--tw-ease: var(--ease-material);
transition-timing-function: var(--ease-material)
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out)
}
.ease-out-circ {
--tw-ease: var(--ease-out-circ);
transition-timing-function: var(--ease-out-circ)
}
.will-change-transform {
will-change: transform
}
.outline-none {
--tw-outline-style: none;
outline-style: none
}
.\[animation-duration\:1s\] {
animation-duration: 1s
}
.\[animation-timing-function\:ease-in-out\] {
animation-timing-function: ease-in-out
}
.\[grid-area\:breadcrumbs\] {
grid-area: breadcrumbs
}
.\[grid-area\:left\] {
grid-area: left
}
.\[grid-template-areas\:\'breadcrumbs\'_\'left\'\] {
grid-template-areas: "breadcrumbs" "left"
}
.\[transform-style\:preserve-3d\] {
transform-style: preserve-3d
}
@media (hover:hover) {
.group-hover\:h-\[120\%\]:is(:where(.group):hover *) {
height: 120%
}
.group-hover\:translate-x-\[0\.15rem\]:is(:where(.group):hover *) {
--tw-translate-x: .15rem;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.group-hover\:translate-y-0:is(:where(.group):hover *) {
--tw-translate-y: calc(var(--spacing)*0);
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.group-hover\:translate-y-\[1rem\]:is(:where(.group):hover *) {
--tw-translate-y: 1rem;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.group-hover\:scale-110:is(:where(.group):hover *) {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x)var(--tw-scale-y)
}
.group-hover\:scale-120:is(:where(.group):hover *) {
--tw-scale-x: 120%;
--tw-scale-y: 120%;
--tw-scale-z: 120%;
scale: var(--tw-scale-x)var(--tw-scale-y)
}
.group-hover\:scale-y-100:is(:where(.group):hover *) {
--tw-scale-y: 100%;
scale: var(--tw-scale-x)var(--tw-scale-y)
}
.group-hover\:grid-rows-\[1fr\]:is(:where(.group):hover *) {
grid-template-rows: 1fr
}
.group-hover\:border-brand-green:is(:where(.group):hover *) {
border-color: var(--color-brand-green)
}
.group-hover\:bg-\[\#2a2a2a\]:is(:where(.group):hover *) {
background-color: #2a2a2a
}
.group-hover\:bg-brand-green:is(:where(.group):hover *) {
background-color: var(--color-brand-green)
}
.group-hover\:bg-slate:is(:where(.group):hover *) {
background-color: var(--color-slate)
}
.group-hover\:bg-white\/15:is(:where(.group):hover *) {
background-color: #ffffff26
}
.group-hover\:text-black:is(:where(.group):hover *) {
color: var(--color-black)
}
.group-hover\:opacity-0:is(:where(.group):hover *) {
opacity: 0
}
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1
}
.group-hover\:delay-0:is(:where(.group):hover *) {
transition-delay: 0s
}
.group-hover\:delay-250:is(:where(.group):hover *) {
transition-delay: .25s
}
.group-hover\/link\:right-\[calc\(-1\*var\(--spacer-4s\)-5px\)\]:is(:where(.group\/link):hover *) {
right: calc(-1*var(--spacer-4s) - 5px)
}
.group-hover\/link\:opacity-100:is(:where(.group\/link):hover *) {
opacity: 1
}
}
.group-data-\[state\=open\]\:pointer-events-auto:is(:where(.group)[data-state=open] *) {
pointer-events: auto
}
.group-data-\[state\=open\]\:translate-x-0:is(:where(.group)[data-state=open] *) {
--tw-translate-x: calc(var(--spacing)*0);
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.group-data-\[state\=open\]\:translate-y-0:is(:where(.group)[data-state=open] *) {
--tw-translate-y: calc(var(--spacing)*0);
translate: var(--tw-translate-x)var(--tw-translate-y)
}
.group-data-\[state\=open\]\:opacity-100:is(:where(.group)[data-state=open] *) {
opacity: 1
}
.group-data-\[state\=open\]\:backdrop-blur-\[20px\]:is(:where(.group)[data-state=open] *) {
--tw-backdrop-blur: blur(20px);
-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, )
}
.peer-focus\:peer-\[\:not\(\:-moz-placeholder\)\]\:invisible:is(:where(.peer):focus~*):is(:where(.peer):not(:-moz-placeholder)~*) {
visibility: hidden
}
.peer-focus\:peer-\[\:not\(\:placeholder-shown\)\]\:invisible:is(:where(.peer):focus~*):is(:where(.peer):not(:placeholder-shown)~*) {
visibility: hidden
}
.placeholder\:text-white::-moz-placeholder {
color: var(--color-white)
}
.placeholder\:text-white::placeholder {
color: var(--color-white)
}
.placeholder\:text-white\/0::-moz-placeholder {
color: #0000
}
.placeholder\:text-white\/0::placeholder {
color: #0000
}
.placeholder\:opacity-70::-moz-placeholder {
opacity: .7
}
.placeholder\:opacity-70::placeholder {
opacity: .7
}
@media (hover:hover) {
.hover\:z-5:hover {
z-index: 5
}
.hover\:flex:hover {
display: flex
}
.hover\:rotate-90:hover {
rotate: 90deg
}
.hover\:border-l-\[5px\]:hover {
border-left-style: var(--tw-border-style);
border-left-width: 5px
}
.hover\:border-brand-green:hover {
border-color: var(--color-brand-green)
}
.hover\:border-white\/30:hover {
border-color: #ffffff4d
}
.hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\]:hover {
background-color: #ffffff1a
}
.hover\:bg-blue-50:hover {
background-color: var(--color-blue-50)
}
.hover\:bg-blue-700:hover {
background-color: var(--color-blue-700)
}
.hover\:bg-brand-green:hover {
background-color: var(--color-brand-green)
}
.hover\:bg-brand-green\/50:hover {
background-color: #c1d62e80
}
.hover\:bg-red-500:hover {
background-color: var(--color-red-500)
}
.hover\:bg-white\/10:hover {
background-color: #ffffff1a
}
.hover\:pb-\[5rem\]:hover {
padding-bottom: 5rem
}
.hover\:text-brand-green:hover {
color: var(--color-brand-green)
}
.hover\:text-slate:hover {
color: var(--color-slate)
}
.hover\:text-white:hover {
color: var(--color-white)
}
}
.sr-only:focus {
clip: auto;
white-space: normal;
width: auto;
height: auto;
margin: 0;
padding: 0;
position: static;
overflow: visible
}
.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-blue-500:focus-visible {
--tw-ring-color: var(--color-blue-500)
}
.focus-visible\:outline-\[2px\]:focus-visible {
outline-style: var(--tw-outline-style);
outline-width: 2px
}
.focus-visible\:outline-offset-\[3px\]:focus-visible {
outline-offset: 3px
}
.focus-visible\:outline-brand-green:focus-visible {
outline-color: var(--color-brand-green)
}
.focus-visible\:outline-none:focus-visible {
--tw-outline-style: none;
outline-style: none
}
.disabled\:opacity-50:disabled {
opacity: .5
}
.has-\[button\:focus-visible\]\:outline:has(:is(button:focus-visible)) {
outline-style: var(--tw-outline-style);
outline-width: 1px
}
.has-\[button\:focus-visible\]\:outline-2:has(:is(button:focus-visible)) {
outline-style: var(--tw-outline-style);
outline-width: 2px
}
.has-\[button\:focus-visible\]\:outline-offset-3:has(:is(button:focus-visible)) {
outline-offset: 3px
}
.has-\[button\:focus-visible\]\:outline-brand-green:has(:is(button:focus-visible)) {
outline-color: var(--color-brand-green)
}
.data-\[active\=false\]\:hidden[data-active=false] {
display: none
}
.data-\[active\=true\]\:block[data-active=true] {
display: block
}
.data-\[active\=true\]\:bg-white\/10[data-active=true] {
background-color: #ffffff1a
}
.data-\[state\=active\]\:rounded-t-none[data-state=active] {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.data-\[state\=inactive\]\:opacity-50[data-state=inactive] {
opacity: .5
}
.data-\[state\=open\]\:pointer-events-auto[data-state=open] {
pointer-events: auto
}
.data-\[state\=open\]\:translate-y-0[data-state=open] {
--tw-translate-y: calc(var(--spacing)*0);
translate: var(--tw-translate-x)var(--tw-translate-y)
}
@media (max-width: 80rem) {
.max-\[1200px\]\:flex {
display: flex
}
.max-\[1200px\]\:block {
display: block
}
.max-\[1200px\]\:hidden {
display: none
}
}
@media (max-width: 79.999rem) {
.max-xl\:gap-3l {
gap: var(--spacing-3l)
}
}
@media (max-width: 63.999rem) {
.max-lg\:absolute {
position: absolute
}
.max-lg\:right-0 {
right: calc(var(--spacing)*0)
}
.max-lg\:bottom-0 {
bottom: calc(var(--spacing)*0)
}
.max-lg\:mt-auto {
margin-top: auto
}
.max-lg\:hidden {
display: none
}
.max-lg\:h-\[8rem\] {
height: 8rem
}
.max-lg\:w-\[18rem\] {
width: 18rem
}
}
@media (max-width: 47.999rem) {
.max-md\:hidden {
display: none
}
.max-md\:aspect-auto {
aspect-ratio: auto
}
.max-md\:aspect-square {
aspect-ratio: 1
}
.max-md\:w-full {
width: 100%
}
.max-md\:gap-1s {
gap: var(--spacing-1s)
}
.max-md\:gap-3s {
gap: var(--spacing-3s)
}
.max-md\:gap-l {
gap: var(--spacing-l)
}
.max-md\:py-2 {
padding-block: calc(var(--spacing)*2)
}
.max-md\:\!pt-\[10\.5rem\] {
padding-top: 10.5rem !important
}
.max-md\:\!pt-\[16\.25rem\] {
padding-top: 16.25rem !important
}
.max-md\:\!pb-\[6\.875rem\] {
padding-bottom: 6.875rem !important
}
}
@media (max-width: 39.999rem) {
.max-sm\:hidden {
display: none
}
.max-sm\:w-1\/2 {
width: 50%
}
.max-sm\:w-full {
width: 100%
}
.max-sm\:flex-wrap {
flex-wrap: wrap
}
}
@media (min-width: 640px) {
.min-\[640px\]\:max-w-12 {
max-width: calc(var(--spacing)*12)
}
}
@media (min-width: 1400px) {
.min-\[1400px\]\:max-w-\[15\.5rem\] {
max-width: 15.5rem
}
.min-\[1400px\]\:gap-2s {
gap: var(--spacing-2s)
}
}
@media (min-width: 40rem) {
.sm\:top-\[0\.875rem\] {
top: .875rem
}
.sm\:hidden {
display: none
}
.sm\:aspect-\[584\/328\] {
aspect-ratio: 584/328
}
.sm\:h-\[4\.5rem\] {
height: 4.5rem
}
.sm\:w-1\/2 {
width: 50%
}
.sm\:w-\[calc\(100\%-1\.75rem\)\] {
width: calc(100% - 1.75rem)
}
.sm\:gap-1l {
gap: var(--spacing-1l)
}
.sm\:rounded-\[2\.5rem\] {
border-radius: 2.5rem
}
.sm\:rounded-t-\[2rem\] {
border-top-left-radius: 2rem;
border-top-right-radius: 2rem
}
.sm\:px-1l {
padding-inline: var(--spacing-1l)
}
.sm\:pt-11\.5 {
padding-top: calc(var(--spacing)*11.5)
}
}
@media (min-width: 48rem) {
.md\:sticky {
position: sticky
}
.md\:top-6 {
top: calc(var(--spacing)*6)
}
.md\:bottom-1l {
bottom: var(--spacing-1l)
}
.md\:left-1l {
left: var(--spacing-1l)
}
.md\:mt-5l {
margin-top: var(--spacing-5l)
}
.md\:mt-\[5vh\] {
margin-top: 5vh
}
.md\:mt-\[14vh\] {
margin-top: 14vh
}
.md\:mr-0 {
margin-right: calc(var(--spacing)*0)
}
.md\:mb-0 {
margin-bottom: calc(var(--spacing)*0)
}
.md\:block {
display: block
}
.md\:flex {
display: flex
}
.md\:hidden {
display: none
}
.md\:aspect-\[4\/3\] {
aspect-ratio: 4/3
}
.md\:aspect-square {
aspect-ratio: 1
}
.md\:h-2 {
height: calc(var(--spacing)*2)
}
.md\:h-\[12\.6875rem\] {
height: 12.6875rem
}
.md\:h-\[100lvh\] {
height: 100lvh
}
.md\:h-\[calc\(100\%-56px\)\] {
height: calc(100% - 56px)
}
.md\:max-h-\[70lvh\] {
max-height: 70lvh
}
.md\:max-h-\[85lvh\] {
max-height: 85lvh
}
.md\:w-1\/2 {
width: 50%
}
.md\:w-2 {
width: calc(var(--spacing)*2)
}
.md\:w-5 {
width: calc(var(--spacing)*5)
}
.md\:w-14 {
width: calc(var(--spacing)*14)
}
.md\:w-18 {
width: calc(var(--spacing)*18)
}
.md\:w-\[1\.125rem\] {
width: 1.125rem
}
.md\:w-\[2\.6rem\] {
width: 2.6rem
}
.md\:w-\[3\.25rem\] {
width: 3.25rem
}
.md\:w-\[9\.625rem\] {
width: 9.625rem
}
.md\:w-\[11\.875rem\] {
width: 11.875rem
}
.md\:w-\[47\.5\%\] {
width: 47.5%
}
.md\:w-\[80\%\] {
width: 80%
}
.md\:max-w-46 {
max-width: calc(var(--spacing)*46)
}
.md\:max-w-75 {
max-width: calc(var(--spacing)*75)
}
.md\:max-w-\[15\.5rem\] {
max-width: 15.5rem
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-\[40\%_1fr\] {
grid-template-columns: 40% 1fr
}
.md\:flex-col {
flex-direction: column
}
.md\:flex-row {
flex-direction: row
}
.md\:flex-row-reverse {
flex-direction: row-reverse
}
.md\:flex-nowrap {
flex-wrap: nowrap
}
.md\:items-center {
align-items: center
}
.md\:justify-between {
justify-content: space-between
}
.md\:justify-start {
justify-content: flex-start
}
.md\:justify-center {
justify-content: center
}
.md\:gap-1l {
gap: var(--spacing-1l)
}
.md\:gap-1s {
gap: var(--spacing-1s)
}
.md\:gap-l {
gap: var(--spacing-l)
}
.md\:\[column-gap\:5\%\] {
-moz-column-gap: 5%;
column-gap: 5%
}
.md\:overflow-visible {
overflow: visible
}
.md\:rounded-\[1\.5rem\] {
border-radius: 1.5rem
}
.md\:rounded-\[1rem\] {
border-radius: 1rem
}
.md\:rounded-\[3\.5rem\] {
border-radius: 3.5rem
}
.md\:rounded-l-\[1\.5rem\] {
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem
}
.md\:rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.md\:rounded-r-\[1\.5rem\] {
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem
}
.md\:rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.md\:rounded-tr-\[1\.5rem\] {
border-top-right-radius: 1.5rem
}
.md\:p-3l {
padding: var(--spacing-3l)
}
.md\:p-3s {
padding: var(--spacing-3s)
}
.md\:px-3l {
padding-inline: var(--spacing-3l)
}
.md\:py-0 {
padding-block: calc(var(--spacing)*0)
}
.md\:py-5l {
padding-block: var(--spacing-5l)
}
.md\:py-6 {
padding-block: calc(var(--spacing)*6)
}
.md\:pt-6 {
padding-top: calc(var(--spacing)*6)
}
.md\:pt-14 {
padding-top: calc(var(--spacing)*14)
}
.md\:pt-16 {
padding-top: calc(var(--spacing)*16)
}
.md\:pt-\[30vh\] {
padding-top: 30vh
}
.md\:pr-0 {
padding-right: calc(var(--spacing)*0)
}
.md\:pb-1s {
padding-bottom: var(--spacing-1s)
}
.md\:text-body-1s {
font-size: var(--text-body-1s)
}
.md\:text-body-2s {
font-size: var(--text-body-2s) !important
}
.md\:text-heading-2l {
font-size: var(--text-heading-2l) !important
}
.md\:text-heading-2s\/tight {
font-size: var(--text-heading-2s) !important;
line-height: var(--leading-tight)
}
.md\:shadow-\[0px_4px_20px_0px_rgba\(0\,0\,0\,0\.25\)\] {
--tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.md\:\[grid-area\:right\] {
grid-area: right
}
.md\:\[grid-template-areas\:\'left_right\'\] {
grid-template-areas: "left right"
}
@media (hover:hover) {
.md\:hover\:bg-white\/20:hover {
background-color: #fff3
}
}
@media (max-width: 79.999rem) {
.md\:max-xl\:flex-row {
flex-direction: row
}
.md\:max-xl\:gap-0 {
gap: calc(var(--spacing)*0)
}
.md\:max-xl\:gap-y-3s {
row-gap: var(--spacing-3s)
}
}
}
@media (min-width: 64rem) {
.lg\:fill {
inset: calc(var(--spacing)*0);
width: 100%;
height: 100%;
position: absolute
}
.lg\:absolute {
position: absolute
}
.lg\:top-10 {
top: calc(var(--spacing)*10)
}
.lg\:bottom-\[-7\.5\%\] {
bottom: -7.5%
}
.lg\:left-1s {
left: var(--spacing-1s)
}
.lg\:ml-0 {
margin-left: calc(var(--spacing)*0)
}
.lg\:block {
display: block
}
.lg\:flex {
display: flex
}
.lg\:aspect-square {
aspect-ratio: 1
}
.lg\:h-5 {
height: calc(var(--spacing)*5)
}
.lg\:h-\[calc\(100\%-64px\)\] {
height: calc(100% - 64px)
}
.lg\:h-full {
height: 100%
}
.lg\:w-1\/2 {
width: 50%
}
.lg\:w-2\/5 {
width: 40%
}
.lg\:w-3\/5 {
width: 60%
}
.lg\:w-23 {
width: calc(var(--spacing)*23)
}
.lg\:w-\[16rem\] {
width: 16rem
}
.lg\:w-\[calc\(\(100\%-2\*var\(--spacer-1s\)\)\/3\)\] {
width: calc((100% - 2*var(--spacer-1s))/3)
}
.lg\:max-w-32 {
max-width: calc(var(--spacing)*32)
}
.lg\:max-w-48 {
max-width: calc(var(--spacing)*48)
}
.lg\:max-w-none {
max-width: none
}
.lg\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.lg\:grid-cols-\[34\%_1fr\] {
grid-template-columns: 34% 1fr
}
.lg\:flex-row {
flex-direction: row
}
.lg\:flex-row-reverse {
flex-direction: row-reverse
}
.lg\:flex-nowrap {
flex-wrap: nowrap
}
.lg\:items-center {
align-items: center
}
.lg\:items-stretch {
align-items: stretch
}
.lg\:justify-between {
justify-content: space-between
}
.lg\:justify-start {
justify-content: flex-start
}
.lg\:gap-2s {
gap: var(--spacing-2s)
}
.lg\:gap-3l {
gap: var(--spacing-3l)
}
.lg\:gap-4s {
gap: var(--spacing-4s)
}
.lg\:\[column-gap\:10\%\] {
-moz-column-gap: 10%;
column-gap: 10%
}
.lg\:overflow-hidden {
overflow: hidden
}
.lg\:px-0 {
padding-inline: calc(var(--spacing)*0)
}
.lg\:px-1s {
padding-inline: var(--spacing-1s)
}
.lg\:py-1s {
padding-block: var(--spacing-1s)
}
.lg\:py-10 {
padding-block: calc(var(--spacing)*10)
}
.lg\:pt-10 {
padding-top: calc(var(--spacing)*10)
}
.lg\:text-left {
text-align: left
}
.lg\:text-heading-3l {
font-size: var(--text-heading-3l) !important
}
.lg\:opacity-0 {
opacity: 0
}
.lg\:delay-0 {
transition-delay: 0s
}
@media (hover:hover) {
.lg\:group-hover\:scale-y-\[120\%\]:is(:where(.group):hover *) {
--tw-scale-y: 120%;
scale: var(--tw-scale-x)var(--tw-scale-y)
}
.lg\:group-hover\:border-l-\[4px\]:is(:where(.group):hover *) {
border-left-style: var(--tw-border-style);
border-left-width: 4px
}
.lg\:group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1
}
.lg\:group-hover\:delay-100:is(:where(.group):hover *) {
transition-delay: .1s
}
.lg\:group-hover\:duration-400:is(:where(.group):hover *) {
--tw-duration: .4s;
transition-duration: .4s
}
.lg\:hover\:translate-y-\[-7\.5\%\]:hover {
--tw-translate-y: -7.5%;
translate: var(--tw-translate-x)var(--tw-translate-y)
}
}
}
@media (min-width: 80rem) {
.xl\:aspect-\[584\/328\] {
aspect-ratio: 584/328
}
.xl\:h-32 {
height: calc(var(--spacing)*32)
}
.xl\:w-full {
width: 100%
}
.xl\:max-w-\[40rem\] {
max-width: 40rem
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.xl\:flex-row {
flex-direction: row
}
.xl\:justify-between {
justify-content: space-between
}
.xl\:justify-start {
justify-content: flex-start
}
.xl\:justify-end {
justify-content: flex-end
}
.xl\:gap-3s {
gap: var(--spacing-3s)
}
.xl\:px-s {
padding-inline: var(--spacing-s)
}
.xl\:pb-s {
padding-bottom: var(--spacing-s)
}
.xl\:text-heading-m {
font-size: var(--text-heading-m) !important
}
.xl\:fill {
inset: calc(var(--spacing)*0);
width: 100%;
height: 100%;
position: absolute
}
.xl\:absolute {
position: absolute
}
.xl\:top-10 {
top: calc(var(--spacing)*10)
}
.xl\:bottom-\[-7\.5\%\] {
bottom: -7.5%
}
.xl\:left-1s {
left: var(--spacing-1s)
}
.xl\:ml-0 {
margin-left: calc(var(--spacing)*0)
}
.xl\:block {
display: block
}
.xl\:flex {
display: flex
}
.xl\:aspect-square {
aspect-ratio: 1
}
.xl\:h-5 {
height: calc(var(--spacing)*5)
}
.xl\:h-\[calc\(100\%-64px\)\] {
height: calc(100% - 64px)
}
.xl\:h-full {
height: 100%
}
.xl\:w-1\/2 {
width: 50%
}
.xl\:w-2\/5 {
width: 40%
}
.xl\:w-3\/5 {
width: 60%
}
.xl\:w-23 {
width: calc(var(--spacing)*23)
}
.xl\:w-\[16rem\] {
width: 16rem
}
.xl\:w-\[calc\(\(100\%-2\*var\(--spacer-1s\)\)\/3\)\] {
width: calc((100% - 2*var(--spacer-1s))/3)
}
.xl\:max-w-32 {
max-width: calc(var(--spacing)*32)
}
.xl\:max-w-48 {
max-width: calc(var(--spacing)*48)
}
.xl\:max-w-none {
max-width: none
}
.xl\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.xl\:grid-cols-\[34\%_1fr\] {
grid-template-columns: 34% 1fr
}
.xl\:flex-row-reverse {
flex-direction: row-reverse
}
.xl\:flex-nowrap {
flex-wrap: nowrap
}
.xl\:items-center {
align-items: center
}
.xl\:items-stretch {
align-items: stretch
}
.xl\:gap-2s {
gap: var(--spacing-2s)
}
.xl\:gap-3l {
gap: var(--spacing-3l)
}
.xl\:gap-4s {
gap: var(--spacing-4s)
}
.xl\:\[column-gap\:10\%\] {
-moz-column-gap: 10%;
column-gap: 10%
}
.xl\:overflow-hidden {
overflow: hidden
}
.xl\:px-0 {
padding-inline: calc(var(--spacing)*0)
}
.xl\:px-1s {
padding-inline: var(--spacing-1s)
}
.xl\:py-1s {
padding-block: var(--spacing-1s)
}
.xl\:py-10 {
padding-block: calc(var(--spacing)*10)
}
.xl\:pt-10 {
padding-top: calc(var(--spacing)*10)
}
.xl\:text-left {
text-align: left
}
.xl\:text-heading-3l {
font-size: var(--text-heading-3l) !important
}
.xl\:opacity-0 {
opacity: 0
}
.xl\:delay-0 {
transition-delay: 0s
}
}
.\[\&_\.news-card\]\:w-24 .news-card {
width: calc(var(--spacing)*24)
}
.\[\&_li\:\:marker\]\:\!text-white li::marker {
color: var(--color-white) !important
}
.\[\&\.swiper-button-disabled\]\:opacity-50.swiper-button-disabled {
opacity: .5
}
.\[\&\>p\:first-child\]\:text-body-m>p:first-child {
font-size: var(--text-body-m) !important
}
.\[\&\>p\:first-child\]\:font-medium>p:first-child {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium)
}
.\[\&\>strong\]\:font-regular>strong {
--tw-font-weight: var(--font-weight-regular);
font-weight: var(--font-weight-regular)
}
.\[\&\>strong\]\:text-brand-green>strong {
color: var(--color-brand-green)
}
.\[\&\[data-state\=active\]\]\:visible[data-state=active] {
visibility: visible
}
[data-state=inactive] .\[\[data-state\=inactive\]_\&\]\:hidden {
display: none
}
button:focus-visible>.\[button\:focus-visible\>\&\]\:outline {
outline-style: var(--tw-outline-style);
outline-width: 1px
}
button:focus-visible>.\[button\:focus-visible\>\&\]\:outline-2 {
outline-style: var(--tw-outline-style);
outline-width: 2px
}
button:focus-visible>.\[button\:focus-visible\>\&\]\:outline-offset-\[3px\] {
outline-offset: 3px
}
button:focus-visible>.\[button\:focus-visible\>\&\]\:outline-\[\#c1d62e\] {
outline-color: var(--color-brand-green)
}
button:hover>.\[button\:hover\>\&\]\:bg-white\/70 {
background-color: #ffffffb3
}
button[data-state=active]>.\[button\[data-state\=\'active\'\]\>\&\]\:scale-100 {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x)var(--tw-scale-y)
}
button[data-state=active]>.\[button\[data-state\=\'active\'\]\>\&\]\:bg-brand-green {
background-color: var(--color-brand-green)
}
:root {
--ignition-bg-primary: #f3f4f6;
--ignition-bg-secondary: #fff;
--ignition-bg-tertiary: #f9fafb;
--ignition-text-primary: #1f2937;
--ignition-text-secondary: #6b7280;
--ignition-text-muted: #9ca3af;
--ignition-border: #e5e7eb;
--ignition-accent: #6366f1;
--ignition-danger: #ef4444;
--ignition-success: #10b981;
--ignition-warning: #f59e0b;
--ignition-code-bg: red;
--ignition-shadow-sm: 0 1px 2px 0 #0000000d;
--ignition-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
--ignition-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a
}
.dark {
--ignition-bg-primary: #111827;
--ignition-bg-secondary: #1f2937;
--ignition-bg-tertiary: #374151;
--ignition-text-primary: #e5e7eb;
--ignition-text-secondary: #d1d5db;
--ignition-text-muted: #9ca3af;
--ignition-border: #374151;
--ignition-accent: #8b5cf6;
--ignition-code-bg: #0000001a
}
.ignition-style-container {
color: var(--ignition-text-primary);
background-color: #0000;
min-height: 100%;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
line-height: 1.5
}
.ignition-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1rem;
display: grid
}
.ignition-grid-2 {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
display: grid
}
.ignition-grid-3 {
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
display: grid
}
.ignition-card {
background-color: var(--ignition-bg-secondary);
box-shadow: var(--ignition-shadow-sm);
border-radius: .5rem;
padding: 1.5rem
}
.ignition-card-header {
cursor: pointer;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
padding: 0 0 .25rem;
display: flex
}
[data-pane=blocks] .ignition-card {
padding: .75rem 1.5rem
}
[data-pane=blocks] .ignition-card-header {
padding: .5rem 0 .25rem
}
.ignition-card-title {
color: var(--ignition-text-primary);
margin: 0;
font-size: 1.125rem;
font-weight: 600
}
.ignition-card-subtitle {
color: var(--ignition-text-secondary);
margin: .25rem 0 0;
font-size: .875rem
}
.ignition-badge {
background-color: var(--ignition-bg-tertiary);
color: var(--ignition-text-secondary);
border: 1px solid var(--ignition-border);
border-radius: 9999px;
align-items: center;
padding: .25rem .75rem;
font-size: .75rem;
font-weight: 500;
display: inline-flex
}
.ignition-badge--primary {
background-color: var(--ignition-accent);
color: #fff;
border-color: var(--ignition-accent)
}
.ignition-badge--danger {
background-color: var(--ignition-danger);
color: #fff;
border-color: var(--ignition-danger)
}
.ignition-badge--success {
background-color: var(--ignition-success);
color: #fff;
border-color: var(--ignition-success)
}
.ignition-badge--warning {
background-color: var(--ignition-warning);
color: #fff;
border-color: var(--ignition-warning)
}
.ignition-code {
background-color: var(--ignition-code-bg);
border: 1px solid var(--ignition-border);
border-radius: .375rem;
padding: 1rem;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: .875rem;
line-height: 1.5;
overflow-x: auto
}
.ignition-code--inline {
padding: .125rem .375rem;
font-size: .75rem;
display: inline
}
.ignition-dump {
background-color: var(--ignition-code-bg);
box-shadow: var(--ignition-shadow-sm);
border-radius: .5rem;
overflow: hidden
}
.ignition-dump pre.sf-dump {
color: var(--ignition-text-primary) !important;
background: 0 0 !important;
border: none !important;
margin: 0 !important;
padding: 1rem !important;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important;
font-size: .875rem !important;
line-height: 1.5 !important
}
.ignition-dump .sf-dump-num {
color: #059669 !important
}
.ignition-dump .sf-dump-const {
color: #f87171 !important;
font-weight: 400 !important
}
.ignition-dump .sf-dump-str {
color: #60a5fa !important;
font-weight: 400 !important
}
.ignition-dump .sf-dump-note {
color: #a78bfa !important
}
.ignition-dump .sf-dump-ref {
color: #6b7280 !important
}
.ignition-dump .sf-dump-private,
.ignition-dump .sf-dump-protected,
.ignition-dump .sf-dump-public {
color: #dc2626 !important
}
.ignition-dump .sf-dump-meta {
color: #4f46e5 !important
}
.ignition-dump .sf-dump-key {
color: #a78bfa !important
}
.ignition-dump .sf-dump-index {
color: #059669 !important
}
.ignition-dump .sf-dump-ellipsis {
color: #a78bfa !important
}
.ignition-dump .sf-dump-toggle {
transition: color .15s ease-in-out;
color: #6b7280 !important
}
.ignition-dump .sf-dump-toggle:hover {
color: #6366f1 !important
}
.ignition-dump .sf-dump-toggle span {
width: 1rem !important;
height: 1rem !important;
box-shadow: var(--ignition-shadow-sm) !important;
background-color: #6b72800d !important;
border-radius: 9999px !important;
justify-content: center !important;
align-items: center !important;
font-size: 9px !important;
display: inline-flex !important;
position: relative !important;
top: -2px !important
}
.ignition-dump .sf-dump-toggle span:hover {
background-color: var(--ignition-bg-secondary) !important;
color: #6366f1 !important;
box-shadow: var(--ignition-shadow-md) !important
}
.dark .ignition-dump .sf-dump-toggle span {
background-color: #0000001a !important
}
.dark .ignition-dump .sf-dump-toggle span:hover {
background-color: var(--ignition-bg-primary) !important
}
.dark .ignition-dump .sf-dump-num {
color: #34d399 !important
}
.dark .ignition-dump .sf-dump-str {
color: #60a5fa !important
}
.dark .ignition-dump .sf-dump-private,
.dark .ignition-dump .sf-dump-protected,
.dark .ignition-dump .sf-dump-public {
color: #f87171 !important
}
.dark .ignition-dump .sf-dump-note {
color: #818cf8 !important
}
.dark .ignition-dump .sf-dump-ref {
color: #9ca3af !important
}
.dark .ignition-dump .sf-dump-meta {
color: #818cf8 !important
}
.dark .ignition-dump .sf-dump-key {
color: #7c3aed !important
}
.dark .ignition-dump .sf-dump-index {
color: #34d399 !important
}
.dark .ignition-dump .sf-dump-ellipsis {
color: #a78bfa !important
}
.ignition-dump .sf-dump-search-wrapper {
align-items: center !important;
margin-bottom: .75rem !important
}
.ignition-dump .sf-dump-search-wrapper>* {
border: 1px solid var(--ignition-border) !important;
border-radius: .375rem !important
}
.ignition-dump .sf-dump-search-wrapper>input.sf-dump-search-input {
background-color: var(--ignition-bg-secondary) !important;
color: var(--ignition-text-primary) !important;
border-radius: .375rem 0 0 .375rem !important;
height: 2rem !important;
padding: 0 .75rem !important;
font-size: .75rem !important
}
.ignition-dump .sf-dump-search-wrapper>.sf-dump-search-input-next,
.ignition-dump .sf-dump-search-wrapper>.sf-dump-search-input-previous {
color: var(--ignition-text-secondary) !important;
background-color: #0000 !important;
padding: 0 .5rem !important;
transition: color .15s ease-in-out !important
}
.ignition-dump .sf-dump-search-wrapper>.sf-dump-search-input-next:hover,
.ignition-dump .sf-dump-search-wrapper>.sf-dump-search-input-previous:hover {
color: var(--ignition-accent) !important
}
.ignition-dump .sf-dump-search-wrapper>.sf-dump-search-count {
color: var(--ignition-text-secondary) !important;
background-color: #0000 !important;
border-radius: 0 .375rem .375rem 0 !important;
padding: 0 1rem !important;
font-size: .75rem !important
}
.ignition-dump .sf-dump-highlight,
.ignition-dump .sf-dump-highlight-active {
border-radius: .25rem !important;
margin: -.125rem -.25rem !important;
padding: .125rem .25rem !important
}
.ignition-dump .sf-dump-highlight {
background-color: #8b5cf61a !important;
border: 1px solid #8b5cf64d !important
}
.ignition-dump .sf-dump-highlight-active {
background-color: #f59e0b1a !important;
border: 1px solid #f59e0b80 !important
}
.ignition-key-value {
flex-direction: column;
gap: .5rem;
display: flex
}
.ignition-key-value-item {
background-color: var(--ignition-bg-tertiary);
border: 1px solid var(--ignition-border);
border-radius: .375rem;
align-items: center;
gap: 1rem;
padding: .5rem .75rem;
display: flex
}
.ignition-key-value-key {
color: #e5e7eb;
flex-shrink: 0;
min-width: 120px;
font-size: .875rem;
font-weight: 600
}
.ignition-key-value-value {
color: var(--ignition-text-primary);
word-break: break-word;
flex: 1;
font-size: .875rem
}
.ignition-key-value-value a {
color: var(--ignition-text-primary) !important
}
.ignition-list {
margin: 0;
padding: 0;
list-style: none
}
.ignition-list-item {
border-bottom: 1px solid var(--ignition-border);
justify-content: space-between;
align-items: center;
padding: .75rem 1rem;
display: flex
}
.ignition-list-item:last-child {
border-bottom: none
}
.ignition-list-item:hover {
background-color: var(--ignition-bg-tertiary)
}
.ignition-button {
border: 1px solid var(--ignition-border);
background-color: var(--ignition-bg-secondary);
color: var(--ignition-text-primary);
cursor: pointer;
border-radius: .375rem;
align-items: center;
gap: .5rem;
padding: .5rem 1rem;
font-size: .875rem;
font-weight: 500;
text-decoration: none;
transition: all .15s ease-in-out;
display: inline-flex
}
.ignition-button:hover {
background-color: var(--ignition-bg-tertiary);
box-shadow: var(--ignition-shadow-md);
transform: translateY(-1px)
}
.ignition-button--primary {
background-color: var(--ignition-accent);
color: #fff;
border-color: var(--ignition-accent)
}
.ignition-button--primary:hover {
background-color: #5b21b6;
border-color: #5b21b6
}
.ignition-button--danger {
background-color: var(--ignition-danger);
color: #fff;
border-color: var(--ignition-danger)
}
.ignition-button--danger:hover {
background-color: #dc2626;
border-color: #dc2626
}
.ignition-section-title {
color: #e5e7eb;
align-items: center;
gap: .5rem;
margin: 0 0 1rem;
font-size: 1.25rem;
font-weight: 600;
display: flex
}
.ignition-section-subtitle {
color: var(--ignition-text-secondary);
margin: 1.5rem 0 .75rem;
font-size: 1rem;
font-weight: 500
}
.ignition-status {
align-items: center;
gap: .375rem;
font-size: .875rem;
font-weight: 500;
display: inline-flex
}
.ignition-status-dot {
border-radius: 50%;
flex-shrink: 0;
width: .5rem;
height: .5rem
}
.ignition-status--success .ignition-status-dot {
background-color: var(--ignition-success)
}
.ignition-status--warning .ignition-status-dot {
background-color: var(--ignition-warning)
}
.ignition-status--danger .ignition-status-dot {
background-color: var(--ignition-danger)
}
@media (max-width: 768px) {
[data-animation=fade-in] {
opacity: 1
}
.ignition-grid,
.ignition-grid-2,
.ignition-grid-3 {
grid-template-columns: 1fr
}
.ignition-card {
padding: 1rem
}
.ignition-key-value-item {
flex-direction: column;
gap: .5rem
}
.ignition-key-value-key {
min-width: auto
}
}
.ignition-fade-in {
animation: .3s ease-out ignition-fade-in
}
@keyframes ignition-fade-in {
0% {
opacity: 0;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.ignition-slide-in {
animation: .3s ease-out ignition-slide-in
}
@keyframes ignition-slide-in {
0% {
opacity: 0;
transform: translate(-20px)
}
to {
opacity: 1;
transform: translate(0)
}
}
.theme-debugger {
--debugger-bg: #1a1a1a;
--debugger-border: #333;
--debugger-text: #e0e0e0;
--debugger-text-muted: #999;
--debugger-primary: #007cba;
--debugger-success: #46b450;
--debugger-warning: #f0ad4e;
--debugger-danger: #dc3545;
--debugger-code-bg: #2d2d2d;
--debugger-shadow: 0 8px 32px #0000004d
}
main#main .sf-dump {
display: none !important
}
.theme-debugger__toggle {
z-index: 9999;
background: var(--debugger-bg);
border: 2px solid var(--debugger-border);
cursor: pointer;
width: 48px;
height: 48px;
box-shadow: var(--debugger-shadow);
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 20px;
transition: all .2s;
display: flex;
position: fixed;
bottom: 20px;
right: 20px;
display: none !important
}
.theme-debugger__toggle:hover {
background: var(--debugger-primary);
transform: scale(1.1)
}
.theme-debugger__panel {
background: var(--debugger-bg);
border-left: 2px solid var(--debugger-border);
z-index: 9998;
width: 75vw;
height: 100vh;
box-shadow: var(--debugger-shadow);
flex-direction: column;
transition: transform .6s cubic-bezier(.22, 1, .36, 1);
display: flex;
position: fixed;
top: 0;
right: 0;
overflow: hidden;
transform: translate(100%)
}
.theme-debugger__panel--open {
transform: translate(0)
}
.theme-debugger__header {
border-bottom: 1px solid var(--debugger-border);
background: #111827;
flex-shrink: 0;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
display: flex
}
.theme-debugger__header h3 {
color: var(--debugger-text);
margin: 0;
font-size: 18px;
font-weight: 600
}
.theme-debugger__close {
color: var(--debugger-text-muted);
cursor: pointer;
background: 0 0;
border: none;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 0;
font-size: 24px;
transition: all .2s;
display: flex
}
.theme-debugger__close:hover {
background: var(--debugger-danger);
color: #fff
}
.theme-debugger__content {
flex-direction: column;
flex: 1;
min-height: 0;
display: flex;
overflow: hidden
}
.theme-debugger__loading {
text-align: center;
color: var(--debugger-text-muted);
padding: 40px 20px
}
.debugger-tabs {
border-bottom: 1px solid var(--debugger-border);
background: #374151;
flex-shrink: 0;
display: flex
}
.debugger-tab {
color: #e5e7eb;
cursor: pointer;
background: 0 0;
border: none;
border-bottom: 2px solid #0000;
flex: 1;
padding: 12px 16px;
font-size: 1rem;
font-weight: 600;
transition: all .2s
}
.debugger-tab:hover {
color: var(--debugger-text);
background: #0003
}
.debugger-tab--active {
color: #e5e7eb;
border-bottom-color: var(--ignition-accent);
background: #0000004d
}
.debugger-content {
flex-direction: column;
flex: 1;
min-height: 0;
display: flex;
overflow: hidden
}
#debugger-content {
overflow: clip scroll
}
.debugger-pane {
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
background: #111827;
flex: 1;
min-height: 0;
padding: 0;
display: none;
overflow: hidden auto
}
.debugger-pane--active {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.227 0c.687 0 1.227.54 1.227 1.227s-.54 1.227-1.227 1.227S0 1.914 0 1.227.54 0 1.227 0z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E");
background-position: 50%;
display: block
}
.ignition-pane {
background: var(--ignition-bg-primary);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.227 0c.687 0 1.227.54 1.227 1.227s-.54 1.227-1.227 1.227S0 1.914 0 1.227.54 0 1.227 0z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E");
padding: 0 !important
}
.ignition-pane>* {
width: 100%;
height: 100%
}
.theme-debugger__panel {
color-scheme: dark
}
.theme-debugger__panel .ignition-style-container,
.theme-debugger__panel .ignition-card,
.theme-debugger__panel .ignition-key-value-item,
.theme-debugger__panel .ignition-code,
.theme-debugger__panel .ignition-dump,
.theme-debugger__panel .ignition-badge,
.theme-debugger__panel .ignition-button {
--ignition-bg-primary: #111827;
--ignition-bg-secondary: #1f2937;
--ignition-bg-tertiary: #374151;
--ignition-text-primary: #e5e7eb;
--ignition-text-secondary: #d1d5db;
--ignition-text-muted: #9ca3af;
--ignition-border: #374151;
--ignition-accent: #8b5cf6;
--ignition-code-bg: #0000001a
}
.ignition-pane .ignition-content,
.ignition-pane .ignition-app,
.ignition-pane .ignition-style-container {
background: var(--ignition-bg-primary) !important;
color: var(--ignition-text-primary) !important
}
.debug-symfony-dump {
background-color: var(--ignition-code-bg);
border: 1px solid var(--ignition-border);
box-shadow: var(--ignition-shadow-sm);
border-radius: .5rem;
overflow: hidden
}
.debug-section h4 {
color: var(--ignition-accent);
border-bottom: 2px solid var(--ignition-accent);
font-size: 1.25rem
}
.debug-section h5 {
color: var(--ignition-text-secondary)
}
.debug-block {
background-color: var(--ignition-bg-secondary);
border: 1px solid var(--ignition-border);
box-shadow: var(--ignition-shadow-sm);
border-radius: .5rem
}
.debug-block__header {
background-color: var(--ignition-bg-tertiary);
border-bottom: 1px solid var(--ignition-border)
}
.debug-block__title strong,
.debug-item strong {
color: var(--ignition-accent)
}
.debug-badge {
background: var(--ignition-accent);
color: #fff;
border: 1px solid var(--ignition-accent)
}
.legacy-debugger-content {
flex-direction: column;
height: 100%;
display: flex
}
.legacy-tabs {
border-bottom: 1px solid var(--debugger-border);
background: #374151;
flex-shrink: 0;
display: flex
}
.legacy-tab {
color: var(--debugger-text-muted);
cursor: pointer;
background: 0 0;
border: none;
border-bottom: 2px solid #0000;
flex: 1;
padding: 8px 12px;
font-size: 12px;
font-weight: 500;
transition: all .2s
}
.legacy-tab:hover {
background: var(--debugger-bg);
color: var(--debugger-text)
}
.legacy-tab--active {
color: var(--debugger-primary);
border-bottom-color: var(--debugger-primary);
background: var(--debugger-bg)
}
.legacy-content {
flex: 1;
overflow: hidden
}
.legacy-pane {
height: 100%;
padding: 16px;
display: none;
overflow: hidden auto
}
.legacy-pane--active {
display: block
}
.debug-section {
margin-bottom: 32px
}
.debug-section h4 {
color: var(--debugger-text);
border-bottom: 1px solid var(--debugger-border);
margin: 0 0 16px;
padding-bottom: 8px;
font-size: 16px;
font-weight: 600
}
.debug-section h5 {
color: var(--debugger-text);
margin: 16px 0 8px;
font-size: 14px;
font-weight: 600
}
.debug-grid {
grid-template-columns: 1fr 1fr;
gap: 12px;
display: grid
}
.debug-item {
color: var(--debugger-text);
font-size: 14px;
line-height: 1.4
}
.debug-item strong {
color: var(--debugger-primary);
min-width: 100px;
display: inline-block
}
.debug-badges {
flex-wrap: wrap;
gap: 8px;
display: flex
}
.debug-badge {
background: var(--debugger-primary);
color: #fff;
border-radius: 4px;
padding: 4px 8px;
font-size: 12px;
font-weight: 500
}
.debug-badge--small {
padding: 2px 6px;
font-size: 11px
}
.debug-blocks {
flex-direction: column;
gap: 16px;
display: flex
}
.debug-block {
border: 1px solid var(--debugger-border);
border-radius: 8px;
overflow: hidden
}
.debug-block__header {
background: var(--debugger-code-bg);
border-bottom: 1px solid var(--debugger-border);
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
transition: background .2s;
display: flex
}
.debug-block__header:hover {
background: var(--debugger-bg)
}
.debug-block__title {
align-items: center;
gap: 8px;
display: flex
}
.debug-block__title strong {
color: var(--debugger-text);
font-size: 14px
}
.debug-block__meta {
color: var(--debugger-text-muted);
align-items: center;
gap: 8px;
font-size: 12px;
display: flex
}
.debug-block__toggle {
color: var(--debugger-text-muted);
cursor: pointer;
background: 0 0;
border: none;
border-radius: 4px;
padding: 4px;
font-size: 12px;
transition: all .2s
}
.debug-block__toggle:hover {
background: var(--debugger-border);
color: var(--debugger-text)
}
.debug-block__content {
padding: 16px;
display: none
}
.debug-block__content--open {
display: block
}
.theme-debugger__panel .ignition-card .debug-block__content {
border-top: 1px solid var(--ignition-border);
background: var(--ignition-bg-secondary);
padding: 1.5rem 0;
display: none !important
}
.theme-debugger__panel .ignition-card .debug-block__content.debug-block__content--open {
display: block !important
}
.debug-block__info {
margin-bottom: 16px
}
.debug-dump {
border: 1px solid var(--debugger-border);
border-radius: 8px;
margin-bottom: 16px;
overflow: hidden
}
.debug-dump__header {
background: var(--debugger-code-bg);
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
display: flex
}
.debug-dump__header strong {
color: var(--debugger-text);
font-size: 14px
}
.debug-dump__meta {
align-items: center;
gap: 8px;
display: flex
}
.debug-dump__toggle {
color: var(--debugger-text-muted);
cursor: pointer;
background: 0 0;
border: none;
border-radius: 4px;
padding: 4px;
font-size: 12px;
transition: all .2s
}
.debug-dump__toggle:hover {
background: var(--debugger-border);
color: var(--debugger-text)
}
.debug-dump__content {
padding: 16px;
display: none
}
.debug-dump__content--open {
display: block
}
.theme-debugger__panel .ignition-card .debug-dump__content {
border-top: 1px solid var(--ignition-border);
background: var(--ignition-bg-secondary);
padding: 1.5rem;
display: none !important
}
.theme-debugger__panel .ignition-card .debug-dump__content.debug-dump__content--open {
display: block !important
}
.debug-meta {
color: var(--debugger-text-muted);
margin-top: 8px;
font-size: 11px;
font-style: italic
}
.debug-text-content {
color: var(--debugger-text);
white-space: pre-wrap;
font-family: Monaco, Menlo, Ubuntu Mono, monospace;
font-size: 12px
}
.debug-raw-html {
border-top: 1px solid var(--debugger-border);
margin-top: 16px;
padding-top: 16px
}
.debug-raw-html summary {
color: var(--debugger-text-muted);
cursor: pointer;
margin-bottom: 8px;
font-size: 12px
}
.debug-raw-html summary:hover {
color: var(--debugger-text)
}
.debug-code {
background: var(--debugger-code-bg);
border: 1px solid var(--debugger-border);
border-radius: 4px;
overflow: hidden
}
.debug-code pre {
color: var(--debugger-text-muted);
margin: 0;
padding: 12px;
font-family: Monaco, Menlo, Ubuntu Mono, monospace;
font-size: 11px;
line-height: 1.4;
overflow-x: auto
}
.debug-json {
background: var(--debugger-code-bg);
border-radius: 4px;
padding: 12px;
font-family: Monaco, Menlo, Ubuntu Mono, monospace;
font-size: 12px;
line-height: 1.4;
overflow-x: auto
}
.debug-indent {
margin-left: 16px
}
.debug-key {
color: var(--debugger-primary);
font-weight: 500
}
.debug-string {
color: var(--debugger-success)
}
.debug-number {
color: var(--debugger-warning)
}
.debug-boolean {
color: var(--debugger-danger);
font-weight: 500
}
.debug-null,
.debug-undefined {
color: var(--debugger-text-muted);
font-style: italic
}
.debug-bracket {
color: var(--debugger-text-muted);
font-weight: 700
}
.debug-array-item,
.debug-object-item {
margin: 4px 0
}
.debug-trace {
border-top: 1px solid var(--debugger-border);
margin-top: 16px;
padding-top: 16px
}
.debug-trace__frame {
color: var(--debugger-text-muted);
margin: 4px 0;
font-family: Monaco, Menlo, Ubuntu Mono, monospace;
font-size: 11px
}
.debug-trace__frame strong {
color: var(--debugger-text)
}
.debug-trace__frame span {
color: var(--debugger-primary);
margin-left: 8px
}
.debug-data-section {
border-top: 1px solid var(--debugger-border);
margin-top: 16px;
padding-top: 16px
}
.debug-symfony-dump {
background: var(--debugger-code-bg);
border: 1px solid var(--debugger-border);
border-radius: 4px;
overflow: hidden
}
.debug-symfony-dump .sf-dump {
margin: 0 !important;
padding: 12px !important
}
.sf-js-enabled .debug-symfony-dump pre.sf-dump .sf-dump-compact {
display: none !important
}
.sf-js-enabled .debug-symfony-dump pre.sf-dump .sf-dump-expanded {
display: block !important
}
.theme-debug-block-overlay {
pointer-events: none;
z-index: 9990;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
opacity: 0;
will-change: transform, opacity;
background: #000000bf;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
transition: opacity .3s;
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translate(0)
}
.theme-debug-block-overlay--visible {
opacity: 1;
pointer-events: auto
}
.theme-debug-block-label {
text-align: center;
pointer-events: none;
opacity: 0;
will-change: transform, opacity;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
transition: all .3s .1s;
transform: translateY(12px)
}
.theme-debug-block-overlay--visible .theme-debug-block-label {
opacity: 1;
transform: translateY(0)
}
.theme-debug-block-button {
background-color: var(--ignition-accent);
color: #fff;
border: 1px solid var(--ignition-accent);
cursor: pointer;
pointer-events: inherit;
box-shadow: var(--ignition-shadow-md);
opacity: 0;
will-change: transform, opacity;
border-radius: .375rem;
padding: .75rem 1.5rem;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
font-size: .875rem;
font-weight: 500;
transition: all .3s .2s;
transform: translateY(12px)
}
.theme-debug-block-overlay--visible .theme-debug-block-button {
opacity: 1;
transform: translateY(0)
}
.theme-debug-block-button:hover {
background-color: var(--ignition-success);
border-color: var(--ignition-success);
box-shadow: var(--ignition-shadow-lg);
transform: translateY(-2px)
}
.theme-debug-block-button--secondary {
background-color: var(--ignition-bg-secondary);
color: var(--ignition-text-primary);
border-color: var(--ignition-border)
}
.theme-debug-block-button--secondary:hover {
background-color: var(--ignition-bg-tertiary);
border-color: var(--ignition-border);
box-shadow: var(--ignition-shadow-lg);
transform: translateY(-2px)
}
.theme-debug-block-start,
.theme-debug-block-end {
display: none !important
}
@media (max-width: 1200px) {
.theme-debugger__panel {
width: 500px
}
}
@media (max-width: 768px) {
.theme-debugger__panel {
width: 100vw;
right: -100vw
}
.debug-grid {
grid-template-columns: 1fr
}
}
.team-moves-calculator form input,
.team-moves-calculator form select {
outline-offset: -2px;
border-left: 2px solid var(--color-brand-green);
outline: 2px solid #0000;
transition: outline .2s ease-in-out
}
:is(.team-moves-calculator form input, .team-moves-calculator form select):focus {
outline-color: var(--color-brand-green)
}
[data-spacing-top=none] {
padding-top: 0
}
[data-spacing-top="2l"] {
padding-top: var(--spacer-3l)
}
[data-spacing-top="4l"] {
padding-top: var(--spacer-4l)
}
[data-spacing-top="5l"] {
padding-top: var(--spacer-5l)
}
[data-spacing-bottom=none] {
padding-bottom: 0
}
[data-spacing-bottom="2l"] {
padding-bottom: var(--spacer-2l)
}
[data-spacing-bottom="4l"] {
padding-bottom: var(--spacer-4l)
}
[data-spacing-bottom="5l"] {
padding-bottom: var(--spacer-5l)
}
@keyframes rotateShine {
0% {
transform: rotate(0)translate(-50%, -50%)
}
to {
transform: rotate(360deg)translate(-50%, -50%)
}
}
.animated-button:hover .animated-button-border {
opacity: 0
}
.animated-button-border {
pointer-events: none;
opacity: 1;
border-radius: 10rem;
width: 100%;
height: 100%;
padding: 1px;
transition: opacity .3s ease-out;
position: absolute;
top: 0;
left: 0;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0, #000 0), linear-gradient(#000 0, #000 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
.animated-button-border-inner {
aspect-ratio: 1;
transform-origin: 0 0;
background: conic-gradient(from 90deg, #fff, #ffffff26 45%, #ffffff26 60%, #fff);
width: 100%;
animation: 3s ease-out infinite rotateShine;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@keyframes scroll {
0% {
transform: translate(0)
}
to {
transform: translate(-100%)
}
}
@keyframes spin {
to {
transform: rotate(360deg)
}
}
@media (min-width: 769px) {
[data-animation=fade-in] {
opacity: 0;
transition: all 1.25s ease-in-out;
}
[data-animation=fade-in].animate {
opacity: 1;
}
[data-animation=word-fade-in] {
visibility: hidden;
opacity: 0;
filter: blur(15px);
transform: translateY(.75em);
transition: all 1.25s ease-in-out;
}
[data-animation=word-fade-in].animate {
visibility: visible;
opacity: 1;
filter: blur(0px);
transform: translate(0px, 0px);
}
[data-animation=word-fade-in] .text-fade-in-word {
opacity: 0;
filter: blur(15px);
display: inline-block;
transform: translateY(.75em);
}
[data-animation=letter-fade-in] {
display: flex
}
[data-animation=letter-fade-in] .letter-fade-in-letter {
opacity: 0;
filter: blur(15px);
transform: translateY(.75em)
}
[data-animation=fade-in-grow] {
opacity: 0;
scale: .75;
transition: all 1.25s ease-in-out;
}
[data-animation=fade-in-grow].animate {
opacity: 1;
scale: none;
}
[data-animation=rotate-scale-in] {
animation: .5s cubic-bezier(0, .55, .45, 1) forwards rotate-scale-in;
animation-delay: var(--animation-delay, 0s);
opacity: 0;
transform: rotate(-90deg)scale(0);
transition: all 1.25s ease-in-out;
}
}
.news-card .group:focus-visible {
outline: 2px solid var(--color-brand-green);
}
.news-card:first-child .group:hover .top-bar,
.news-card:first-child .group:focus .top-bar {
background-color: var(--color-brand-green);
color: var(--color-black)
}
.news-card:nth-child(2) .group:hover .top-bar,
.news-card:nth-child(2) .group:focus .top-bar {
background-color: #216069cc
}
.news-card:nth-child(3) .group:hover .top-bar,
.news-card:nth-child(3) .group:focus .top-bar {
background-color: var(--color-brand-orange)
}
.prose {
gap: var(--spacing-2s);
flex-direction: column;
display: flex
}
.prose :first-child {
margin-top: calc(var(--spacing)*0)
}
.prose p {
font-size: var(--text-body-2s);
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
--tw-font-weight: var(--font-weight-regular);
font-weight: var(--font-weight-regular)
}
.prose a {
color: var(--color-brand-green);
text-decoration-line: underline
}
.prose a:hover {
text-decoration-line: none
}
.prose [target=_blank]:after, .cc-window [target=_blank]:after {
content: "";
vertical-align: middle;
background-color: currentColor;
width: .75em;
height: .75em;
margin-left: .25em;
display: inline-block;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.2 12.2'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.2 12.2'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.prose h2 {
margin-top: var(--spacing-2s);
font-size: var(--text-heading-m);
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
text-transform: uppercase
}
.prose h3 {
margin-top: var(--spacing-2s);
font-size: var(--text-heading-1s);
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
text-transform: uppercase
}
.prose h4 {
margin-top: var(--spacing-3s);
font-size: var(--text-heading-2s);
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
text-transform: uppercase
}
.prose h5 {
font-size: var(--text-body-m);
--tw-leading: 130%;
--tw-font-weight: var(--font-weight-medium);
line-height: 130%;
font-weight: var(--font-weight-medium)
}
.prose li::marker, ul.bullet li::marker {
color: var(--color-brand-green)
}
.prose ul {
flex-direction: column;
gap: 6px;
padding-left: 1.125rem;
list-style-type: disc;
display: flex
}
ul.news-block {
flex-direction: column;
gap: 6px;
padding-left: 0;
list-style-type: none;
display: flex
}
ul.news-block a {
color: var(--color-brand-green);
text-decoration-line: underline
}
ul.bullet {
flex-direction: column;
gap: 6px;
padding-left: 1.125rem;
list-style-type: disc;
display: flex
}
.prose ol {
flex-direction: column;
gap: 6px;
padding-left: 1.125rem;
list-style-type: decimal;
display: flex
}
.prose blockquote {
margin-block: var(--spacing-l);
border-left-style: var(--tw-border-style);
border-left-width: 1px;
border-color: var(--color-brand-green);
padding-left: 1.25rem;
font-style: italic
}
.prose blockquote p {
font-size: var(--text-body-m);
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
--tw-font-weight: var(--font-weight-regular);
font-weight: var(--font-weight-regular)
}
.prose img {
border-radius: 1.5rem;
width: 100%
}
.prose figure {
margin-block: var(--spacing-l);
border-radius: 1.5rem;
width: 100% !important
}
.prose figure figcaption {
font-size: var(--text-body-3s);
--tw-font-weight: var(--font-weight-regular);
line-height: 1;
font-weight: var(--font-weight-regular);
opacity: .5;
padding-top: .5rem;
padding-left: .25rem
}
@media (min-width: 64rem) {
.prose figure figcaption {
padding-left: .5rem
}
}
.prose.headings-no-caps {
gap: var(--spacing-4s)
}
.prose.headings-no-caps h1,
.prose.headings-no-caps h2,
.prose.headings-no-caps h3,
.prose.headings-no-caps h4 {
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
text-transform: none
}
.prose.headings-no-caps h2 {
font-size: var(--text-body-2l)
}
.prose.headings-no-caps p {
font-size: 1.125rem
}
.prose.headings-no-caps img {
width: auto
}
.prose.headings-with-caps p {
opacity: .8
}
.prose.large-paragraphs p {
font-size: var(--text-body-1s)
}
.lawyer-bio-prose>p:first-child {
font-size: var(--text-body-m);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium)
}
.text-block-prose {
gap: var(--spacing-2s);
flex-direction: column;
display: flex
}
.text-block-prose h2, .h2, .h2 * {
font-size: var(--text-heading-2l) !important;
line-height: var(--leading-tight);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
text-transform: uppercase
}
.text-block-prose h3, .h3, .h3 * {
font-size: var(--text-heading-1l) !important;
line-height: var(--leading-tight);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
text-transform: uppercase
}
.text-block-prose h4, .h4, .h4 * {
font-size: var(--text-body-2l) !important;
--tw-font-weight: var(--font-weight-regular);
font-weight: var(--font-weight-regular)
}
.text-block-prose h4 strong, .text-block-prose .h4 strong {
--tw-font-weight: var(--font-weight-regular);
font-weight: var(--font-weight-regular)
}
.text-block-prose p {
margin-inline: auto;
margin-bottom: calc(var(--spacing-4s)*-1);
font-size: var(--text-body-2s) !important
}
@media (min-width: 64rem) {
.text-block-prose p {
max-width: 58ch
}
}
.text-block-prose a {
color: var(--color-link)
}
.text-block-prose strong {
color: var(--color-brand-green)
}
.text-block-prose hr {
height: 4px;
width: calc(var(--spacing)*4);
--tw-border-style: none;
--tw-blur: blur(2.5px);
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, );
background-image: none;
border-style: none;
margin-inline: auto;
display: block;
overflow: visible
}
.text-block-prose hr:before {
content: "";
height: 4px;
width: calc(var(--spacing)*4);
--tw-translate-x: -50%;
translate: var(--tw-translate-x)var(--tw-translate-y);
border-top-style: var(--tw-border-style);
border-top-width: 0;
border-right-style: var(--tw-border-style);
border-right-width: 4rem;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2.5px;
border-left-style: var(--tw-border-style);
--tw-border-style: solid;
border-style: solid;
border-top-color: #0000;
border-left-width: 4rem;
border-right-color: #0000;
border-bottom-color: var(--color-brand-green);
border-left-color: #0000;
margin-inline: auto;
display: block;
position: absolute;
top: -2px;
left: 50%
}
.text-block-prose hr:after {
content: "";
height: 4px;
width: calc(var(--spacing)*4);
--tw-translate-x: -50%;
translate: var(--tw-translate-x)var(--tw-translate-y);
border-top-style: var(--tw-border-style);
border-top-width: 0;
border-right-style: var(--tw-border-style);
border-right-width: 4rem;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2.5px;
border-left-style: var(--tw-border-style);
--tw-border-style: solid;
border-style: solid;
border-top-color: #0000;
border-left-width: 4rem;
border-right-color: #0000;
border-bottom-color: var(--color-brand-green);
border-left-color: #0000;
margin-inline: auto;
display: block;
position: absolute;
top: 2px;
left: 50%;
rotate: 180deg
}
.text-block-prose.large-paragraphs p {
font-size: var(--text-body-1s)
}
.main-navigation>li,
.main-navigation>li a {
align-items: center;
height: 100%;
display: flex
}
.main-navigation>li {
position: relative;
}
.main-navigation>li .divider {
width: 100%;
visibility: hidden;
opacity: 0;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}
.main-navigation>li:hover .divider, .main-navigation>li:focus .divider, .main-navigation>li:focus-within .divider, .main-navigation>li:focus-visible .divider,
.main-navigation>li.nav-item-hover .divider,
.active-top-level .divider {
visibility: visible !important;
opacity: 1 !important;
}
.active-top-level:before, .active-top-level:after {
content: "";
pointer-events: none;
--tw-translate-x: -50%;
width: 165%;
height: 6px;
translate: var(--tw-translate-x) var(--tw-translate-y);
background: radial-gradient(ellipse 50% 100% at center bottom, var(--color-brand-green) 0%, transparent 70%);
filter: blur(2px);
display: block;
position: absolute;
bottom: -1px;
left: 50%;
}
[data-dropdown-target] {
--tw-translate-y: calc(var(--spacing)*1);
translate: var(--tw-translate-x)var(--tw-translate-y);
opacity: 0;
transition-property: opacity, translate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: .3s;
--tw-ease: var(--ease-out);
transition-duration: .3s;
transition-timing-function: var(--ease-out)
}
[data-dropdown-target][data-state=closed] {
pointer-events: none;
opacity: 0
}
[data-dropdown-target][data-state=open] {
pointer-events: auto;
--tw-translate-y: calc(var(--spacing)*0);
translate: var(--tw-translate-x)var(--tw-translate-y);
opacity: 1
}
.mobile-navigation {
pointer-events: all;
position: fixed;
top: -1rem;
bottom: 0;
left: -1rem;
z-index: 9995;
width: calc(100% + 2rem);
min-width: 200px;
height: calc(100vh + var(--spacer-1s));
-webkit-transition: bottom 0s ease 0s, -webkit-transform .3s ease 0s;
transition: bottom 0s ease 0s, -webkit-transform .3s ease 0s;
-o-transition: transform .3s ease 0s, bottom 0s ease 0s;
transition: transform .3s ease 0s, bottom 0s ease 0s;
transition: transform .3s ease 0s, bottom 0s ease 0s, -webkit-transform .3s ease 0s;
}
.mobile-navigation:not(.mm--open) {
pointer-events: none;
bottom: 100%;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition-delay: 0s,.6s;
-o-transition-delay: 0s,.6s;
transition-delay: 0s,.6s;
}
.mobile-navigation ul.mm--child:not(.relative) {
-webkit-overflow-scrolling: touch;
position: fixed;
top: 20px;
padding-top: 50px;
left: calc(100% + 1rem);
bottom: 0;
width: 190%;
padding-right: 100%;
overflow-y: scroll;
overflow-x: hidden;
background: inherit;
-webkit-transition: left .3s ease 0s;
-o-transition: left .3s ease 0s;
transition: left .3s ease 0s;
cursor: default;
height: calc(100vh - 50px);
z-index: 2;
}
.mobile-navigation ul.mm--child.mm--open {
left: 0;
background: black;
}
.mobile-navigation button.mm--back {
width: calc(100% - var(--spacing)*4) !important;
display: block;
z-index: 999 !important;
border: 0 !important;
}
.mobile-navigation ul.mm--parent {
left: calc(-100% - 2rem);
overflow-y: hidden;
}
.offcanvas.mm--main button.mm--back {
display: none !important;
}
.mm-body--open {
overflow: hidden !important;
}
.facetwp-facet.facetwp-facet {
margin-bottom: 0
}
.facetwp-facet.facetwp-facet select {
all: unset;
border-left-style: var(--tw-border-style);
border-left-width: 2px;
border-color: var(--color-brand-green);
background-color: #ffffff1a;
padding-block: var(--spacing-3s);
padding-right: calc(var(--spacer-2s) + 2rem);
padding-left: var(--spacing-2s);
font-size: var(--text-body-2s);
color: #ffffff80;
border-radius: 3.40282e38px;
line-height: 1
}
.facetwp-facet.facetwp-facet select:focus {
outline: none
}
.facetwp-facet.facetwp-facet select:focus-visible {
outline-offset: 3px;
outline: 2px solid var(--color-brand-green)
}
.facetwp-facet.facetwp-facet.facetwp-type-dropdown:after {
content: "";
pointer-events: none;
top: 50%;
right: var(--spacing-2s);
aspect-ratio: 1;
width: calc(var(--spacing)*1.5);
--tw-translate-y: -50%;
translate: var(--tw-translate-x)var(--tw-translate-y);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
position: absolute
}
.facetwp-facet.facetwp-facet.is-loading {
opacity: 1
}
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page {
margin-inline: calc(var(--spacing)*0);
transition-property: background-color, color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: .4s;
--tw-ease: var(--ease-out);
transition-duration: .4s;
transition-timing-function: var(--ease-out)
}
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page:not(.next) {
aspect-ratio: 1;
width: calc(var(--spacing)*2);
border-radius: 3.40282e38px;
justify-content: center;
align-items: center;
display: flex
}
@media (min-width: 40rem) {
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page:not(.next) {
width: 2.875rem
}
}
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page.next {
height: calc(var(--spacing)*2);
justify-content: center;
align-items: center;
gap: var(--spacing-4s);
border-radius: 3.40282e38px;
display: flex
}
@media (max-width: 47.999rem) {
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page.next {
aspect-ratio: 1
}
}
@media (min-width: 40rem) {
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page.next {
height: 2.875rem
}
}
@media (min-width: 48rem) {
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page.next {
padding-inline: var(--spacing-2s)
}
}
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page.active {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-brand-green);
background-color: var(--color-brand-green);
--tw-font-weight: var(--font-weight-regular);
font-weight: var(--font-weight-regular);
color: var(--color-slate)
}
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page.active .animated-button-border {
opacity: 0
}
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page:hover {
background-color: var(--color-brand-green);
color: var(--color-slate)
}
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page:hover .animated-button-border {
opacity: 0
}
@media (max-width: 39.999rem) {
.facetwp-facet.facetwp-facet.facetwp-type-pager a.facetwp-page.is-far {
display: none
}
}
.facetwp-facet.facetwp-facet .facetwp-pager {
align-items: center;
gap: .35rem;
display: flex
}
@media (min-width: 40rem) {
.facetwp-facet.facetwp-facet .facetwp-pager {
gap: var(--spacing-4s)
}
}
@media (min-width: 48rem) {
.facetwp-facet.facetwp-facet.facetwp-type-checkboxes {
-moz-columns: 2;
columns: 2
}
}
.facetwp-facet.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox {
margin-block: calc(var(--spacing)*0);
padding-block: var(--spacing-4s);
background-image: none;
padding-left: 30px;
position: relative
}
.facetwp-facet.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox:before {
top: 50%;
left: calc(var(--spacing)*0);
--tw-translate-y: -50%;
width: 1.125rem;
height: 1.125rem;
translate: var(--tw-translate-x)var(--tw-translate-y);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: #ffffff26;
background-color: #ffffff1a;
--tw-content: "";
content: var(--tw-content);
border-radius: .24rem;
position: absolute
}
.facetwp-facet.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox .facetwp-counter {
display: none
}
.facetwp-facet.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox label {
cursor: pointer;
font-size: var(--text-body-2s);
line-height: 1
}
.facetwp-facet.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox.checked:before {
background-color: var(--color-brand-green);
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11422_28218)'%3E%3Cpath d='M10.2492 0.703125L4.75078 7.95234L1.5 4.70391L0 6.20391L4.99922 11.2031L12 2.20312L10.2492 0.703125Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11422_28218'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: 50%;
background-repeat: no-repeat
}
.facetwp-facet.facetwp-facet .facetwp-reset {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-grey-4);
background-color: var(--color-black);
padding-top: .4rem;
padding-bottom: .5rem;
padding-right: 3.23rem;
padding-left: var(--spacing-3s);
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 9.8639C0 4.41622 4.41622 0 9.8639 0C15.3116 0 19.7278 4.41622 19.7278 9.8639C19.7278 15.3116 15.3116 19.7278 9.8639 19.7278C4.41622 19.7278 0 15.3116 0 9.8639Z' fill='black'/%3E%3Cpath d='M14.5927 14.2666L14.2665 14.5927C14.0865 14.7728 13.7945 14.7728 13.6143 14.5927L9.8639 10.8423L6.11344 14.5927C5.93336 14.7728 5.64133 14.7728 5.46121 14.5927L5.13509 14.2665C4.95497 14.0865 4.95497 13.7945 5.13509 13.6143L8.88554 9.8639L5.13509 6.11344C4.95497 5.93336 4.95497 5.64133 5.13509 5.46121L5.46121 5.13509C5.64132 4.95498 5.93336 4.95498 6.11344 5.13509L9.8639 8.88554L13.6143 5.13509C13.7945 4.95497 14.0865 4.95497 14.2665 5.13509L14.5927 5.46121C14.7728 5.64132 14.7728 5.93336 14.5927 6.11344L10.8423 9.8639L14.5927 13.6143C14.7728 13.7945 14.7728 14.0865 14.5927 14.2666Z' fill='white'/%3E%3C/svg%3E%0A");
background-position: right 1rem center;
background-repeat: no-repeat;
border-radius: 3.40282e38px
}
.facetwp-facet.facetwp-facet.facetwp-type-radio {
-ms-overflow-style: none;
scrollbar-width: none;
gap: var(--spacing-4s);
padding-block: .5rem;
display: flex;
overflow-x: scroll
}
.facetwp-facet.facetwp-facet.facetwp-type-radio::-webkit-scrollbar {
display: none
}
.facetwp-facet.facetwp-facet.facetwp-type-radio .facetwp-radio {
padding-inline: var(--spacing-3s);
padding-block: calc(var(--spacing)*.75);
color: #fffc;
transition-property: color, scale, margin;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: .4s;
--tw-ease: var(--ease-out);
transition-duration: .4s;
transition-timing-function: var(--ease-out);
background-image: none
}
.facetwp-facet.facetwp-facet.facetwp-type-radio .facetwp-radio:before {
content: "";
inset: calc(var(--spacing)*0);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: #ffffff26;
transition-property: border-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: .4s;
--tw-ease: var(--ease-out);
transition-duration: .4s;
transition-timing-function: var(--ease-out);
border-radius: 3.125rem;
position: absolute
}
.facetwp-facet.facetwp-facet.facetwp-type-radio .facetwp-radio.checked {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x)var(--tw-scale-y);
color: var(--color-white);
margin-inline: 1ch
}
.facetwp-facet.facetwp-facet.facetwp-type-radio .facetwp-radio:nth-child(2).checked {
margin-left: .75ch
}
.facetwp-facet.facetwp-facet.facetwp-type-radio .facetwp-radio[aria-label=All],
.facetwp-facet.facetwp-facet.facetwp-type-radio .facetwp-radio .facetwp-counter {
display: none
}
.facetwp-facet.facetwp-facet.facetwp-type-radio .facetwp-radio .facetwp-display-value {
padding: calc(var(--spacing)*0)
}
.facetwp-facet.facetwp-facet .facetwp-load-more {
visibility: hidden;
opacity: 0
}
.swiper.is-filtering {
opacity: 0
}
.gform-theme--foundation.gform-theme--foundation {
--error: #cd1923;
width: 100%
}
.gform-theme--foundation.gform-theme--foundation .gform_fields {
-moz-column-gap: var(--spacing-2s);
column-gap: var(--spacing-2s);
row-gap: var(--spacing-1s)
}
.gform-theme--foundation.gform-theme--foundation input[type=text],
.gform-theme--foundation.gform-theme--foundation input[type=number],
.gform-theme--foundation.gform-theme--foundation input[type=url],
.gform-theme--foundation.gform-theme--foundation input[type=email],
.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-top-style: var(--tw-border-style);
border-top-width: 0;
border-right-style: var(--tw-border-style);
border-right-width: 0;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
border-left-style: var(--tw-border-style);
border-left-width: 2px;
border-color: var(--color-brand-green);
background-color: #ffffff0d;
height: auto;
padding-inline: var(--spacing-2s);
padding-block: var(--spacing-3s);
font-size: var(--text-body-2s);
color: var(--color-white);
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-radius: 1.5rem;
line-height: 1;
width: 100%;
}
:is(.form-control, .gform-theme--foundation.gform-theme--foundation input[type=text], .gform-theme--foundation.gform-theme--foundation input[type=number], .gform-theme--foundation.gform-theme--foundation input[type=url], .gform-theme--foundation.gform-theme--foundation input[type=email]):focus:focus-visible {
outline-style: var(--tw-outline-style);
outline-offset: 3px;
outline-width: 2px;
outline-color: var(--color-brand-green)
}
:is(.form-control, .gform-theme--foundation.gform-theme--foundation input[type=text], .gform-theme--foundation.gform-theme--foundation input[type=number], .gform-theme--foundation.gform-theme--foundation input[type=url], .gform-theme--foundation.gform-theme--foundation input[type=email])::-moz-placeholder {
color: #ffffff80
}
:is(.form-control, .gform-theme--foundation.gform-theme--foundation input[type=text], .gform-theme--foundation.gform-theme--foundation input[type=number], .gform-theme--foundation.gform-theme--foundation input[type=url], .gform-theme--foundation.gform-theme--foundation input[type=email])::placeholder {
color: #ffffff80
}
.gform-theme--foundation.gform-theme--foundation textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-top-style: var(--tw-border-style);
border-top-width: 0;
border-right-style: var(--tw-border-style);
border-right-width: 0;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
border-left-style: var(--tw-border-style);
border-left-width: 2px;
border-color: var(--color-brand-green);
background-color: #ffffff0d;
height: auto;
padding-inline: var(--spacing-2s);
padding-block: var(--spacing-3s);
font-size: var(--text-body-2s);
color: var(--color-white);
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-radius: 1.5rem;
line-height: 1;
min-block-size: 11rem !important
}
.gform-theme--foundation.gform-theme--foundation textarea:focus:focus-visible {
outline-style: var(--tw-outline-style);
outline-offset: 3px;
outline-width: 2px;
outline-color: var(--color-brand-green)
}
.gform-theme--foundation.gform-theme--foundation textarea::-moz-placeholder {
color: #ffffff80
}
.gform-theme--foundation.gform-theme--foundation textarea::placeholder {
color: #ffffff80
}
.gform-theme--foundation.gform-theme--foundation label {
font-size: var(--text-body-4s);
color: var(--color-white);
line-height: 1
}
label {
color: var(--color-white);
line-height: 1
}
.gform-theme--foundation.gform-theme--foundation label .gfield_required, .required {
--error: #cd1923;
font-size: var(--text-body-4s);
color: var(--error) !important;
line-height: 1
}
.gform-theme--foundation.gform-theme--foundation legend {
margin-bottom: var(--spacing-2s);
font-size: var(--text-body-2s);
--tw-font-weight: var(--font-weight-regular);
line-height: 1;
font-weight: var(--font-weight-regular);
color: var(--color-white)
}
.gform-theme--foundation.gform-theme--foundation .gform_required_legend {
display: none
}
.gform-theme--foundation.gform-theme--foundation select {
all: unset;
box-sizing: border-box;
border-left-style: var(--tw-border-style);
border-left-width: 2px;
border-color: var(--color-brand-green);
background-color: #ffffff0d;
width: 100%;
padding-block: var(--spacing-3s);
padding-right: calc(var(--spacer-2s) + 2rem);
padding-left: var(--spacing-2s);
font-size: var(--text-body-2s);
color: #ffffff80;
border-radius: 3.40282e38px;
line-height: 1
}
.gform-theme--foundation.gform-theme--foundation select:focus {
outline: none
}
.gform-theme--foundation.gform-theme--foundation select:focus-visible {
outline-offset: 3px;
outline: 2px solid var(--color-brand-green)
}
.gform-theme--foundation.gform-theme--foundation select:after {
content: "";
pointer-events: none;
top: 50%;
right: var(--spacing-2s);
aspect-ratio: 1;
width: calc(var(--spacing)*1.5);
--tw-translate-y: -50%;
translate: var(--tw-translate-x)var(--tw-translate-y);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
position: absolute
}
.gform-theme--foundation.gform-theme--foundation .ginput_container_consent {
align-items: center
}
.gform-theme--foundation.gform-theme--foundation .ginput_container_consent input[type=checkbox] {
cursor: pointer;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-white);
background-color: var(--color-black);
border-radius: .25rem
}
.gform-theme--foundation.gform-theme--foundation .ginput_container_consent input[type=checkbox]:before {
color: var(--color-brand-green)
}
.gform-theme--foundation.gform-theme--foundation .ginput_container_consent input[type=checkbox]:focus:focus {
outline-style: var(--tw-outline-style);
outline-offset: 3px;
outline-width: 2px;
outline-color: var(--color-brand-green)
}
input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--color-slate);
margin: 0;
font: inherit;
color: currentColor;
width: 20px;
height: 20px;
border: 0.15em solid currentColor;
border-radius: .25rem;
transform: translateY(-0.075em);
display: grid;
place-content: center;
}
input[type=checkbox] {
display: flex;
gap: var(--spacing-3s);
}
input[type=checkbox]::before {
content: "✔";
width: 0.75em;
height: 0.5em;
transform: scale(0);
transition: 120ms transform ease-in-out;
color: var(--color-brand-green);
}
input[type=checkbox]:checked::before {
transform: scale(1);
}
input[type=checkbox]:focus {
outline-style: var(--tw-outline-style);
outline-offset: 3px;
outline-width: 2px;
outline-color: var(--color-brand-green)
}
.form-control-input input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--color-slate);
margin: 0;
font: inherit;
color: currentColor;
width: 1.25em;
height: 1.25em;
border: 0.15em solid currentColor;
border-radius: 50%;
transform: translateY(-0.075em);
display: grid;
place-content: center;
}
.form-control-input {
line-height: 1;
display: flex;
gap: var(--spacing-3s);
}
.form-control-input input[type=radio]::before {
content: "";
width: 0.65em;
height: 0.65em;
border-radius: 50%;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--color-brand-green);
}
.form-control-input input[type=radio]:checked::before {
transform: scale(1);
}
.form-control-input input[type=radio]:focus {
outline-style: var(--tw-outline-style);
outline-offset: 3px;
outline-width: 2px;
outline-color: var(--color-brand-green)
}
.gform-theme--foundation.gform-theme--foundation .ginput_container_consent label {
cursor: pointer;
font-size: var(--text-body-3s);
line-height: 1
}
.gform-theme--foundation.gform-theme--foundation .ginput_container_consent label a {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
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-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: .4s;
text-decoration-line: underline;
transition-duration: .4s
}
.gform-theme--foundation.gform-theme--foundation .ginput_container_consent label a:hover {
color: var(--color-brand-green)
}
.gform-theme--foundation.gform-theme--foundation .gfield_checkbox {
grid-template-columns: repeat(2, minmax(0, 1fr));
display: grid
}
.gform-theme--foundation.gform-theme--foundation .gfield_checkbox .gchoice {
align-items: center;
display: flex
}
.gform-theme--foundation.gform-theme--foundation .gfield_checkbox .gchoice label {
cursor: pointer;
font-size: var(--text-body-2s);
color: #fffc;
line-height: 1
}
.gform-theme--foundation.gform-theme--foundation .gfield_checkbox .gfield-choice-input {
cursor: pointer;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-white);
background-color: var(--color-black);
border-radius: .25rem
}
.gform-theme--foundation.gform-theme--foundation .gfield_checkbox .gfield-choice-input:before {
color: var(--color-brand-green)
}
.gform-theme--foundation.gform-theme--foundation .gfield_checkbox .gfield-choice-input:focus:focus {
outline-style: var(--tw-outline-style);
outline-offset: 3px;
outline-width: 2px;
outline-color: var(--color-brand-green)
}
.gform-theme--foundation.gform-theme--foundation .gfield--type-fileupload .gform_fileupload_rules {
display: none
}
.gform-theme--foundation.gform-theme--foundation .gfield--type-fileupload .ginput_container_fileupload {
position: relative
}
.gform-theme--foundation.gform-theme--foundation .gfield--type-fileupload input[type=file] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-top-style: var(--tw-border-style);
border-top-width: 0;
border-right-style: var(--tw-border-style);
border-right-width: 0;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
border-left-style: var(--tw-border-style);
border-left-width: 2px;
border-color: var(--color-brand-green);
background-color: #ffffff0d;
width: 100%;
height: auto;
padding-block: var(--spacing-3s);
padding-right: calc(var(--spacer-2s) + 1.5rem);
padding-left: var(--spacing-2s);
text-align: center;
font-size: var(--text-body-2s);
line-height: var(--leading-normal);
color: #ffffff80;
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-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: .4s;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: calc(100% - var(--spacer-2s))center;
border-radius: 1.5rem;
transition-duration: .4s
}
.gform-theme--foundation.gform-theme--foundation .gfield--type-fileupload input[type=file]::file-selector-button {
display: none
}
.gform-theme--foundation.gform-theme--foundation .gfield--type-fileupload input[type=file]:hover {
background-color: #ffffff1a
}
.gform-theme--foundation.gform-theme--foundation .gfield--type-fileupload input[type=file]:focus {
outline-style: var(--tw-outline-style);
outline-offset: 3px;
outline-width: 2px;
outline-color: var(--color-brand-green)
}
.gform-theme--foundation.gform-theme--foundation button[type=submit].animated-button {
--tw-duration: .4s;
--tw-ease: var(--ease-out);
font-size: var(--text-body-2s) !important;
transition-property: background-color, color !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
transition-duration: .4s !important;
transition-timing-function: var(--ease-out) !important;
background-color: #0000 !important;
border-radius: 10rem !important
}
@media (hover:hover) {
.gform-theme--foundation.gform-theme--foundation button[type=submit].animated-button:hover {
background-color: var(--color-brand-green) !important;
color: var(--color-slate) !important
}
}
.gform-theme--foundation.gform-theme--foundation button[type=submit].animated-button:focus {
background-color: #0000 !important;
border-color: #0000 !important
}
.gform-theme--foundation.gform-theme--foundation button[type=submit].animated-button:focus:focus-visible {
outline-style: var(--tw-outline-style);
outline-offset: 3px;
outline-width: 2px;
outline-color: var(--color-brand-green)
}
.gform-theme--foundation.gform-theme--foundation .gform_validation_errors {
display: none
}
.gform-theme--foundation.gform-theme--foundation .gform-footer {
margin-top: var(--spacing-s) !important
}
.swiper-pagination {
gap: .5rem;
display: flex
}
.swiper-pagination .swiper-pagination-bullet {
--tw-scale-x: 75%;
--tw-scale-y: 75%;
--tw-scale-z: 75%;
scale: var(--tw-scale-x)var(--tw-scale-y);
cursor: pointer;
background-color: var(--color-grey-1);
opacity: .5;
transition-property: scale, opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: .4s;
--tw-ease: var(--ease-out);
transition-duration: .4s;
transition-timing-function: var(--ease-out);
border-radius: 3.40282e38px;
margin: calc(var(--spacing)*0) !important;
aspect-ratio: 1 !important;
width: .625rem !important;
height: .625rem !important
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x)var(--tw-scale-y);
background-color: var(--color-brand-green);
opacity: 1
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px)0
}
}
@keyframes plyr-popup {
0% {
opacity: .5;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes plyr-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
min-width: 200px;
max-width: 100%;
text-shadow: none;
z-index: 0;
direction: ltr;
flex-direction: column;
align-items: center;
transition: box-shadow .3s;
display: flex;
position: relative
}
.plyr audio,
.plyr iframe,
.plyr video {
width: 100%;
height: 100%;
display: block
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto
}
.plyr:focus {
outline: 0
}
.plyr--full-ui {
box-sizing: border-box
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
box-sizing: inherit
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation
}
.plyr__badge {
background: #4a5464;
background: var(--plyr-badge-background, #4a5464);
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
padding: 3px 4px;
line-height: 1
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none
}
.plyr__captions {
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
text-align: center;
width: 100%;
transition: transform .4s ease-in-out;
animation: .3s plyr-fade-in;
display: none;
position: absolute;
bottom: 0;
left: 0
}
.plyr__captions span:empty {
display: none
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: 20px;
padding: calc(var(--plyr-control-spacing, 10px)*2)
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px)
}
}
.plyr--captions-active .plyr__captions {
display: block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
transform: translateY(-40px);
transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}
.plyr__caption {
background: #000c;
background: var(--plyr-captions-background, #000c);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: var(--plyr-captions-text-color, #fff);
white-space: pre-wrap;
border-radius: 2px;
padding: .2em .5em;
line-height: 185%
}
.plyr__caption div {
display: inline
}
.plyr__control {
border-radius: 4px;
border-radius: var(--plyr-control-radius, 4px);
color: inherit;
cursor: pointer;
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px)*.7);
background: 0 0;
border: 0;
flex-shrink: 0;
transition: all .1s ease-in-out;
position: relative;
overflow: visible
}
.plyr__control svg {
fill: currentColor;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px);
display: block
}
.plyr__control:focus {
outline: 0
}
.plyr__control:focus-visible {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px
}
a.plyr__control {
text-decoration: none
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
display: none
}
.plyr--full-ui ::-webkit-media-controls {
display: none
}
.plyr__controls {
text-align: center;
justify-content: flex-end;
align-items: center;
display: flex
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
display: none
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
display: inline-block
}
.plyr__menu {
display: flex;
position: relative
}
.plyr__menu .plyr__control svg {
transition: transform .3s
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg)
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none
}
.plyr__menu__container {
background: #ffffffe6;
background: var(--plyr-menu-background, #ffffffe6);
border-radius: 8px;
border-radius: var(--plyr-menu-radius, 8px);
box-shadow: 0 1px 2px #00000026;
box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
color: var(--plyr-menu-color, #4a5464);
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
text-align: left;
white-space: nowrap;
z-index: 3;
margin-bottom: 10px;
animation: .2s plyr-popup;
position: absolute;
bottom: 100%;
right: -3px
}
.plyr__menu__container>div {
transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
overflow: hidden
}
.plyr__menu__container:after {
border: 4px solid #0000;
border-top-color: #ffffffe6;
border: var(--plyr-menu-arrow-size, 4px)solid #0000;
border-top-color: var(--plyr-menu-background, #ffffffe6);
content: "";
height: 0;
right: 14px;
right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
width: 0;
position: absolute;
top: 100%
}
.plyr__menu__container [role=menu] {
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
margin-top: 2px
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0
}
.plyr__menu__container .plyr__control {
color: var(--plyr-menu-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding: 4.66667px 10.5px;
padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5)calc(var(--plyr-control-spacing, 10px)*.7*1.5);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
align-items: center;
width: 100%;
display: flex
}
.plyr__menu__container .plyr__control>span {
align-items: inherit;
width: 100%;
display: flex
}
.plyr__menu__container .plyr__control:after {
border: 4px solid #0000;
border: var(--plyr-menu-item-arrow-size, 4px)solid #0000;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: #728197;
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: 6.5px;
right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
border-left-color: initial
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: 7px;
margin: calc(var(--plyr-control-spacing, 10px)*.7);
margin-bottom: 3.5px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
padding-left: 28px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
width: calc(100% - 14px);
width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2);
position: relative
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: #728197;
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: 6.5px;
left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--back:before {
background: #dcdfe5;
background: var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow: 0 1px #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: "";
height: 1px;
margin-top: 3.5px;
margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
border-right-color: initial
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
border-radius: 100%
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
content: "";
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
background: #0000001a;
flex-shrink: 0;
width: 16px;
transition: all .3s;
display: block
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
opacity: 0;
background: #fff;
border: 0;
width: 6px;
height: 6px;
transition: transform .3s, opacity .3s;
top: 50%;
left: 12px;
transform: translateY(-50%)scale(0)
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
background: #00b2ff;
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
opacity: 1;
transform: translateY(-50%)scale(1)
}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
background: #23282f1a
}
.plyr__menu__container .plyr__menu__value {
margin-left: auto;
margin-right: -5px;
margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
padding-left: 24.5px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
pointer-events: none;
align-items: center;
display: flex;
overflow: hidden
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 26px;
border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
height: 19px;
height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
background: 0 0;
border: 0;
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
transition: box-shadow .3s;
display: block
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: linear-gradient(90deg, currentColor 0, #0000 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-user-select: none;
user-select: none;
border: 0;
-webkit-transition: box-shadow .3s;
transition: box-shadow .3s
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: -4px;
margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
border: 0;
border-radius: 100%;
-webkit-transition: all .2s;
transition: all .2s;
position: relative
}
.plyr--full-ui input[type=range]::-moz-range-track {
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: 0 0;
border: 0;
-moz-transition: box-shadow .3s;
transition: box-shadow .3s
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
border: 0;
border-radius: 100%;
-moz-transition: all .2s;
transition: all .2s;
position: relative
}
.plyr--full-ui input[type=range]::-moz-range-progress {
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
background: currentColor
}
.plyr--full-ui input[type=range]::-ms-track {
color: #0000
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-user-select: none;
user-select: none;
background: 0 0;
border: 0;
-ms-transition: box-shadow .3s;
transition: box-shadow .3s
}
.plyr--full-ui input[type=range]::-ms-track {
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-user-select: none;
user-select: none;
background: 0 0;
border: 0;
-ms-transition: box-shadow .3s;
transition: box-shadow .3s
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-user-select: none;
user-select: none;
background: currentColor;
border: 0;
-ms-transition: box-shadow .3s;
transition: box-shadow .3s
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
border: 0;
border-radius: 100%;
margin-top: 0;
-ms-transition: all .2s;
transition: all .2s;
position: relative
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0
}
.plyr--full-ui input[type=range]:focus {
outline: 0
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px
}
.plyr__poster {
background-color: #000;
background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
opacity: 0;
z-index: 1;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
transition: opacity .2s;
position: absolute;
top: 0;
left: 0
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
display: none
}
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__time+.plyr__time:before {
content: "⁄";
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px)
}
@media (max-width: 767px) {
.plyr__time+.plyr__time {
display: none
}
}
.plyr__tooltip {
background: #fff;
background: var(--plyr-tooltip-background, #fff);
border-radius: 5px;
border-radius: var(--plyr-tooltip-radius, 5px);
box-shadow: 0 1px 2px #00000026;
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
color: var(--plyr-tooltip-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
opacity: 0;
padding: 5px 7.5px;
padding: calc(var(--plyr-control-spacing, 10px)/2)calc(var(--plyr-control-spacing, 10px)/2*1.5);
pointer-events: none;
transform-origin: 50% 100%;
white-space: nowrap;
z-index: 2;
line-height: 1.3;
transition: transform .2s .1s, opacity .2s .1s;
position: absolute;
bottom: 100%;
left: 50%;
transform: translate(-50%, 10px)scale(.8)
}
.plyr__tooltip:before {
border-left: 4px solid #0000;
border-left: var(--plyr-tooltip-arrow-size, 4px)solid #0000;
border-right: 4px solid #0000;
border-right: var(--plyr-tooltip-arrow-size, 4px)solid #0000;
border-top: 4px solid #fff;
border-top: var(--plyr-tooltip-arrow-size, 4px)solid var(--plyr-tooltip-background, #fff);
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content: "";
z-index: 2;
width: 0;
height: 0;
position: absolute;
left: 50%;
transform: translate(-50%)
}
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%)scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
transform-origin: 0 100%;
left: 0;
transform: translateY(10px)scale(.8)
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
left: 16px;
left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
transform-origin: 100% 100%;
left: auto;
right: 0;
transform: translateY(10px)scale(.8)
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: 16px;
right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
transform: translate(50%)
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0)scale(1)
}
.plyr__progress {
left: 6.5px;
left: calc(var(--plyr-range-thumb-height, 13px)*.5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
margin-left: -6.5px;
margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
margin-right: -6.5px;
margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px))
}
.plyr__progress input[type=range] {
z-index: 2;
position: relative
}
.plyr__progress .plyr__tooltip {
overflow-wrap: break-word;
max-width: 120px;
left: 0
}
.plyr__progress__buffer {
-webkit-appearance: none;
appearance: none;
height: 5px;
height: var(--plyr-range-track-height, 5px);
margin-top: -2.5px;
margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
background: 0 0;
border: 0;
border-radius: 100px;
padding: 0;
position: absolute;
top: 50%;
left: 0
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0
}
.plyr__progress__buffer::-webkit-progress-value {
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
background: currentColor;
border-radius: 100px;
-webkit-transition: width .2s;
transition: width .2s
}
.plyr__progress__buffer::-moz-progress-bar {
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
background: currentColor;
border-radius: 100px;
-moz-transition: width .2s;
transition: width .2s
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width .2s;
transition: width .2s
}
.plyr--loading .plyr__progress__buffer {
background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99)25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99)50%, var(--plyr-progress-loading-background, #23282f99)75%, #0000 75%, #0000);
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px)var(--plyr-progress-loading-size, 25px);
color: #0000;
animation: 1s linear infinite plyr-progress
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: #ffffff40;
background-color: var(--plyr-video-progress-buffered-background, #ffffff40)
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: #c1c8d199;
background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}
.plyr__progress__marker {
background-color: #fff;
background-color: var(--plyr-progress-marker-background, #fff);
height: 5px;
height: var(--plyr-range-track-height, 5px);
width: 3px;
width: var(--plyr-progress-marker-width, 3px);
z-index: 3;
border-radius: 1px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.plyr__volume {
align-items: center;
display: flex;
position: relative
}
.plyr__volume input[type=range] {
margin-left: 5px;
margin-left: calc(var(--plyr-control-spacing, 10px)/2);
margin-right: 5px;
margin-right: calc(var(--plyr-control-spacing, 10px)/2);
z-index: 2;
min-width: 60px;
max-width: 90px;
position: relative
}
.plyr--audio {
display: block
}
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: var(--plyr-audio-control-color, #4a5464);
padding: 10px;
padding: var(--plyr-control-spacing, 10px)
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background: #00b2ff;
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color: var(--plyr-audio-control-color-hover, #fff)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: #c1c8d199;
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: #c1c8d199;
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: #c1c8d199;
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}
.plyr--audio .plyr__progress__buffer {
color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}
.plyr--video {
overflow: hidden
}
.plyr--video.plyr--menu-open {
overflow: visible
}
.plyr__video-wrapper {
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
border-radius: inherit;
width: 100%;
height: 100%;
margin: auto;
position: relative;
overflow: hidden
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
aspect-ratio: 16/9
}
@supports not (aspect-ratio:16/9) {
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
position: relative
}
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.2813%)
}
.plyr--video .plyr__controls {
background: linear-gradient(#0000, #000000bf);
background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
color: var(--plyr-video-control-color, #fff);
padding: 5px;
padding: calc(var(--plyr-control-spacing, 10px)/2);
padding-top: 20px;
padding-top: calc(var(--plyr-control-spacing, 10px)*2);
z-index: 3;
transition: opacity .4s ease-in-out, transform .4s ease-in-out;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: 35px;
padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%)
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #00b2ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color: var(--plyr-video-control-color-hover, #fff)
}
.plyr__control--overlaid {
background: #00b2ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color: var(--plyr-video-control-color, #fff);
opacity: .9;
padding: 15px;
padding: calc(var(--plyr-control-spacing, 10px)*1.5);
z-index: 2;
border: 0;
border-radius: 100%;
transition: all .3s;
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.plyr__control--overlaid svg {
position: relative;
left: 2px
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
opacity: 1
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: #ffffff40;
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: #ffffff40;
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: #ffffff40;
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}
.plyr--video .plyr__progress__buffer {
color: var(--plyr-video-progress-buffered-background, #ffffff40)
}
.plyr:fullscreen {
background: #000;
width: 100%;
height: 100%;
margin: 0;
border-radius: 0 !important
}
.plyr:fullscreen video {
height: 100%
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none
}
@media (min-width: 1024px) {
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr--fullscreen-fallback {
z-index: 10000000;
background: #000;
width: 100%;
height: 100%;
margin: 0;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 0 !important
}
.plyr--fullscreen-fallback video {
height: 100%
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr__ads {
border-radius: inherit;
cursor: pointer;
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden
}
.plyr__ads>div,
.plyr__ads>div iframe {
width: 100%;
height: 100%;
position: absolute
}
.plyr__ads:after {
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
pointer-events: none;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3;
background: #23282f;
border-radius: 2px;
padding: 2px 6px;
font-size: 11px;
position: absolute
}
.plyr__ads:empty:after {
display: none
}
.plyr__cues {
height: 5px;
height: var(--plyr-range-track-height, 5px);
opacity: .8;
z-index: 3;
background: currentColor;
width: 3px;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.plyr__preview-thumb {
background-color: #fff;
background-color: var(--plyr-tooltip-background, #fff);
border-radius: 8px;
border-radius: var(--plyr-menu-radius, 8px);
box-shadow: 0 1px 2px #00000026;
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
opacity: 0;
pointer-events: none;
transform-origin: 50% 100%;
z-index: 2;
padding: 3px;
transition: transform .2s .1s, opacity .2s .1s;
position: absolute;
bottom: 100%;
transform: translateY(10px)scale(.8)
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0)scale(1)
}
.plyr__preview-thumb:before {
border-left: 4px solid #0000;
border-left: var(--plyr-tooltip-arrow-size, 4px)solid #0000;
border-right: 4px solid #0000;
border-right: var(--plyr-tooltip-arrow-size, 4px)solid #0000;
border-top: 4px solid #fff;
border-top: var(--plyr-tooltip-arrow-size, 4px)solid var(--plyr-tooltip-background, #fff);
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content: "";
height: 0;
left: calc(50% + var(--preview-arrow-offset));
z-index: 2;
width: 0;
position: absolute;
transform: translate(-50%)
}
.plyr__preview-thumb__image-container {
border-radius: 7px;
border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
z-index: 0;
background: #c1c8d1;
position: relative;
overflow: hidden
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.plyr__preview-thumb__image-container:after {
border-radius: inherit;
content: "";
pointer-events: none;
box-shadow: inset 0 0 0 1px #00000026
}
.plyr__preview-thumb__image-container img {
max-width: none;
max-height: none
}
.plyr__preview-thumb__time-container {
background: linear-gradient(#0000, #000000bf);
background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
border-bottom-left-radius: 7px;
border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
border-bottom-right-radius: 7px;
border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
z-index: 3;
padding: 20px 6px 6px;
line-height: 1.1;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.plyr__preview-thumb__time-container span {
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__preview-scrubbing {
filter: blur(1px);
opacity: 0;
pointer-events: none;
z-index: 1;
width: 100%;
height: 100%;
margin: auto;
transition: opacity .3s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden
}
.plyr__preview-scrubbing--is-shown {
opacity: 1
}
.plyr__preview-scrubbing img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
top: 0;
left: 0
}
.plyr--no-transition {
transition: none !important
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important
}
.plyr [hidden] {
display: none !important
}
.plyr {
--plyr-color-main: var(--color-brand-green);
border-radius: 1rem;
overflow: hidden
}
.plyr--video {
background: 0 0
}
.plyr__video-wrapper {
background: #000;
border-radius: 1rem
}
.plyr__controls {
background: linear-gradient(#0000, #000c);
padding: 1rem
}
.plyr__control--overlaid {
background: var(--color-brand-green, #0f0);
border: none;
padding: 1.5rem
}
.plyr__control--overlaid:hover,
.plyr__control--overlaid:focus {
background: var(--color-brand-green, #0f0);
opacity: .9
}
.plyr__control--overlaid svg {
filter: brightness(0)
}
.plyr__control {
color: #fff
}
.plyr__control:hover {
background: #ffffff1a
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 2px var(--color-brand-green, #0f0)
}
.plyr--full-ui input[type=range] {
color: var(--color-brand-green, #0f0)
}
.plyr__progress__buffer,
.plyr--video .plyr__progress__buffer {
background: #ffffff40
}
[data-video-container] {
aspect-ratio: 16/9;
width: 100%
}
[data-video-container] .plyr {
width: 100%;
height: 100%
}
[data-video-container] .plyr__video-wrapper {
height: 100%
}
:root {
--body-margin: 7.5rem;
--border-radius: 1rem;
--spacer-5s: .25rem;
--spacer-4s: clamp(.25rem, .162rem + .3756vw, .5rem);
--spacer-3s: 1rem;
--spacer-2s: clamp(1rem, .8239rem + .7512vw, 1.5rem);
--spacer-1s: clamp(1.5rem, 1.3239rem + .7512vw, 2rem);
--spacer-s: clamp(1.5rem, 1.1479rem + 1.5023vw, 2.5rem);
--spacer-l: clamp(2rem, 1.6479rem + 1.5023vw, 3rem);
--spacer-1l: clamp(2rem, 1.4718rem + 2.2535vw, 3.5rem);
--spacer-2l: clamp(2.5rem, 1.9718rem + 2.2535vw, 4rem);
--spacer-3l: clamp(3.5rem, 2.9718rem + 2.2535vw, 5rem);
--spacer-4l: clamp(3.5rem, 2.2676rem + 5.2582vw, 7rem);
--spacer-5l: clamp(3.5rem, 2.0915rem + 6.0094vw, 7.5rem);
--container-max-width: calc(1400px + 15%);
--container-padding: 4%
}
@media (min-width: 850px) {
:root {
--container-padding: 7%
}
}
@media (min-width: 1000px) {
:root {
--container-padding: 5.8%
}
}
::-moz-selection {
background: var(--color-brand-green);
color: #000
}
::selection {
background: var(--color-brand-green);
color: #000
}
body {
background-color: var(--color-black);
font-family: var(--font-family-euclid-square);
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
--tw-font-weight: var(--font-weight-regular);
font-weight: var(--font-weight-regular);
color: var(--color-white)
}
*,
:before,
:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: transparent;
position: relative
}
:focus {
outline: none
}
:focus-visible {
outline-offset: 3px;
outline: 2px solid var(--color-brand-green)
}
.scrollbar-hide {
scrollbar-width: none;
-ms-overflow-style: none
}
.scrollbar-hide::-webkit-scrollbar {
display: none
}
.container {
max-width: var(--container-max-width);
padding-left: var(--container-padding);
padding-right: var(--container-padding);
margin: 0 auto
}
button {
cursor: pointer
}
@view-transition {
navigation: auto
}
.search-form-input {
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.49385 17.0897C11.1791 17.0894 12.8157 16.5252 14.1432 15.4871L18.3169 19.6607L19.6594 18.3183L15.4857 14.1446C16.5244 12.817 17.0889 11.1799 17.0893 9.49428C17.0893 5.30636 13.6818 1.89886 9.49385 1.89886C5.30593 1.89886 1.89844 5.30636 1.89844 9.49428C1.89844 13.6822 5.30593 17.0897 9.49385 17.0897ZM9.49385 3.79772C12.6355 3.79772 15.1904 6.35263 15.1904 9.49428C15.1904 12.6359 12.6355 15.1908 9.49385 15.1908C6.3522 15.1908 3.79729 12.6359 3.79729 9.49428C3.79729 6.35263 6.3522 3.79772 9.49385 3.79772Z' fill='white'/%3E%3C/svg%3E%0A");
background-position: right 1.5rem center;
background-repeat: no-repeat
}
.page-template-default.faqs .container {
max-width: 1000px
}
@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-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-border-style {
syntax: "*";
inherits: false;
initial-value: solid
}
@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;
initial-value: rotateX(0)
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
initial-value: rotateY(0)
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
initial-value: rotateZ(0)
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
initial-value: skewX(0)
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
initial-value: skewY(0)
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0
}
@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-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@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-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-content {
syntax: "*";
inherits: false;
initial-value: ""
}
@keyframes pulse {
50% {
opacity: .5
}
}
@supports not (translate: 0) {
.divider:before {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.divider:after {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate3d(0, 0, 1, 180deg)
}
.-translate-x-1\/2,
.-translate-x-5s,
.translate-x-\[-50\%\],
.translate-x-full,
.-translate-y-1\/2,
.-translate-y-\[1px\],
.-translate-y-full,
.translate-y-1,
.translate-y-1\/2,
.translate-y-\[-20px\],
.translate-y-\[2rem\],
.translate-y-\[5px\],
.translate-y-full {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.scale-75,
.scale-101,
.scale-x-0,
.scale-y-0 {
transform: scale3d(var(--tw-scale-x), var(--tw-scale-y), 1)
}
.rotate-45 {
transform: rotate3d(0, 0, 1, 45deg)
}
.rotate-180 {
transform: rotate3d(0, 0, 1, 180deg)
}
.rotate-\[270deg\] {
transform: rotate3d(0, 0, 1, 270deg)
}
.group-hover\:translate-x-\[0\.15rem\]:is(:where(.group):hover *) {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.group-hover\:translate-y-0:is(:where(.group):hover *) {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.group-hover\:translate-y-\[1rem\]:is(:where(.group):hover *) {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.group-hover\:scale-110:is(:where(.group):hover *) {
transform: scale3d(var(--tw-scale-x), var(--tw-scale-y), 1)
}
.group-hover\:scale-120:is(:where(.group):hover *) {
transform: scale3d(var(--tw-scale-x), var(--tw-scale-y), 1)
}
.group-hover\:scale-y-100:is(:where(.group):hover *) {
transform: scale3d(var(--tw-scale-x), var(--tw-scale-y), 1)
}
.group-data-\[state\=open\]\:translate-x-0:is(:where(.group)[data-state=open] *) {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.group-data-\[state\=open\]\:translate-y-0:is(:where(.group)[data-state=open] *) {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.hover\:rotate-90:hover {
transform: rotate3d(0, 0, 1, 90deg)
}
.data-\[state\=open\]\:translate-y-0[data-state=open] {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.lg\:group-hover\:scale-y-\[120\%\]:is(:where(.group):hover *) {
transform: scale3d(var(--tw-scale-x), var(--tw-scale-y), 1)
}
.lg\:hover\:translate-y-\[-7\.5\%\]:hover {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
button[data-state=active]>.\[button\[data-state\=\'active\'\]\>\&\]\:scale-100 {
transform: scale3d(var(--tw-scale-x), var(--tw-scale-y), 1)
}
.text-block-prose hr:before {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.text-block-prose hr:after {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate3d(0, 0, 1, 180deg)
}
[data-dropdown-target],
[data-dropdown-target][data-state=open] {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.facetwp-facet.facetwp-facet.facetwp-type-dropdown:after {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.facetwp-facet.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox:before {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.facetwp-facet.facetwp-facet.facetwp-type-radio .facetwp-radio.checked {
transform: scale3d(var(--tw-scale-x), var(--tw-scale-y), 1)
}
.gform-theme--foundation.gform-theme--foundation select:after {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
}
.swiper-pagination .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
transform: scale3d(var(--tw-scale-x), var(--tw-scale-y), 1)
}
}