2468 lines
56 KiB
CSS
2468 lines
56 KiB
CSS
/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */
|
|
@layer theme, base, components, utilities;
|
|
@layer theme {
|
|
: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-blue-50: oklch(0.97 0.014 254.604);
|
|
--color-blue-800: oklch(0.424 0.199 265.638);
|
|
--color-blue-900: oklch(0.379 0.146 265.522);
|
|
--color-gray-100: oklch(0.967 0.003 264.542);
|
|
--color-gray-200: oklch(0.928 0.006 264.531);
|
|
--color-gray-500: oklch(0.551 0.027 264.364);
|
|
--color-gray-600: oklch(0.446 0.03 256.802);
|
|
--color-gray-700: oklch(0.373 0.034 259.733);
|
|
--color-gray-800: oklch(0.278 0.033 256.848);
|
|
--color-gray-900: oklch(0.21 0.034 264.665);
|
|
--color-black: #000;
|
|
--color-white: #fff;
|
|
--spacing: 0.25rem;
|
|
--container-sm: 24rem;
|
|
--container-lg: 32rem;
|
|
--text-sm: var(--wp--preset--font-size--sm, 0.875rem);
|
|
--text-sm--line-height: calc(1.25 / 0.875);
|
|
--text-xl: var(--wp--preset--font-size--xl, 1.25rem);
|
|
--text-xl--line-height: calc(1.75 / 1.25);
|
|
--text-2xl: var(--wp--preset--font-size--2xl, 1.5rem);
|
|
--text-2xl--line-height: calc(2 / 1.5);
|
|
--text-3xl: var(--wp--preset--font-size--3xl, 1.875rem);
|
|
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
--text-5xl: var(--wp--preset--font-size--5xl, 3rem);
|
|
--text-5xl--line-height: 1;
|
|
--font-weight-light: 300;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
--font-weight-extrabold: 800;
|
|
--leading-tight: 1.25;
|
|
--radius-xs: 0.125rem;
|
|
--radius-md: 0.375rem;
|
|
--radius-lg: 0.5rem;
|
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
--blur-sm: 8px;
|
|
--default-transition-duration: 150ms;
|
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
--default-font-family: var(--font-sans);
|
|
--default-font-feature-settings: var(--font-sans--font-feature-settings);
|
|
--default-font-variation-settings: var(
|
|
--font-sans--font-variation-settings
|
|
);
|
|
--default-mono-font-family: var(--font-mono);
|
|
--default-mono-font-feature-settings: var(
|
|
--font-mono--font-feature-settings
|
|
);
|
|
--default-mono-font-variation-settings: var(
|
|
--font-mono--font-variation-settings
|
|
);
|
|
--color-primary: var(--wp--preset--color--primary);
|
|
--font-family-sans: 'Gilroy', ui-sans-serif, system-ui, sans-serif;
|
|
}
|
|
}
|
|
@layer base {
|
|
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0 solid;
|
|
}
|
|
html, :host {
|
|
line-height: 1.5;
|
|
-webkit-text-size-adjust: 100%;
|
|
-moz-tab-size: 4;
|
|
-o-tab-size: 4;
|
|
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;
|
|
}
|
|
body {
|
|
line-height: inherit;
|
|
}
|
|
hr {
|
|
height: 0;
|
|
color: inherit;
|
|
border-top-width: 1px;
|
|
}
|
|
abbr:where([title]) {
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
a {
|
|
color: inherit;
|
|
-webkit-text-decoration: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
b, strong {
|
|
font-weight: bolder;
|
|
}
|
|
code, kbd, samp, 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;
|
|
}
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
sub, sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
sup {
|
|
top: -0.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;
|
|
vertical-align: middle;
|
|
}
|
|
img, video {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
button, input, select, optgroup, textarea, ::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(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;
|
|
color: color-mix(in oklab, currentColor 50%, transparent);
|
|
}
|
|
::placeholder {
|
|
opacity: 1;
|
|
color: color-mix(in oklab, currentColor 50%, transparent);
|
|
}
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
::-webkit-date-and-time-value {
|
|
min-height: 1lh;
|
|
text-align: inherit;
|
|
}
|
|
::-webkit-datetime-edit {
|
|
display: inline-flex;
|
|
}
|
|
::-webkit-datetime-edit-fields-wrapper {
|
|
padding: 0;
|
|
}
|
|
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
|
|
padding-block: 0;
|
|
}
|
|
:-moz-ui-invalid {
|
|
box-shadow: none;
|
|
}
|
|
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
|
|
-webkit-appearance: button;
|
|
-moz-appearance: button;
|
|
appearance: button;
|
|
}
|
|
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
[hidden]:where(:not([hidden="until-found"])) {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@layer utilities {
|
|
.pointer-events-auto {
|
|
pointer-events: auto;
|
|
}
|
|
.pointer-events-none {
|
|
pointer-events: none;
|
|
}
|
|
.invisible {
|
|
visibility: hidden;
|
|
}
|
|
.visible {
|
|
visibility: visible;
|
|
}
|
|
.\!static {
|
|
position: static !important;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.fixed {
|
|
position: fixed;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
.static {
|
|
position: static;
|
|
}
|
|
.inset-0 {
|
|
inset: calc(var(--spacing) * 0);
|
|
}
|
|
.top-0 {
|
|
top: calc(var(--spacing) * 0);
|
|
}
|
|
.top-4 {
|
|
top: calc(var(--spacing) * 4);
|
|
}
|
|
.top-\[24px\] {
|
|
top: 24px;
|
|
}
|
|
.top-\[32px\] {
|
|
top: 32px;
|
|
}
|
|
.right-0 {
|
|
right: calc(var(--spacing) * 0);
|
|
}
|
|
.right-4 {
|
|
right: calc(var(--spacing) * 4);
|
|
}
|
|
.right-\[24px\] {
|
|
right: 24px;
|
|
}
|
|
.bottom-0 {
|
|
bottom: calc(var(--spacing) * 0);
|
|
}
|
|
.bottom-\[16px\] {
|
|
bottom: 16px;
|
|
}
|
|
.left-0 {
|
|
left: calc(var(--spacing) * 0);
|
|
}
|
|
.left-\[12px\] {
|
|
left: 12px;
|
|
}
|
|
.z-0 {
|
|
z-index: 0;
|
|
}
|
|
.z-10 {
|
|
z-index: 10;
|
|
}
|
|
.z-50 {
|
|
z-index: 50;
|
|
}
|
|
.z-\[0\] {
|
|
z-index: 0;
|
|
}
|
|
.z-\[1\] {
|
|
z-index: 1;
|
|
}
|
|
.z-\[49\] {
|
|
z-index: 49;
|
|
}
|
|
.container {
|
|
width: 100%;
|
|
}
|
|
@media (width >= 480px) {
|
|
.container {
|
|
max-width: 480px;
|
|
}
|
|
}
|
|
@media (width >= 600px) {
|
|
.container {
|
|
max-width: 600px;
|
|
}
|
|
}
|
|
@media (width >= 782px) {
|
|
.container {
|
|
max-width: 782px;
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.container {
|
|
max-width: 960px;
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.container {
|
|
max-width: 1280px;
|
|
}
|
|
}
|
|
@media (width >= 1440px) {
|
|
.container {
|
|
max-width: 1440px;
|
|
}
|
|
}
|
|
.\!m-0 {
|
|
margin: calc(var(--spacing) * 0) !important;
|
|
}
|
|
.\!m-\[-1px\] {
|
|
margin: -1px !important;
|
|
}
|
|
.m-8 {
|
|
margin: calc(var(--spacing) * 8);
|
|
}
|
|
.\!mx-auto {
|
|
margin-inline: auto !important;
|
|
}
|
|
.mx-auto {
|
|
margin-inline: auto;
|
|
}
|
|
.my-3 {
|
|
margin-block: calc(var(--spacing) * 3);
|
|
}
|
|
.my-8 {
|
|
margin-block: calc(var(--spacing) * 8);
|
|
}
|
|
.mt-0 {
|
|
margin-top: calc(var(--spacing) * 0);
|
|
}
|
|
.mt-4 {
|
|
margin-top: calc(var(--spacing) * 4);
|
|
}
|
|
.mt-6 {
|
|
margin-top: calc(var(--spacing) * 6);
|
|
}
|
|
.mt-\[4px\] {
|
|
margin-top: 4px;
|
|
}
|
|
.mt-\[8px\] {
|
|
margin-top: 8px;
|
|
}
|
|
.mt-\[10px\] {
|
|
margin-top: 10px;
|
|
}
|
|
.mt-\[12px\] {
|
|
margin-top: 12px;
|
|
}
|
|
.mt-\[14px\] {
|
|
margin-top: 14px;
|
|
}
|
|
.mt-\[16px\] {
|
|
margin-top: 16px;
|
|
}
|
|
.mt-\[20px\] {
|
|
margin-top: 20px;
|
|
}
|
|
.mt-\[22px\] {
|
|
margin-top: 22px;
|
|
}
|
|
.mt-\[24px\] {
|
|
margin-top: 24px;
|
|
}
|
|
.mt-\[26px\] {
|
|
margin-top: 26px;
|
|
}
|
|
.mt-\[28px\] {
|
|
margin-top: 28px;
|
|
}
|
|
.mt-\[32px\] {
|
|
margin-top: 32px;
|
|
}
|
|
.mt-\[40px\] {
|
|
margin-top: 40px;
|
|
}
|
|
.mt-\[44px\] {
|
|
margin-top: 44px;
|
|
}
|
|
.mt-\[45px\] {
|
|
margin-top: 45px;
|
|
}
|
|
.mt-\[50px\] {
|
|
margin-top: 50px;
|
|
}
|
|
.mt-auto {
|
|
margin-top: auto;
|
|
}
|
|
.mb-1 {
|
|
margin-bottom: calc(var(--spacing) * 1);
|
|
}
|
|
.mb-2 {
|
|
margin-bottom: calc(var(--spacing) * 2);
|
|
}
|
|
.mb-4 {
|
|
margin-bottom: calc(var(--spacing) * 4);
|
|
}
|
|
.mb-8 {
|
|
margin-bottom: calc(var(--spacing) * 8);
|
|
}
|
|
.mb-\[8px\] {
|
|
margin-bottom: 8px;
|
|
}
|
|
.mb-\[12px\] {
|
|
margin-bottom: 12px;
|
|
}
|
|
.mb-\[16px\] {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mb-\[20px\] {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-\[24px\] {
|
|
margin-bottom: 24px;
|
|
}
|
|
.mb-\[30px\] {
|
|
margin-bottom: 30px;
|
|
}
|
|
.mb-\[40px\] {
|
|
margin-bottom: 40px;
|
|
}
|
|
.mb-\[90px\] {
|
|
margin-bottom: 90px;
|
|
}
|
|
.ml-\[8px\] {
|
|
margin-left: 8px;
|
|
}
|
|
.ml-auto {
|
|
margin-left: auto;
|
|
}
|
|
.block {
|
|
display: block;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.grid {
|
|
display: grid;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
.inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.\!h-\[1px\] {
|
|
height: 1px !important;
|
|
}
|
|
.\!h-\[62px\] {
|
|
height: 62px !important;
|
|
}
|
|
.\!h-\[100px\] {
|
|
height: 100px !important;
|
|
}
|
|
.h-1 {
|
|
height: calc(var(--spacing) * 1);
|
|
}
|
|
.h-5 {
|
|
height: calc(var(--spacing) * 5);
|
|
}
|
|
.h-8 {
|
|
height: calc(var(--spacing) * 8);
|
|
}
|
|
.h-\[2px\] {
|
|
height: 2px;
|
|
}
|
|
.h-\[6px\] {
|
|
height: 6px;
|
|
}
|
|
.h-\[8px\] {
|
|
height: 8px;
|
|
}
|
|
.h-\[24px\] {
|
|
height: 24px;
|
|
}
|
|
.h-\[29px\] {
|
|
height: 29px;
|
|
}
|
|
.h-\[30px\] {
|
|
height: 30px;
|
|
}
|
|
.h-\[32px\] {
|
|
height: 32px;
|
|
}
|
|
.h-\[36px\] {
|
|
height: 36px;
|
|
}
|
|
.h-\[43px\] {
|
|
height: 43px;
|
|
}
|
|
.h-\[44px\] {
|
|
height: 44px;
|
|
}
|
|
.h-\[45px\] {
|
|
height: 45px;
|
|
}
|
|
.h-\[46px\] {
|
|
height: 46px;
|
|
}
|
|
.h-\[55px\] {
|
|
height: 55px;
|
|
}
|
|
.h-\[59px\] {
|
|
height: 59px;
|
|
}
|
|
.h-\[64px\] {
|
|
height: 64px;
|
|
}
|
|
.h-\[74px\] {
|
|
height: 74px;
|
|
}
|
|
.h-\[75px\] {
|
|
height: 75px;
|
|
}
|
|
.h-\[76px\] {
|
|
height: 76px;
|
|
}
|
|
.h-\[78px\] {
|
|
height: 78px;
|
|
}
|
|
.h-\[80px\] {
|
|
height: 80px;
|
|
}
|
|
.h-\[120px\] {
|
|
height: 120px;
|
|
}
|
|
.h-\[147px\] {
|
|
height: 147px;
|
|
}
|
|
.h-\[240px\] {
|
|
height: 240px;
|
|
}
|
|
.h-\[244px\] {
|
|
height: 244px;
|
|
}
|
|
.h-\[258px\] {
|
|
height: 258px;
|
|
}
|
|
.h-\[280px\] {
|
|
height: 280px;
|
|
}
|
|
.h-\[298px\] {
|
|
height: 298px;
|
|
}
|
|
.h-\[305px\] {
|
|
height: 305px;
|
|
}
|
|
.h-\[358px\] {
|
|
height: 358px;
|
|
}
|
|
.h-\[383px\] {
|
|
height: 383px;
|
|
}
|
|
.h-\[440px\] {
|
|
height: 440px;
|
|
}
|
|
.h-\[460px\] {
|
|
height: 460px;
|
|
}
|
|
.h-\[500px\] {
|
|
height: 500px;
|
|
}
|
|
.h-\[512px\] {
|
|
height: 512px;
|
|
}
|
|
.h-\[540px\] {
|
|
height: 540px;
|
|
}
|
|
.h-\[575px\] {
|
|
height: 575px;
|
|
}
|
|
.h-\[580px\] {
|
|
height: 580px;
|
|
}
|
|
.h-\[600px\] {
|
|
height: 600px;
|
|
}
|
|
.h-\[608px\] {
|
|
height: 608px;
|
|
}
|
|
.h-\[620px\] {
|
|
height: 620px;
|
|
}
|
|
.h-\[828px\] {
|
|
height: 828px;
|
|
}
|
|
.h-full {
|
|
height: 100%;
|
|
}
|
|
.max-h-\[90vh\] {
|
|
max-height: 90vh;
|
|
}
|
|
.min-h-\[48px\] {
|
|
min-height: 48px;
|
|
}
|
|
.min-h-\[260px\] {
|
|
min-height: 260px;
|
|
}
|
|
.min-h-\[330px\] {
|
|
min-height: 330px;
|
|
}
|
|
.min-h-\[440px\] {
|
|
min-height: 440px;
|
|
}
|
|
.min-h-\[500px\] {
|
|
min-height: 500px;
|
|
}
|
|
.min-h-screen {
|
|
min-height: 100vh;
|
|
}
|
|
.\!w-\[1px\] {
|
|
width: 1px !important;
|
|
}
|
|
.\!w-full {
|
|
width: 100% !important;
|
|
}
|
|
.w-5 {
|
|
width: calc(var(--spacing) * 5);
|
|
}
|
|
.w-8 {
|
|
width: calc(var(--spacing) * 8);
|
|
}
|
|
.w-16 {
|
|
width: calc(var(--spacing) * 16);
|
|
}
|
|
.w-\[6px\] {
|
|
width: 6px;
|
|
}
|
|
.w-\[8px\] {
|
|
width: 8px;
|
|
}
|
|
.w-\[32px\] {
|
|
width: 32px;
|
|
}
|
|
.w-\[42px\] {
|
|
width: 42px;
|
|
}
|
|
.w-\[55px\] {
|
|
width: 55px;
|
|
}
|
|
.w-\[64px\] {
|
|
width: 64px;
|
|
}
|
|
.w-\[76px\] {
|
|
width: 76px;
|
|
}
|
|
.w-\[80px\] {
|
|
width: 80px;
|
|
}
|
|
.w-\[136px\] {
|
|
width: 136px;
|
|
}
|
|
.w-\[160px\] {
|
|
width: 160px;
|
|
}
|
|
.w-\[424px\] {
|
|
width: 424px;
|
|
}
|
|
.w-fit {
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
}
|
|
.w-full {
|
|
width: 100%;
|
|
}
|
|
.max-w-\[102px\] {
|
|
max-width: 102px;
|
|
}
|
|
.max-w-\[135px\] {
|
|
max-width: 135px;
|
|
}
|
|
.max-w-\[160px\] {
|
|
max-width: 160px;
|
|
}
|
|
.max-w-\[179px\] {
|
|
max-width: 179px;
|
|
}
|
|
.max-w-\[210px\] {
|
|
max-width: 210px;
|
|
}
|
|
.max-w-\[213px\] {
|
|
max-width: 213px;
|
|
}
|
|
.max-w-\[220px\] {
|
|
max-width: 220px;
|
|
}
|
|
.max-w-\[240px\] {
|
|
max-width: 240px;
|
|
}
|
|
.max-w-\[245px\] {
|
|
max-width: 245px;
|
|
}
|
|
.max-w-\[270px\] {
|
|
max-width: 270px;
|
|
}
|
|
.max-w-\[281px\] {
|
|
max-width: 281px;
|
|
}
|
|
.max-w-\[300px\] {
|
|
max-width: 300px;
|
|
}
|
|
.max-w-\[301px\] {
|
|
max-width: 301px;
|
|
}
|
|
.max-w-\[312px\] {
|
|
max-width: 312px;
|
|
}
|
|
.max-w-\[320px\] {
|
|
max-width: 320px;
|
|
}
|
|
.max-w-\[330px\] {
|
|
max-width: 330px;
|
|
}
|
|
.max-w-\[400px\] {
|
|
max-width: 400px;
|
|
}
|
|
.max-w-\[424px\] {
|
|
max-width: 424px;
|
|
}
|
|
.max-w-\[535px\] {
|
|
max-width: 535px;
|
|
}
|
|
.max-w-\[590px\] {
|
|
max-width: 590px;
|
|
}
|
|
.max-w-\[648px\] {
|
|
max-width: 648px;
|
|
}
|
|
.max-w-\[687px\] {
|
|
max-width: 687px;
|
|
}
|
|
.max-w-\[725px\] {
|
|
max-width: 725px;
|
|
}
|
|
.max-w-\[760px\] {
|
|
max-width: 760px;
|
|
}
|
|
.max-w-\[872px\] {
|
|
max-width: 872px;
|
|
}
|
|
.max-w-\[900px\] {
|
|
max-width: 900px;
|
|
}
|
|
.max-w-\[970px\] {
|
|
max-width: 970px;
|
|
}
|
|
.max-w-\[2000px\] {
|
|
max-width: 2000px;
|
|
}
|
|
.max-w-fit {
|
|
max-width: -moz-fit-content;
|
|
max-width: fit-content;
|
|
}
|
|
.max-w-full {
|
|
max-width: 100%;
|
|
}
|
|
.max-w-lg {
|
|
max-width: var(--container-lg);
|
|
}
|
|
.max-w-sm {
|
|
max-width: var(--container-sm);
|
|
}
|
|
.flex-1 {
|
|
flex: 1;
|
|
}
|
|
.flex-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-grow {
|
|
flex-grow: 1;
|
|
}
|
|
.grow {
|
|
flex-grow: 1;
|
|
}
|
|
.translate-y-\[2px\] {
|
|
--tw-translate-y: 2px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.scale-90 {
|
|
--tw-scale-x: 90%;
|
|
--tw-scale-y: 90%;
|
|
--tw-scale-z: 90%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.scale-100 {
|
|
--tw-scale-x: 100%;
|
|
--tw-scale-y: 100%;
|
|
--tw-scale-z: 100%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.transform {
|
|
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
|
|
}
|
|
.\!cursor-grab {
|
|
cursor: grab !important;
|
|
}
|
|
.cursor-pointer {
|
|
cursor: pointer;
|
|
}
|
|
.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));
|
|
}
|
|
.grid-cols-3 {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-4 {
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
.flex-col {
|
|
flex-direction: column;
|
|
}
|
|
.flex-col-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.place-items-center {
|
|
place-items: center;
|
|
}
|
|
.items-center {
|
|
align-items: center;
|
|
}
|
|
.items-end {
|
|
align-items: flex-end;
|
|
}
|
|
.items-start {
|
|
align-items: flex-start;
|
|
}
|
|
.justify-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.gap-\[4px\] {
|
|
gap: 4px;
|
|
}
|
|
.gap-\[6px\] {
|
|
gap: 6px;
|
|
}
|
|
.gap-\[8px\] {
|
|
gap: 8px;
|
|
}
|
|
.gap-\[10px\] {
|
|
gap: 10px;
|
|
}
|
|
.gap-\[12px\] {
|
|
gap: 12px;
|
|
}
|
|
.gap-\[16px\] {
|
|
gap: 16px;
|
|
}
|
|
.gap-\[20px\] {
|
|
gap: 20px;
|
|
}
|
|
.gap-\[24px\] {
|
|
gap: 24px;
|
|
}
|
|
.gap-\[30px\] {
|
|
gap: 30px;
|
|
}
|
|
.gap-\[32px\] {
|
|
gap: 32px;
|
|
}
|
|
.gap-\[48px\] {
|
|
gap: 48px;
|
|
}
|
|
.gap-\[60px\] {
|
|
gap: 60px;
|
|
}
|
|
:where(.space-y-1 > :not(:last-child)) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(calc(var(--spacing) * 1) * 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)));
|
|
}
|
|
:where(.space-y-\[8px\] > :not(:last-child)) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-block-start: calc(8px * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(8px * calc(1 - var(--tw-space-y-reverse)));
|
|
}
|
|
:where(.space-y-\[12px\] > :not(:last-child)) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-block-start: calc(12px * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse)));
|
|
}
|
|
.gap-x-\[40px\] {
|
|
-moz-column-gap: 40px;
|
|
column-gap: 40px;
|
|
}
|
|
.gap-y-\[16px\] {
|
|
row-gap: 16px;
|
|
}
|
|
:where(.divide-x > :not(:last-child)) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-inline-style: var(--tw-border-style);
|
|
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
|
|
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
:where(.divide-\[\#e0e0e0\] > :not(:last-child)) {
|
|
border-color: #e0e0e0;
|
|
}
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
.overflow-y-auto {
|
|
overflow-y: auto;
|
|
}
|
|
.rounded {
|
|
border-radius: 0.25rem;
|
|
}
|
|
.rounded-\[6px\] {
|
|
border-radius: 6px;
|
|
}
|
|
.rounded-\[8px\] {
|
|
border-radius: 8px;
|
|
}
|
|
.rounded-\[9px\] {
|
|
border-radius: 9px;
|
|
}
|
|
.rounded-\[12px\] {
|
|
border-radius: 12px;
|
|
}
|
|
.rounded-\[16px\] {
|
|
border-radius: 16px;
|
|
}
|
|
.rounded-\[20px\] {
|
|
border-radius: 20px;
|
|
}
|
|
.rounded-\[24px\] {
|
|
border-radius: 24px;
|
|
}
|
|
.rounded-\[25px\] {
|
|
border-radius: 25px;
|
|
}
|
|
.rounded-\[30px\] {
|
|
border-radius: 30px;
|
|
}
|
|
.rounded-\[32px\] {
|
|
border-radius: 32px;
|
|
}
|
|
.rounded-\[90px\] {
|
|
border-radius: 90px;
|
|
}
|
|
.rounded-full {
|
|
border-radius: calc(infinity * 1px);
|
|
}
|
|
.rounded-lg {
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
.rounded-md {
|
|
border-radius: var(--radius-md);
|
|
}
|
|
.rounded-xs {
|
|
border-radius: var(--radius-xs);
|
|
}
|
|
.rounded-tl-none {
|
|
border-top-left-radius: 0;
|
|
}
|
|
.rounded-b-\[0\] {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.rounded-br-none {
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.rounded-bl-none {
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.\!border-0 {
|
|
border-style: var(--tw-border-style) !important;
|
|
border-width: 0px !important;
|
|
}
|
|
.border {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
.border-\[1px\] {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
.border-\[2px\] {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 2px;
|
|
}
|
|
.border-t {
|
|
border-top-style: var(--tw-border-style);
|
|
border-top-width: 1px;
|
|
}
|
|
.border-r-\[0px\] {
|
|
border-right-style: var(--tw-border-style);
|
|
border-right-width: 0px;
|
|
}
|
|
.border-b {
|
|
border-bottom-style: var(--tw-border-style);
|
|
border-bottom-width: 1px;
|
|
}
|
|
.border-b-\[2px\] {
|
|
border-bottom-style: var(--tw-border-style);
|
|
border-bottom-width: 2px;
|
|
}
|
|
.border-b-\[4px\] {
|
|
border-bottom-style: var(--tw-border-style);
|
|
border-bottom-width: 4px;
|
|
}
|
|
.border-\[\#E0E0E0\] {
|
|
border-color: #E0E0E0;
|
|
}
|
|
.border-\[\#e0e0e0\] {
|
|
border-color: #e0e0e0;
|
|
}
|
|
.border-\[\#e5e7eb\] {
|
|
border-color: #e5e7eb;
|
|
}
|
|
.border-\[\#e21e24\] {
|
|
border-color: #e21e24;
|
|
}
|
|
.border-\[\#fff\] {
|
|
border-color: #fff;
|
|
}
|
|
.border-primary {
|
|
border-color: var(--color-primary);
|
|
}
|
|
.border-t-\[\#f1f1f1\] {
|
|
border-top-color: #f1f1f1;
|
|
}
|
|
.\!border-b-\[\#e21e24\] {
|
|
border-bottom-color: #e21e24 !important;
|
|
}
|
|
.border-b-\[transparent\] {
|
|
border-bottom-color: transparent;
|
|
}
|
|
.bg-\[\#3b82f6\] {
|
|
background-color: #3b82f6;
|
|
}
|
|
.bg-\[\#10b981\] {
|
|
background-color: #10b981;
|
|
}
|
|
.bg-\[\#E21E24\] {
|
|
background-color: #E21E24;
|
|
}
|
|
.bg-\[\#e21e24\] {
|
|
background-color: #e21e24;
|
|
}
|
|
.bg-\[\#f3f4f6\] {
|
|
background-color: #f3f4f6;
|
|
}
|
|
.bg-\[\#f8f8f8\] {
|
|
background-color: #f8f8f8;
|
|
}
|
|
.bg-\[\#f9f9f9\] {
|
|
background-color: #f9f9f9;
|
|
}
|
|
.bg-\[\#fff\] {
|
|
background-color: #fff;
|
|
}
|
|
.bg-\[\#ffffff\] {
|
|
background-color: #ffffff;
|
|
}
|
|
.bg-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\] {
|
|
background-color: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
|
}
|
|
.bg-\[rgba\(0\,0\,0\,0\.5\)\] {
|
|
background-color: rgba(0,0,0,0.5);
|
|
}
|
|
.bg-blue-50 {
|
|
background-color: var(--color-blue-50);
|
|
}
|
|
.bg-gray-100 {
|
|
background-color: var(--color-gray-100);
|
|
}
|
|
.bg-gray-200 {
|
|
background-color: var(--color-gray-200);
|
|
}
|
|
.bg-primary {
|
|
background-color: var(--color-primary);
|
|
}
|
|
.bg-transparent {
|
|
background-color: transparent;
|
|
}
|
|
.bg-white {
|
|
background-color: var(--color-white);
|
|
}
|
|
.bg-gradient-to-t {
|
|
--tw-gradient-position: to top in oklab;
|
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
}
|
|
.bg-\[linear-gradient\(90deg\,\#2b2c35_67\.31\%\,\#4f5870_92\.9\%\)\] {
|
|
background-image: linear-gradient(90deg,#2b2c35 67.31%,#4f5870 92.9%);
|
|
}
|
|
.bg-\[linear-gradient\(90deg\,_\#2b2c35_39\.42\%\,_\#6e7996_92\.9\%\)\] {
|
|
background-image: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
|
}
|
|
.bg-\[linear-gradient\(90deg\,_\#2b2c35_67\.31\%\,_\#4f5870_92\.9\%\)\] {
|
|
background-image: linear-gradient(90deg, #2b2c35 67.31%, #4f5870 92.9%);
|
|
}
|
|
.bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#bbb7b1_92\.9\%\)\] {
|
|
background-image: linear-gradient(90deg, #9d9994 39.42%, #bbb7b1 92.9%);
|
|
}
|
|
.bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#ccc9c4_92\.9\%\)\] {
|
|
background-image: linear-gradient(90deg, #9d9994 39.42%, #ccc9c4 92.9%);
|
|
}
|
|
.bg-\[linear-gradient\(90deg\,_rgba\(43\,_44\,_53\,_0\.06\)_39\.42\%\,_rgba\(110\,_121\,_150\,_0\.06\)_92\.9\%\)\] {
|
|
background-image: linear-gradient(90deg, rgba(43, 44, 53, 0.06) 39.42%, rgba(110, 121, 150, 0.06) 92.9%);
|
|
}
|
|
.bg-\[linear-gradient\(90deg\,rgba\(157\,153\,148\,0\.7\)_39\.42\%\,rgba\(197\,197\,185\,0\.7\)_92\.9\%\)\] {
|
|
background-image: linear-gradient(90deg,rgba(157,153,148,0.7) 39.42%,rgba(197,197,185,0.7) 92.9%);
|
|
}
|
|
.bg-\[linear-gradient\(180deg\,_\#f2f2f2_69\.59\%\,_\#ededed_100\%\)\] {
|
|
background-image: linear-gradient(180deg, #f2f2f2 69.59%, #ededed 100%);
|
|
}
|
|
.bg-\[linear-gradient\(180deg\,_\#f9f9f9_69\.59\%\,_\#ededed_100\%\)\] {
|
|
background-image: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%);
|
|
}
|
|
.from-black\/50 {
|
|
--tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, 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));
|
|
}
|
|
.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-clip-text {
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
}
|
|
.bg-center {
|
|
background-position: center;
|
|
}
|
|
.bg-no-repeat {
|
|
background-repeat: no-repeat;
|
|
}
|
|
.fill-\[\#222\] {
|
|
fill: #222;
|
|
}
|
|
.fill-\[\#222222\] {
|
|
fill: #222222;
|
|
}
|
|
.fill-\[\#E0E0E0\] {
|
|
fill: #E0E0E0;
|
|
}
|
|
.fill-\[\#f8f8f8\] {
|
|
fill: #f8f8f8;
|
|
}
|
|
.object-contain {
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
.object-cover {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.\!p-0 {
|
|
padding: calc(var(--spacing) * 0) !important;
|
|
}
|
|
.p-4 {
|
|
padding: calc(var(--spacing) * 4);
|
|
}
|
|
.p-6 {
|
|
padding: calc(var(--spacing) * 6);
|
|
}
|
|
.p-\[10px\] {
|
|
padding: 10px;
|
|
}
|
|
.p-\[20px\] {
|
|
padding: 20px;
|
|
}
|
|
.p-\[24px\] {
|
|
padding: 24px;
|
|
}
|
|
.p-\[28px\] {
|
|
padding: 28px;
|
|
}
|
|
.p-\[30px\] {
|
|
padding: 30px;
|
|
}
|
|
.p-\[40px\] {
|
|
padding: 40px;
|
|
}
|
|
.p-\[48px\] {
|
|
padding: 48px;
|
|
}
|
|
.px-3 {
|
|
padding-inline: calc(var(--spacing) * 3);
|
|
}
|
|
.px-4 {
|
|
padding-inline: calc(var(--spacing) * 4);
|
|
}
|
|
.px-6 {
|
|
padding-inline: calc(var(--spacing) * 6);
|
|
}
|
|
.px-\[10px\] {
|
|
padding-inline: 10px;
|
|
}
|
|
.px-\[12px\] {
|
|
padding-inline: 12px;
|
|
}
|
|
.px-\[20px\] {
|
|
padding-inline: 20px;
|
|
}
|
|
.px-\[24px\] {
|
|
padding-inline: 24px;
|
|
}
|
|
.px-\[28px\] {
|
|
padding-inline: 28px;
|
|
}
|
|
.px-\[32px\] {
|
|
padding-inline: 32px;
|
|
}
|
|
.px-\[40px\] {
|
|
padding-inline: 40px;
|
|
}
|
|
.py-2 {
|
|
padding-block: calc(var(--spacing) * 2);
|
|
}
|
|
.py-\[8px\] {
|
|
padding-block: 8px;
|
|
}
|
|
.py-\[12px\] {
|
|
padding-block: 12px;
|
|
}
|
|
.py-\[24px\] {
|
|
padding-block: 24px;
|
|
}
|
|
.py-\[30px\] {
|
|
padding-block: 30px;
|
|
}
|
|
.py-\[45px\] {
|
|
padding-block: 45px;
|
|
}
|
|
.py-\[48px\] {
|
|
padding-block: 48px;
|
|
}
|
|
.py-\[60px\] {
|
|
padding-block: 60px;
|
|
}
|
|
.py-\[90px\] {
|
|
padding-block: 90px;
|
|
}
|
|
.py-\[96px\] {
|
|
padding-block: 96px;
|
|
}
|
|
.\!pt-\[0\] {
|
|
padding-top: 0 !important;
|
|
}
|
|
.\!pt-\[0px\] {
|
|
padding-top: 0px !important;
|
|
}
|
|
.pt-\[16px\] {
|
|
padding-top: 16px;
|
|
}
|
|
.pt-\[24px\] {
|
|
padding-top: 24px;
|
|
}
|
|
.pt-\[32px\] {
|
|
padding-top: 32px;
|
|
}
|
|
.pt-\[45px\] {
|
|
padding-top: 45px;
|
|
}
|
|
.pt-\[48px\] {
|
|
padding-top: 48px;
|
|
}
|
|
.pt-\[90px\] {
|
|
padding-top: 90px;
|
|
}
|
|
.pt-\[96px\] {
|
|
padding-top: 96px;
|
|
}
|
|
.pt-\[161px\] {
|
|
padding-top: 161px;
|
|
}
|
|
.pr-0 {
|
|
padding-right: calc(var(--spacing) * 0);
|
|
}
|
|
.pr-\[12px\] {
|
|
padding-right: 12px;
|
|
}
|
|
.pr-\[16px\] {
|
|
padding-right: 16px;
|
|
}
|
|
.pb-0 {
|
|
padding-bottom: calc(var(--spacing) * 0);
|
|
}
|
|
.pb-\[16px\] {
|
|
padding-bottom: 16px;
|
|
}
|
|
.pb-\[24px\] {
|
|
padding-bottom: 24px;
|
|
}
|
|
.pb-\[30px\] {
|
|
padding-bottom: 30px;
|
|
}
|
|
.pb-\[45px\] {
|
|
padding-bottom: 45px;
|
|
}
|
|
.pb-\[60px\] {
|
|
padding-bottom: 60px;
|
|
}
|
|
.pb-\[90px\] {
|
|
padding-bottom: 90px;
|
|
}
|
|
.pl-0 {
|
|
padding-left: calc(var(--spacing) * 0);
|
|
}
|
|
.pl-\[16px\] {
|
|
padding-left: 16px;
|
|
}
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
.text-2xl {
|
|
font-size: var(--text-2xl);
|
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
}
|
|
.text-5xl {
|
|
font-size: var(--text-5xl);
|
|
line-height: var(--tw-leading, var(--text-5xl--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-\[13px\] {
|
|
font-size: 13px;
|
|
}
|
|
.text-\[14px\] {
|
|
font-size: 14px;
|
|
}
|
|
.text-\[15px\] {
|
|
font-size: 15px;
|
|
}
|
|
.text-\[16px\] {
|
|
font-size: 16px;
|
|
}
|
|
.text-\[18px\] {
|
|
font-size: 18px;
|
|
}
|
|
.text-\[20px\] {
|
|
font-size: 20px;
|
|
}
|
|
.text-\[24px\] {
|
|
font-size: 24px;
|
|
}
|
|
.text-\[32px\] {
|
|
font-size: 32px;
|
|
}
|
|
.text-\[36px\] {
|
|
font-size: 36px;
|
|
}
|
|
.text-\[40px\] {
|
|
font-size: 40px;
|
|
}
|
|
.text-\[42px\] {
|
|
font-size: 42px;
|
|
}
|
|
.text-\[48px\] {
|
|
font-size: 48px;
|
|
}
|
|
.text-\[62px\] {
|
|
font-size: 62px;
|
|
}
|
|
.leading-\[20px\] {
|
|
--tw-leading: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.leading-\[110\%\] {
|
|
--tw-leading: 110%;
|
|
line-height: 110%;
|
|
}
|
|
.leading-\[115\%\] {
|
|
--tw-leading: 115%;
|
|
line-height: 115%;
|
|
}
|
|
.leading-\[120\%\] {
|
|
--tw-leading: 120%;
|
|
line-height: 120%;
|
|
}
|
|
.leading-\[125\%\] {
|
|
--tw-leading: 125%;
|
|
line-height: 125%;
|
|
}
|
|
.leading-\[130\%\] {
|
|
--tw-leading: 130%;
|
|
line-height: 130%;
|
|
}
|
|
.leading-\[140\%\] {
|
|
--tw-leading: 140%;
|
|
line-height: 140%;
|
|
}
|
|
.leading-\[145\%\] {
|
|
--tw-leading: 145%;
|
|
line-height: 145%;
|
|
}
|
|
.leading-\[150\%\] {
|
|
--tw-leading: 150%;
|
|
line-height: 150%;
|
|
}
|
|
.leading-\[160\%\] {
|
|
--tw-leading: 160%;
|
|
line-height: 160%;
|
|
}
|
|
.leading-\[195\%\] {
|
|
--tw-leading: 195%;
|
|
line-height: 195%;
|
|
}
|
|
.leading-tight {
|
|
--tw-leading: var(--leading-tight);
|
|
line-height: var(--leading-tight);
|
|
}
|
|
.font-\[400\] {
|
|
--tw-font-weight: 400;
|
|
font-weight: 400;
|
|
}
|
|
.font-\[500\] {
|
|
--tw-font-weight: 500;
|
|
font-weight: 500;
|
|
}
|
|
.font-\[600\] {
|
|
--tw-font-weight: 600;
|
|
font-weight: 600;
|
|
}
|
|
.font-\[700\] {
|
|
--tw-font-weight: 700;
|
|
font-weight: 700;
|
|
}
|
|
.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-light {
|
|
--tw-font-weight: var(--font-weight-light);
|
|
font-weight: var(--font-weight-light);
|
|
}
|
|
.font-semibold {
|
|
--tw-font-weight: var(--font-weight-semibold);
|
|
font-weight: var(--font-weight-semibold);
|
|
}
|
|
.text-\[\#1f2937\] {
|
|
color: #1f2937;
|
|
}
|
|
.text-\[\#2B2C35\] {
|
|
color: #2B2C35;
|
|
}
|
|
.text-\[\#6b7280\] {
|
|
color: #6b7280;
|
|
}
|
|
.text-\[\#6c6b6b\] {
|
|
color: #6c6b6b;
|
|
}
|
|
.text-\[\#222\] {
|
|
color: #222;
|
|
}
|
|
.text-\[\#E21E24\] {
|
|
color: #E21E24;
|
|
}
|
|
.text-\[\#e0e0e0\] {
|
|
color: #e0e0e0;
|
|
}
|
|
.text-\[\#f8f8f8\] {
|
|
color: #f8f8f8;
|
|
}
|
|
.text-\[\#fff\] {
|
|
color: #fff;
|
|
}
|
|
.text-\[\#ffffff\] {
|
|
color: #ffffff;
|
|
}
|
|
.text-\[222\] {
|
|
color: 222;
|
|
}
|
|
.text-blue-800 {
|
|
color: var(--color-blue-800);
|
|
}
|
|
.text-blue-900 {
|
|
color: var(--color-blue-900);
|
|
}
|
|
.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-gray-800 {
|
|
color: var(--color-gray-800);
|
|
}
|
|
.text-gray-900 {
|
|
color: var(--color-gray-900);
|
|
}
|
|
.text-transparent {
|
|
color: transparent;
|
|
}
|
|
.text-white {
|
|
color: var(--color-white);
|
|
}
|
|
.\!no-underline {
|
|
text-decoration-line: none !important;
|
|
}
|
|
.\!decoration-transparent {
|
|
text-decoration-color: transparent !important;
|
|
}
|
|
.antialiased {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.opacity-0 {
|
|
opacity: 0%;
|
|
}
|
|
.opacity-50 {
|
|
opacity: 50%;
|
|
}
|
|
.opacity-100 {
|
|
opacity: 100%;
|
|
}
|
|
.shadow-\[0_2px_16px_0_rgba\(16\,_15\,_15\,_0\.08\)\] {
|
|
--tw-shadow: 0 2px 16px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.08));
|
|
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_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\] {
|
|
--tw-shadow: 0 2px 32px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.03));
|
|
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);
|
|
}
|
|
.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,);
|
|
}
|
|
.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-\[8px\] {
|
|
--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-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-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-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-shadow {
|
|
transition-property: box-shadow;
|
|
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-300 {
|
|
--tw-duration: 300ms;
|
|
transition-duration: 300ms;
|
|
}
|
|
.duration-\[180ms\] {
|
|
--tw-duration: 180ms;
|
|
transition-duration: 180ms;
|
|
}
|
|
.ease-in-out {
|
|
--tw-ease: var(--ease-in-out);
|
|
transition-timing-function: var(--ease-in-out);
|
|
}
|
|
.select-none {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
@media (hover: hover) {
|
|
.group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) {
|
|
scale: 1.05;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.group-hover\:text-\[\#e21e24\]:is(:where(.group):hover *) {
|
|
color: #e21e24;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.group-hover\:shadow-\[0_8px_32px_0_rgba\(16\,_15\,_15\,_0\.12\)\]:is(:where(.group):hover *) {
|
|
--tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.12));
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:border-b-\[\#e21e24\]:hover {
|
|
border-bottom-color: #e21e24;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:bg-\[\#2563eb\]:hover {
|
|
background-color: #2563eb;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:bg-\[\#e0e0e0\]:hover {
|
|
background-color: #e0e0e0;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:bg-gray-100:hover {
|
|
background-color: var(--color-gray-100);
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:text-\[\#2B2C35\]:hover {
|
|
color: #2B2C35;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:text-\[\#9d9994\]:hover {
|
|
color: #9d9994;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:text-\[\#222\]:hover {
|
|
color: #222;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:text-\[\#555\]:hover {
|
|
color: #555;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:text-gray-700:hover {
|
|
color: var(--color-gray-700);
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:\!no-underline:hover {
|
|
text-decoration-line: none !important;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:\!decoration-inherit:hover {
|
|
text-decoration-color: inherit !important;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:opacity-80:hover {
|
|
opacity: 80%;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:opacity-90:hover {
|
|
opacity: 90%;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:shadow-\[0_8px_32px_0_rgba\(16\,_15\,_15\,_0\.12\)\]:hover {
|
|
--tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.12));
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:shadow-xl:hover {
|
|
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
|
|
}
|
|
}
|
|
.focus\:ring-2:focus {
|
|
--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\:ring-\[\#3b82f6\]:focus {
|
|
--tw-ring-color: #3b82f6;
|
|
}
|
|
.focus\:ring-offset-2:focus {
|
|
--tw-ring-offset-width: 2px;
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
}
|
|
.focus\:outline-none:focus {
|
|
--tw-outline-style: none;
|
|
outline-style: none;
|
|
}
|
|
@media (width < 768px) {
|
|
.max-\[768px\]\:gap-\[20px\] {
|
|
gap: 20px;
|
|
}
|
|
}
|
|
@media (width < 768px) {
|
|
.max-\[768px\]\:p-\[20px\] {
|
|
padding: 20px;
|
|
}
|
|
}
|
|
@media (width < 768px) {
|
|
.max-\[768px\]\:text-\[14px\] {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
@media (width < 768px) {
|
|
.max-\[768px\]\:text-\[20px\] {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
@media (width < 768px) {
|
|
.max-\[768px\]\:text-\[34px\] {
|
|
font-size: 34px;
|
|
}
|
|
}
|
|
@media (width < 768px) {
|
|
.max-\[768px\]\:text-\[36px\] {
|
|
font-size: 36px;
|
|
}
|
|
}
|
|
@media (width >= 782px) {
|
|
.md\:my-6 {
|
|
margin-block: calc(var(--spacing) * 6);
|
|
}
|
|
}
|
|
@media (width >= 782px) {
|
|
.md\:flex {
|
|
display: flex;
|
|
}
|
|
}
|
|
@media (width >= 782px) {
|
|
.md\:w-1\/2 {
|
|
width: calc(1/2 * 100%);
|
|
}
|
|
}
|
|
@media (width >= 782px) {
|
|
.md\:grid-cols-2 {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@media (width >= 782px) {
|
|
.md\:text-3xl {
|
|
font-size: var(--text-3xl);
|
|
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:-mx-4 {
|
|
margin-inline: calc(var(--spacing) * -4);
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:mx-4 {
|
|
margin-inline: calc(var(--spacing) * 4);
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:mt-0 {
|
|
margin-top: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:block {
|
|
display: block;
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:flex {
|
|
display: flex;
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:grid-cols-2 {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:grid-cols-3 {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:bg-transparent {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:p-0 {
|
|
padding: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
@media (width >= 960px) {
|
|
.lg\:text-5xl {
|
|
font-size: var(--text-5xl);
|
|
line-height: var(--tw-leading, var(--text-5xl--line-height));
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.xl\:grid-cols-4 {
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
}
|
|
.dark\:max-w-\[860px\]:where(.dark, .dark *) {
|
|
max-width: 860px;
|
|
}
|
|
.dark\:border:where(.dark, .dark *) {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
.dark\:\!border-none:where(.dark, .dark *) {
|
|
--tw-border-style: none !important;
|
|
border-style: none !important;
|
|
}
|
|
.dark\:border-\[\#574348\]:where(.dark, .dark *) {
|
|
border-color: #574348;
|
|
}
|
|
.dark\:border-\[rgba\(248\,_248\,_248\,_0\.2\)\]:where(.dark, .dark *) {
|
|
border-color: rgba(248, 248, 248, 0.2);
|
|
}
|
|
.dark\:border-\[rgba\(248\,_248\,_248\,_0\.5\)\]:where(.dark, .dark *) {
|
|
border-color: rgba(248, 248, 248, 0.5);
|
|
}
|
|
.dark\:border-transparent:where(.dark, .dark *) {
|
|
border-color: transparent;
|
|
}
|
|
.dark\:border-white\/\[0\.05\]:where(.dark, .dark *) {
|
|
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
|
|
}
|
|
.dark\:\!border-b-\[\#fff\]:where(.dark, .dark *) {
|
|
border-bottom-color: #fff !important;
|
|
}
|
|
.dark\:\!bg-\[\#f8f8f8\]:where(.dark, .dark *) {
|
|
background-color: #f8f8f8 !important;
|
|
}
|
|
.dark\:bg-\[\#141419\]:where(.dark, .dark *) {
|
|
background-color: #141419;
|
|
}
|
|
.dark\:bg-\[\#f4f4f4\]:where(.dark, .dark *) {
|
|
background-color: #f4f4f4;
|
|
}
|
|
.dark\:bg-\[\#f8f8f8\]:where(.dark, .dark *) {
|
|
background-color: #f8f8f8;
|
|
}
|
|
.dark\:bg-\[transparent\]:where(.dark, .dark *) {
|
|
background-color: transparent;
|
|
}
|
|
.dark\:bg-inherit:where(.dark, .dark *) {
|
|
background-color: inherit;
|
|
}
|
|
.dark\:bg-white:where(.dark, .dark *) {
|
|
background-color: var(--color-white);
|
|
}
|
|
.dark\:bg-gradient-to-r:where(.dark, .dark *) {
|
|
--tw-gradient-position: to right in oklab;
|
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
}
|
|
.dark\:\!bg-none:where(.dark, .dark *) {
|
|
background-image: none !important;
|
|
}
|
|
.dark\:bg-\[linear-gradient\(90deg\,_\#2b2c35_53\.4\%\,_\#4f5870_100\%\)\]:where(.dark, .dark *) {
|
|
background-image: linear-gradient(90deg, #2b2c35 53.4%, #4f5870 100%);
|
|
}
|
|
.dark\:bg-\[linear-gradient\(90deg\,rgba\(248\,248\,248\,0\.04\)_65\.8\%\,rgba\(255\,255\,255\,0\.12\)_100\%\)\]:where(.dark, .dark *) {
|
|
background-image: linear-gradient(90deg,rgba(248,248,248,0.04) 65.8%,rgba(255,255,255,0.12) 100%);
|
|
}
|
|
.dark\:bg-none:where(.dark, .dark *) {
|
|
background-image: none;
|
|
}
|
|
.dark\:from-\[rgba\(248\,248\,248\,0\.55\)\]:where(.dark, .dark *) {
|
|
--tw-gradient-from: rgba(248,248,248,0.55);
|
|
--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));
|
|
}
|
|
.dark\:to-white:where(.dark, .dark *) {
|
|
--tw-gradient-to: var(--color-white);
|
|
--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));
|
|
}
|
|
.dark\:bg-clip-text:where(.dark, .dark *) {
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
}
|
|
.dark\:fill-\[\#222222\]:where(.dark, .dark *) {
|
|
fill: #222222;
|
|
}
|
|
.dark\:fill-\[\#F8F8F8\]:where(.dark, .dark *) {
|
|
fill: #F8F8F8;
|
|
}
|
|
.dark\:text-\[42px\]:where(.dark, .dark *) {
|
|
font-size: 42px;
|
|
}
|
|
.dark\:text-\[\#6c6b6b\]:where(.dark, .dark *) {
|
|
color: #6c6b6b;
|
|
}
|
|
.dark\:text-\[\#222\]:where(.dark, .dark *) {
|
|
color: #222;
|
|
}
|
|
.dark\:text-\[\#F8F8F8\]:where(.dark, .dark *) {
|
|
color: #F8F8F8;
|
|
}
|
|
.dark\:text-\[\#f8f8f8\]:where(.dark, .dark *) {
|
|
color: #f8f8f8;
|
|
}
|
|
.dark\:text-\[\#fff\]:where(.dark, .dark *) {
|
|
color: #fff;
|
|
}
|
|
.dark\:text-transparent:where(.dark, .dark *) {
|
|
color: transparent;
|
|
}
|
|
.dark\:opacity-20:where(.dark, .dark *) {
|
|
opacity: 20%;
|
|
}
|
|
.dark\:backdrop-blur-\[20px\]:where(.dark, .dark *) {
|
|
--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,);
|
|
}
|
|
@media (hover: hover) {
|
|
.dark\:hover\:border-b-\[\#fff\]:where(.dark, .dark *):hover {
|
|
border-bottom-color: #fff;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.dark\:hover\:text-\[\#9d9994\]:where(.dark, .dark *):hover {
|
|
color: #9d9994;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.dark\:hover\:text-\[\#c7c7c7\]:where(.dark, .dark *):hover {
|
|
color: #c7c7c7;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.dark\:hover\:text-\[\#f8f8f8\]:where(.dark, .dark *):hover {
|
|
color: #f8f8f8;
|
|
}
|
|
}
|
|
.\[\&_\.swiper-scrollbar-drag\]\:dark\:\!bg-\[\#989597\] .swiper-scrollbar-drag:where(.dark, .dark *) {
|
|
background-color: #989597 !important;
|
|
}
|
|
.\[\&_div\]\:text-\[\#222\] div {
|
|
color: #222;
|
|
}
|
|
.\[\&_div\]\:text-\[\#f8f8f8\] div {
|
|
color: #f8f8f8;
|
|
}
|
|
.\[\&_img\]\:w-\[294px\] img {
|
|
width: 294px;
|
|
}
|
|
.\[\&_p\]\:text-\[\#6c6b6b\] p {
|
|
color: #6c6b6b;
|
|
}
|
|
.\[\&_p\]\:text-\[\#bcbcc0\] p {
|
|
color: #bcbcc0;
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:\[\&_svg\]\:fill-\[\#e21e24\]:hover svg {
|
|
fill: #e21e24;
|
|
}
|
|
}
|
|
.\[\&\>_img\]\:max-w-none> img {
|
|
max-width: none;
|
|
}
|
|
.\[\&\>img\]\:w-\[294px\]>img {
|
|
width: 294px;
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:\[\&\>img\]\:brightness-150:hover>img {
|
|
--tw-brightness: brightness(150%);
|
|
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,);
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.dark\:hover\:\[\&\>img\]\:brightness-90:where(.dark, .dark *):hover>img {
|
|
--tw-brightness: brightness(90%);
|
|
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,);
|
|
}
|
|
}
|
|
.\[\&\>li\>a\]\:\!no-underline>li>a {
|
|
text-decoration-line: none !important;
|
|
}
|
|
.\[\&\>svg\]\:min-w-fit>svg {
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:\[\&\>svg\]\:translate-x-\[6px\]:hover>svg {
|
|
--tw-translate-x: 6px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
}
|
|
}
|
|
html, body {
|
|
font-family: var(--font-family-sans);
|
|
color: #222;
|
|
}
|
|
.red-gradient {
|
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
|
}
|
|
.dark-gradient {
|
|
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
|
}
|
|
.grey-gradient {
|
|
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
|
|
}
|
|
.grey-gradient-hover {
|
|
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
|
|
background-size: 177% 100%;
|
|
background-position: 0% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
.grey-gradient-hover:hover {
|
|
background-position: 39.42% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
.dark .grey-gradient-hover {
|
|
border: 1px solid rgba(248, 248, 248, 0.12);
|
|
-webkit-backdrop-filter: blur(20px);
|
|
backdrop-filter: blur(20px);
|
|
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
|
background-size: 177% 100%;
|
|
background-position: -1px 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
.dark .grey-gradient-hover:hover {
|
|
background-position: 9.42% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
.red-gradient-hover {
|
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
|
background-size: 177% 100%;
|
|
background-position: 0% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
.red-gradient-hover:hover {
|
|
background-position: 39.42% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
.dark-gradient-hover {
|
|
background: linear-gradient(90deg, #2b2c35 0%, #6e7996 53.48%);
|
|
background-size: 177% 100%;
|
|
background-position: 0% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
.dark-gradient-hover:hover {
|
|
background-position: 39.42% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
.radial-gradient {
|
|
background: linear-gradient(180deg, #f2f2f2 69.59%, #ededed 100%);
|
|
}
|
|
.header-gradient {
|
|
background: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%);
|
|
}
|
|
.small-shadow {
|
|
box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
|
}
|
|
.dark-gradient {
|
|
background: linear-gradient(90deg, #2b2c35 53.4%, #4f5870 100%);
|
|
}
|
|
#fluentform_4 .ff-el-form-control {
|
|
border: none;
|
|
box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
|
background: #fff;
|
|
border-radius: 90px;
|
|
height: 77px;
|
|
padding-left: 32px;
|
|
padding-right: 32px;
|
|
outline: 1px solid transparent;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 130%;
|
|
color: #6c6b6b;
|
|
}
|
|
#fluentform_4 .ff-btn-submit {
|
|
height: 75px;
|
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
|
border-radius: 90px;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
line-height: 195%;
|
|
color: #f8f8f8;
|
|
display: grid;
|
|
place-content: center;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
transition: 180ms ease-in;
|
|
}
|
|
#fluentform_4 .ff-btn-submit:hover {
|
|
font-weight: 700;
|
|
transition: 180ms ease-in;
|
|
}
|
|
#fluentform_4 .ff_submit_btn_wrapper {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
#fluentform_4 .error.text-danger {
|
|
position: absolute;
|
|
margin-top: 0;
|
|
bottom: -18px;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
#fluentform_4 .ff-el-group {
|
|
position: relative;
|
|
margin-bottom: 18px;
|
|
}
|
|
#fluentform_4_success {
|
|
display: none !important;
|
|
}
|
|
#fluentform_4 .ff-el-input--label {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 32px;
|
|
transform: translateY(-50%);
|
|
pointer-events: none;
|
|
z-index: 2;
|
|
margin: 0;
|
|
transition: 180ms ease-in-out;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 130%;
|
|
color: #6c6b6b;
|
|
}
|
|
#fluentform_4 .ff-el-group.focused .ff-el-input--label, #fluentform_4 .ff-el-group.has-value .ff-el-input--label {
|
|
top: 6px;
|
|
transform: translateY(0);
|
|
transition: 180ms ease-in-out;
|
|
font-size: 14px;
|
|
}
|
|
#fluentform_4 .ff-el-tc {
|
|
margin-top: 32px !important;
|
|
font-weight: 500 !important;
|
|
font-size: 16px !important;
|
|
line-height: 145% !important;
|
|
color: #6c6b6b !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentColor);
|
|
}
|
|
}
|
|
@property --tw-translate-x {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}
|
|
@property --tw-translate-y {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}
|
|
@property --tw-translate-z {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}
|
|
@property --tw-scale-x {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 1;
|
|
}
|
|
@property --tw-scale-y {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 1;
|
|
}
|
|
@property --tw-scale-z {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 1;
|
|
}
|
|
@property --tw-rotate-x {
|
|
syntax: "*";
|
|
inherits: false;
|
|
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-divide-x-reverse {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}
|
|
@property --tw-border-style {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: solid;
|
|
}
|
|
@property --tw-gradient-position {
|
|
syntax: "*";
|
|
inherits: false;
|
|
}
|
|
@property --tw-gradient-from {
|
|
syntax: "<color>";
|
|
inherits: false;
|
|
initial-value: #0000;
|
|
}
|
|
@property --tw-gradient-via {
|
|
syntax: "<color>";
|
|
inherits: false;
|
|
initial-value: #0000;
|
|
}
|
|
@property --tw-gradient-to {
|
|
syntax: "<color>";
|
|
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: "<length-percentage>";
|
|
inherits: false;
|
|
initial-value: 0%;
|
|
}
|
|
@property --tw-gradient-via-position {
|
|
syntax: "<length-percentage>";
|
|
inherits: false;
|
|
initial-value: 50%;
|
|
}
|
|
@property --tw-gradient-to-position {
|
|
syntax: "<length-percentage>";
|
|
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: "<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-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-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;
|
|
}
|
|
|
|
|