.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@layer properties;
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
--color-gray-300: oklch(87.2% 0.01 258.338);
--color-gray-600: oklch(44.6% 0.03 256.802);
--color-gray-900: oklch(21% 0.034 264.665);
--color-neutral-300: oklch(87% 0 0);
--color-neutral-500: oklch(55.6% 0 0);
--color-neutral-900: oklch(20.5% 0 0);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-xs: 20rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--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);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--tracking-tighter: -0.05em;
--tracking-normal: 0em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--leading-tight: 1.25;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-4xl: 2rem;
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-background: var(--wp--preset--color--background);
--color-foreground: var(--wp--preset--color--foreground);
--color-primary: var(--wp--preset--color--primary);
--container-content: var(--wp--style--global--content-size);
--container-wide: var(--wp--style--global--wide-size);
--color-turbo: #FEE503;
--color-cod-gray: #131313;
--color-mine-shaft: #212121;
--color-linen: #FAF2E2;
--color-tundora: #4D4D4D;
--color-dusty-gray: #999999;
--color-satin-linen: #DFD8CA;
--color-bright-sun: #FFD337;
--color-bright-sun-appr: #ffc547;
--color-saffron: #F3B52D;
--color-geebung: #D79B19;
--color-banana-mania-appr: #FCECB5;
--color-aths-special: #EFE8D9;
--color-golden-tainoi: #FFD165;
--color-mercury: #e6e6e6;
--color-paris-daisy: #FFFA76;
--color-golden-rod: #ffdb5a;
--color-white-gray: #F9F9F9;
--color-light-gray: #CCCCCC;
--color-banana-mani: #F1DE9B;
--color-black-09: #00000009;
--color-yellow-sun: #EEC42F;
--font-million-design: 'MillionDesign';
--font-open-sans: 'Open Sans';
--text-0_3xs: 0.5rem;
--text-0_5xs: 0.625rem;
--text-1_5xs: 0.813rem;
--text-1_7xs: 0.938rem;
--text-1_5sm: 1.5625rem;
--text-2_5xl: 1.75rem;
--text-3_2xl: 2.4375rem;
--text-3_5xl: 2.5rem;
--text-7_5xl: 5.625rem;
--text-7_3xl: 5rem;
--text-10_5xl: 8.75rem;
--text-11_5xl: 10rem;
}
@font-face {
font-family: 'MillionDesign';
src: url(//wahbanana.com/wp-content/themes/wahbanana/assets/fonts/MillionDesign.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
:where(.not-prose) *,:where(.not-prose) ::after,:where(.not-prose) ::before,:where(.not-prose) ::backdrop,:where(.not-prose) ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
:where(.not-prose) html,:where(.not-prose) :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
:where(.not-prose) hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
:where(.not-prose) abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
:where(.not-prose) h1,:where(.not-prose) h2,:where(.not-prose) h3,:where(.not-prose) h4,:where(.not-prose) h5,:where(.not-prose) h6 {
font-size: inherit;
font-weight: inherit;
}
:where(.not-prose) a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
:where(.not-prose) b,:where(.not-prose) strong {
font-weight: bolder;
}
:where(.not-prose) code,:where(.not-prose) kbd,:where(.not-prose) samp,:where(.not-prose) pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
:where(.not-prose) small {
font-size: 80%;
}
:where(.not-prose) sub,:where(.not-prose) sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
:where(.not-prose) sub {
bottom: -0.25em;
}
:where(.not-prose) sup {
top: -0.5em;
}
:where(.not-prose) table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:where(.not-prose) :-moz-focusring {
outline: auto;
}
:where(.not-prose) progress {
vertical-align: baseline;
}
:where(.not-prose) summary {
display: list-item;
}
:where(.not-prose) ol,:where(.not-prose) ul,:where(.not-prose) menu {
list-style: none;
}
:where(.not-prose) img,:where(.not-prose) svg,:where(.not-prose) video,:where(.not-prose) canvas,:where(.not-prose) audio,:where(.not-prose) iframe,:where(.not-prose) embed,:where(.not-prose) object {
display: block;
vertical-align: middle;
}
:where(.not-prose) img,:where(.not-prose) video {
max-width: 100%;
height: auto;
}
:where(.not-prose) button,:where(.not-prose) input,:where(.not-prose) select,:where(.not-prose) optgroup,:where(.not-prose) textarea,:where(.not-prose) ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(.not-prose) :where(select:is([multiple],[size])) optgroup {
font-weight: bolder;
}
:where(.not-prose) :where(select:is([multiple],[size])) optgroup option {
padding-inline-start: 20px;
}
:where(.not-prose) ::file-selector-button {
margin-inline-end: 4px;
}
:where(.not-prose) ::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
:where(.not-prose) ::placeholder {
color: currentcolor;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.not-prose) ::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
:where(.not-prose) textarea {
resize: vertical;
}
:where(.not-prose) ::-webkit-search-decoration {
-webkit-appearance: none;
}
:where(.not-prose) ::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
:where(.not-prose) ::-webkit-datetime-edit {
display: inline-flex;
}
:where(.not-prose) ::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
:where(.not-prose) ::-webkit-datetime-edit,:where(.not-prose) ::-webkit-datetime-edit-year-field,:where(.not-prose) ::-webkit-datetime-edit-month-field,:where(.not-prose) ::-webkit-datetime-edit-day-field,:where(.not-prose) ::-webkit-datetime-edit-hour-field,:where(.not-prose) ::-webkit-datetime-edit-minute-field,:where(.not-prose) ::-webkit-datetime-edit-second-field,:where(.not-prose) ::-webkit-datetime-edit-millisecond-field,:where(.not-prose) ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
:where(.not-prose) :-moz-ui-invalid {
box-shadow: none;
}
:where(.not-prose) button,:where(.not-prose) input:where([type='button'],[type='reset'],[type='submit']),:where(.not-prose) ::file-selector-button {
appearance: button;
}
:where(.not-prose) ::-webkit-inner-spin-button,:where(.not-prose) ::-webkit-outer-spin-button {
height: auto;
}
:where(.not-prose) [hidden]:where(:not([hidden='until-found'])) {
display: none !important;
}
body {
background-color: var(--color-background);
font-family: var(--font-sans);
color: var(--color-foreground);
}
* {
box-sizing: border-box;
}
.wahbanana-container {
margin-inline: auto;
max-width: 1440px;
}
#menu-main_menu {
padding: calc(var(--spacing) * 0);
}
p {
margin: calc(var(--spacing) * 0);
}
@keyframes fadeUpIn {
0% {
opacity: 0;
transform: translateY(15%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.scroll-fade-in.active {
display: flex;
}
.scroll-fade-in.active .font-million-design,.scroll-fade-in.active .font-open-sans,.scroll-fade-in.active img {
animation-name: fadeUpIn;
animation-duration: 0.4s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-title, .entry-title {
margin-inline: auto;
margin-bottom: calc(var(--spacing) * 6);
max-width: var(--container-content);
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
color: var(--color-neutral-900);
}
.page-content>*, .entry-content>* {
margin-inline: auto;
max-width: var(--container-content);
}
.entry-content>.alignwide {
max-width: var(--container-wide);
}
.entry-content>.alignfull {
max-width: none;
}
.entry-content>.alignleft {
float: left;
margin-right: calc(var(--spacing) * 8);
}
.entry-content>.alignright {
float: right;
margin-left: calc(var(--spacing) * 8);
}
.custom-form-heading {
font-family: var(--font-open-sans);
font-size: 13px;
color: var(--color-cod-gray);
}
.custom-form-label {
margin-top: calc(var(--spacing) * 3);
font-family: var(--font-open-sans);
font-size: 13px;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-tundora);
}
.custom-form-input {
width: 100%;
border-style: var(--tw-border-style);
border-width: 0px;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-gray-300);
padding-bottom: calc(var(--spacing) * 2);
font-family: var(--font-open-sans);
font-size: 16px;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-cod-gray);
}
.custom-form-input:focus {
border-color: var(--color-gray-900);
}
.custom-form-input:focus {
--tw-outline-style: none;
outline-style: none;
}
.custom-form-input::placeholder {
font-family: var(--font-open-sans);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-dusty-gray);
}
.custom-form-textarea {
width: 100%;
resize: none;
border-style: var(--tw-border-style);
border-width: 0px;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-gray-300);
padding-bottom: calc(var(--spacing) * 2);
color: var(--color-cod-gray);
}
.custom-form-textarea:focus {
border-color: var(--color-gray-900);
}
.custom-form-textarea:focus {
--tw-outline-style: none;
outline-style: none;
}
.button-submit-form {
margin-top: calc(var(--spacing) * 5) !important;
display: inline-flex;
height: calc(var(--spacing) * 12);
width: 91px;
width: fit-content;
cursor: pointer;
align-items: center;
border-radius: calc(infinity * 1px);
background-color: var(--color-bright-sun);
padding-inline: 14px;
padding-block: 13px;
font-family: var(--font-open-sans);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-cod-gray);
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));
}
.contact-form-container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: calc(var(--spacing) * 8);
}
.wpcf7-form-control {
margin-top: calc(var(--spacing) * 2);
}
.video-carousel-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-carousel-container .owl-stage {
display: flex;
justify-content: center;
align-items: center;
}
.video-carousel-container .item {
display: flex;
justify-content: center;
align-items: center;
}
@keyframes marquee {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes wave {
0% {
transform: translateY(0) rotate(0deg);
}
10% {
transform: translateY(-10px) rotate(-10deg);
}
20% {
transform: translateY(20px) rotate(10deg);
}
30% {
transform: translateY(-20px) rotate(-15deg);
}
40% {
transform: translateY(30px) rotate(20deg);
}
50% {
transform: translateY(0) rotate(0deg);
}
60% {
transform: translateY(-30px) rotate(-20deg);
}
70% {
transform: translateY(20px) rotate(15deg);
}
80% {
transform: translateY(-20px) rotate(-10deg);
}
90% {
transform: translateY(10px) rotate(5deg);
}
100% {
transform: translateY(0) rotate(0deg);
}
}
.animate-marquee {
animation: marquee 10s linear infinite;
}
.animate-wave {
animation: wave 3s ease-in-out infinite;
}
@keyframes marquee {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
.animate-marquee {
animation: marquee 30s linear infinite;
}
#menu-footer-menu li {
list-style: none;
}
#menu-footer-menu li a {
color: var(--color-white) !important;
text-decoration-line: none !important;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.person-0 {
position: absolute;
bottom: 9%;
left: 0.09%;
z-index: 2;
width: 52%;
}
.person-1 {
position: absolute;
bottom: 22.5%;
left: 31.5%;
z-index: 3;
width: 18.5%;
}
.person-2 {
position: absolute;
bottom: 9%;
left: 33.5%;
z-index: 1;
width: 36%;
}
.person-3 {
position: absolute;
bottom: 18%;
left: 48.5%;
z-index: 6;
width: 18%;
}
.person-4 {
position: absolute;
bottom: calc(9% * -1);
left: 51.5%;
z-index: 5;
width: 23%;
}
.person-5 {
position: absolute;
bottom: 12%;
left: 64.5%;
z-index: 4;
width: 24%;
}
.person.active {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.pointer-events-auto {
pointer-events: auto;
}
.visible {
visibility: visible;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.-top-0 {
top: calc(var(--spacing) * -0);
}
.-top-10 {
top: calc(var(--spacing) * -10);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-1\/2 {
top: calc(1/2 * 100%);
}
.top-1\/5 {
top: calc(1/5 * 100%);
}
.top-2 {
top: calc(var(--spacing) * 2);
}
.top-3\/5 {
top: calc(3/5 * 100%);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-4\/5 {
top: calc(4/5 * 100%);
}
.top-8 {
top: calc(var(--spacing) * 8);
}
.top-19 {
top: calc(var(--spacing) * 19);
}
.top-\[3\%\] {
top: 3%;
}
.top-\[5\%\] {
top: 5%;
}
.top-\[10\%\] {
top: 10%;
}
.top-\[15\%\] {
top: 15%;
}
.top-\[30\%\] {
top: 30%;
}
.top-\[37\%\] {
top: 37%;
}
.top-\[115\%\] {
top: 115%;
}
.-right-9 {
right: calc(var(--spacing) * -9);
}
.-right-16 {
right: calc(var(--spacing) * -16);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.right-5 {
right: calc(var(--spacing) * 5);
}
.right-8 {
right: calc(var(--spacing) * 8);
}
.right-\[-200px\] {
right: -200px;
}
.right-\[0\] {
right: 0;
}
.right-\[21\%\] {
right: 21%;
}
.right-\[45\%\] {
right: 45%;
}
.right-\[65\%\] {
right: 65%;
}
.right-\[80\%\] {
right: 80%;
}
.right-\[300px\] {
right: 300px;
}
.right-\[489px\] {
right: 489px;
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.bottom-8 {
bottom: calc(var(--spacing) * 8);
}
.bottom-20 {
bottom: calc(var(--spacing) * 20);
}
.bottom-\[10px\] {
bottom: 10px;
}
.bottom-\[42px\] {
bottom: 42px;
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-1\/2 {
left: calc(1/2 * 100%);
}
.left-4 {
left: calc(var(--spacing) * 4);
}
.left-20 {
left: calc(var(--spacing) * 20);
}
.left-\[3\%\] {
left: 3%;
}
.left-\[30\.4\%\] {
left: 30.4%;
}
.left-\[45\%\] {
left: 45%;
}
.left-\[60px\] {
left: 60px;
}
.left-\[68\%\] {
left: 68%;
}
.left-\[387px\] {
left: 387px;
}
.isolate {
isolation: isolate;
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-5 {
z-index: 5;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[2\] {
z-index: 2;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.container {
width: 100%;
}
@media (width >= 1300px) {
.container {
max-width: 1300px;
}
}
@media (width >= 40rem) {
.container {
max-width: 40rem;
}
}
@media (width >= 48rem) {
.container {
max-width: 48rem;
}
}
@media (width >= 64rem) {
.container {
max-width: 64rem;
}
}
@media (width >= 80rem) {
.container {
max-width: 80rem;
}
}
@media (width >= 96rem) {
.container {
max-width: 96rem;
}
}
.m-0 {
margin: calc(var(--spacing) * 0);
}
.m-auto {
margin: auto;
}
.mx-0 {
margin-inline: calc(var(--spacing) * 0);
}
.mx-auto {
margin-inline: auto;
}
.my-8 {
margin-block: calc(var(--spacing) * 8);
}
.prose {
color: var(--tw-prose-body);
max-width: none;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose :where([class~="lead"],[class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-bold);
font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
font-weight: 400;
color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-color: var(--tw-prose-hr);
border-top-width: 1;
margin-top: 3em;
margin-bottom: 3em;
border-bottom: none;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-inline-start-width: 0.25rem;
border-inline-start-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 900;
color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 800;
color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 500;
font-family: inherit;
color: var(--tw-prose-kbd);
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
font-size: 0.875em;
border-radius: 0.3125rem;
padding-top: 0.1875em;
padding-inline-end: 0.375em;
padding-bottom: 0.1875em;
padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-inline-end: 1.1428571em;
padding-bottom: 0.8571429em;
padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
width: 100%;
table-layout: auto;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
vertical-align: top;
}
.prose :where(th,td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose {
--tw-prose-body: oklch(37.3% 0.034 259.733);
--tw-prose-headings: oklch(21% 0.034 264.665);
--tw-prose-lead: oklch(44.6% 0.03 256.802);
--tw-prose-links: oklch(21% 0.034 264.665);
--tw-prose-bold: oklch(21% 0.034 264.665);
--tw-prose-counters: oklch(55.1% 0.027 264.364);
--tw-prose-bullets: oklch(87.2% 0.01 258.338);
--tw-prose-hr: oklch(92.8% 0.006 264.531);
--tw-prose-quotes: oklch(21% 0.034 264.665);
--tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
--tw-prose-captions: oklch(55.1% 0.027 264.364);
--tw-prose-kbd: oklch(21% 0.034 264.665);
--tw-prose-kbd-shadows: NaN NaN NaN;
--tw-prose-code: oklch(21% 0.034 264.665);
--tw-prose-pre-code: oklch(92.8% 0.006 264.531);
--tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
--tw-prose-th-borders: oklch(87.2% 0.01 258.338);
--tw-prose-td-borders: oklch(92.8% 0.006 264.531);
--tw-prose-invert-body: oklch(87.2% 0.01 258.338);
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
--tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
--tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
--tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
--tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
--tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
--tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
font-size: 1rem;
line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.5em;
padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-end: 0;
}
.prose :where(tbody td,tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start: 0;
}
.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-body);
font-style: normal;
font-weight: 400;
}
.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: "\2014";
}
.prose :where(table.has-fixed-layout):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
table-layout: fixed;
width: 100%;
}
.-mt-32 {
margin-top: calc(var(--spacing) * -32);
}
.mt-0 {
margin-top: calc(var(--spacing) * 0);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-7 {
margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mt-20 {
margin-top: calc(var(--spacing) * 20);
}
.mt-\[-150px\] {
margin-top: -150px;
}
.mt-\[-180px\] {
margin-top: -180px;
}
.mt-\[14px\] {
margin-top: 14px;
}
.-mb-7 {
margin-bottom: calc(var(--spacing) * -7);
}
.-mb-\[3px\] {
margin-bottom: calc(3px * -1);
}
.mb-0 {
margin-bottom: calc(var(--spacing) * 0);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-7 {
margin-bottom: calc(var(--spacing) * 7);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-9 {
margin-bottom: calc(var(--spacing) * 9);
}
.mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
.mb-20 {
margin-bottom: calc(var(--spacing) * 20);
}
.mb-30 {
margin-bottom: calc(var(--spacing) * 30);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.box-border {
box-sizing: border-box;
}
.box-content {
box-sizing: content-box;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.aspect-\[3\/2\] {
aspect-ratio: 3/2;
}
.aspect-\[252\/320\] {
aspect-ratio: 252/320;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.h-4 {
height: calc(var(--spacing) * 4);
}
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-9 {
height: calc(var(--spacing) * 9);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-15 {
height: calc(var(--spacing) * 15);
}
.h-18 {
height: calc(var(--spacing) * 18);
}
.h-24 {
height: calc(var(--spacing) * 24);
}
.h-25 {
height: calc(var(--spacing) * 25);
}
.h-50 {
height: calc(var(--spacing) * 50);
}
.h-55 {
height: calc(var(--spacing) * 55);
}
.h-110 {
height: calc(var(--spacing) * 110);
}
.h-\[34px\] {
height: 34px;
}
.h-\[37px\] {
height: 37px;
}
.h-\[38px\] {
height: 38px;
}
.h-\[57px\] {
height: 57px;
}
.h-\[61px\] {
height: 61px;
}
.h-\[72px\] {
height: 72px;
}
.h-\[95px\] {
height: 95px;
}
.h-\[117\.5px\] {
height: 117.5px;
}
.h-\[150px\] {
height: 150px;
}
.h-\[168px\] {
height: 168px;
}
.h-\[220px\] {
height: 220px;
}
.h-\[323px\] {
height: 323px;
}
.h-\[474px\] {
height: 474px;
}
.h-\[542px\] {
height: 542px;
}
.h-\[560px\] {
height: 560px;
}
.h-\[576px\] {
height: 576px;
}
.h-\[calc\(100vh-96px\)\] {
height: calc(100vh - 96px);
}
.h-auto {
height: auto;
}
.h-fit {
height: fit-content;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.max-h-100 {
max-height: calc(var(--spacing) * 100);
}
.max-h-\[546px\] {
max-height: 546px;
}
.min-h-30 {
min-height: calc(var(--spacing) * 30);
}
.min-h-150 {
min-height: calc(var(--spacing) * 150);
}
.min-h-\[510px\] {
min-height: 510px;
}
.min-h-full {
min-height: 100%;
}
.w-1\/2 {
width: calc(1/2 * 100%);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-15 {
width: calc(var(--spacing) * 15);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-18 {
width: calc(var(--spacing) * 18);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
.w-25 {
width: calc(var(--spacing) * 25);
}
.w-36 {
width: calc(var(--spacing) * 36);
}
.w-50 {
width: calc(var(--spacing) * 50);
}
.w-90 {
width: calc(var(--spacing) * 90);
}
.w-\[30px\] {
width: 30px;
}
.w-\[31px\] {
width: 31px;
}
.w-\[35\%\] {
width: 35%;
}
.w-\[38px\] {
width: 38px;
}
.w-\[45\%\] {
width: 45%;
}
.w-\[52px\] {
width: 52px;
}
.w-\[55px\] {
width: 55px;
}
.w-\[63\%\] {
width: 63%;
}
.w-\[65px\] {
width: 65px;
}
.w-\[70\%\] {
width: 70%;
}
.w-\[72px\] {
width: 72px;
}
.w-\[80\%\] {
width: 80%;
}
.w-\[117\.5px\] {
width: 117.5px;
}
.w-\[121px\] {
width: 121px;
}
.w-\[162px\] {
width: 162px;
}
.w-\[210px\] {
width: 210px;
}
.w-\[335px\] {
width: 335px;
}
.w-\[380px\] {
width: 380px;
}
.w-\[576px\] {
width: 576px;
}
.w-\[641px\] {
width: 641px;
}
.w-\[798px\] {
width: 798px;
}
.w-auto {
width: auto;
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.w-max {
width: max-content;
}
.w-screen {
width: 100vw;
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-\[90\%\] {
max-width: 90%;
}
.max-w-\[328px\] {
max-width: 328px;
}
.max-w-\[332px\] {
max-width: 332px;
}
.max-w-\[378px\] {
max-width: 378px;
}
.max-w-\[516px\] {
max-width: 516px;
}
.max-w-\[528px\] {
max-width: 528px;
}
.max-w-\[589px\] {
max-width: 589px;
}
.max-w-\[700px\] {
max-width: 700px;
}
.max-w-\[800px\] {
max-width: 800px;
}
.max-w-\[952px\] {
max-width: 952px;
}
.max-w-\[1360px\] {
max-width: 1360px;
}
.max-w-\[1440px\] {
max-width: 1440px;
}
.max-w-full {
max-width: 100%;
}
.max-w-none {
max-width: none;
}
.max-w-xl {
max-width: var(--container-xl);
}
.max-w-xs {
max-width: var(--container-xs);
}
.min-w-50 {
min-width: calc(var(--spacing) * 50);
}
.min-w-\[170px\] {
min-width: 170px;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[253px\] {
min-width: 253px;
}
.flex-1 {
flex: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-12 {
--tw-translate-x: calc(var(--spacing) * -12);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-12 {
--tw-translate-x: calc(var(--spacing) * 12);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-28 {
--tw-translate-y: calc(var(--spacing) * -28);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[15px\] {
--tw-translate-y: 15px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[40px\] {
--tw-translate-y: 40px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-rotate-2 {
rotate: calc(2deg * -1);
}
.-rotate-\[20deg\] {
rotate: calc(20deg * -1);
}
.rotate-6 {
rotate: 6deg;
}
.rotate-\[13deg\] {
rotate: 13deg;
}
.rotate-\[30deg\] {
rotate: 30deg;
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
cursor: pointer;
}
.touch-manipulation {
touch-action: manipulation;
}
.resize {
resize: both;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.place-items-center {
place-items: center;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.justify-around {
justify-content: space-around;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.gap-0 {
gap: calc(var(--spacing) * 0);
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
.gap-10 {
gap: calc(var(--spacing) * 10);
}
.gap-12 {
gap: calc(var(--spacing) * 12);
}
.gap-\[6px\] {
gap: 6px;
}
.gap-\[17px\] {
gap: 17px;
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-6 {
column-gap: calc(var(--spacing) * 6);
}
:where(.space-x-3 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y-3 {
row-gap: calc(var(--spacing) * 3);
}
.gap-y-4 {
row-gap: calc(var(--spacing) * 4);
}
.gap-y-8 {
row-gap: calc(var(--spacing) * 8);
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-3xl {
border-radius: var(--radius-3xl);
}
.rounded-4xl {
border-radius: var(--radius-4xl);
}
.rounded-\[22px\] {
border-radius: 22px;
}
.rounded-\[32px\] {
border-radius: 32px;
}
.rounded-\[44px\] {
border-radius: 44px;
}
.rounded-\[50\%\] {
border-radius: 50%;
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-tl-\[32px\] {
border-top-left-radius: 32px;
}
.rounded-tl-\[44px\] {
border-top-left-radius: 44px;
}
.rounded-tr-\[32px\] {
border-top-right-radius: 32px;
}
.rounded-tr-\[44px\] {
border-top-right-radius: 44px;
}
.rounded-br-\[44px\] {
border-bottom-right-radius: 44px;
}
.rounded-bl-\[44px\] {
border-bottom-left-radius: 44px;
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0px;
}
.border-\[10px\] {
border-style: var(--tw-border-style);
border-width: 10px;
}
.prose .wp-block-table td {
border: 0;
}
.prose .wp-block-table th {
border: 0;
}
.prose .wp-block-table thead {
border-color: var(--tw-prose-th-borders);
}
.prose .wp-block-table tfoot {
border-color: var(--tw-prose-th-borders);
}
.prose .wp-block-table thead {
border-bottom-width: 1px;
}
.prose .wp-block-table tfoot {
border-top-width: 1px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-1 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-banana-mania-appr {
border-color: var(--color-banana-mania-appr);
}
.border-cod-gray {
border-color: var(--color-cod-gray);
}
.border-mine-shaft {
border-color: var(--color-mine-shaft);
}
.border-neutral-300 {
border-color: var(--color-neutral-300);
}
.border-satin-linen {
border-color: var(--color-satin-linen);
}
.border-white {
border-color: var(--color-white);
}
.border-yellow-sun {
border-color: var(--color-yellow-sun);
}
.bg-aths-special {
background-color: var(--color-aths-special);
}
.bg-banana-mani {
background-color: var(--color-banana-mani);
}
.bg-banana-mania-appr {
background-color: var(--color-banana-mania-appr);
}
.bg-black {
background-color: var(--color-black);
}
.bg-black-09 {
background-color: var(--color-black-09);
}
.bg-black\/70 {
background-color: color-mix(in srgb, #000 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/70 {
background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
}
}
.bg-bright-sun {
background-color: var(--color-bright-sun);
}
.bg-cod-gray {
background-color: var(--color-cod-gray);
}
.bg-golden-rod {
background-color: var(--color-golden-rod);
}
.bg-golden-tainoi {
background-color: var(--color-golden-tainoi);
}
.bg-linen {
background-color: var(--color-linen);
}
.bg-mercury {
background-color: var(--color-mercury);
}
.bg-mine-shaft {
background-color: var(--color-mine-shaft);
}
.bg-white {
background-color: var(--color-white);
}
.bg-white-gray {
background-color: var(--color-white-gray);
}
.bg-yellow-sun {
background-color: var(--color-yellow-sun);
}
.bg-contain {
background-size: contain;
}
.bg-cover {
background-size: cover;
}
.bg-\[center_-5vh\] {
background-position: center -5vh;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-paris-daisy {
fill: var(--color-paris-daisy);
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.object-fill {
object-fit: fill;
}
.object-center {
object-position: center;
}
.object-top {
object-position: top;
}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-5 {
padding: calc(var(--spacing) * 5);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.px-7 {
padding-inline: calc(var(--spacing) * 7);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-15 {
padding-block: calc(var(--spacing) * 15);
}
.py-17 {
padding-block: calc(var(--spacing) * 17);
}
.py-20 {
padding-block: calc(var(--spacing) * 20);
}
.py-\[14px\] {
padding-block: 14px;
}
.py-\[42px\] {
padding-block: 42px;
}
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-\[42px\] {
padding-top: 42px;
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.pb-12 {
padding-bottom: calc(var(--spacing) * 12);
}
.pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
.pl-6 {
padding-left: calc(var(--spacing) * 6);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.font-million-design {
font-family: var(--font-million-design);
}
.font-open-sans {
font-family: var(--font-open-sans);
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--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-0\.3xs {
font-size: var(--text-0_3xs);
}
.text-0\.5xs {
font-size: var(--text-0_5xs);
}
.text-1\.5sm {
font-size: var(--text-1_5sm);
}
.text-1\.5xs {
font-size: var(--text-1_5xs);
}
.text-2\.5xl {
font-size: var(--text-2_5xl);
}
.text-3\.5xl {
font-size: var(--text-3_5xl);
}
.text-11\.5xl {
font-size: var(--text-11_5xl);
}
.text-\[0\.3rem\] {
font-size: 0.3rem;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[28px\] {
font-size: 28px;
}
.leading-\[1\.2\] {
--tw-leading: 1.2;
line-height: 1.2;
}
.leading-\[96\.4\%\] {
--tw-leading: 96.4%;
line-height: 96.4%;
}
.leading-\[100\%\] {
--tw-leading: 100%;
line-height: 100%;
}
.leading-\[110\%\] {
--tw-leading: 110%;
line-height: 110%;
}
.leading-\[120\%\] {
--tw-leading: 120%;
line-height: 120%;
}
.leading-\[135\%\] {
--tw-leading: 135%;
line-height: 135%;
}
.leading-\[137\.5\%\] {
--tw-leading: 137.5%;
line-height: 137.5%;
}
.leading-\[140\%\] {
--tw-leading: 140%;
line-height: 140%;
}
.leading-\[150\%\] {
--tw-leading: 150%;
line-height: 150%;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-\[100\] {
--tw-font-weight: 100;
font-weight: 100;
}
.font-black {
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-extrabold {
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-normal {
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
}
.tracking-tighter {
--tw-tracking: var(--tracking-tighter);
letter-spacing: var(--tracking-tighter);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.text-nowrap {
text-wrap: nowrap;
}
.break-words {
overflow-wrap: break-word;
}
.hyphens-auto {
-webkit-hyphens: auto;
hyphens: auto;
}
.whitespace-normal {
white-space: normal;
}
.whitespace-nowrap {
white-space: nowrap;
}
.text-black {
color: var(--color-black);
}
.text-cod-gray {
color: var(--color-cod-gray);
}
.text-dusty-gray {
color: var(--color-dusty-gray);
}
.text-geebung {
color: var(--color-geebung);
}
.text-gray-600 {
color: var(--color-gray-600);
}
.text-light-gray {
color: var(--color-light-gray);
}
.text-mine-shaft {
color: var(--color-mine-shaft);
}
.text-neutral-500 {
color: var(--color-neutral-500);
}
.text-saffron {
color: var(--color-saffron);
}
.text-turbo {
color: var(--color-turbo);
}
.text-white {
color: var(--color-white);
}
.text-white-gray {
color: var(--color-white-gray);
}
.normal-case {
text-transform: none;
}
.uppercase {
text-transform: uppercase;
}
.no-underline {
text-decoration-line: none;
}
.opacity-0 {
opacity: 0%;
}
.opacity-100 {
opacity: 100%;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.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, display, visibility, content-visibility, overlay, pointer-events;
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));
}
.duration-100 {
--tw-duration: 100ms;
transition-duration: 100ms;
}
.duration-200 {
--tw-duration: 200ms;
transition-duration: 200ms;
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.content-none {
--tw-content: none;
content: none;
}
.prose-neutral {
--tw-prose-body: oklch(37.1% 0 0);
--tw-prose-headings: oklch(20.5% 0 0);
--tw-prose-lead: oklch(43.9% 0 0);
--tw-prose-links: oklch(20.5% 0 0);
--tw-prose-bold: oklch(20.5% 0 0);
--tw-prose-counters: oklch(55.6% 0 0);
--tw-prose-bullets: oklch(87% 0 0);
--tw-prose-hr: oklch(92.2% 0 0);
--tw-prose-quotes: oklch(20.5% 0 0);
--tw-prose-quote-borders: oklch(92.2% 0 0);
--tw-prose-captions: oklch(55.6% 0 0);
--tw-prose-kbd: oklch(20.5% 0 0);
--tw-prose-kbd-shadows: NaN NaN NaN;
--tw-prose-code: oklch(20.5% 0 0);
--tw-prose-pre-code: oklch(92.2% 0 0);
--tw-prose-pre-bg: oklch(26.9% 0 0);
--tw-prose-th-borders: oklch(87% 0 0);
--tw-prose-td-borders: oklch(92.2% 0 0);
--tw-prose-invert-body: oklch(87% 0 0);
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: oklch(70.8% 0 0);
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: oklch(70.8% 0 0);
--tw-prose-invert-bullets: oklch(43.9% 0 0);
--tw-prose-invert-hr: oklch(37.1% 0 0);
--tw-prose-invert-quotes: oklch(97% 0 0);
--tw-prose-invert-quote-borders: oklch(37.1% 0 0);
--tw-prose-invert-captions: oklch(70.8% 0 0);
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: oklch(87% 0 0);
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: oklch(43.9% 0 0);
--tw-prose-invert-td-borders: oklch(37.1% 0 0);
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.last\:border-b-0:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
@media (hover: hover) {
.hover\:scale-105:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (hover: hover) {
.hover\:scale-110:hover {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (hover: hover) {
.hover\:border-b-1:hover {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
}
@media (hover: hover) {
.hover\:bg-bright-sun-appr:hover {
background-color: var(--color-bright-sun-appr);
}
}
@media (hover: hover) {
.hover\:underline:hover {
text-decoration-line: underline;
}
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
@media (width >= 1300px) {
.desktop\:\!-top-10 {
top: calc(var(--spacing) * -10) !important;
}
}
@media (width >= 1300px) {
.desktop\:\!-right-16 {
right: calc(var(--spacing) * -16) !important;
}
}
@media (width >= 1300px) {
.desktop\:\!-mt-40 {
margin-top: calc(var(--spacing) * -40) !important;
}
}
@media (width >= 1300px) {
.desktop\:translate-y-2\.5 {
--tw-translate-y: calc(var(--spacing) * 2.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (width >= 1300px) {
.desktop\:\!text-7\.5xl {
font-size: var(--text-7_5xl) !important;
}
}
@media (width >= 40rem) {
.sm\:h-\[434px\] {
height: 434px;
}
}
@media (width >= 40rem) {
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 48rem) {
.md\:absolute {
position: absolute;
}
}
@media (width >= 48rem) {
.md\:top-0 {
top: calc(var(--spacing) * 0);
}
}
@media (width >= 48rem) {
.md\:top-1\/2 {
top: calc(1/2 * 100%);
}
}
@media (width >= 48rem) {
.md\:top-9 {
top: calc(var(--spacing) * 9);
}
}
@media (width >= 48rem) {
.md\:top-\[20\%\] {
top: 20%;
}
}
@media (width >= 48rem) {
.md\:top-\[24\.2vh\] {
top: 24.2vh;
}
}
@media (width >= 48rem) {
.md\:top-\[30\.1\%\] {
top: 30.1%;
}
}
@media (width >= 48rem) {
.md\:top-\[62px\] {
top: 62px;
}
}
@media (width >= 48rem) {
.md\:top-\[100px\] {
top: 100px;
}
}
@media (width >= 48rem) {
.md\:top-\[110\%\] {
top: 110%;
}
}
@media (width >= 48rem) {
.md\:right-10 {
right: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
.md\:right-\[15\%\] {
right: 15%;
}
}
@media (width >= 48rem) {
.md\:right-\[42px\] {
right: 42px;
}
}
@media (width >= 48rem) {
.md\:-left-\[160px\] {
left: calc(160px * -1);
}
}
@media (width >= 48rem) {
.md\:-left-\[240px\] {
left: calc(240px * -1);
}
}
@media (width >= 48rem) {
.md\:-left-\[260px\] {
left: calc(260px * -1);
}
}
@media (width >= 48rem) {
.md\:left-50 {
left: calc(var(--spacing) * 50);
}
}
@media (width >= 48rem) {
.md\:left-\[8\%\] {
left: 8%;
}
}
@media (width >= 48rem) {
.md\:left-\[15\%\] {
left: 15%;
}
}
@media (width >= 48rem) {
.md\:left-\[42px\] {
left: 42px;
}
}
@media (width >= 48rem) {
.md\:mx-0 {
margin-inline: calc(var(--spacing) * 0);
}
}
@media (width >= 48rem) {
.md\:mx-auto {
margin-inline: auto;
}
}
@media (width >= 48rem) {
.md\:-mt-35 {
margin-top: calc(var(--spacing) * -35);
}
}
@media (width >= 48rem) {
.md\:-mt-44 {
margin-top: calc(var(--spacing) * -44);
}
}
@media (width >= 48rem) {
.md\:mt-0 {
margin-top: calc(var(--spacing) * 0);
}
}
@media (width >= 48rem) {
.md\:mt-10 {
margin-top: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
.md\:mt-20 {
margin-top: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
.md\:mt-23 {
margin-top: calc(var(--spacing) * 23);
}
}
@media (width >= 48rem) {
.md\:mt-\[-250px\] {
margin-top: -250px;
}
}
@media (width >= 48rem) {
.md\:mt-\[67px\] {
margin-top: 67px;
}
}
@media (width >= 48rem) {
.md\:mb-0 {
margin-bottom: calc(var(--spacing) * 0);
}
}
@media (width >= 48rem) {
.md\:mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
}
@media (width >= 48rem) {
.md\:mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
}
@media (width >= 48rem) {
.md\:mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
}
@media (width >= 48rem) {
.md\:mb-15 {
margin-bottom: calc(var(--spacing) * 15);
}
}
@media (width >= 48rem) {
.md\:mb-16 {
margin-bottom: calc(var(--spacing) * 16);
}
}
@media (width >= 48rem) {
.md\:mb-20 {
margin-bottom: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
.md\:block {
display: block;
}
}
@media (width >= 48rem) {
.md\:flex {
display: flex;
}
}
@media (width >= 48rem) {
.md\:hidden {
display: none;
}
}
@media (width >= 48rem) {
.md\:aspect-\[920\/450\] {
aspect-ratio: 920/450;
}
}
@media (width >= 48rem) {
.md\:h-9 {
height: calc(var(--spacing) * 9);
}
}
@media (width >= 48rem) {
.md\:h-11 {
height: calc(var(--spacing) * 11);
}
}
@media (width >= 48rem) {
.md\:h-15 {
height: calc(var(--spacing) * 15);
}
}
@media (width >= 48rem) {
.md\:h-40 {
height: calc(var(--spacing) * 40);
}
}
@media (width >= 48rem) {
.md\:h-50 {
height: calc(var(--spacing) * 50);
}
}
@media (width >= 48rem) {
.md\:h-\[38px\] {
height: 38px;
}
}
@media (width >= 48rem) {
.md\:h-\[42px\] {
height: 42px;
}
}
@media (width >= 48rem) {
.md\:h-\[49px\] {
height: 49px;
}
}
@media (width >= 48rem) {
.md\:h-\[71px\] {
height: 71px;
}
}
@media (width >= 48rem) {
.md\:h-\[81px\] {
height: 81px;
}
}
@media (width >= 48rem) {
.md\:h-\[89px\] {
height: 89px;
}
}
@media (width >= 48rem) {
.md\:h-\[142px\] {
height: 142px;
}
}
@media (width >= 48rem) {
.md\:h-\[200px\] {
height: 200px;
}
}
@media (width >= 48rem) {
.md\:h-\[245px\] {
height: 245px;
}
}
@media (width >= 48rem) {
.md\:h-\[328px\] {
height: 328px;
}
}
@media (width >= 48rem) {
.md\:h-\[750px\] {
height: 750px;
}
}
@media (width >= 48rem) {
.md\:h-auto {
height: auto;
}
}
@media (width >= 48rem) {
.md\:h-full {
height: 100%;
}
}
@media (width >= 48rem) {
.md\:min-h-\[485px\] {
min-height: 485px;
}
}
@media (width >= 48rem) {
.md\:min-h-auto {
min-height: auto;
}
}
@media (width >= 48rem) {
.md\:w-1\/2 {
width: calc(1/2 * 100%);
}
}
@media (width >= 48rem) {
.md\:w-1\/5 {
width: calc(1/5 * 100%);
}
}
@media (width >= 48rem) {
.md\:w-40 {
width: calc(var(--spacing) * 40);
}
}
@media (width >= 48rem) {
.md\:w-\[38px\] {
width: 38px;
}
}
@media (width >= 48rem) {
.md\:w-\[41px\] {
width: 41px;
}
}
@media (width >= 48rem) {
.md\:w-\[60\%\] {
width: 60%;
}
}
@media (width >= 48rem) {
.md\:w-\[63\%\] {
width: 63%;
}
}
@media (width >= 48rem) {
.md\:w-\[68\%\] {
width: 68%;
}
}
@media (width >= 48rem) {
.md\:w-\[77px\] {
width: 77px;
}
}
@media (width >= 48rem) {
.md\:w-\[80\%\] {
width: 80%;
}
}
@media (width >= 48rem) {
.md\:w-\[82\%\] {
width: 82%;
}
}
@media (width >= 48rem) {
.md\:w-\[89px\] {
width: 89px;
}
}
@media (width >= 48rem) {
.md\:w-\[109px\] {
width: 109px;
}
}
@media (width >= 48rem) {
.md\:w-\[130px\] {
width: 130px;
}
}
@media (width >= 48rem) {
.md\:w-\[138px\] {
width: 138px;
}
}
@media (width >= 48rem) {
.md\:w-\[160px\] {
width: 160px;
}
}
@media (width >= 48rem) {
.md\:w-\[165px\] {
width: 165px;
}
}
@media (width >= 48rem) {
.md\:w-\[200px\] {
width: 200px;
}
}
@media (width >= 48rem) {
.md\:w-\[230px\] {
width: 230px;
}
}
@media (width >= 48rem) {
.md\:w-\[240px\] {
width: 240px;
}
}
@media (width >= 48rem) {
.md\:w-\[258px\] {
width: 258px;
}
}
@media (width >= 48rem) {
.md\:w-\[664px\] {
width: 664px;
}
}
@media (width >= 48rem) {
.md\:w-\[calc\(100\%-664px\)\] {
width: calc(100% - 664px);
}
}
@media (width >= 48rem) {
.md\:w-full {
width: 100%;
}
}
@media (width >= 48rem) {
.md\:max-w-\[90\%\] {
max-width: 90%;
}
}
@media (width >= 48rem) {
.md\:max-w-\[664px\] {
max-width: 664px;
}
}
@media (width >= 48rem) {
.md\:min-w-\[271px\] {
min-width: 271px;
}
}
@media (width >= 48rem) {
.md\:-translate-x-0 {
--tw-translate-x: calc(var(--spacing) * -0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (width >= 48rem) {
.md\:-translate-x-20 {
--tw-translate-x: calc(var(--spacing) * -20);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (width >= 48rem) {
.md\:translate-x-20 {
--tw-translate-x: calc(var(--spacing) * 20);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (width >= 48rem) {
.md\:translate-y-0 {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (width >= 48rem) {
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 48rem) {
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 48rem) {
.md\:flex-row {
flex-direction: row;
}
}
@media (width >= 48rem) {
.md\:items-start {
align-items: flex-start;
}
}
@media (width >= 48rem) {
.md\:justify-between {
justify-content: space-between;
}
}
@media (width >= 48rem) {
.md\:gap-4 {
gap: calc(var(--spacing) * 4);
}
}
@media (width >= 48rem) {
.md\:gap-\[14px\] {
gap: 14px;
}
}
@media (width >= 48rem) {
:where(.md\:space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
}
}
@media (width >= 48rem) {
:where(.md\:space-x-4 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
}
}
@media (width >= 48rem) {
.md\:overflow-hidden {
overflow: hidden;
}
}
@media (width >= 48rem) {
.md\:rounded-\[44px\] {
border-radius: 44px;
}
}
@media (width >= 48rem) {
.md\:rounded-\[50px\] {
border-radius: 50px;
}
}
@media (width >= 48rem) {
.md\:rounded-\[100px\] {
border-radius: 100px;
}
}
@media (width >= 48rem) {
.md\:rounded-tr-\[44px\] {
border-top-right-radius: 44px;
}
}
@media (width >= 48rem) {
.md\:rounded-tr-none {
border-top-right-radius: 0;
}
}
@media (width >= 48rem) {
.md\:rounded-bl-\[44px\] {
border-bottom-left-radius: 44px;
}
}
@media (width >= 48rem) {
.md\:rounded-bl-none {
border-bottom-left-radius: 0;
}
}
@media (width >= 48rem) {
.md\:border-\[20px\] {
border-style: var(--tw-border-style);
border-width: 20px;
}
}
@media (width >= 48rem) {
.md\:p-0 {
padding: calc(var(--spacing) * 0);
}
}
@media (width >= 48rem) {
.md\:p-12 {
padding: calc(var(--spacing) * 12);
}
}
@media (width >= 48rem) {
.md\:p-\[17px\] {
padding: 17px;
}
}
@media (width >= 48rem) {
.md\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
.md\:px-\[42px\] {
padding-inline: 42px;
}
}
@media (width >= 48rem) {
.md\:py-10 {
padding-block: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
.md\:py-12 {
padding-block: calc(var(--spacing) * 12);
}
}
@media (width >= 48rem) {
.md\:py-20 {
padding-block: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
.md\:pt-8 {
padding-top: calc(var(--spacing) * 8);
}
}
@media (width >= 48rem) {
.md\:pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
}
@media (width >= 48rem) {
.md\:pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
}
@media (width >= 48rem) {
.md\:pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
}
@media (width >= 48rem) {
.md\:pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
.md\:text-left {
text-align: left;
}
}
@media (width >= 48rem) {
.md\:text-start {
text-align: start;
}
}
@media (width >= 48rem) {
.md\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
@media (width >= 48rem) {
.md\:text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
@media (width >= 48rem) {
.md\:text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
@media (width >= 48rem) {
.md\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-1\.5sm {
font-size: var(--text-1_5sm);
}
}
@media (width >= 48rem) {
.md\:text-1\.7xs {
font-size: var(--text-1_7xs);
}
}
@media (width >= 48rem) {
.md\:text-3\.2xl {
font-size: var(--text-3_2xl);
}
}
@media (width >= 48rem) {
.md\:text-7\.3xl {
font-size: var(--text-7_3xl);
}
}
@media (width >= 64rem) {
.lg\:top-50 {
top: calc(var(--spacing) * 50);
}
}
@media (width >= 64rem) {
.lg\:right-30 {
right: calc(var(--spacing) * 30);
}
}
@media (width >= 64rem) {
.lg\:left-\[394px\] {
left: 394px;
}
}
@media (width >= 64rem) {
.lg\:mt-\[-250px\] {
margin-top: -250px;
}
}
@media (width >= 64rem) {
.lg\:mt-\[143px\] {
margin-top: 143px;
}
}
@media (width >= 64rem) {
.lg\:mb-\[143px\] {
margin-bottom: 143px;
}
}
@media (width >= 64rem) {
.lg\:block {
display: block;
}
}
@media (width >= 64rem) {
.lg\:flex {
display: flex;
}
}
@media (width >= 64rem) {
.lg\:hidden {
display: none;
}
}
@media (width >= 64rem) {
.lg\:h-60 {
height: calc(var(--spacing) * 60);
}
}
@media (width >= 64rem) {
.lg\:h-\[250px\] {
height: 250px;
}
}
@media (width >= 64rem) {
.lg\:h-\[896px\] {
height: 896px;
}
}
@media (width >= 64rem) {
.lg\:min-h-100 {
min-height: calc(var(--spacing) * 100);
}
}
@media (width >= 64rem) {
.lg\:w-\[250px\] {
width: 250px;
}
}
@media (width >= 64rem) {
.lg\:w-\[480px\] {
width: 480px;
}
}
@media (width >= 64rem) {
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (width >= 64rem) {
.lg\:rounded-\[70px\] {
border-radius: 70px;
}
}
@media (width >= 64rem) {
.lg\:p-16 {
padding: calc(var(--spacing) * 16);
}
}
@media (width >= 64rem) {
.lg\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
}
@media (width >= 64rem) {
.lg\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
}
@media (width >= 64rem) {
.lg\:px-\[42px\] {
padding-inline: 42px;
}
}
@media (width >= 64rem) {
.lg\:py-8 {
padding-block: calc(var(--spacing) * 8);
}
}
@media (width >= 64rem) {
.lg\:py-20 {
padding-block: calc(var(--spacing) * 20);
}
}
@media (width >= 64rem) {
.lg\:pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
}
@media (width >= 64rem) {
.lg\:pb-\[134px\] {
padding-bottom: 134px;
}
}
@media (width >= 64rem) {
.lg\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
@media (width >= 64rem) {
.lg\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
@media (width >= 64rem) {
.lg\:text-7\.3xl {
font-size: var(--text-7_3xl);
}
}
@media (width >= 64rem) {
.lg\:text-10\.5xl {
font-size: var(--text-10_5xl);
}
}
@media (width >= 64rem) {
.lg\:leading-\[1\.1\] {
--tw-leading: 1.1;
line-height: 1.1;
}
}
@media (width >= 80rem) {
.xl\:top-0 {
top: calc(var(--spacing) * 0);
}
}
@media (width >= 80rem) {
.xl\:top-1\/2 {
top: calc(1/2 * 100%);
}
}
@media (width >= 80rem) {
.xl\:-right-5 {
right: calc(var(--spacing) * -5);
}
}
@media (width >= 80rem) {
.xl\:right-0 {
right: calc(var(--spacing) * 0);
}
}
@media (width >= 80rem) {
.xl\:bottom-\[23px\] {
bottom: 23px;
}
}
@media (width >= 80rem) {
.xl\:bottom-\[73px\] {
bottom: 73px;
}
}
@media (width >= 80rem) {
.xl\:left-0 {
left: calc(var(--spacing) * 0);
}
}
@media (width >= 80rem) {
.xl\:left-\[665px\] {
left: 665px;
}
}
@media (width >= 80rem) {
.xl\:col-span-5 {
grid-column: span 5 / span 5;
}
}
@media (width >= 80rem) {
.xl\:mt-15 {
margin-top: calc(var(--spacing) * 15);
}
}
@media (width >= 80rem) {
.xl\:mt-\[-329px\] {
margin-top: -329px;
}
}
@media (width >= 80rem) {
.xl\:ml-4 {
margin-left: calc(var(--spacing) * 4);
}
}
@media (width >= 80rem) {
.xl\:block {
display: block;
}
}
@media (width >= 80rem) {
.xl\:flex {
display: flex;
}
}
@media (width >= 80rem) {
.xl\:hidden {
display: none;
}
}
@media (width >= 80rem) {
.xl\:h-\[80vh\] {
height: 80vh;
}
}
@media (width >= 80rem) {
.xl\:h-\[150px\] {
height: 150px;
}
}
@media (width >= 80rem) {
.xl\:h-\[177px\] {
height: 177px;
}
}
@media (width >= 80rem) {
.xl\:h-\[400px\] {
height: 400px;
}
}
@media (width >= 80rem) {
.xl\:h-\[550px\] {
height: 550px;
}
}
@media (width >= 80rem) {
.xl\:h-screen {
height: 100vh;
}
}
@media (width >= 80rem) {
.xl\:max-h-\[553px\] {
max-height: 553px;
}
}
@media (width >= 80rem) {
.xl\:min-h-150 {
min-height: calc(var(--spacing) * 150);
}
}
@media (width >= 80rem) {
.xl\:w-1\/2 {
width: calc(1/2 * 100%);
}
}
@media (width >= 80rem) {
.xl\:w-1\/5 {
width: calc(1/5 * 100%);
}
}
@media (width >= 80rem) {
.xl\:w-90 {
width: calc(var(--spacing) * 90);
}
}
@media (width >= 80rem) {
.xl\:w-\[30\%\] {
width: 30%;
}
}
@media (width >= 80rem) {
.xl\:w-\[88\%\] {
width: 88%;
}
}
@media (width >= 80rem) {
.xl\:w-\[256px\] {
width: 256px;
}
}
@media (width >= 80rem) {
.xl\:w-\[calc\(20\%-19\.2px\)\] {
width: calc(20% - 19.2px);
}
}
@media (width >= 80rem) {
.xl\:max-w-\[700px\] {
max-width: 700px;
}
}
@media (width >= 80rem) {
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 80rem) {
.xl\:flex-col {
flex-direction: column;
}
}
@media (width >= 80rem) {
.xl\:flex-row {
flex-direction: row;
}
}
@media (width >= 80rem) {
.xl\:items-end {
align-items: flex-end;
}
}
@media (width >= 80rem) {
.xl\:justify-between {
justify-content: space-between;
}
}
@media (width >= 80rem) {
.xl\:gap-x-0 {
column-gap: calc(var(--spacing) * 0);
}
}
@media (width >= 80rem) {
.xl\:gap-y-4 {
row-gap: calc(var(--spacing) * 4);
}
}
@media (width >= 80rem) {
.xl\:rounded-\[100px\] {
border-radius: 100px;
}
}
@media (width >= 80rem) {
.xl\:px-\[42px\] {
padding-inline: 42px;
}
}
@media (width >= 80rem) {
.xl\:pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
}
@media (width >= 80rem) {
.xl\:pl-10 {
padding-left: calc(var(--spacing) * 10);
}
}
@media (width >= 80rem) {
.xl\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
@media (width >= 80rem) {
.xl\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
@media (width >= 80rem) {
.xl\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
@media (width >= 80rem) {
.xl\:text-1\.5sm {
font-size: var(--text-1_5sm);
}
}
@media (width >= 96rem) {
.\32 xl\:mt-\[-390px\] {
margin-top: -390px;
}
}
@media (width >= 96rem) {
.\32 xl\:max-w-\[920px\] {
max-width: 920px;
}
}
.prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
color: var(--color-primary);
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@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-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-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-tracking {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0px;
}
@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-duration {
syntax: "*";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-font-weight: initial;
--tw-border-style: solid;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-leading: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-duration: initial;
--tw-ease: initial;
}
}
}