/* [project]/app/globals.css [app-client] (css) */
@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-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
}
}
}
@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-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--color-red-50: #fef2f2;
--color-red-100: #ffe2e2;
--color-red-200: #ffcaca;
--color-red-300: #ffa3a3;
--color-red-400: #ff6568;
--color-red-500: #fb2c36;
--color-red-600: #e40014;
--color-red-700: #bf000f;
--color-red-800: #9f0712;
--color-orange-50: #fff7ed;
--color-orange-200: #ffd7a8;
--color-orange-400: #ff8b1a;
--color-orange-500: #fe6e00;
--color-orange-600: #f05100;
--color-orange-700: #c53c00;
--color-amber-500: #f99c00;
--color-yellow-50: #fefce8;
--color-yellow-100: #fef9c2;
--color-yellow-200: #fff085;
--color-yellow-300: #ffe02a;
--color-yellow-400: #fac800;
--color-yellow-500: #edb200;
--color-yellow-600: #cd8900;
--color-yellow-700: #a36100;
--color-green-50: #f0fdf4;
--color-green-100: #dcfce7;
--color-green-200: #b9f8cf;
--color-green-300: #7bf1a8;
--color-green-400: #05df72;
--color-green-500: #00c758;
--color-green-600: #00a544;
--color-green-700: #008138;
--color-green-800: #016630;
--color-emerald-200: #a4f4cf;
--color-emerald-300: #5ee9b5;
--color-emerald-400: #00d294;
--color-emerald-500: #00bb7f;
--color-emerald-600: #009767;
--color-teal-500: #00baa7;
--color-cyan-400: #00d2ef;
--color-cyan-500: #00b7d7;
--color-sky-400: #00bcfe;
--color-sky-500: #00a5ef;
--color-sky-600: #0084cc;
--color-blue-50: #eff6ff;
--color-blue-100: #dbeafe;
--color-blue-200: #bedbff;
--color-blue-300: #90c5ff;
--color-blue-400: #54a2ff;
--color-blue-500: #3080ff;
--color-blue-600: #155dfc;
--color-blue-700: #1447e6;
--color-blue-800: #193cb8;
--color-indigo-500: #625fff;
--color-violet-500: #8d54ff;
--color-purple-50: #faf5ff;
--color-purple-100: #f3e8ff;
--color-purple-300: #d9b3ff;
--color-purple-400: #c07eff;
--color-purple-500: #ac4bff;
--color-purple-600: #9810fa;
--color-purple-700: #8200da;
--color-pink-50: #fdf2f8;
--color-pink-100: #fce7f3;
--color-pink-300: #fda5d5;
--color-pink-400: #fb64b6;
--color-pink-500: #f6339a;
--color-pink-600: #e30076;
--color-pink-700: #c4005c;
--color-rose-500: #ff2357;
--color-rose-600: #e70044;
--color-gray-50: #f9fafb;
--color-gray-100: #f3f4f6;
--color-gray-200: #e5e7eb;
--color-gray-300: #d1d5dc;
--color-gray-400: #99a1af;
--color-gray-500: #6a7282;
--color-gray-600: #4a5565;
--color-gray-700: #364153;
--color-gray-800: #1e2939;
--color-gray-900: #101828;
--color-neutral-900: #171717;
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--container-7xl: 80rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .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-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -.025em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-xs: .125rem;
--radius-sm: .25rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-4xl: 2rem;
--drop-shadow-md: 0 3px 3px #0000001f;
--drop-shadow-lg: 0 4px 4px #00000026;
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--blur-sm: 8px;
--blur-md: 12px;
--blur-lg: 16px;
--blur-xl: 24px;
--aspect-video: 16 / 9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-navy-light: #132f4c;
--color-teal: #3fc;
--color-teal-dark: #29d9b3;
--color-os-bg: #1e1e1e;
--color-os-bg-secondary: #2d2d2d;
--color-os-border: #3d3d3d;
--color-os-hover: #2a2a2a;
--color-os-accent: #06c;
--color-os-accent-hover: #0052a3;
--color-os-glass-100: #ffffff14;
--color-os-glass-200: #ffffff26;
--color-dock-bg: #282828cc;
--shadow-os: 0 4px 30px #0000001a;
}
@supports (color: lab(0% 0 0)) {
:root, :host {
--color-red-50: lab(96.5005% 4.18508 1.52328);
--color-red-100: lab(92.243% 10.2865 3.83865);
--color-red-200: lab(86.017% 19.8815 7.75869);
--color-red-300: lab(76.5514% 36.422 15.5335);
--color-red-400: lab(63.7053% 60.745 31.3109);
--color-red-500: lab(55.4814% 75.0732 48.8528);
--color-red-600: lab(48.4493% 77.4328 61.5452);
--color-red-700: lab(40.4273% 67.2623 53.7441);
--color-red-800: lab(33.7174% 55.8993 41.0293);
--color-orange-50: lab(97.7008% 1.53735 5.90649);
--color-orange-200: lab(88.4871% 9.94918 28.8378);
--color-orange-400: lab(70.0429% 42.5156 75.8207);
--color-orange-500: lab(64.272% 57.1788 90.3583);
--color-orange-600: lab(57.1026% 64.2584 89.8886);
--color-orange-700: lab(46.4615% 57.7275 70.8507);
--color-amber-500: lab(72.7183% 31.8672 97.9407);
--color-yellow-50: lab(98.6846% -1.79055 9.7766);
--color-yellow-100: lab(97.3564% -4.51407 27.344);
--color-yellow-200: lab(94.3433% -5.00429 52.9663);
--color-yellow-300: lab(89.7033% -.480294 84.4917);
--color-yellow-400: lab(83.2664% 8.65132 106.895);
--color-yellow-500: lab(76.3898% 14.5258 98.4589);
--color-yellow-600: lab(62.7799% 22.4197 86.1544);
--color-yellow-700: lab(47.8202% 25.2426 66.5015);
--color-green-50: lab(98.1563% -5.60117 2.75915);
--color-green-100: lab(96.1861% -13.8464 6.52365);
--color-green-200: lab(92.4222% -26.4702 12.9427);
--color-green-300: lab(86.9953% -47.2691 25.0054);
--color-green-400: lab(78.503% -64.9265 39.7492);
--color-green-500: lab(70.5521% -66.5147 45.8073);
--color-green-600: lab(59.0978% -58.6621 41.2579);
--color-green-700: lab(47.0329% -47.0239 31.4788);
--color-green-800: lab(37.4616% -36.7971 22.9692);
--color-emerald-200: lab(90.2247% -31.039 9.47084);
--color-emerald-300: lab(83.9203% -48.7124 13.8849);
--color-emerald-400: lab(75.0771% -60.7313 19.4147);
--color-emerald-500: lab(66.9756% -58.27 19.5419);
--color-emerald-600: lab(55.0481% -49.9246 15.93);
--color-teal-500: lab(67.3859% -49.0983 -2.63511);
--color-cyan-400: lab(76.6045% -40.9406 -29.6231);
--color-cyan-500: lab(67.805% -35.3952 -30.2018);
--color-sky-400: lab(70.687% -23.6078 -45.9483);
--color-sky-500: lab(63.3038% -18.433 -51.0407);
--color-sky-600: lab(51.7754% -11.4712 -49.8349);
--color-blue-50: lab(96.492% -1.14644 -5.11479);
--color-blue-100: lab(92.0301% -2.24757 -11.6453);
--color-blue-200: lab(86.15% -4.04379 -21.0797);
--color-blue-300: lab(77.5052% -6.4629 -36.42);
--color-blue-400: lab(65.0361% -1.42065 -56.9802);
--color-blue-500: lab(54.1736% 13.3369 -74.6839);
--color-blue-600: lab(44.0605% 29.0279 -86.0352);
--color-blue-700: lab(36.9089% 35.0961 -85.6872);
--color-blue-800: lab(30.2514% 27.7853 -70.2699);
--color-indigo-500: lab(48.295% 38.3129 -81.9673);
--color-violet-500: lab(49.9355% 55.1776 -81.8963);
--color-purple-50: lab(97.1627% 2.99937 -4.13398);
--color-purple-100: lab(93.3333% 6.97437 -9.83434);
--color-purple-300: lab(78.3298% 26.2195 -34.9499);
--color-purple-400: lab(63.6946% 47.6127 -59.2066);
--color-purple-500: lab(52.0183% 66.11 -78.2316);
--color-purple-600: lab(43.0295% 75.21 -86.5669);
--color-purple-700: lab(36.1758% 69.8525 -80.0381);
--color-pink-50: lab(96.4459% 4.53997 -1.49434);
--color-pink-100: lab(93.5864% 9.01193 -3.15079);
--color-pink-300: lab(77.8308% 38.525 -10.5394);
--color-pink-400: lab(64.5597% 64.3615 -12.7988);
--color-pink-500: lab(56.9303% 76.8162 -8.07021);
--color-pink-600: lab(49.5493% 79.8381 2.31768);
--color-pink-700: lab(42.1737% 71.8009 7.42233);
--color-rose-500: lab(56.101% 79.4328 31.4532);
--color-rose-600: lab(49.1882% 81.577 36.0311);
--color-gray-50: lab(98.2596% -.247031 -.706708);
--color-gray-100: lab(96.1596% -.0823438 -1.13575);
--color-gray-200: lab(91.6229% -.159115 -2.26791);
--color-gray-300: lab(85.1236% -.612259 -3.7138);
--color-gray-400: lab(65.9269% -.832707 -8.17473);
--color-gray-500: lab(47.7841% -.393182 -10.0268);
--color-gray-600: lab(35.6337% -1.58697 -10.8425);
--color-gray-700: lab(27.1134% -.956401 -12.3224);
--color-gray-800: lab(16.1051% -1.18239 -11.7533);
--color-gray-900: lab(8.11897% .811279 -12.254);
--color-neutral-900: lab(7.78201% -.0000149012 0);
}
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
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;
}
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;
-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 {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
html, body {
background-color: var(--color-white);
color: var(--color-gray-900);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (prefers-color-scheme: dark) {
html, body {
background-color: var(--color-neutral-900);
}
html, body {
color: var(--color-gray-100);
}
}
html, body {
-webkit-user-select: none;
user-select: none;
width: 100%;
min-height: 100vh;
}
input, textarea, [contenteditable="true"], pre, code, .selectable, .agent-response-content, .agent-response-content *, .task-prompt-in-session-context, .prose, .prose *, .markdownbox-summary, .markdownbox-summary *, [class*="ConversationLogs"], .usermessagetimestamp, .loggroup, .loggroup *, article, article *, main p, main h1, main h2, main h3, main h4, main li, main td, main th, main span {
-webkit-user-select: text;
user-select: text;
}
}
@layer components;
@layer utilities {
.pointer-events-auto {
pointer-events: auto;
}
.pointer-events-none {
pointer-events: none;
}
.collapse {
visibility: collapse;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.inset-8 {
inset: calc(var(--spacing) * 8);
}
.inset-x-0 {
inset-inline: calc(var(--spacing) * 0);
}
.inset-x-\[-10\%\] {
inset-inline: -10%;
}
.inset-x-\[-20\%\] {
inset-inline: -20%;
}
.inset-x-\[14\%\] {
inset-inline: 14%;
}
.inset-y-0 {
inset-block: calc(var(--spacing) * 0);
}
.-top-1 {
top: calc(var(--spacing) * -1);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-1 {
top: calc(var(--spacing) * 1);
}
.top-1\.5 {
top: calc(var(--spacing) * 1.5);
}
.top-1\/2 {
top: 50%;
}
.top-1\/3 {
top: 33.3333%;
}
.top-2 {
top: calc(var(--spacing) * 2);
}
.top-2\.5 {
top: calc(var(--spacing) * 2.5);
}
.top-2\/3 {
top: 66.6667%;
}
.top-3 {
top: calc(var(--spacing) * 3);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-5 {
top: calc(var(--spacing) * 5);
}
.top-6 {
top: calc(var(--spacing) * 6);
}
.top-10 {
top: calc(var(--spacing) * 10);
}
.top-12 {
top: calc(var(--spacing) * 12);
}
.top-14 {
top: calc(var(--spacing) * 14);
}
.top-24 {
top: calc(var(--spacing) * 24);
}
.top-52 {
top: calc(var(--spacing) * 52);
}
.top-\[-20\%\] {
top: -20%;
}
.top-\[-30\%\] {
top: -30%;
}
.top-\[15\%\] {
top: 15%;
}
.top-\[53px\] {
top: 53px;
}
.top-\[80px\] {
top: 80px;
}
.top-\[88px\] {
top: 88px;
}
.top-\[calc\(100\%\+10px\)\] {
top: calc(100% + 10px);
}
.top-full {
top: 100%;
}
.-right-0\.5 {
right: calc(var(--spacing) * -.5);
}
.-right-1 {
right: calc(var(--spacing) * -1);
}
.-right-4 {
right: calc(var(--spacing) * -4);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-1 {
right: calc(var(--spacing) * 1);
}
.right-1\.5 {
right: calc(var(--spacing) * 1.5);
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.right-3 {
right: calc(var(--spacing) * 3);
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.right-5 {
right: calc(var(--spacing) * 5);
}
.right-6 {
right: calc(var(--spacing) * 6);
}
.right-8 {
right: calc(var(--spacing) * 8);
}
.right-\[3\%\] {
right: 3%;
}
.-bottom-0\.5 {
bottom: calc(var(--spacing) * -.5);
}
.-bottom-5 {
bottom: calc(var(--spacing) * -5);
}
.-bottom-6 {
bottom: calc(var(--spacing) * -6);
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.bottom-6 {
bottom: calc(var(--spacing) * 6);
}
.bottom-8 {
bottom: calc(var(--spacing) * 8);
}
.bottom-10 {
bottom: calc(var(--spacing) * 10);
}
.bottom-16 {
bottom: calc(var(--spacing) * 16);
}
.bottom-\[-20\%\] {
bottom: -20%;
}
.bottom-\[-30\%\] {
bottom: -30%;
}
.bottom-\[15\%\] {
bottom: 15%;
}
.bottom-full {
bottom: 100%;
}
.-left-16 {
left: calc(var(--spacing) * -16);
}
.-left-px {
left: -1px;
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-1 {
left: calc(var(--spacing) * 1);
}
.left-1\.5 {
left: calc(var(--spacing) * 1.5);
}
.left-1\/2 {
left: 50%;
}
.left-1\/3 {
left: 33.3333%;
}
.left-2\.5 {
left: calc(var(--spacing) * 2.5);
}
.left-2\/3 {
left: 66.6667%;
}
.left-3 {
left: calc(var(--spacing) * 3);
}
.left-4 {
left: calc(var(--spacing) * 4);
}
.left-5 {
left: calc(var(--spacing) * 5);
}
.left-6 {
left: calc(var(--spacing) * 6);
}
.left-8 {
left: calc(var(--spacing) * 8);
}
.left-\[3\%\] {
left: 3%;
}
.left-\[248px\] {
left: 248px;
}
.left-full {
left: 100%;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[1\] {
z-index: 1;
}
.z-\[2\] {
z-index: 2;
}
.z-\[55\] {
z-index: 55;
}
.z-\[60\] {
z-index: 60;
}
.z-\[70\] {
z-index: 70;
}
.z-\[75\] {
z-index: 75;
}
.z-\[79\] {
z-index: 79;
}
.z-\[80\] {
z-index: 80;
}
.z-\[85\] {
z-index: 85;
}
.z-\[90\] {
z-index: 90;
}
.z-\[100\] {
z-index: 100;
}
.z-\[120\] {
z-index: 120;
}
.z-\[140\] {
z-index: 140;
}
.z-\[160\] {
z-index: 160;
}
.z-\[200\] {
z-index: 200;
}
.z-\[210\] {
z-index: 210;
}
.z-\[300\] {
z-index: 300;
}
.z-\[310\] {
z-index: 310;
}
.z-\[400\] {
z-index: 400;
}
.z-\[410\] {
z-index: 410;
}
.z-\[9999\] {
z-index: 9999;
}
.z-\[10000\] {
z-index: 10000;
}
.z-\[10001\] {
z-index: 10001;
}
.z-\[10002\] {
z-index: 10002;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.container {
width: 100%;
}
@media (min-width: 40rem) {
.container {
max-width: 40rem;
}
}
@media (min-width: 48rem) {
.container {
max-width: 48rem;
}
}
@media (min-width: 64rem) {
.container {
max-width: 64rem;
}
}
@media (min-width: 80rem) {
.container {
max-width: 80rem;
}
}
@media (min-width: 96rem) {
.container {
max-width: 96rem;
}
}
.-mx-0\.5 {
margin-inline: calc(var(--spacing) * -.5);
}
.mx-1 {
margin-inline: calc(var(--spacing) * 1);
}
.mx-2 {
margin-inline: calc(var(--spacing) * 2);
}
.mx-2\.5 {
margin-inline: calc(var(--spacing) * 2.5);
}
.mx-3 {
margin-inline: calc(var(--spacing) * 3);
}
.mx-4 {
margin-inline: calc(var(--spacing) * 4);
}
.mx-6 {
margin-inline: calc(var(--spacing) * 6);
}
.mx-auto {
margin-inline: auto;
}
.my-1 {
margin-block: calc(var(--spacing) * 1);
}
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
.my-3 {
margin-block: calc(var(--spacing) * 3);
}
.my-4 {
margin-block: calc(var(--spacing) * 4);
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.my-8 {
margin-block: calc(var(--spacing) * 8);
}
.my-10 {
margin-block: calc(var(--spacing) * 10);
}
.mt-0 {
margin-top: calc(var(--spacing) * 0);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .5);
}
.mt-0\.25 {
margin-top: calc(var(--spacing) * .25);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.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-8\.75 {
margin-top: calc(var(--spacing) * 8.75);
}
.mt-9\.25 {
margin-top: calc(var(--spacing) * 9.25);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-11\.5 {
margin-top: calc(var(--spacing) * 11.5);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mt-14 {
margin-top: calc(var(--spacing) * 14);
}
.mt-16 {
margin-top: calc(var(--spacing) * 16);
}
.mt-20 {
margin-top: calc(var(--spacing) * 20);
}
.mt-24 {
margin-top: calc(var(--spacing) * 24);
}
.mt-28 {
margin-top: calc(var(--spacing) * 28);
}
.mt-\[-3px\] {
margin-top: -3px;
}
.mt-\[0\] {
margin-top: 0;
}
.mt-\[2px\] {
margin-top: 2px;
}
.mt-\[6px\] {
margin-top: 6px;
}
.mt-\[55px\] {
margin-top: 55px;
}
.mt-auto {
margin-top: auto;
}
.mr-0\.5 {
margin-right: calc(var(--spacing) * .5);
}
.mr-1 {
margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.mr-3 {
margin-right: calc(var(--spacing) * 3);
}
.mr-4 {
margin-right: calc(var(--spacing) * 4);
}
.mr-6 {
margin-right: calc(var(--spacing) * 6);
}
.mb-0 {
margin-bottom: calc(var(--spacing) * 0);
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing) * .5);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-2\.5 {
margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
.mb-12 {
margin-bottom: calc(var(--spacing) * 12);
}
.mb-14 {
margin-bottom: calc(var(--spacing) * 14);
}
.mb-16 {
margin-bottom: calc(var(--spacing) * 16);
}
.mb-18 {
margin-bottom: calc(var(--spacing) * 18);
}
.mb-20 {
margin-bottom: calc(var(--spacing) * 20);
}
.mb-24 {
margin-bottom: calc(var(--spacing) * 24);
}
.mb-\[160px\] {
margin-bottom: 160px;
}
.mb-\[200px\] {
margin-bottom: 200px;
}
.-ml-5 {
margin-left: calc(var(--spacing) * -5);
}
.-ml-px {
margin-left: -1px;
}
.ml-0 {
margin-left: calc(var(--spacing) * 0);
}
.ml-0\.5 {
margin-left: calc(var(--spacing) * .5);
}
.ml-1 {
margin-left: calc(var(--spacing) * 1);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-4 {
margin-left: calc(var(--spacing) * 4);
}
.ml-5 {
margin-left: calc(var(--spacing) * 5);
}
.ml-5\.5 {
margin-left: calc(var(--spacing) * 5.5);
}
.ml-6 {
margin-left: calc(var(--spacing) * 6);
}
.ml-7 {
margin-left: calc(var(--spacing) * 7);
}
.ml-12 {
margin-left: calc(var(--spacing) * 12);
}
.ml-64 {
margin-left: calc(var(--spacing) * 64);
}
.ml-auto {
margin-left: auto;
}
.line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.aspect-\[1\.7\/1\] {
aspect-ratio: 1.7;
}
.aspect-\[1\.8\] {
aspect-ratio: 1.8;
}
.aspect-\[2\/1\] {
aspect-ratio: 2;
}
.aspect-\[16\/9\] {
aspect-ratio: 16 / 9;
}
.aspect-\[16\/10\] {
aspect-ratio: 16 / 10;
}
.aspect-\[21\/9\] {
aspect-ratio: 21 / 9;
}
.aspect-square {
aspect-ratio: 1;
}
.aspect-video {
aspect-ratio: var(--aspect-video);
}
.h-0\.5 {
height: calc(var(--spacing) * .5);
}
.h-1 {
height: calc(var(--spacing) * 1);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-2\.5 {
height: calc(var(--spacing) * 2.5);
}
.h-3 {
height: calc(var(--spacing) * 3);
}
.h-3\.5 {
height: calc(var(--spacing) * 3.5);
}
.h-4 {
height: calc(var(--spacing) * 4);
}
.h-4\.5 {
height: calc(var(--spacing) * 4.5);
}
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-5\.5 {
height: calc(var(--spacing) * 5.5);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-6\.25 {
height: calc(var(--spacing) * 6.25);
}
.h-7 {
height: calc(var(--spacing) * 7);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-8\.75 {
height: calc(var(--spacing) * 8.75);
}
.h-9 {
height: calc(var(--spacing) * 9);
}
.h-9\.25 {
height: calc(var(--spacing) * 9.25);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-10\.5 {
height: calc(var(--spacing) * 10.5);
}
.h-11 {
height: calc(var(--spacing) * 11);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-13 {
height: calc(var(--spacing) * 13);
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-15 {
height: calc(var(--spacing) * 15);
}
.h-16 {
height: calc(var(--spacing) * 16);
}
.h-20 {
height: calc(var(--spacing) * 20);
}
.h-24 {
height: calc(var(--spacing) * 24);
}
.h-28 {
height: calc(var(--spacing) * 28);
}
.h-32 {
height: calc(var(--spacing) * 32);
}
.h-40 {
height: calc(var(--spacing) * 40);
}
.h-44 {
height: calc(var(--spacing) * 44);
}
.h-52 {
height: calc(var(--spacing) * 52);
}
.h-72 {
height: calc(var(--spacing) * 72);
}
.h-80 {
height: calc(var(--spacing) * 80);
}
.h-\[1px\] {
height: 1px;
}
.h-\[2px\] {
height: 2px;
}
.h-\[18px\] {
height: 18px;
}
.h-\[20px\] {
height: 20px;
}
.h-\[21px\] {
height: 21px;
}
.h-\[28px\] {
height: 28px;
}
.h-\[32px\] {
height: 32px;
}
.h-\[42vh\] {
height: 42vh;
}
.h-\[56px\] {
height: 56px;
}
.h-\[74vh\] {
height: 74vh;
}
.h-\[75vh\] {
height: 75vh;
}
.h-\[78vh\] {
height: 78vh;
}
.h-\[80vh\] {
height: 80vh;
}
.h-\[90vh\] {
height: 90vh;
}
.h-\[120\%\] {
height: 120%;
}
.h-\[180px\] {
height: 180px;
}
.h-\[280px\] {
height: 280px;
}
.h-\[300px\] {
height: 300px;
}
.h-\[360px\] {
height: 360px;
}
.h-\[400px\] {
height: 400px;
}
.h-\[480px\] {
height: 480px;
}
.h-\[550px\] {
height: 550px;
}
.h-\[620px\] {
height: 620px;
}
.h-\[calc\(74vh\+50px\)\] {
height: calc(74vh + 50px);
}
.h-\[calc\(100\%-53px\)\] {
height: calc(100% - 53px);
}
.h-\[calc\(100vh-112px\)\] {
height: calc(100vh - 112px);
}
.h-\[calc\(100vh-200px\)\] {
height: calc(100vh - 200px);
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.h-screen {
height: 100vh;
}
.max-h-24 {
max-height: calc(var(--spacing) * 24);
}
.max-h-32 {
max-height: calc(var(--spacing) * 32);
}
.max-h-40 {
max-height: calc(var(--spacing) * 40);
}
.max-h-48 {
max-height: calc(var(--spacing) * 48);
}
.max-h-52 {
max-height: calc(var(--spacing) * 52);
}
.max-h-60 {
max-height: calc(var(--spacing) * 60);
}
.max-h-80 {
max-height: calc(var(--spacing) * 80);
}
.max-h-96 {
max-height: calc(var(--spacing) * 96);
}
.max-h-120 {
max-height: calc(var(--spacing) * 120);
}
.max-h-\[70vh\] {
max-height: 70vh;
}
.max-h-\[85vh\] {
max-height: 85vh;
}
.max-h-\[200px\] {
max-height: 200px;
}
.max-h-\[250px\] {
max-height: 250px;
}
.max-h-\[260px\] {
max-height: 260px;
}
.max-h-\[300px\] {
max-height: 300px;
}
.max-h-\[360px\] {
max-height: 360px;
}
.max-h-\[400px\] {
max-height: 400px;
}
.max-h-\[420px\] {
max-height: 420px;
}
.max-h-\[500px\] {
max-height: 500px;
}
.max-h-\[520px\] {
max-height: 520px;
}
.max-h-\[620px\] {
max-height: 620px;
}
.max-h-\[860px\] {
max-height: 860px;
}
.max-h-\[910px\] {
max-height: 910px;
}
.max-h-\[calc\(100\%-3rem\)\] {
max-height: calc(100% - 3rem);
}
.max-h-\[calc\(100vh-5rem\)\] {
max-height: calc(100vh - 5rem);
}
.max-h-\[calc\(100vh-96px\)\] {
max-height: calc(100vh - 96px);
}
.max-h-full {
max-height: 100%;
}
.min-h-0 {
min-height: calc(var(--spacing) * 0);
}
.min-h-\[44px\] {
min-height: 44px;
}
.min-h-\[56px\] {
min-height: 56px;
}
.min-h-\[60px\] {
min-height: 60px;
}
.min-h-\[60vh\] {
min-height: 60vh;
}
.min-h-\[72px\] {
min-height: 72px;
}
.min-h-\[76px\] {
min-height: 76px;
}
.min-h-\[80px\] {
min-height: 80px;
}
.min-h-\[88px\] {
min-height: 88px;
}
.min-h-\[100px\] {
min-height: 100px;
}
.min-h-\[104px\] {
min-height: 104px;
}
.min-h-\[140px\] {
min-height: 140px;
}
.min-h-\[140vh\] {
min-height: 140vh;
}
.min-h-\[200px\] {
min-height: 200px;
}
.min-h-\[220px\] {
min-height: 220px;
}
.min-h-\[288px\] {
min-height: 288px;
}
.min-h-\[300px\] {
min-height: 300px;
}
.min-h-\[400px\] {
min-height: 400px;
}
.min-h-\[620px\] {
min-height: 620px;
}
.min-h-\[670px\] {
min-height: 670px;
}
.min-h-\[680px\] {
min-height: 680px;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.w-0 {
width: calc(var(--spacing) * 0);
}
.w-1 {
width: calc(var(--spacing) * 1);
}
.w-1\.5 {
width: calc(var(--spacing) * 1.5);
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.3333%;
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-2\.5 {
width: calc(var(--spacing) * 2.5);
}
.w-2\/3 {
width: 66.6667%;
}
.w-3 {
width: calc(var(--spacing) * 3);
}
.w-3\.5 {
width: calc(var(--spacing) * 3.5);
}
.w-3xl {
width: var(--container-3xl);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-4\.5 {
width: calc(var(--spacing) * 4.5);
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-5\.5 {
width: calc(var(--spacing) * 5.5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-6\.25 {
width: calc(var(--spacing) * 6.25);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-11 {
width: calc(var(--spacing) * 11);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-13 {
width: calc(var(--spacing) * 13);
}
.w-14 {
width: calc(var(--spacing) * 14);
}
.w-15 {
width: calc(var(--spacing) * 15);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-20 {
width: calc(var(--spacing) * 20);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
.w-28 {
width: calc(var(--spacing) * 28);
}
.w-48 {
width: calc(var(--spacing) * 48);
}
.w-52 {
width: calc(var(--spacing) * 52);
}
.w-64 {
width: calc(var(--spacing) * 64);
}
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-80 {
width: calc(var(--spacing) * 80);
}
.w-96 {
width: calc(var(--spacing) * 96);
}
.w-140 {
width: calc(var(--spacing) * 140);
}
.w-\[1px\] {
width: 1px;
}
.w-\[2px\] {
width: 2px;
}
.w-\[18px\] {
width: 18px;
}
.w-\[21px\] {
width: 21px;
}
.w-\[28px\] {
width: 28px;
}
.w-\[50px\] {
width: 50px;
}
.w-\[56px\] {
width: 56px;
}
.w-\[66px\] {
width: 66px;
}
.w-\[75\%\] {
width: 75%;
}
.w-\[90\%\] {
width: 90%;
}
.w-\[90vw\] {
width: 90vw;
}
.w-\[100px\] {
width: 100px;
}
.w-\[120\%\] {
width: 120%;
}
.w-\[140px\] {
width: 140px;
}
.w-\[160px\] {
width: 160px;
}
.w-\[200px\] {
width: 200px;
}
.w-\[232px\] {
width: 232px;
}
.w-\[250px\] {
width: 250px;
}
.w-\[260px\] {
width: 260px;
}
.w-\[276px\] {
width: 276px;
}
.w-\[280px\] {
width: 280px;
}
.w-\[320px\] {
width: 320px;
}
.w-\[340px\] {
width: 340px;
}
.w-\[380px\] {
width: 380px;
}
.w-\[400px\] {
width: 400px;
}
.w-\[420px\] {
width: 420px;
}
.w-\[600px\] {
width: 600px;
}
.w-\[700px\] {
width: 700px;
}
.w-\[980px\] {
width: 980px;
}
.w-auto {
width: auto;
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.w-px {
width: 1px;
}
.w-screen {
width: 100vw;
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-4xl {
max-width: var(--container-4xl);
}
.max-w-5xl {
max-width: var(--container-5xl);
}
.max-w-6xl {
max-width: var(--container-6xl);
}
.max-w-7xl {
max-width: var(--container-7xl);
}
.max-w-20 {
max-width: calc(var(--spacing) * 20);
}
.max-w-30 {
max-width: calc(var(--spacing) * 30);
}
.max-w-\[50px\] {
max-width: 50px;
}
.max-w-\[70px\] {
max-width: 70px;
}
.max-w-\[85\%\] {
max-width: 85%;
}
.max-w-\[85vw\] {
max-width: 85vw;
}
.max-w-\[100px\] {
max-width: 100px;
}
.max-w-\[120px\] {
max-width: 120px;
}
.max-w-\[150px\] {
max-width: 150px;
}
.max-w-\[160px\] {
max-width: 160px;
}
.max-w-\[180px\] {
max-width: 180px;
}
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-\[240px\] {
max-width: 240px;
}
.max-w-\[250px\] {
max-width: 250px;
}
.max-w-\[280px\] {
max-width: 280px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[420px\] {
max-width: 420px;
}
.max-w-\[460px\] {
max-width: 460px;
}
.max-w-\[600px\] {
max-width: 600px;
}
.max-w-\[640px\] {
max-width: 640px;
}
.max-w-\[680px\] {
max-width: 680px;
}
.max-w-\[760px\] {
max-width: 760px;
}
.max-w-\[780px\] {
max-width: 780px;
}
.max-w-\[800px\] {
max-width: 800px;
}
.max-w-\[820px\] {
max-width: 820px;
}
.max-w-\[860px\] {
max-width: 860px;
}
.max-w-\[880px\] {
max-width: 880px;
}
.max-w-\[900px\] {
max-width: 900px;
}
.max-w-\[980px\] {
max-width: 980px;
}
.max-w-\[1000px\] {
max-width: 1000px;
}
.max-w-\[1040px\] {
max-width: 1040px;
}
.max-w-\[1080px\] {
max-width: 1080px;
}
.max-w-\[1100px\] {
max-width: 1100px;
}
.max-w-\[1180px\] {
max-width: 1180px;
}
.max-w-\[1200px\] {
max-width: 1200px;
}
.max-w-\[1320px\] {
max-width: 1320px;
}
.max-w-\[1360px\] {
max-width: 1360px;
}
.max-w-\[1400px\] {
max-width: 1400px;
}
.max-w-\[1600px\] {
max-width: 1600px;
}
.max-w-\[1720px\] {
max-width: 1720px;
}
.max-w-\[calc\(100vw-3rem\)\] {
max-width: calc(100vw - 3rem);
}
.max-w-\[min\(100\%\,320px\)\] {
max-width: min(100%, 320px);
}
.max-w-\[min\(100\%\,340px\)\] {
max-width: min(100%, 340px);
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-none {
max-width: none;
}
.max-w-sm {
max-width: var(--container-sm);
}
.max-w-xl {
max-width: var(--container-xl);
}
.max-w-xs {
max-width: var(--container-xs);
}
.min-w-0 {
min-width: calc(var(--spacing) * 0);
}
.min-w-\[8px\] {
min-width: 8px;
}
.min-w-\[18px\] {
min-width: 18px;
}
.min-w-\[20px\] {
min-width: 20px;
}
.min-w-\[90px\] {
min-width: 90px;
}
.min-w-\[96px\] {
min-width: 96px;
}
.min-w-\[160px\] {
min-width: 160px;
}
.min-w-\[180px\] {
min-width: 180px;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[240px\] {
min-width: 240px;
}
.min-w-\[280px\] {
min-width: 280px;
}
.min-w-\[320px\] {
min-width: 320px;
}
.min-w-\[380px\] {
min-width: 380px;
}
.min-w-\[520px\] {
min-width: 520px;
}
.min-w-full {
min-width: 100%;
}
.min-w-max {
min-width: max-content;
}
.flex-1 {
flex: 1;
}
.flex-none {
flex: none;
}
.flex-shrink-0, .shrink-0 {
flex-shrink: 0;
}
.grow, .grow-1 {
flex-grow: 1;
}
.border-collapse {
border-collapse: collapse;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
--tw-translate-x: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0 {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0\.5 {
--tw-translate-x: calc(var(--spacing) * .5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0\.75 {
--tw-translate-x: calc(var(--spacing) * .75);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1 {
--tw-translate-x: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-4\.5 {
--tw-translate-x: calc(var(--spacing) * 4.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-5\.25 {
--tw-translate-x: calc(var(--spacing) * 5.25);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-6 {
--tw-translate-x: calc(var(--spacing) * 6);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-full {
--tw-translate-x: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-2 {
--tw-translate-y: calc(var(--spacing) * -2);
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-2 {
--tw-translate-y: calc(var(--spacing) * 2);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-0 {
--tw-scale-x: 0%;
--tw-scale-y: 0%;
--tw-scale-z: 0%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-95 {
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
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);
}
.scale-105 {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.rotate-180 {
rotate: 180deg;
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.animate-pulse {
animation: var(--animate-pulse);
}
.animate-spin {
animation: var(--animate-spin);
}
.cursor-default {
cursor: default;
}
.cursor-ew-resize {
cursor: ew-resize;
}
.cursor-move {
cursor: move;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-ns-resize {
cursor: ns-resize;
}
.cursor-pointer {
cursor: pointer;
}
.touch-none {
touch-action: none;
}
.resize {
resize: both;
}
.resize-none {
resize: none;
}
.resize-y {
resize: vertical;
}
.scroll-mt-24 {
scroll-margin-top: calc(var(--spacing) * 24);
}
.list-inside {
list-style-position: inside;
}
.list-outside {
list-style-position: outside;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.appearance-none {
appearance: none;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-\[1\.3fr_0\.8fr_1\.2fr\] {
grid-template-columns: 1.3fr .8fr 1.2fr;
}
.grid-cols-\[1\.4fr_1fr_1fr_0\.7fr\] {
grid-template-columns: 1.4fr 1fr 1fr .7fr;
}
.grid-cols-\[1fr_80px_80px_80px_80px\] {
grid-template-columns: 1fr 80px 80px 80px 80px;
}
.grid-cols-\[1fr_100px_100px\] {
grid-template-columns: 1fr 100px 100px;
}
.grid-cols-\[1fr_110px_110px\] {
grid-template-columns: 1fr 110px 110px;
}
.grid-cols-\[110px_minmax\(0\,1fr\)\] {
grid-template-columns: 110px minmax(0, 1fr);
}
.grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(280px\,0\.7fr\)\] {
grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
}
.grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(280px\,0\.75fr\)\] {
grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-stretch {
align-items: stretch;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.justify-stretch {
justify-content: stretch;
}
.gap-0 {
gap: calc(var(--spacing) * 0);
}
.gap-0\.5 {
gap: calc(var(--spacing) * .5);
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
.gap-10 {
gap: calc(var(--spacing) * 10);
}
.gap-12 {
gap: calc(var(--spacing) * 12);
}
.gap-14\.5 {
gap: calc(var(--spacing) * 14.5);
}
.gap-16 {
gap: calc(var(--spacing) * 16);
}
.gap-px {
gap: 1px;
}
:where(.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)));
}
:where(.space-y-0\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
}
: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-1\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}
: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)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-7 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-8 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-10 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-12 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-14 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-16 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-2 {
column-gap: calc(var(--spacing) * 2);
}
.gap-x-3 {
column-gap: calc(var(--spacing) * 3);
}
.gap-x-10 {
column-gap: calc(var(--spacing) * 10);
}
.gap-x-16 {
column-gap: calc(var(--spacing) * 16);
}
:where(.space-x-2 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
}
: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)));
}
:where(.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)));
}
.gap-y-1 {
row-gap: calc(var(--spacing) * 1);
}
.gap-y-2 {
row-gap: calc(var(--spacing) * 2);
}
.gap-y-6 {
row-gap: calc(var(--spacing) * 6);
}
.gap-y-8 {
row-gap: calc(var(--spacing) * 8);
}
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-gray-100 > :not(:last-child)) {
border-color: var(--color-gray-100);
}
:where(.divide-white\/5 > :not(:last-child)) {
border-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-white\/5 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
:where(.divide-white\/8 > :not(:last-child)) {
border-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-white\/8 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.self-center {
align-self: center;
}
.self-start {
align-self: flex-start;
}
.self-stretch {
align-self: stretch;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
.overflow-clip {
overflow: clip;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-x-clip {
overflow-x: clip;
}
.overflow-y-auto {
overflow-y: auto;
}
.scroll-smooth {
scroll-behavior: smooth;
}
.rounded {
border-radius: .25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-3xl {
border-radius: var(--radius-3xl);
}
.rounded-4xl {
border-radius: var(--radius-4xl);
}
.rounded-\[5px\] {
border-radius: 5px;
}
.rounded-\[10px\] {
border-radius: 10px;
}
.rounded-\[13px\] {
border-radius: 13px;
}
.rounded-\[14px\] {
border-radius: 14px;
}
.rounded-\[15px\] {
border-radius: 15px;
}
.rounded-\[16px\] {
border-radius: 16px;
}
.rounded-\[18px\] {
border-radius: 18px;
}
.rounded-\[20px\] {
border-radius: 20px;
}
.rounded-\[22px\] {
border-radius: 22px;
}
.rounded-\[24px\] {
border-radius: 24px;
}
.rounded-\[26px\] {
border-radius: 26px;
}
.rounded-\[28px\] {
border-radius: 28px;
}
.rounded-\[30px\] {
border-radius: 30px;
}
.rounded-\[32px\] {
border-radius: 32px;
}
.rounded-\[36px\] {
border-radius: 36px;
}
.rounded-full {
border-radius: 3.40282e38px;
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-sm {
border-radius: var(--radius-sm);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-xs {
border-radius: var(--radius-xs);
}
.rounded-s {
border-start-start-radius: .25rem;
border-end-start-radius: .25rem;
}
.rounded-t-\[20px\] {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.rounded-t-md {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
}
.rounded-t-sm {
border-top-left-radius: var(--radius-sm);
border-top-right-radius: var(--radius-sm);
}
.rounded-t-xl {
border-top-left-radius: var(--radius-xl);
border-top-right-radius: var(--radius-xl);
}
.rounded-r-lg {
border-top-right-radius: var(--radius-lg);
border-bottom-right-radius: var(--radius-lg);
}
.rounded-b-2xl {
border-bottom-right-radius: var(--radius-2xl);
border-bottom-left-radius: var(--radius-2xl);
}
.rounded-b-sm {
border-bottom-right-radius: var(--radius-sm);
border-bottom-left-radius: var(--radius-sm);
}
.rounded-b-xl {
border-bottom-right-radius: var(--radius-xl);
border-bottom-left-radius: var(--radius-xl);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0;
}
.border-1 {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.border-b-1 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l, .border-l-1 {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-l-4 {
border-left-style: var(--tw-border-style);
border-left-width: 4px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-none {
--tw-border-style: none;
border-style: none;
}
.border-\[\#0C6FFF\]\/30 {
border-color: #0c6fff4d;
border-color: lab(48.9327% 18.9696 -80.0105 / .3);
}
.border-\[\#0C6FFF\]\/40 {
border-color: #0c6fff66;
border-color: lab(48.9327% 18.9696 -80.0105 / .4);
}
.border-\[\#1f5131\] {
border-color: #1f5131;
}
.border-\[\#2a2a2a\] {
border-color: #2a2a2a;
}
.border-\[\#2b2b2b\] {
border-color: #2b2b2b;
}
.border-\[\#2f6b3f\] {
border-color: #2f6b3f;
}
.border-\[\#3d5946\] {
border-color: #3d5946;
}
.border-\[\#3e7048\] {
border-color: #3e7048;
}
.border-\[\#4d3c1f\] {
border-color: #4d3c1f;
}
.border-\[\#4d2626\] {
border-color: #4d2626;
}
.border-\[\#5a3a1e\] {
border-color: #5a3a1e;
}
.border-\[\#5a4f1e\] {
border-color: #5a4f1e;
}
.border-\[\#5a2323\] {
border-color: #5a2323;
}
.border-\[\#5a2525\] {
border-color: #5a2525;
}
.border-\[\#5b2020\] {
border-color: #5b2020;
}
.border-\[\#5c2222\] {
border-color: #5c2222;
}
.border-\[\#5d3030\] {
border-color: #5d3030;
}
.border-\[\#6a4a20\] {
border-color: #6a4a20;
}
.border-\[\#35E8BB\]\/30 {
border-color: #35e8bb4d;
border-color: lab(82.729% -53.4633 8.81563 / .3);
}
.border-\[\#35E8BB\]\/35 {
border-color: #35e8bb59;
border-color: lab(82.729% -53.4633 8.81563 / .35);
}
.border-\[\#0060BA\] {
border-color: #0060ba;
}
.border-\[\#0063F7\] {
border-color: #0063f7;
}
.border-\[\#0080F7\] {
border-color: #0080f7;
}
.border-\[\#0080F7\]\/20 {
border-color: #0080f733;
border-color: lab(53.073% 6.03133 -68.8929 / .2);
}
.border-\[\#0080F7\]\/30 {
border-color: #0080f74d;
border-color: lab(53.073% 6.03133 -68.8929 / .3);
}
.border-\[\#0080F7\]\/50 {
border-color: #0080f780;
border-color: lab(53.073% 6.03133 -68.8929 / .5);
}
.border-\[\#234d32\] {
border-color: #234d32;
}
.border-\[\#324f3a\] {
border-color: #324f3a;
}
.border-\[\#333\] {
border-color: #333;
}
.border-\[\#34593d\] {
border-color: #34593d;
}
.border-\[\#303030\] {
border-color: #303030;
}
.border-\[\#FB9CE5\]\/30 {
border-color: #fb9ce54d;
border-color: lab(76.0978% 43.8463 -21.582 / .3);
}
.border-\[\#FB9CE5\]\/35 {
border-color: #fb9ce559;
border-color: lab(76.0978% 43.8463 -21.582 / .35);
}
.border-\[\#FF6B6B\]\/35 {
border-color: #ff6b6b59;
border-color: lab(64.7084% 57.4516 30.2551 / .35);
}
.border-\[\#FFE717\]\/30 {
border-color: #ffe7174d;
border-color: lab(91.4997% -4.55171 87.1603 / .3);
}
.border-\[\#FFE717\]\/35 {
border-color: #ffe71759;
border-color: lab(91.4996% -4.55168 87.1603 / .35);
}
.border-\[\#cfd2f9\] {
border-color: #cfd2f9;
}
.border-\[\#d5dcff\] {
border-color: #d5dcff;
}
.border-\[\#d6dcff\] {
border-color: #d6dcff;
}
.border-\[\#d6e4ff\] {
border-color: #d6e4ff;
}
.border-\[\#d8cfff\] {
border-color: #d8cfff;
}
.border-\[\#dcd5ff\] {
border-color: #dcd5ff;
}
.border-\[\#ded2ff\] {
border-color: #ded2ff;
}
.border-\[\#dfe3ff\] {
border-color: #dfe3ff;
}
.border-\[\#e1e2f6\] {
border-color: #e1e2f6;
}
.border-\[\#e2ddff\] {
border-color: #e2ddff;
}
.border-\[\#e5dffd\] {
border-color: #e5dffd;
}
.border-\[\#ede7ff\] {
border-color: #ede7ff;
}
.border-\[\#fff\]\/10 {
border-color: #ffffff1a;
border-color: lab(100% -.0000298023 .0000119209 / .1);
}
.border-\[rgba\(255\,255\,255\,0\.2\)\] {
border-color: #fff3;
}
.border-\[var\(--color-os-border\)\] {
border-color: var(--color-os-border);
}
.border-\[white\]\/5 {
border-color: #ffffff0d;
border-color: lab(100% -.0000298023 .0000119209 / .05);
}
.border-\[white\]\/10 {
border-color: #ffffff1a;
border-color: lab(100% -.0000298023 .0000119209 / .1);
}
.border-\[white\]\/15 {
border-color: #ffffff26;
border-color: lab(100% -.0000298023 .0000119209 / .15);
}
.border-black {
border-color: var(--color-black);
}
.border-black\/5 {
border-color: #0000000d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-black\/5 {
border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
}
}
.border-black\/7 {
border-color: #00000012;
}
@supports (color: color-mix(in lab, red, red)) {
.border-black\/7 {
border-color: color-mix(in oklab, var(--color-black) 7%, transparent);
}
}
.border-black\/10 {
border-color: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.border-black\/10 {
border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.border-black\/30 {
border-color: #0000004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-black\/30 {
border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
}
}
.border-blue-100 {
border-color: var(--color-blue-100);
}
.border-blue-200 {
border-color: var(--color-blue-200);
}
.border-blue-500 {
border-color: var(--color-blue-500);
}
.border-blue-500\/20 {
border-color: #3080ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-500\/20 {
border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.border-blue-500\/30 {
border-color: #3080ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-500\/30 {
border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
}
}
.border-emerald-500\/30 {
border-color: #00bb7f4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/30 {
border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
}
}
.border-gray-100 {
border-color: var(--color-gray-100);
}
.border-gray-200 {
border-color: var(--color-gray-200);
}
.border-gray-200\/50 {
border-color: #e5e7eb80;
}
@supports (color: color-mix(in lab, red, red)) {
.border-gray-200\/50 {
border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
}
}
.border-gray-300 {
border-color: var(--color-gray-300);
}
.border-gray-400\/30 {
border-color: #99a1af4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-gray-400\/30 {
border-color: color-mix(in oklab, var(--color-gray-400) 30%, transparent);
}
}
.border-gray-500 {
border-color: var(--color-gray-500);
}
.border-gray-500\/30 {
border-color: #6a72824d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-gray-500\/30 {
border-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent);
}
}
.border-gray-600 {
border-color: var(--color-gray-600);
}
.border-gray-700 {
border-color: var(--color-gray-700);
}
.border-green-200 {
border-color: var(--color-green-200);
}
.border-green-500\/20 {
border-color: #00c75833;
}
@supports (color: color-mix(in lab, red, red)) {
.border-green-500\/20 {
border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
}
}
.border-green-500\/30 {
border-color: #00c7584d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-green-500\/30 {
border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
}
}
.border-green-500\/50 {
border-color: #00c75880;
}
@supports (color: color-mix(in lab, red, red)) {
.border-green-500\/50 {
border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
}
}
.border-navy-light {
border-color: var(--color-navy-light);
}
.border-orange-200 {
border-color: var(--color-orange-200);
}
.border-orange-500\/30 {
border-color: #fe6e004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-orange-500\/30 {
border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
}
}
.border-orange-500\/50 {
border-color: #fe6e0080;
}
@supports (color: color-mix(in lab, red, red)) {
.border-orange-500\/50 {
border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
}
}
.border-pink-500\/30 {
border-color: #f6339a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-pink-500\/30 {
border-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
}
}
.border-purple-500\/30 {
border-color: #ac4bff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-purple-500\/30 {
border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
}
}
.border-red-200 {
border-color: var(--color-red-200);
}
.border-red-400\/30 {
border-color: #ff65684d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-400\/30 {
border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
}
}
.border-red-500\/10 {
border-color: #fb2c361a;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/10 {
border-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
}
}
.border-red-500\/20 {
border-color: #fb2c3633;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/20 {
border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
.border-red-500\/30 {
border-color: #fb2c364d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/30 {
border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
}
}
.border-red-500\/50 {
border-color: #fb2c3680;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/50 {
border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
}
}
.border-sky-500\/30 {
border-color: #00a5ef4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-sky-500\/30 {
border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
}
}
.border-transparent {
border-color: #0000;
}
.border-white {
border-color: var(--color-white);
}
.border-white\/0 {
border-color: #0000;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/0 {
border-color: color-mix(in oklab, var(--color-white) 0%, transparent);
}
}
.border-white\/5 {
border-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/5 {
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.border-white\/6 {
border-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/6 {
border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.border-white\/8 {
border-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/8 {
border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.border-white\/10 {
border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/10 {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.border-white\/12 {
border-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/12 {
border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
}
}
.border-white\/15 {
border-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/15 {
border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.border-white\/16 {
border-color: #ffffff29;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/16 {
border-color: color-mix(in oklab, var(--color-white) 16%, transparent);
}
}
.border-white\/20 {
border-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/20 {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.border-white\/30 {
border-color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/30 {
border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.border-white\/40 {
border-color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/40 {
border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.border-white\/50 {
border-color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/50 {
border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.border-white\/60 {
border-color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/60 {
border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
.border-yellow-200 {
border-color: var(--color-yellow-200);
}
.border-yellow-500\/20 {
border-color: #edb20033;
}
@supports (color: color-mix(in lab, red, red)) {
.border-yellow-500\/20 {
border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
}
.border-yellow-500\/30 {
border-color: #edb2004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-yellow-500\/30 {
border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
}
}
.border-t-\[\#016bdf\] {
border-top-color: #016bdf;
}
.border-t-\[\#0080F7\] {
border-top-color: #0080f7;
}
.border-t-\[black\]\/10 {
border-top-color: #0000001a;
border-top-color: lab(0% 0 0 / .1);
}
.border-t-\[white\]\/10 {
border-top-color: #ffffff1a;
border-top-color: lab(100% -.0000298023 .0000119209 / .1);
}
.border-t-black {
border-top-color: var(--color-black);
}
.border-t-black\/10 {
border-top-color: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.border-t-black\/10 {
border-top-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.border-t-gray-400 {
border-top-color: var(--color-gray-400);
}
.border-t-gray-600 {
border-top-color: var(--color-gray-600);
}
.border-t-white {
border-top-color: var(--color-white);
}
.border-t-white\/10 {
border-top-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.border-t-white\/10 {
border-top-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.border-t-white\/15 {
border-top-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.border-t-white\/15 {
border-top-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.border-t-white\/80 {
border-top-color: #fffc;
}
@supports (color: color-mix(in lab, red, red)) {
.border-t-white\/80 {
border-top-color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.border-b-\[black\]\/10 {
border-bottom-color: #0000001a;
border-bottom-color: lab(0% 0 0 / .1);
}
.border-b-\[white\]\/10 {
border-bottom-color: #ffffff1a;
border-bottom-color: lab(100% -.0000298023 .0000119209 / .1);
}
.border-b-black\/10 {
border-bottom-color: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.border-b-black\/10 {
border-bottom-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.border-b-white\/10 {
border-bottom-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.border-b-white\/10 {
border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.bg-\[\#0C6FFF\]\/15 {
background-color: #0c6fff26;
background-color: lab(48.9327% 18.9696 -80.0105 / .15);
}
.bg-\[\#0C6FFF\]\/20 {
background-color: #0c6fff33;
background-color: lab(48.9327% 18.9696 -80.0105 / .2);
}
.bg-\[\#0a0a0a\] {
background-color: #0a0a0a;
}
.bg-\[\#0a0a0b\] {
background-color: #0a0a0b;
}
.bg-\[\#0b0b0b\] {
background-color: #0b0b0b;
}
.bg-\[\#0b052d\] {
background-color: #0b052d;
}
.bg-\[\#0c9f4f\] {
background-color: #0c9f4f;
}
.bg-\[\#0d0d0d\] {
background-color: #0d0d0d;
}
.bg-\[\#0f0f0f\] {
background-color: #0f0f0f;
}
.bg-\[\#0f0f11\] {
background-color: #0f0f11;
}
.bg-\[\#0f2116\] {
background-color: #0f2116;
}
.bg-\[\#000\] {
background-color: #000;
}
.bg-\[\#000\]\/70 {
background-color: #000000b3;
background-color: lab(0% 0 0 / .7);
}
.bg-\[\#000\]\/75 {
background-color: #000000bf;
background-color: lab(0% 0 0 / .75);
}
.bg-\[\#1A6BF0\] {
background-color: #1a6bf0;
}
.bg-\[\#1a1a1a\] {
background-color: #1a1a1a;
}
.bg-\[\#1a1a1a\]\/95 {
background-color: #1a1a1af2;
background-color: lab(9.26323% 0 -.00000298023 / .95);
}
.bg-\[\#1a1b1f\] {
background-color: #1a1b1f;
}
.bg-\[\#1b1b1b\] {
background-color: #1b1b1b;
}
.bg-\[\#1b1038\] {
background-color: #1b1038;
}
.bg-\[\#1c1c1e\] {
background-color: #1c1c1e;
}
.bg-\[\#1c1c1e\]\/95 {
background-color: #1c1c1ef2;
background-color: lab(10.3307% .387795 -1.38484 / .95);
}
.bg-\[\#1c1710\] {
background-color: #1c1710;
}
.bg-\[\#1d1d1d\] {
background-color: #1d1d1d;
}
.bg-\[\#1d9bf0\] {
background-color: #1d9bf0;
}
.bg-\[\#1e1e1e\] {
background-color: #1e1e1e;
}
.bg-\[\#1f1f1f\] {
background-color: #1f1f1f;
}
.bg-\[\#1f9d56\] {
background-color: #1f9d56;
}
.bg-\[\#2a2a2a\] {
background-color: #2a2a2a;
}
.bg-\[\#2a1111\] {
background-color: #2a1111;
}
.bg-\[\#2a1212\] {
background-color: #2a1212;
}
.bg-\[\#2a2011\] {
background-color: #2a2011;
}
.bg-\[\#2b1c43\] {
background-color: #2b1c43;
}
.bg-\[\#2b1111\] {
background-color: #2b1111;
}
.bg-\[\#2b1515\] {
background-color: #2b1515;
}
.bg-\[\#2d1d11\] {
background-color: #2d1d11;
}
.bg-\[\#2d2811\] {
background-color: #2d2811;
}
.bg-\[\#2f80ed\] {
background-color: #2f80ed;
}
.bg-\[\#3b3d48\] {
background-color: #3b3d48;
}
.bg-\[\#4da3ff\] {
background-color: #4da3ff;
}
.bg-\[\#5d8cff\] {
background-color: #5d8cff;
}
.bg-\[\#6a3bff\] {
background-color: #6a3bff;
}
.bg-\[\#6a3bff\]\/10 {
background-color: #6a3bff1a;
background-color: lab(41.8512% 57.4402 -91.4069 / .1);
}
.bg-\[\#8a6bff\] {
background-color: #8a6bff;
}
.bg-\[\#016bdf\] {
background-color: #016bdf;
}
.bg-\[\#016bdf\]\/10 {
background-color: #016bdf1a;
background-color: lab(45.6618% 10.3004 -67.4606 / .1);
}
.bg-\[\#25D366\] {
background-color: #25d366;
}
.bg-\[\#28c8c7\]\/10 {
background-color: #28c8c71a;
background-color: lab(73.1154% -40.3404 -11.4594 / .1);
}
.bg-\[\#28c840\] {
background-color: #28c840;
}
.bg-\[\#35E8BB\]\/15 {
background-color: #35e8bb26;
background-color: lab(82.729% -53.4633 8.81563 / .15);
}
.bg-\[\#35E8BB\]\/16 {
background-color: #35e8bb29;
background-color: lab(82.729% -53.4633 8.81563 / .16);
}
.bg-\[\#36b5f0\]\/10 {
background-color: #36b5f01a;
background-color: lab(68.9166% -20.3133 -39.9591 / .1);
}
.bg-\[\#36f0d6\] {
background-color: #36f0d6;
}
.bg-\[\#0063F7\] {
background-color: #0063f7;
}
.bg-\[\#0078D4\] {
background-color: #0078d4;
}
.bg-\[\#79df91\] {
background-color: #79df91;
}
.bg-\[\#0080F7\] {
background-color: #0080f7;
}
.bg-\[\#0080F7\]\/5 {
background-color: #0080f70d;
background-color: lab(53.073% 6.03133 -68.8929 / .05);
}
.bg-\[\#0080F7\]\/10 {
background-color: #0080f71a;
background-color: lab(53.073% 6.03133 -68.8929 / .1);
}
.bg-\[\#0080F7\]\/20 {
background-color: #0080f733;
background-color: lab(53.073% 6.03133 -68.8929 / .2);
}
.bg-\[\#0088cc\] {
background-color: #08c;
}
.bg-\[\#111\] {
background-color: #111;
}
.bg-\[\#111\]\/90 {
background-color: #111111e6;
background-color: lab(5.06333% -.00000745058 0 / .9);
}
.bg-\[\#121f16\] {
background-color: #121f16;
}
.bg-\[\#222\] {
background-color: #222;
}
.bg-\[\#1840ff\] {
background-color: #1840ff;
}
.bg-\[\#04011a\] {
background-color: #04011a;
}
.bg-\[\#05070b\] {
background-color: #05070b;
}
.bg-\[\#5865F2\] {
background-color: #5865f2;
}
.bg-\[\#16181d\] {
background-color: #16181d;
}
.bg-\[\#18311f\] {
background-color: #18311f;
}
.bg-\[\#050122\] {
background-color: #050122;
}
.bg-\[\#080808\] {
background-color: #080808;
}
.bg-\[\#101010\] {
background-color: #101010;
}
.bg-\[\#111111\] {
background-color: #111;
}
.bg-\[\#111912\] {
background-color: #111912;
}
.bg-\[\#121212\] {
background-color: #121212;
}
.bg-\[\#141414\] {
background-color: #141414;
}
.bg-\[\#143120\] {
background-color: #143120;
}
.bg-\[\#151515\] {
background-color: #151515;
}
.bg-\[\#151515\]\/95 {
background-color: #151515f2;
background-color: lab(6.77385% -.00000745058 0 / .95);
}
.bg-\[\#151515\]\/98 {
background-color: #151515fa;
background-color: lab(6.77385% -.00000745058 0 / .98);
}
.bg-\[\#152219\] {
background-color: #152219;
}
.bg-\[\#161616\] {
background-color: #161616;
}
.bg-\[\#171717\] {
background-color: #171717;
}
.bg-\[\#171717\]\/95 {
background-color: #171717f2;
background-color: lab(7.73956% -.0000298023 .0000089407 / .95);
}
.bg-\[\#181818\] {
background-color: #181818;
}
.bg-\[\#202020\] {
background-color: #202020;
}
.bg-\[\#212121\] {
background-color: #212121;
}
.bg-\[\#238636\] {
background-color: #238636;
}
.bg-\[\#241414\] {
background-color: #241414;
}
.bg-\[\#252525\] {
background-color: #252525;
}
.bg-\[\#261010\] {
background-color: #261010;
}
.bg-\[\#262626\] {
background-color: #262626;
}
.bg-\[\#281414\] {
background-color: #281414;
}
.bg-\[\#323232\] {
background-color: #323232;
}
.bg-\[\#FB9CE5\]\/15 {
background-color: #fb9ce526;
background-color: lab(76.0978% 43.8463 -21.582 / .15);
}
.bg-\[\#FB9CE5\]\/16 {
background-color: #fb9ce529;
background-color: lab(76.0978% 43.8463 -21.582 / .16);
}
.bg-\[\#FF6B6B\]\/16 {
background-color: #ff6b6b29;
background-color: lab(64.7084% 57.4516 30.2551 / .16);
}
.bg-\[\#FFE717\]\/15 {
background-color: #ffe71726;
background-color: lab(91.4997% -4.55171 87.1603 / .15);
}
.bg-\[\#FFE717\]\/16 {
background-color: #ffe71729;
background-color: lab(91.4997% -4.55171 87.1603 / .16);
}
.bg-\[\#f0f0f0\] {
background-color: #f0f0f0;
}
.bg-\[\#f1f1f1\] {
background-color: #f1f1f1;
}
.bg-\[\#f4f1ff\] {
background-color: #f4f1ff;
}
.bg-\[\#f4f7ff\] {
background-color: #f4f7ff;
}
.bg-\[\#f5f2ff\] {
background-color: #f5f2ff;
}
.bg-\[\#f5f5f0\] {
background-color: #f5f5f0;
}
.bg-\[\#f5f6ff\] {
background-color: #f5f6ff;
}
.bg-\[\#f6f9ff\] {
background-color: #f6f9ff;
}
.bg-\[\#f7f4ff\] {
background-color: #f7f4ff;
}
.bg-\[\#f9f7ff\] {
background-color: #f9f7ff;
}
.bg-\[\#f9f9ff\] {
background-color: #f9f9ff;
}
.bg-\[\#f973c5\] {
background-color: #f973c5;
}
.bg-\[\#faf8ff\] {
background-color: #faf8ff;
}
.bg-\[\#febc2e\] {
background-color: #febc2e;
}
.bg-\[\#ff5f57\] {
background-color: #ff5f57;
}
.bg-\[\#fff\] {
background-color: #fff;
}
.bg-\[\#fff\]\/0 {
background-color: #0000;
background-color: lab(0% 0 0 / 0);
}
.bg-\[\#fff\]\/10 {
background-color: #ffffff1a;
background-color: lab(100% -.0000298023 .0000119209 / .1);
}
.bg-\[\#fff\]\/20 {
background-color: #fff3;
background-color: lab(100% -.0000298023 .0000119209 / .2);
}
.bg-\[\#fff\]\/30 {
background-color: #ffffff4d;
background-color: lab(100% -.0000298023 .0000119209 / .3);
}
.bg-\[black\] {
background-color: #000;
}
.bg-\[black\]\/20 {
background-color: #0003;
background-color: lab(0% 0 0 / .2);
}
.bg-\[radial-gradient\(circle_at_top_left\,rgba\(255\,255\,255\,0\.08\)\,transparent_40\%\)\,rgba\(255\,255\,255\,0\.03\)\] {
background-color: radial-gradient(circle at top left, #ffffff14, transparent 40%), #ffffff08;
}
.bg-\[rgba\(255\,255\,255\,0\.2\)\] {
background-color: #fff3;
}
.bg-\[transparent\] {
background-color: #0000;
}
.bg-\[var\(--color-os-accent\)\] {
background-color: var(--color-os-accent);
}
.bg-\[var\(--color-os-accent\)\]\/20 {
background-color: #06c3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[var\(--color-os-accent\)\]\/20 {
background-color: color-mix(in oklab, var(--color-os-accent) 20%, transparent);
}
}
.bg-\[var\(--color-os-bg\)\] {
background-color: var(--color-os-bg);
}
.bg-\[var\(--color-os-bg-secondary\)\] {
background-color: var(--color-os-bg-secondary);
}
.bg-\[white\]\/10 {
background-color: #ffffff1a;
background-color: lab(100% -.0000298023 .0000119209 / .1);
}
.bg-black {
background-color: var(--color-black);
}
.bg-black\/0 {
background-color: #0000;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/0 {
background-color: color-mix(in oklab, var(--color-black) 0%, transparent);
}
}
.bg-black\/5 {
background-color: #0000000d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/5 {
background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
}
}
.bg-black\/20 {
background-color: #0003;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/20 {
background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
}
}
.bg-black\/25 {
background-color: #00000040;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/25 {
background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
}
}
.bg-black\/30 {
background-color: #0000004d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/30 {
background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
}
}
.bg-black\/35 {
background-color: #00000059;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/35 {
background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
}
}
.bg-black\/40 {
background-color: #0006;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/40 {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.bg-black\/50 {
background-color: #00000080;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/50 {
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
.bg-black\/55 {
background-color: #0000008c;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/55 {
background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
}
}
.bg-black\/60 {
background-color: #0009;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/60 {
background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
}
}
.bg-black\/70 {
background-color: #000000b3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/70 {
background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
}
}
.bg-black\/72 {
background-color: #000000b8;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/72 {
background-color: color-mix(in oklab, var(--color-black) 72%, transparent);
}
}
.bg-black\/80 {
background-color: #000c;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/80 {
background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
}
}
.bg-black\/90 {
background-color: #000000e6;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/90 {
background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
}
}
.bg-black\/95 {
background-color: #000000f2;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/95 {
background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
}
}
.bg-blue-50 {
background-color: var(--color-blue-50);
}
.bg-blue-100 {
background-color: var(--color-blue-100);
}
.bg-blue-300 {
background-color: var(--color-blue-300);
}
.bg-blue-400 {
background-color: var(--color-blue-400);
}
.bg-blue-400\/20 {
background-color: #54a2ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-400\/20 {
background-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
}
}
.bg-blue-500 {
background-color: var(--color-blue-500);
}
.bg-blue-500\/10 {
background-color: #3080ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/10 {
background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
}
}
.bg-blue-500\/20 {
background-color: #3080ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/20 {
background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.bg-blue-500\/25 {
background-color: #3080ff40;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/25 {
background-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
}
}
.bg-blue-500\/30 {
background-color: #3080ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/30 {
background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
}
}
.bg-blue-500\/50 {
background-color: #3080ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/50 {
background-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
}
}
.bg-blue-600 {
background-color: var(--color-blue-600);
}
.bg-blue-600\/20 {
background-color: #155dfc33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-600\/20 {
background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
}
}
.bg-blue-800 {
background-color: var(--color-blue-800);
}
.bg-emerald-400 {
background-color: var(--color-emerald-400);
}
.bg-emerald-500\/10 {
background-color: #00bb7f1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/10 {
background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
}
}
.bg-gray-50 {
background-color: var(--color-gray-50);
}
.bg-gray-50\/10 {
background-color: #f9fafb1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-gray-50\/10 {
background-color: color-mix(in oklab, var(--color-gray-50) 10%, transparent);
}
}
.bg-gray-100 {
background-color: var(--color-gray-100);
}
.bg-gray-200 {
background-color: var(--color-gray-200);
}
.bg-gray-400 {
background-color: var(--color-gray-400);
}
.bg-gray-500 {
background-color: var(--color-gray-500);
}
.bg-gray-500\/20 {
background-color: #6a728233;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-gray-500\/20 {
background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
}
}
.bg-gray-600 {
background-color: var(--color-gray-600);
}
.bg-gray-700 {
background-color: var(--color-gray-700);
}
.bg-gray-800 {
background-color: var(--color-gray-800);
}
.bg-gray-900 {
background-color: var(--color-gray-900);
}
.bg-green-50 {
background-color: var(--color-green-50);
}
.bg-green-100 {
background-color: var(--color-green-100);
}
.bg-green-300\/10 {
background-color: #7bf1a81a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-300\/10 {
background-color: color-mix(in oklab, var(--color-green-300) 10%, transparent);
}
}
.bg-green-300\/20 {
background-color: #7bf1a833;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-300\/20 {
background-color: color-mix(in oklab, var(--color-green-300) 20%, transparent);
}
}
.bg-green-500 {
background-color: var(--color-green-500);
}
.bg-green-500\/10 {
background-color: #00c7581a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-500\/10 {
background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
}
}
.bg-green-500\/20 {
background-color: #00c75833;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-500\/20 {
background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
}
}
.bg-green-500\/80 {
background-color: #00c758cc;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-500\/80 {
background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent);
}
}
.bg-navy-light\/50 {
background-color: #132f4c80;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-navy-light\/50 {
background-color: color-mix(in oklab, var(--color-navy-light) 50%, transparent);
}
}
.bg-orange-50 {
background-color: var(--color-orange-50);
}
.bg-orange-500\/20 {
background-color: #fe6e0033;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-orange-500\/20 {
background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
}
}
.bg-pink-100 {
background-color: var(--color-pink-100);
}
.bg-pink-500 {
background-color: var(--color-pink-500);
}
.bg-pink-500\/20 {
background-color: #f6339a33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-pink-500\/20 {
background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
}
}
.bg-purple-50 {
background-color: var(--color-purple-50);
}
.bg-purple-100 {
background-color: var(--color-purple-100);
}
.bg-purple-300\/20 {
background-color: #d9b3ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-purple-300\/20 {
background-color: color-mix(in oklab, var(--color-purple-300) 20%, transparent);
}
}
.bg-purple-500 {
background-color: var(--color-purple-500);
}
.bg-purple-500\/10 {
background-color: #ac4bff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-purple-500\/10 {
background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
}
}
.bg-purple-500\/20 {
background-color: #ac4bff33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-purple-500\/20 {
background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
}
}
.bg-purple-500\/25 {
background-color: #ac4bff40;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-purple-500\/25 {
background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent);
}
}
.bg-red-50 {
background-color: var(--color-red-50);
}
.bg-red-100 {
background-color: var(--color-red-100);
}
.bg-red-400 {
background-color: var(--color-red-400);
}
.bg-red-400\/10 {
background-color: #ff65681a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-400\/10 {
background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
}
}
.bg-red-500 {
background-color: var(--color-red-500);
}
.bg-red-500\/10 {
background-color: #fb2c361a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/10 {
background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
}
}
.bg-red-500\/15 {
background-color: #fb2c3626;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/15 {
background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
}
}
.bg-red-500\/20 {
background-color: #fb2c3633;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/20 {
background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
.bg-red-500\/80 {
background-color: #fb2c36cc;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/80 {
background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
}
}
.bg-red-600 {
background-color: var(--color-red-600);
}
.bg-red-800 {
background-color: var(--color-red-800);
}
.bg-teal {
background-color: var(--color-teal);
}
.bg-teal\/10 {
background-color: #33ffcc1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-teal\/10 {
background-color: color-mix(in oklab, var(--color-teal) 10%, transparent);
}
}
.bg-transparent {
background-color: #0000;
}
.bg-white {
background-color: var(--color-white);
}
.bg-white\/0 {
background-color: #0000;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/0 {
background-color: color-mix(in oklab, var(--color-white) 0%, transparent);
}
}
.bg-white\/5 {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/5 {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.bg-white\/6 {
background-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/6 {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.bg-white\/7 {
background-color: #ffffff12;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/7 {
background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
}
}
.bg-white\/8 {
background-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/8 {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.bg-white\/10 {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/10 {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.bg-white\/15 {
background-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/15 {
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.bg-white\/20 {
background-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/20 {
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.bg-white\/25 {
background-color: #ffffff40;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/25 {
background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.bg-white\/30 {
background-color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/30 {
background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.bg-white\/35 {
background-color: #ffffff59;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/35 {
background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
}
}
.bg-white\/40 {
background-color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/40 {
background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.bg-white\/50 {
background-color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/50 {
background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.bg-white\/55 {
background-color: #ffffff8c;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/55 {
background-color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}
.bg-white\/80 {
background-color: #fffc;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/80 {
background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.bg-white\/90 {
background-color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/90 {
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.bg-white\/95 {
background-color: #fffffff2;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/95 {
background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
}
}
.bg-white\/\[0\.02\] {
background-color: #ffffff05;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.02\] {
background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
}
}
.bg-white\/\[0\.03\] {
background-color: #ffffff08;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.03\] {
background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
}
}
.bg-white\/\[0\.04\] {
background-color: #ffffff0a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.04\] {
background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
}
}
.bg-white\/\[0\.05\] {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.05\] {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.bg-white\/\[0\.06\] {
background-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.06\] {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.bg-white\/\[0\.08\] {
background-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.08\] {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.bg-white\/\[0\.09\] {
background-color: #ffffff17;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.09\] {
background-color: color-mix(in oklab, var(--color-white) 9%, transparent);
}
}
.bg-white\/\[0\.035\] {
background-color: #ffffff09;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.035\] {
background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
}
}
.bg-yellow-50 {
background-color: var(--color-yellow-50);
}
.bg-yellow-100 {
background-color: var(--color-yellow-100);
}
.bg-yellow-400 {
background-color: var(--color-yellow-400);
}
.bg-yellow-500 {
background-color: var(--color-yellow-500);
}
.bg-yellow-500\/10 {
background-color: #edb2001a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-yellow-500\/10 {
background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
}
}
.bg-yellow-500\/20 {
background-color: #edb20033;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-yellow-500\/20 {
background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
}
.bg-yellow-500\/80 {
background-color: #edb200cc;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-yellow-500\/80 {
background-color: color-mix(in oklab, var(--color-yellow-500) 80%, transparent);
}
}
.bg-gradient-to-b {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-br {
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-l {
--tw-gradient-position: to left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-r {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[linear-gradient\(135deg\,\#1f9d56\,\#177c46\)\] {
background-image: linear-gradient(135deg, #1f9d56, #177c46);
}
.bg-\[linear-gradient\(135deg\,\#1f9d56\,\#138042\)\] {
background-image: linear-gradient(135deg, #1f9d56, #138042);
}
.bg-\[linear-gradient\(135deg\,\#15b448\,\#11a63f\)\] {
background-image: linear-gradient(135deg, #15b448, #11a63f);
}
.bg-\[linear-gradient\(180deg\,\#1d1d1d_0\%\,\#141414_100\%\)\] {
background-image: linear-gradient(#1d1d1d 0%, #141414 100%);
}
.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.02\)\,rgba\(0\,0\,0\,0\.16\)\)\] {
background-image: linear-gradient(#00000005, #00000029);
}
.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.12\)\,rgba\(0\,0\,0\,0\.82\)\)\] {
background-image: linear-gradient(#0000001f, #000000d1);
}
.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.12\)\,rgba\(0\,0\,0\,0\.86\)\)\] {
background-image: linear-gradient(#0000001f, #000000db);
}
.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.12\)\,rgba\(0\,0\,0\,0\.88\)\)\] {
background-image: linear-gradient(#0000001f, #000000e0);
}
.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.03\)\,rgba\(255\,255\,255\,0\.015\)\)\] {
background-image: linear-gradient(#ffffff08, #ffffff04);
}
.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,rgba\(0\,0\,0\,0\.18\)\)\] {
background-image: linear-gradient(#ffffff0a, #0000002e);
}
.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,rgba\(255\,255\,255\,0\.015\)\)\] {
background-image: linear-gradient(#ffffff0a, #ffffff04);
}
.bg-\[radial-gradient\(circle_at_bottom\,rgba\(54\,240\,214\,0\.25\)\,transparent_65\%\)\] {
background-image: radial-gradient(circle at bottom, #36f0d640, #0000 65%);
}
.bg-\[radial-gradient\(circle_at_bottom\,rgba\(54\,240\,214\,0\.28\)\,transparent_65\%\)\] {
background-image: radial-gradient(circle at bottom, #36f0d647, #0000 65%);
}
.bg-\[radial-gradient\(circle_at_bottom_left\,rgba\(54\,240\,214\,0\.12\)\,transparent_60\%\)\] {
background-image: radial-gradient(circle at 0 100%, #36f0d61f, #0000 60%);
}
.bg-\[radial-gradient\(circle_at_bottom_left\,rgba\(54\,240\,214\,0\.14\)\,transparent_65\%\)\] {
background-image: radial-gradient(circle at 0 100%, #36f0d624, #0000 65%);
}
.bg-\[radial-gradient\(circle_at_center\,rgba\(106\,59\,255\,0\.08\)\,transparent_65\%\)\] {
background-image: radial-gradient(circle, #6a3bff14, #0000 65%);
}
.bg-\[radial-gradient\(circle_at_center\,rgba\(106\,59\,255\,0\.08\)\,transparent_70\%\)\] {
background-image: radial-gradient(circle, #6a3bff14, #0000 70%);
}
.bg-\[radial-gradient\(circle_at_top\,rgba\(106\,59\,255\,0\.3\)\,transparent_70\%\)\] {
background-image: radial-gradient(circle at top, #6a3bff4d, #0000 70%);
}
.bg-\[radial-gradient\(circle_at_top\,rgba\(106\,59\,255\,0\.25\)\,transparent_70\%\)\] {
background-image: radial-gradient(circle at top, #6a3bff40, #0000 70%);
}
.bg-\[radial-gradient\(circle_at_top\,rgba\(106\,59\,255\,0\.32\)\,transparent_70\%\)\] {
background-image: radial-gradient(circle at top, #6a3bff52, #0000 70%);
}
.bg-\[radial-gradient\(circle_at_top\,rgba\(112\,146\,255\,0\.22\)\,transparent_40\%\)\,radial-gradient\(circle_at_bottom\,rgba\(255\,255\,255\,0\.08\)\,transparent_30\%\)\] {
background-image: radial-gradient(circle at top, #7092ff38, #0000 40%), radial-gradient(circle at bottom, #ffffff14, #0000 30%);
}
.bg-\[radial-gradient\(circle_at_top\,rgba\(255\,255\,255\,0\.14\)\,transparent_56\%\)\] {
background-image: radial-gradient(circle at top, #ffffff24, #0000 56%);
}
.bg-\[radial-gradient\(circle_at_top_left\,rgba\(31\,157\,86\,0\.2\)\,transparent_34\%\)\,linear-gradient\(180deg\,\#131313_0\%\,\#090909_100\%\)\] {
background-image: radial-gradient(circle at 0 0, #1f9d5633, #0000 34%), linear-gradient(#131313 0%, #090909 100%);
}
.bg-\[radial-gradient\(circle_at_top_left\,rgba\(31\,157\,86\,0\.16\)\,transparent_34\%\)\,linear-gradient\(180deg\,\#121212_0\%\,\#0a0a0a_100\%\)\] {
background-image: radial-gradient(circle at 0 0, #1f9d5629, #0000 34%), linear-gradient(#121212 0%, #0a0a0a 100%);
}
.bg-\[radial-gradient\(circle_at_top_left\,rgba\(31\,157\,86\,0\.16\)\,transparent_34\%\)\,linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.1\)\,rgba\(0\,0\,0\,0\.82\)\)\] {
background-image: radial-gradient(circle at 0 0, #1f9d5629, #0000 34%), linear-gradient(#0000001a, #000000d1);
}
.bg-\[radial-gradient\(circle_at_top_left\,rgba\(31\,157\,86\,0\.18\)\,transparent_36\%\)\,linear-gradient\(180deg\,\#151515_0\%\,\#0c0c0c_100\%\)\] {
background-image: radial-gradient(circle at 0 0, #1f9d562e, #0000 36%), linear-gradient(#151515 0%, #0c0c0c 100%);
}
.bg-\[radial-gradient\(circle_at_top_left\,rgba\(31\,157\,86\,0\.18\)\,transparent_38\%\)\,linear-gradient\(180deg\,\#121212_0\%\,\#0a0a0a_100\%\)\] {
background-image: radial-gradient(circle at 0 0, #1f9d562e, #0000 38%), linear-gradient(#121212 0%, #0a0a0a 100%);
}
.bg-\[radial-gradient\(circle_at_top_left\,rgba\(255\,255\,255\,0\.08\)\,transparent_36\%\)\] {
background-image: radial-gradient(circle at 0 0, #ffffff14, #0000 36%);
}
.bg-\[radial-gradient\(circle_at_top_right\,rgba\(106\,59\,255\,0\.08\)\,transparent_65\%\)\] {
background-image: radial-gradient(circle at 100% 0, #6a3bff14, #0000 65%);
}
.bg-\[radial-gradient\(circle_at_top_right\,rgba\(106\,59\,255\,0\.08\)\,transparent_70\%\)\] {
background-image: radial-gradient(circle at 100% 0, #6a3bff14, #0000 70%);
}
.bg-\[radial-gradient\(circle_at_top_right\,rgba\(106\,59\,255\,0\.12\)\,transparent_60\%\)\] {
background-image: radial-gradient(circle at 100% 0, #6a3bff1f, #0000 60%);
}
.bg-\[radial-gradient\(circle_at_top_right\,rgba\(106\,59\,255\,0\.14\)\,transparent_65\%\)\] {
background-image: radial-gradient(circle at 100% 0, #6a3bff24, #0000 65%);
}
.from-\[\#0080F7\]\/10 {
--tw-gradient-from: #0080f71a;
--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));
}
@supports (color: lab(0% 0 0)) {
.from-\[\#0080F7\]\/10 {
--tw-gradient-from: lab(53.073% 6.03133 -68.8929 / .1);
}
}
.from-\[\#0080F7\]\/20 {
--tw-gradient-from: #0080f733;
--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));
}
@supports (color: lab(0% 0 0)) {
.from-\[\#0080F7\]\/20 {
--tw-gradient-from: lab(53.073% 6.03133 -68.8929 / .2);
}
}
.from-\[\#e0f8ff\] {
--tw-gradient-from: #e0f8ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#e1f5ff\] {
--tw-gradient-from: #e1f5ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#e2f6ff\] {
--tw-gradient-from: #e2f6ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#e4f7ff\] {
--tw-gradient-from: #e4f7ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#ebe3ff\] {
--tw-gradient-from: #ebe3ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#ebe9ff\] {
--tw-gradient-from: #ebe9ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#ece8ff\] {
--tw-gradient-from: #ece8ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#f5e6ff\] {
--tw-gradient-from: #f5e6ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#f6e5ff\] {
--tw-gradient-from: #f6e5ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#f6e6ff\] {
--tw-gradient-from: #f6e6ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#f7e6ff\] {
--tw-gradient-from: #f7e6ff;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/0 {
--tw-gradient-from: #0000;
}
@supports (color: color-mix(in lab, red, red)) {
.from-black\/0 {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 0%, transparent);
}
}
.from-black\/0 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/20 {
--tw-gradient-from: #0003;
}
@supports (color: color-mix(in lab, red, red)) {
.from-black\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent);
}
}
.from-black\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/30 {
--tw-gradient-from: #0000004d;
}
@supports (color: color-mix(in lab, red, red)) {
.from-black\/30 {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, transparent);
}
}
.from-black\/30 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/35 {
--tw-gradient-from: #00000059;
}
@supports (color: color-mix(in lab, red, red)) {
.from-black\/35 {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 35%, transparent);
}
}
.from-black\/35 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/60 {
--tw-gradient-from: #0009;
}
@supports (color: color-mix(in lab, red, red)) {
.from-black\/60 {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
}
}
.from-black\/60 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/70 {
--tw-gradient-from: #000000b3;
}
@supports (color: color-mix(in lab, red, red)) {
.from-black\/70 {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
}
}
.from-black\/70 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/90 {
--tw-gradient-from: #000000e6;
}
@supports (color: color-mix(in lab, red, red)) {
.from-black\/90 {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent);
}
}
.from-black\/90 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-50 {
--tw-gradient-from: var(--color-blue-50);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-400 {
--tw-gradient-from: var(--color-blue-400);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-500 {
--tw-gradient-from: var(--color-blue-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-500\/10 {
--tw-gradient-from: #3080ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.from-blue-500\/10 {
--tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
}
}
.from-blue-500\/10 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-500\/20 {
--tw-gradient-from: #3080ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.from-blue-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.from-blue-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-emerald-500\/20 {
--tw-gradient-from: #00bb7f33;
}
@supports (color: color-mix(in lab, red, red)) {
.from-emerald-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
}
}
.from-emerald-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-50 {
--tw-gradient-from: var(--color-gray-50);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-100 {
--tw-gradient-from: var(--color-gray-100);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-400 {
--tw-gradient-from: var(--color-gray-400);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-500 {
--tw-gradient-from: var(--color-gray-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-500\/20 {
--tw-gradient-from: #6a728233;
}
@supports (color: color-mix(in lab, red, red)) {
.from-gray-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
}
}
.from-gray-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-600 {
--tw-gradient-from: var(--color-gray-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-800 {
--tw-gradient-from: var(--color-gray-800);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-900 {
--tw-gradient-from: var(--color-gray-900);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-green-500 {
--tw-gradient-from: var(--color-green-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-green-500\/10 {
--tw-gradient-from: #00c7581a;
}
@supports (color: color-mix(in lab, red, red)) {
.from-green-500\/10 {
--tw-gradient-from: color-mix(in oklab, var(--color-green-500) 10%, transparent);
}
}
.from-green-500\/10 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-green-500\/20 {
--tw-gradient-from: #00c75833;
}
@supports (color: color-mix(in lab, red, red)) {
.from-green-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-green-500) 20%, transparent);
}
}
.from-green-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-indigo-500 {
--tw-gradient-from: var(--color-indigo-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-orange-500 {
--tw-gradient-from: var(--color-orange-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-orange-500\/20 {
--tw-gradient-from: #fe6e0033;
}
@supports (color: color-mix(in lab, red, red)) {
.from-orange-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
}
}
.from-orange-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-pink-500\/10 {
--tw-gradient-from: #f6339a1a;
}
@supports (color: color-mix(in lab, red, red)) {
.from-pink-500\/10 {
--tw-gradient-from: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
}
}
.from-pink-500\/10 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-pink-500\/20 {
--tw-gradient-from: #f6339a33;
}
@supports (color: color-mix(in lab, red, red)) {
.from-pink-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
}
}
.from-pink-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-purple-400 {
--tw-gradient-from: var(--color-purple-400);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-purple-500 {
--tw-gradient-from: var(--color-purple-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-purple-500\/10 {
--tw-gradient-from: #ac4bff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.from-purple-500\/10 {
--tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
}
}
.from-purple-500\/10 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-purple-500\/20 {
--tw-gradient-from: #ac4bff33;
}
@supports (color: color-mix(in lab, red, red)) {
.from-purple-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
}
}
.from-purple-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-purple-500\/30 {
--tw-gradient-from: #ac4bff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.from-purple-500\/30 {
--tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
}
}
.from-purple-500\/30 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-red-500 {
--tw-gradient-from: var(--color-red-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-red-500\/20 {
--tw-gradient-from: #fb2c3633;
}
@supports (color: color-mix(in lab, red, red)) {
.from-red-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
.from-red-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-sky-500\/20 {
--tw-gradient-from: #00a5ef33;
}
@supports (color: color-mix(in lab, red, red)) {
.from-sky-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
}
}
.from-sky-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-teal {
--tw-gradient-from: var(--color-teal);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
--tw-gradient-from: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white {
--tw-gradient-from: 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));
}
.from-white\/5 {
--tw-gradient-from: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.from-white\/5 {
--tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.from-white\/5 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white\/20 {
--tw-gradient-from: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.from-white\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.from-white\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-yellow-500 {
--tw-gradient-from: var(--color-yellow-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-yellow-500\/20 {
--tw-gradient-from: #edb20033;
}
@supports (color: color-mix(in lab, red, red)) {
.from-yellow-500\/20 {
--tw-gradient-from: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
}
.from-yellow-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-\[\#e4f3ff\] {
--tw-gradient-via: #e4f3ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#e6f6ff\] {
--tw-gradient-via: #e6f6ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#e6f7ff\] {
--tw-gradient-via: #e6f7ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#e6f9ff\] {
--tw-gradient-via: #e6f9ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#e8f3ff\] {
--tw-gradient-via: #e8f3ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#e8f4ff\] {
--tw-gradient-via: #e8f4ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#e9f3ff\] {
--tw-gradient-via: #e9f3ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#e9f4ff\] {
--tw-gradient-via: #e9f4ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#efe4ff\] {
--tw-gradient-via: #efe4ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#efe6ff\] {
--tw-gradient-via: #efe6ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#efe7ff\] {
--tw-gradient-via: #efe7ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#f0e8ff\] {
--tw-gradient-via: #f0e8ff;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-black\/0 {
--tw-gradient-via: #0000;
}
@supports (color: color-mix(in lab, red, red)) {
.via-black\/0 {
--tw-gradient-via: color-mix(in oklab, var(--color-black) 0%, transparent);
}
}
.via-black\/0 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-black\/40 {
--tw-gradient-via: #0006;
}
@supports (color: color-mix(in lab, red, red)) {
.via-black\/40 {
--tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.via-black\/40 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-black\/55 {
--tw-gradient-via: #0000008c;
}
@supports (color: color-mix(in lab, red, red)) {
.via-black\/55 {
--tw-gradient-via: color-mix(in oklab, var(--color-black) 55%, transparent);
}
}
.via-black\/55 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-blue-400 {
--tw-gradient-via: var(--color-blue-400);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-orange-500\/10 {
--tw-gradient-via: #fe6e001a;
}
@supports (color: color-mix(in lab, red, red)) {
.via-orange-500\/10 {
--tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
}
}
.via-orange-500\/10 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-purple-50 {
--tw-gradient-via: var(--color-purple-50);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-transparent {
--tw-gradient-via: transparent;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-\[\#6C5CE7\]\/10 {
--tw-gradient-to: #6c5ce71a;
--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));
}
@supports (color: lab(0% 0 0)) {
.to-\[\#6C5CE7\]\/10 {
--tw-gradient-to: lab(46.781% 35.3507 -69.904 / .1);
}
}
.to-\[\#6C5CE7\]\/20 {
--tw-gradient-to: #6c5ce733;
--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));
}
@supports (color: lab(0% 0 0)) {
.to-\[\#6C5CE7\]\/20 {
--tw-gradient-to: lab(46.781% 35.3507 -69.904 / .2);
}
}
.to-\[\#080808\] {
--tw-gradient-to: #080808;
--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-\[\#fdf4d7\] {
--tw-gradient-to: #fdf4d7;
--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-\[\#fef0db\] {
--tw-gradient-to: #fef0db;
--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-\[\#fef0dd\] {
--tw-gradient-to: #fef0dd;
--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-\[\#fef1d9\] {
--tw-gradient-to: #fef1d9;
--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-\[\#ffe7f2\] {
--tw-gradient-to: #ffe7f2;
--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-\[\#ffe7f5\] {
--tw-gradient-to: #ffe7f5;
--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-\[\#ffe8f4\] {
--tw-gradient-to: #ffe8f4;
--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-\[\#ffe8f6\] {
--tw-gradient-to: #ffe8f6;
--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-\[\#fff3d9\] {
--tw-gradient-to: #fff3d9;
--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-\[\#fff3df\] {
--tw-gradient-to: #fff3df;
--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-\[\#fff4e1\] {
--tw-gradient-to: #fff4e1;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[black\] {
--tw-gradient-to: black;
--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-amber-500\/20 {
--tw-gradient-to: #f99c0033;
}
@supports (color: color-mix(in lab, red, red)) {
.to-amber-500\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
}
}
.to-amber-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-black {
--tw-gradient-to: var(--color-black);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-black\/10 {
--tw-gradient-to: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-black\/10 {
--tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.to-black\/10 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-black\/20 {
--tw-gradient-to: #0003;
}
@supports (color: color-mix(in lab, red, red)) {
.to-black\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, transparent);
}
}
.to-black\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-black\/60 {
--tw-gradient-to: #0009;
}
@supports (color: color-mix(in lab, red, red)) {
.to-black\/60 {
--tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent);
}
}
.to-black\/60 {
--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-blue-600 {
--tw-gradient-to: var(--color-blue-600);
--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-blue-600\/10 {
--tw-gradient-to: #155dfc1a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-blue-600\/10 {
--tw-gradient-to: color-mix(in oklab, var(--color-blue-600) 10%, transparent);
}
}
.to-blue-600\/10 {
--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-blue-600\/30 {
--tw-gradient-to: #155dfc4d;
}
@supports (color: color-mix(in lab, red, red)) {
.to-blue-600\/30 {
--tw-gradient-to: color-mix(in oklab, var(--color-blue-600) 30%, transparent);
}
}
.to-blue-600\/30 {
--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-cyan-500 {
--tw-gradient-to: var(--color-cyan-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-cyan-500\/20 {
--tw-gradient-to: #00b7d733;
}
@supports (color: color-mix(in lab, red, red)) {
.to-cyan-500\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
}
}
.to-cyan-500\/20 {
--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-emerald-500 {
--tw-gradient-to: var(--color-emerald-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-emerald-500\/20 {
--tw-gradient-to: #00bb7f33;
}
@supports (color: color-mix(in lab, red, red)) {
.to-emerald-500\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
}
}
.to-emerald-500\/20 {
--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-emerald-600 {
--tw-gradient-to: var(--color-emerald-600);
--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-gray-200 {
--tw-gradient-to: var(--color-gray-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-600 {
--tw-gradient-to: var(--color-gray-600);
--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-gray-600\/20 {
--tw-gradient-to: #4a556533;
}
@supports (color: color-mix(in lab, red, red)) {
.to-gray-600\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-gray-600) 20%, transparent);
}
}
.to-gray-600\/20 {
--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-gray-800 {
--tw-gradient-to: var(--color-gray-800);
--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-gray-900 {
--tw-gradient-to: var(--color-gray-900);
--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-green-600\/10 {
--tw-gradient-to: #00a5441a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-green-600\/10 {
--tw-gradient-to: color-mix(in oklab, var(--color-green-600) 10%, transparent);
}
}
.to-green-600\/10 {
--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-indigo-500\/20 {
--tw-gradient-to: #625fff33;
}
@supports (color: color-mix(in lab, red, red)) {
.to-indigo-500\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
}
}
.to-indigo-500\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-500 {
--tw-gradient-to: var(--color-orange-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-500\/20 {
--tw-gradient-to: #fe6e0033;
}
@supports (color: color-mix(in lab, red, red)) {
.to-orange-500\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
}
}
.to-orange-500\/20 {
--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-pink-50 {
--tw-gradient-to: var(--color-pink-50);
--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-pink-500 {
--tw-gradient-to: var(--color-pink-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-500\/20 {
--tw-gradient-to: #f6339a33;
}
@supports (color: color-mix(in lab, red, red)) {
.to-pink-500\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
}
}
.to-pink-500\/20 {
--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-pink-500\/30 {
--tw-gradient-to: #f6339a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.to-pink-500\/30 {
--tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
}
}
.to-pink-500\/30 {
--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-purple-400 {
--tw-gradient-to: var(--color-purple-400);
--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-purple-500 {
--tw-gradient-to: var(--color-purple-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-purple-600 {
--tw-gradient-to: var(--color-purple-600);
--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-purple-600\/10 {
--tw-gradient-to: #9810fa1a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-purple-600\/10 {
--tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 10%, transparent);
}
}
.to-purple-600\/10 {
--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-red-500 {
--tw-gradient-to: var(--color-red-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-red-500\/20 {
--tw-gradient-to: #fb2c3633;
}
@supports (color: color-mix(in lab, red, red)) {
.to-red-500\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
.to-red-500\/20 {
--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-red-600\/10 {
--tw-gradient-to: #e400141a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-red-600\/10 {
--tw-gradient-to: color-mix(in oklab, var(--color-red-600) 10%, transparent);
}
}
.to-red-600\/10 {
--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-rose-500\/20 {
--tw-gradient-to: #ff235733;
}
@supports (color: color-mix(in lab, red, red)) {
.to-rose-500\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
}
}
.to-rose-500\/20 {
--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-rose-600 {
--tw-gradient-to: var(--color-rose-600);
--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-teal-500\/20 {
--tw-gradient-to: #00baa733;
}
@supports (color: color-mix(in lab, red, red)) {
.to-teal-500\/20 {
--tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
}
}
.to-teal-500\/20 {
--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));
}
.to-white {
--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));
}
.to-white\/10 {
--tw-gradient-to: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-white\/10 {
--tw-gradient-to: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.to-white\/10 {
--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-yellow-600\/10 {
--tw-gradient-to: #cd89001a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-yellow-600\/10 {
--tw-gradient-to: color-mix(in oklab, var(--color-yellow-600) 10%, transparent);
}
}
.to-yellow-600\/10 {
--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-right {
background-position: 100%;
}
.fill-yellow-400 {
fill: var(--color-yellow-400);
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.object-bottom {
object-position: bottom;
}
.object-top {
object-position: top;
}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
padding: calc(var(--spacing) * .5);
}
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
padding: calc(var(--spacing) * 1.5);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-5 {
padding: calc(var(--spacing) * 5);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-7 {
padding: calc(var(--spacing) * 7);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-10 {
padding: calc(var(--spacing) * 10);
}
.p-\[10px\] {
padding: 10px;
}
.p-\[14px_16px_16px\] {
padding: 14px 16px 16px;
}
.px-0 {
padding-inline: calc(var(--spacing) * 0);
}
.px-0\.5 {
padding-inline: calc(var(--spacing) * .5);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-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);
}
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.px-10 {
padding-inline: calc(var(--spacing) * 10);
}
.px-12 {
padding-inline: calc(var(--spacing) * 12);
}
.px-\[12\%\] {
padding-inline: 12%;
}
.py-0 {
padding-block: calc(var(--spacing) * 0);
}
.py-0\.5 {
padding-block: calc(var(--spacing) * .5);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-7 {
padding-block: calc(var(--spacing) * 7);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-14 {
padding-block: calc(var(--spacing) * 14);
}
.py-16 {
padding-block: calc(var(--spacing) * 16);
}
.py-20 {
padding-block: calc(var(--spacing) * 20);
}
.py-24 {
padding-block: calc(var(--spacing) * 24);
}
.py-32 {
padding-block: calc(var(--spacing) * 32);
}
.py-\[10px\] {
padding-block: 10px;
}
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.pt-0\.5 {
padding-top: calc(var(--spacing) * .5);
}
.pt-1 {
padding-top: calc(var(--spacing) * 1);
}
.pt-1\.5 {
padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-2\.5 {
padding-top: calc(var(--spacing) * 2.5);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-12 {
padding-top: calc(var(--spacing) * 12);
}
.pt-14 {
padding-top: calc(var(--spacing) * 14);
}
.pt-16 {
padding-top: calc(var(--spacing) * 16);
}
.pt-20 {
padding-top: calc(var(--spacing) * 20);
}
.pt-24 {
padding-top: calc(var(--spacing) * 24);
}
.pt-26 {
padding-top: calc(var(--spacing) * 26);
}
.pt-28 {
padding-top: calc(var(--spacing) * 28);
}
.pt-32 {
padding-top: calc(var(--spacing) * 32);
}
.pt-36 {
padding-top: calc(var(--spacing) * 36);
}
.pt-40 {
padding-top: calc(var(--spacing) * 40);
}
.pr-0 {
padding-right: calc(var(--spacing) * 0);
}
.pr-1 {
padding-right: calc(var(--spacing) * 1);
}
.pr-1\.5 {
padding-right: calc(var(--spacing) * 1.5);
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.pr-4 {
padding-right: calc(var(--spacing) * 4);
}
.pr-6 {
padding-right: calc(var(--spacing) * 6);
}
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.pr-10 {
padding-right: calc(var(--spacing) * 10);
}
.pr-12 {
padding-right: calc(var(--spacing) * 12);
}
.pr-16 {
padding-right: calc(var(--spacing) * 16);
}
.pr-\[10px\] {
padding-right: 10px;
}
.pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
.pb-0\.5 {
padding-bottom: calc(var(--spacing) * .5);
}
.pb-1 {
padding-bottom: calc(var(--spacing) * 1);
}
.pb-1\.5 {
padding-bottom: calc(var(--spacing) * 1.5);
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.pb-2\.5 {
padding-bottom: calc(var(--spacing) * 2.5);
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.pb-12 {
padding-bottom: calc(var(--spacing) * 12);
}
.pb-14 {
padding-bottom: calc(var(--spacing) * 14);
}
.pb-16 {
padding-bottom: calc(var(--spacing) * 16);
}
.pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
.pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
.pl-1 {
padding-left: calc(var(--spacing) * 1);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-3 {
padding-left: calc(var(--spacing) * 3);
}
.pl-3\.5 {
padding-left: calc(var(--spacing) * 3.5);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.pl-5 {
padding-left: calc(var(--spacing) * 5);
}
.pl-6 {
padding-left: calc(var(--spacing) * 6);
}
.pl-8 {
padding-left: calc(var(--spacing) * 8);
}
.pl-10 {
padding-left: calc(var(--spacing) * 10);
}
.pl-12 {
padding-left: calc(var(--spacing) * 12);
}
.pl-14 {
padding-left: calc(var(--spacing) * 14);
}
.pl-\[10px\] {
padding-left: 10px;
}
.pl-\[18px\] {
padding-left: 18px;
}
.pl-\[70px\] {
padding-left: 70px;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-start {
text-align: start;
}
.align-top {
vertical-align: top;
}
.font-mono {
font-family: var(--font-mono);
}
.font-sans {
font-family: var(--font-sans);
}
.font-serif {
font-family: var(--font-serif);
}
.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-\[7px\] {
font-size: 7px;
}
.text-\[8px\] {
font-size: 8px;
}
.text-\[9px\] {
font-size: 9px;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[12px\] {
font-size: 12px;
}
.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-\[28px\] {
font-size: 28px;
}
.text-\[30px\] {
font-size: 30px;
}
.leading-5 {
--tw-leading: calc(var(--spacing) * 5);
line-height: calc(var(--spacing) * 5);
}
.leading-6 {
--tw-leading: calc(var(--spacing) * 6);
line-height: calc(var(--spacing) * 6);
}
.leading-7 {
--tw-leading: calc(var(--spacing) * 7);
line-height: calc(var(--spacing) * 7);
}
.leading-8 {
--tw-leading: calc(var(--spacing) * 8);
line-height: calc(var(--spacing) * 8);
}
.leading-\[0\.95\] {
--tw-leading: .95;
line-height: .95;
}
.leading-\[1\.45\] {
--tw-leading: 1.45;
line-height: 1.45;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-normal {
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-light {
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
}
.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-\[-0\.02em\] {
--tw-tracking: -.02em;
letter-spacing: -.02em;
}
.tracking-\[-0\.03em\] {
--tw-tracking: -.03em;
letter-spacing: -.03em;
}
.tracking-\[-0\.04em\] {
--tw-tracking: -.04em;
letter-spacing: -.04em;
}
.tracking-\[-0\.05em\] {
--tw-tracking: -.05em;
letter-spacing: -.05em;
}
.tracking-\[0\.02em\] {
--tw-tracking: .02em;
letter-spacing: .02em;
}
.tracking-\[0\.3em\] {
--tw-tracking: .3em;
letter-spacing: .3em;
}
.tracking-\[0\.08em\] {
--tw-tracking: .08em;
letter-spacing: .08em;
}
.tracking-\[0\.12em\] {
--tw-tracking: .12em;
letter-spacing: .12em;
}
.tracking-\[0\.14em\] {
--tw-tracking: .14em;
letter-spacing: .14em;
}
.tracking-\[0\.16em\] {
--tw-tracking: .16em;
letter-spacing: .16em;
}
.tracking-\[0\.18em\] {
--tw-tracking: .18em;
letter-spacing: .18em;
}
.tracking-\[0\.24em\] {
--tw-tracking: .24em;
letter-spacing: .24em;
}
.tracking-\[0\.25em\] {
--tw-tracking: .25em;
letter-spacing: .25em;
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre-line {
white-space: pre-line;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.text-\[\#0b052d\] {
color: #0b052d;
}
.text-\[\#0e1330\] {
color: #0e1330;
}
.text-\[\#0f1025\] {
color: #0f1025;
}
.text-\[\#0f1533\] {
color: #0f1533;
}
.text-\[\#00ADD8\] {
color: #00add8;
}
.text-\[\#1b1038\] {
color: #1b1038;
}
.text-\[\#3b3f5d\] {
color: #3b3f5d;
}
.text-\[\#3b3655\] {
color: #3b3655;
}
.text-\[\#3c3a55\] {
color: #3c3a55;
}
.text-\[\#3c3f5d\] {
color: #3c3f5d;
}
.text-\[\#4da3ff\] {
color: #4da3ff;
}
.text-\[\#5bd178\] {
color: #5bd178;
}
.text-\[\#6a3bff\] {
color: #6a3bff;
}
.text-\[\#6f6f6f\] {
color: #6f6f6f;
}
.text-\[\#7a7a7a\] {
color: #7a7a7a;
}
.text-\[\#7b7b7b\] {
color: #7b7b7b;
}
.text-\[\#7d7d7d\] {
color: #7d7d7d;
}
.text-\[\#7fb2ff\] {
color: #7fb2ff;
}
.text-\[\#8a8a8a\] {
color: #8a8a8a;
}
.text-\[\#8c8c8c\] {
color: #8c8c8c;
}
.text-\[\#8ce8a2\] {
color: #8ce8a2;
}
.text-\[\#8d8d8d\] {
color: #8d8d8d;
}
.text-\[\#8f8f8f\] {
color: #8f8f8f;
}
.text-\[\#8fe4a4\] {
color: #8fe4a4;
}
.text-\[\#9a8fe1\] {
color: #9a8fe1;
}
.text-\[\#9aa6ff\] {
color: #9aa6ff;
}
.text-\[\#9ba6ff\] {
color: #9ba6ff;
}
.text-\[\#9c8fe1\] {
color: #9c8fe1;
}
.text-\[\#9ef2b3\] {
color: #9ef2b3;
}
.text-\[\#016bdf\] {
color: #016bdf;
}
.text-\[\#28C8C7\], .text-\[\#28c8c7\] {
color: #28c8c7;
}
.text-\[\#35E8BB\] {
color: #35e8bb;
}
.text-\[\#36b5f0\] {
color: #36b5f0;
}
.text-\[\#57c86d\] {
color: #57c86d;
}
.text-\[\#0063F7\] {
color: #0063f7;
}
.text-\[\#63a2ff\] {
color: #63a2ff;
}
.text-\[\#70dd8a\] {
color: #70dd8a;
}
.text-\[\#72da86\] {
color: #72da86;
}
.text-\[\#79df91\] {
color: #79df91;
}
.text-\[\#0080F7\] {
color: #0080f7;
}
.text-\[\#0080F7\]\/80 {
color: #0080f7cc;
color: lab(53.073% 6.03133 -68.8929 / .8);
}
.text-\[\#85e49b\] {
color: #85e49b;
}
.text-\[\#96ecab\] {
color: #96ecab;
}
.text-\[\#140b33\] {
color: #140b33;
}
.text-\[\#333\] {
color: #333;
}
.text-\[\#555\] {
color: #555;
}
.text-\[\#666\] {
color: #666;
}
.text-\[\#888\] {
color: #888;
}
.text-\[\#1840ff\] {
color: #1840ff;
}
.text-\[\#3776AB\] {
color: #3776ab;
}
.text-\[\#10122b\] {
color: #10122b;
}
.text-\[\#050122\] {
color: #050122;
}
.text-\[\#339933\] {
color: #393;
}
.text-\[\#868686\] {
color: #868686;
}
.text-\[\#878787\] {
color: #878787;
}
.text-\[\#DEA584\] {
color: #dea584;
}
.text-\[\#FB9CE5\] {
color: #fb9ce5;
}
.text-\[\#FF8E8E\] {
color: #ff8e8e;
}
.text-\[\#FFE96B\] {
color: #ffe96b;
}
.text-\[\#a4afff\] {
color: #a4afff;
}
.text-\[\#a5b0ff\] {
color: #a5b0ff;
}
.text-\[\#a7f3be\] {
color: #a7f3be;
}
.text-\[\#a79cf0\] {
color: #a79cf0;
}
.text-\[\#a89def\] {
color: #a89def;
}
.text-\[\#b1b1b1\] {
color: #b1b1b1;
}
.text-\[\#b3b3b3\] {
color: #b3b3b3;
}
.text-\[\#b6b6b6\] {
color: #b6b6b6;
}
.text-\[\#b9b9b9\] {
color: #b9b9b9;
}
.text-\[\#c6c6c6\] {
color: #c6c6c6;
}
.text-\[\#c8c8c8\] {
color: #c8c8c8;
}
.text-\[\#cfcfcf\] {
color: #cfcfcf;
}
.text-\[\#d1d1d1\] {
color: #d1d1d1;
}
.text-\[\#d2d2d2\] {
color: #d2d2d2;
}
.text-\[\#d3d3d3\] {
color: #d3d3d3;
}
.text-\[\#d8d8d8\] {
color: #d8d8d8;
}
.text-\[\#d9d9d9\] {
color: #d9d9d9;
}
.text-\[\#d9ffe3\] {
color: #d9ffe3;
}
.text-\[\#dddddd\] {
color: #ddd;
}
.text-\[\#e4e4e4\] {
color: #e4e4e4;
}
.text-\[\#e5e5e5\] {
color: #e5e5e5;
}
.text-\[\#f0c674\] {
color: #f0c674;
}
.text-\[\#f5d47a\] {
color: #f5d47a;
}
.text-\[\#ff9b9b\] {
color: #ff9b9b;
}
.text-\[\#ffb1b1\] {
color: #ffb1b1;
}
.text-\[\#ffb3b3\] {
color: #ffb3b3;
}
.text-\[\#ffb5b5\] {
color: #ffb5b5;
}
.text-\[\#ffb6b6\] {
color: #ffb6b6;
}
.text-\[\#ffb7b7\] {
color: #ffb7b7;
}
.text-\[\#ffcf99\] {
color: #ffcf99;
}
.text-\[\#ffd59b\] {
color: #ffd59b;
}
.text-\[\#fff\] {
color: #fff;
}
.text-\[var\(--color-os-accent\)\] {
color: var(--color-os-accent);
}
.text-\[white\] {
color: #fff;
}
.text-black {
color: var(--color-black);
}
.text-black\/50 {
color: #00000080;
}
@supports (color: color-mix(in lab, red, red)) {
.text-black\/50 {
color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
.text-black\/60 {
color: #0009;
}
@supports (color: color-mix(in lab, red, red)) {
.text-black\/60 {
color: color-mix(in oklab, var(--color-black) 60%, transparent);
}
}
.text-black\/70 {
color: #000000b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-black\/70 {
color: color-mix(in oklab, var(--color-black) 70%, transparent);
}
}
.text-blue-200 {
color: var(--color-blue-200);
}
.text-blue-300 {
color: var(--color-blue-300);
}
.text-blue-400 {
color: var(--color-blue-400);
}
.text-blue-400\/60 {
color: #54a2ff99;
}
@supports (color: color-mix(in lab, red, red)) {
.text-blue-400\/60 {
color: color-mix(in oklab, var(--color-blue-400) 60%, transparent);
}
}
.text-blue-500 {
color: var(--color-blue-500);
}
.text-blue-600 {
color: var(--color-blue-600);
}
.text-blue-700 {
color: var(--color-blue-700);
}
.text-blue-800 {
color: var(--color-blue-800);
}
.text-cyan-400 {
color: var(--color-cyan-400);
}
.text-cyan-500 {
color: var(--color-cyan-500);
}
.text-emerald-200 {
color: var(--color-emerald-200);
}
.text-emerald-300 {
color: var(--color-emerald-300);
}
.text-emerald-400 {
color: var(--color-emerald-400);
}
.text-emerald-500 {
color: var(--color-emerald-500);
}
.text-emerald-600 {
color: var(--color-emerald-600);
}
.text-gray-100 {
color: var(--color-gray-100);
}
.text-gray-200 {
color: var(--color-gray-200);
}
.text-gray-300 {
color: var(--color-gray-300);
}
.text-gray-300\/80 {
color: #d1d5dccc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-gray-300\/80 {
color: color-mix(in oklab, var(--color-gray-300) 80%, transparent);
}
}
.text-gray-400 {
color: var(--color-gray-400);
}
.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-green-200 {
color: var(--color-green-200);
}
.text-green-300 {
color: var(--color-green-300);
}
.text-green-400 {
color: var(--color-green-400);
}
.text-green-400\/70 {
color: #05df72b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-green-400\/70 {
color: color-mix(in oklab, var(--color-green-400) 70%, transparent);
}
}
.text-green-500 {
color: var(--color-green-500);
}
.text-green-600 {
color: var(--color-green-600);
}
.text-green-700 {
color: var(--color-green-700);
}
.text-green-800 {
color: var(--color-green-800);
}
.text-indigo-500 {
color: var(--color-indigo-500);
}
.text-orange-200 {
color: var(--color-orange-200);
}
.text-orange-400 {
color: var(--color-orange-400);
}
.text-orange-500 {
color: var(--color-orange-500);
}
.text-orange-600 {
color: var(--color-orange-600);
}
.text-orange-700 {
color: var(--color-orange-700);
}
.text-pink-300 {
color: var(--color-pink-300);
}
.text-pink-400 {
color: var(--color-pink-400);
}
.text-pink-500 {
color: var(--color-pink-500);
}
.text-pink-600 {
color: var(--color-pink-600);
}
.text-pink-700 {
color: var(--color-pink-700);
}
.text-purple-300 {
color: var(--color-purple-300);
}
.text-purple-400 {
color: var(--color-purple-400);
}
.text-purple-500 {
color: var(--color-purple-500);
}
.text-purple-600 {
color: var(--color-purple-600);
}
.text-purple-700 {
color: var(--color-purple-700);
}
.text-red-300 {
color: var(--color-red-300);
}
.text-red-400 {
color: var(--color-red-400);
}
.text-red-400\/70 {
color: #ff6568b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-red-400\/70 {
color: color-mix(in oklab, var(--color-red-400) 70%, transparent);
}
}
.text-red-500 {
color: var(--color-red-500);
}
.text-red-600 {
color: var(--color-red-600);
}
.text-red-700 {
color: var(--color-red-700);
}
.text-rose-500 {
color: var(--color-rose-500);
}
.text-sky-400 {
color: var(--color-sky-400);
}
.text-sky-600 {
color: var(--color-sky-600);
}
.text-teal {
color: var(--color-teal);
}
.text-teal-500 {
color: var(--color-teal-500);
}
.text-transparent {
color: #0000;
}
.text-violet-500 {
color: var(--color-violet-500);
}
.text-white {
color: var(--color-white);
}
.text-white\/18 {
color: #ffffff2e;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/18 {
color: color-mix(in oklab, var(--color-white) 18%, transparent);
}
}
.text-white\/20 {
color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/20 {
color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.text-white\/28 {
color: #ffffff47;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/28 {
color: color-mix(in oklab, var(--color-white) 28%, transparent);
}
}
.text-white\/30 {
color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/30 {
color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.text-white\/35 {
color: #ffffff59;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/35 {
color: color-mix(in oklab, var(--color-white) 35%, transparent);
}
}
.text-white\/36 {
color: #ffffff5c;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/36 {
color: color-mix(in oklab, var(--color-white) 36%, transparent);
}
}
.text-white\/38 {
color: #ffffff61;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/38 {
color: color-mix(in oklab, var(--color-white) 38%, transparent);
}
}
.text-white\/40 {
color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/40 {
color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.text-white\/42 {
color: #ffffff6b;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/42 {
color: color-mix(in oklab, var(--color-white) 42%, transparent);
}
}
.text-white\/45 {
color: #ffffff73;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/45 {
color: color-mix(in oklab, var(--color-white) 45%, transparent);
}
}
.text-white\/46 {
color: #ffffff75;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/46 {
color: color-mix(in oklab, var(--color-white) 46%, transparent);
}
}
.text-white\/48 {
color: #ffffff7a;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/48 {
color: color-mix(in oklab, var(--color-white) 48%, transparent);
}
}
.text-white\/50 {
color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/50 {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.text-white\/52 {
color: #ffffff85;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/52 {
color: color-mix(in oklab, var(--color-white) 52%, transparent);
}
}
.text-white\/54 {
color: #ffffff8a;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/54 {
color: color-mix(in oklab, var(--color-white) 54%, transparent);
}
}
.text-white\/55 {
color: #ffffff8c;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/55 {
color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}
.text-white\/58 {
color: #ffffff94;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/58 {
color: color-mix(in oklab, var(--color-white) 58%, transparent);
}
}
.text-white\/60 {
color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/60 {
color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
.text-white\/62 {
color: #ffffff9e;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/62 {
color: color-mix(in oklab, var(--color-white) 62%, transparent);
}
}
.text-white\/64 {
color: #ffffffa3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/64 {
color: color-mix(in oklab, var(--color-white) 64%, transparent);
}
}
.text-white\/65 {
color: #ffffffa6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/65 {
color: color-mix(in oklab, var(--color-white) 65%, transparent);
}
}
.text-white\/68 {
color: #ffffffad;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/68 {
color: color-mix(in oklab, var(--color-white) 68%, transparent);
}
}
.text-white\/70 {
color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/70 {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.text-white\/72 {
color: #ffffffb8;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/72 {
color: color-mix(in oklab, var(--color-white) 72%, transparent);
}
}
.text-white\/74 {
color: #ffffffbd;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/74 {
color: color-mix(in oklab, var(--color-white) 74%, transparent);
}
}
.text-white\/75 {
color: #ffffffbf;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/75 {
color: color-mix(in oklab, var(--color-white) 75%, transparent);
}
}
.text-white\/76 {
color: #ffffffc2;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/76 {
color: color-mix(in oklab, var(--color-white) 76%, transparent);
}
}
.text-white\/78 {
color: #ffffffc7;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/78 {
color: color-mix(in oklab, var(--color-white) 78%, transparent);
}
}
.text-white\/80 {
color: #fffc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/80 {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.text-white\/82 {
color: #ffffffd1;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/82 {
color: color-mix(in oklab, var(--color-white) 82%, transparent);
}
}
.text-white\/84 {
color: #ffffffd6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/84 {
color: color-mix(in oklab, var(--color-white) 84%, transparent);
}
}
.text-white\/85 {
color: #ffffffd9;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/85 {
color: color-mix(in oklab, var(--color-white) 85%, transparent);
}
}
.text-white\/88 {
color: #ffffffe0;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/88 {
color: color-mix(in oklab, var(--color-white) 88%, transparent);
}
}
.text-white\/90 {
color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/90 {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.text-white\/94 {
color: #fffffff0;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/94 {
color: color-mix(in oklab, var(--color-white) 94%, transparent);
}
}
.text-white\/95 {
color: #fffffff2;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/95 {
color: color-mix(in oklab, var(--color-white) 95%, transparent);
}
}
.text-yellow-200 {
color: var(--color-yellow-200);
}
.text-yellow-300 {
color: var(--color-yellow-300);
}
.text-yellow-400 {
color: var(--color-yellow-400);
}
.text-yellow-500 {
color: var(--color-yellow-500);
}
.text-yellow-600 {
color: var(--color-yellow-600);
}
.text-yellow-700 {
color: var(--color-yellow-700);
}
.capitalize {
text-transform: capitalize;
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.not-italic {
font-style: normal;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}
.line-through {
text-decoration-line: line-through;
}
.overline {
text-decoration-line: overline;
}
.underline {
text-decoration-line: underline;
}
.decoration-blue-400\/50 {
text-decoration-color: #54a2ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.decoration-blue-400\/50 {
-webkit-text-decoration-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
text-decoration-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
}
}
.decoration-blue-600\/50 {
text-decoration-color: #155dfc80;
}
@supports (color: color-mix(in lab, red, red)) {
.decoration-blue-600\/50 {
-webkit-text-decoration-color: color-mix(in oklab, var(--color-blue-600) 50%, transparent);
text-decoration-color: color-mix(in oklab, var(--color-blue-600) 50%, transparent);
}
}
.decoration-white\/28 {
text-decoration-color: #ffffff47;
}
@supports (color: color-mix(in lab, red, red)) {
.decoration-white\/28 {
-webkit-text-decoration-color: color-mix(in oklab, var(--color-white) 28%, transparent);
text-decoration-color: color-mix(in oklab, var(--color-white) 28%, transparent);
}
}
.decoration-1 {
text-decoration-thickness: 1px;
}
.underline-offset-2 {
text-underline-offset: 2px;
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.placeholder-\[\#666\]::placeholder {
color: #666;
}
.placeholder-gray-400::placeholder {
color: var(--color-gray-400);
}
.placeholder-gray-500::placeholder {
color: var(--color-gray-500);
}
.placeholder-white\/30::placeholder {
color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder-white\/30::placeholder {
color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.placeholder-white\/50::placeholder {
color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder-white\/50::placeholder {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.opacity-0 {
opacity: 0;
}
.opacity-30 {
opacity: .3;
}
.opacity-40 {
opacity: .4;
}
.opacity-50 {
opacity: .5;
}
.opacity-60 {
opacity: .6;
}
.opacity-70 {
opacity: .7;
}
.opacity-75 {
opacity: .75;
}
.opacity-80 {
opacity: .8;
}
.opacity-100 {
opacity: 1;
}
.opacity-\[0\.08\] {
opacity: .08;
}
.opacity-\[0\.15\] {
opacity: .15;
}
.mix-blend-overlay {
mix-blend-mode: overlay;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.02\)_inset\] {
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff05) inset;
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_8px_20px_rgba\(29\,155\,240\,0\.28\)\] {
--tw-shadow: 0 8px 20px var(--tw-shadow-color, #1d9bf047);
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_10px_24px_rgba\(31\,157\,86\,0\.22\)\] {
--tw-shadow: 0 10px 24px var(--tw-shadow-color, #1f9d5638);
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_12px_30px_rgba\(0\,0\,0\,0\.25\)\] {
--tw-shadow: 0 12px 30px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_12px_30px_rgba\(0\,0\,0\,0\.35\)\] {
--tw-shadow: 0 12px 30px var(--tw-shadow-color, #00000059);
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_12px_30px_rgba\(24\,64\,255\,0\.25\)\] {
--tw-shadow: 0 12px 30px var(--tw-shadow-color, #1840ff40);
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_12px_30px_rgba\(24\,64\,255\,0\.28\)\] {
--tw-shadow: 0 12px 30px var(--tw-shadow-color, #1840ff47);
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_12px_30px_rgba\(31\,157\,86\,0\.22\)\] {
--tw-shadow: 0 12px 30px var(--tw-shadow-color, #1f9d5638);
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_12px_30px_rgba\(106\,59\,255\,0\.25\)\] {
--tw-shadow: 0 12px 30px var(--tw-shadow-color, #6a3bff40);
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_14px_28px_rgba\(21\,180\,72\,0\.22\)\] {
--tw-shadow: 0 14px 28px var(--tw-shadow-color, #15b44838);
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_15px_35px_rgba\(24\,64\,255\,0\.3\)\] {
--tw-shadow: 0 15px 35px var(--tw-shadow-color, #1840ff4d);
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_15px_35px_rgba\(24\,64\,255\,0\.32\)\] {
--tw-shadow: 0 15px 35px var(--tw-shadow-color, #1840ff52);
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_15px_35px_rgba\(106\,59\,255\,0\.3\)\] {
--tw-shadow: 0 15px 35px var(--tw-shadow-color, #6a3bff4d);
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_18px_42px_rgba\(0\,0\,0\,0\.2\)\] {
--tw-shadow: 0 18px 42px var(--tw-shadow-color, #0003);
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_18px_42px_rgba\(0\,0\,0\,0\.18\)\] {
--tw-shadow: 0 18px 42px var(--tw-shadow-color, #0000002e);
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_20px_45px_rgba\(20\,11\,51\,0\.08\)\] {
--tw-shadow: 0 20px 45px var(--tw-shadow-color, #140b3314);
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_20px_45px_rgba\(27\,16\,56\,0\.08\)\] {
--tw-shadow: 0 20px 45px var(--tw-shadow-color, #1b103814);
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_20px_50px_rgba\(0\,0\,0\,0\.24\)\] {
--tw-shadow: 0 20px 50px var(--tw-shadow-color, #0000003d);
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_20px_50px_rgba\(0\,0\,0\,0\.25\)\] {
--tw-shadow: 0 20px 50px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_20px_50px_rgba\(20\,11\,51\,0\.08\)\] {
--tw-shadow: 0 20px 50px var(--tw-shadow-color, #140b3314);
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_20px_50px_rgba\(27\,16\,56\,0\.08\)\] {
--tw-shadow: 0 20px 50px var(--tw-shadow-color, #1b103814);
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_20px_60px_rgba\(0\,0\,0\,0\.28\)\] {
--tw-shadow: 0 20px 60px var(--tw-shadow-color, #00000047);
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_22px_60px_rgba\(0\,0\,0\,0\.42\)\] {
--tw-shadow: 0 22px 60px var(--tw-shadow-color, #0000006b);
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_30px_80px_rgba\(0\,0\,0\,0\.45\)\] {
--tw-shadow: 0 30px 80px var(--tw-shadow-color, #00000073);
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_30px_90px_rgba\(0\,0\,0\,0\.45\)\] {
--tw-shadow: 0 30px 90px var(--tw-shadow-color, #00000073);
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_35px_75px_rgba\(14\,19\,48\,0\.08\)\] {
--tw-shadow: 0 35px 75px var(--tw-shadow-color, #0e133014);
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_35px_75px_rgba\(15\,23\,66\,0\.1\)\] {
--tw-shadow: 0 35px 75px var(--tw-shadow-color, #0f17421a);
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_35px_75px_rgba\(20\,11\,51\,0\.1\)\] {
--tw-shadow: 0 35px 75px var(--tw-shadow-color, #140b331a);
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_35px_75px_rgba\(27\,16\,56\,0\.08\)\] {
--tw-shadow: 0 35px 75px var(--tw-shadow-color, #1b103814);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[32px\] {
--tw-shadow: 32px;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.03\)\] {
--tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff08);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[var\(--shadow-os\)\] {
--tw-shadow: var(--shadow-os);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring, .ring-1 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
--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);
}
.shadow-black\/10 {
--tw-shadow-color: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/10 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-black\/20 {
--tw-shadow-color: #0003;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-black\/30 {
--tw-shadow-color: #0000004d;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/30 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-black\/40 {
--tw-shadow-color: #0006;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/40 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-black\/60 {
--tw-shadow-color: #0009;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/60 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.ring-\[\#0063F7\] {
--tw-ring-color: #0063f7;
}
.ring-\[\#0080F7\] {
--tw-ring-color: #0080f7;
}
.ring-white\/0 {
--tw-ring-color: #0000;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-white\/0 {
--tw-ring-color: color-mix(in oklab, var(--color-white) 0%, transparent);
}
}
.ring-white\/30 {
--tw-ring-color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-white\/30 {
--tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.brightness-0 {
--tw-brightness: brightness(0%);
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, );
}
.drop-shadow {
--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
--tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
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, );
}
.drop-shadow-lg {
--tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026));
--tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
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, );
}
.drop-shadow-md {
--tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
--tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: 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, );
}
.invert {
--tw-invert: invert(100%);
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, );
}
.sepia {
--tw-sepia: sepia(100%);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.filter {
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.backdrop-blur-\[10px\] {
--tw-backdrop-blur: blur(10px);
-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-lg {
--tw-backdrop-blur: blur(var(--blur-lg));
-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-md {
--tw-backdrop-blur: blur(var(--blur-md));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.backdrop-blur-xl {
--tw-backdrop-blur: blur(var(--blur-xl));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, 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-\[opacity\,transform\,box-shadow\] {
transition-property: opacity, transform, box-shadow;
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));
}
.delay-0 {
transition-delay: 0s;
}
.delay-100 {
transition-delay: .1s;
}
.delay-150 {
transition-delay: .15s;
}
.delay-\[50ms\] {
transition-delay: 50ms;
}
.duration-75 {
--tw-duration: 75ms;
transition-duration: 75ms;
}
.duration-150 {
--tw-duration: .15s;
transition-duration: .15s;
}
.duration-200 {
--tw-duration: .2s;
transition-duration: .2s;
}
.duration-300 {
--tw-duration: .3s;
transition-duration: .3s;
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s;
}
.duration-600 {
--tw-duration: .6s;
transition-duration: .6s;
}
.duration-700 {
--tw-duration: .7s;
transition-duration: .7s;
}
.duration-1000 {
--tw-duration: 1s;
transition-duration: 1s;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.\[-ms-overflow-style\:none\] {
-ms-overflow-style: none;
}
.\[env\:Name\] {
env: Name;
}
.\[env\:Production\] {
env: Production;
}
.\[env\:Staging\] {
env: Staging;
}
.\[priority\:high\] {
priority: high;
}
.\[scrollbar-width\:none\] {
scrollbar-width: none;
}
@media (hover: hover) {
.group-hover\:block:is(:where(.group):hover *) {
display: block;
}
}
@media (hover: hover) {
.group-hover\:hidden:is(:where(.group):hover *) {
display: none;
}
}
@media (hover: hover) {
.group-hover\:translate-x-1:is(:where(.group):hover *) {
--tw-translate-x: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.group-hover\:-translate-y-2:is(:where(.group):hover *) {
--tw-translate-y: calc(var(--spacing) * -2);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.group-hover\:-translate-y-full:is(:where(.group):hover *) {
--tw-translate-y: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.group-hover\:scale-105:is(:where(.group):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) {
.group-hover\:border-white\/20:is(:where(.group):hover *) {
border-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:border-white\/20:is(:where(.group):hover *) {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:border-white\/60:is(:where(.group):hover *) {
border-color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:border-white\/60:is(:where(.group):hover *) {
border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:bg-\[\#474956\]:is(:where(.group):hover *) {
background-color: #474956;
}
}
@media (hover: hover) {
.group-hover\:bg-teal\/20:is(:where(.group):hover *) {
background-color: #3fc3;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-teal\/20:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--color-teal) 20%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:bg-white\/10:is(:where(.group):hover *) {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-white\/10:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:bg-white\/\[0\.04\]:is(:where(.group):hover *) {
background-color: #ffffff0a;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-white\/\[0\.04\]:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:from-gray-200:is(:where(.group):hover *) {
--tw-gradient-from: var(--color-gray-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
@media (hover: hover) {
.group-hover\:from-white\/10:is(:where(.group):hover *) {
--tw-gradient-from: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:from-white\/10:is(:where(.group):hover *) {
--tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.group-hover\:from-white\/10:is(:where(.group):hover *) {
--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));
}
}
@media (hover: hover) {
.group-hover\:to-gray-300:is(:where(.group):hover *) {
--tw-gradient-to: var(--color-gray-300);
--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));
}
}
@media (hover: hover) {
.group-hover\:to-white\/15:is(:where(.group):hover *) {
--tw-gradient-to: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:to-white\/15:is(:where(.group):hover *) {
--tw-gradient-to: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.group-hover\:to-white\/15:is(:where(.group):hover *) {
--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));
}
}
@media (hover: hover) {
.group-hover\:text-black:is(:where(.group):hover *) {
color: var(--color-black);
}
}
@media (hover: hover) {
.group-hover\:text-black\/80:is(:where(.group):hover *) {
color: #000c;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:text-black\/80:is(:where(.group):hover *) {
color: color-mix(in oklab, var(--color-black) 80%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:text-blue-600:is(:where(.group):hover *) {
color: var(--color-blue-600);
}
}
@media (hover: hover) {
.group-hover\:text-emerald-300:is(:where(.group):hover *) {
color: var(--color-emerald-300);
}
}
@media (hover: hover) {
.group-hover\:text-gray-300:is(:where(.group):hover *) {
color: var(--color-gray-300);
}
}
@media (hover: hover) {
.group-hover\:text-gray-600:is(:where(.group):hover *) {
color: var(--color-gray-600);
}
}
@media (hover: hover) {
.group-hover\:text-gray-700:is(:where(.group):hover *) {
color: var(--color-gray-700);
}
}
@media (hover: hover) {
.group-hover\:text-teal:is(:where(.group):hover *) {
color: var(--color-teal);
}
}
@media (hover: hover) {
.group-hover\:text-white:is(:where(.group):hover *) {
color: var(--color-white);
}
}
@media (hover: hover) {
.group-hover\:text-white\/72:is(:where(.group):hover *) {
color: #ffffffb8;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:text-white\/72:is(:where(.group):hover *) {
color: color-mix(in oklab, var(--color-white) 72%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:text-white\/80:is(:where(.group):hover *) {
color: #fffc;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:text-white\/80:is(:where(.group):hover *) {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:text-white\/90:is(:where(.group):hover *) {
color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:text-white\/90:is(:where(.group):hover *) {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
}
}
.placeholder\:text-\[\#8a8a8a\]::placeholder {
color: #8a8a8a;
}
.placeholder\:text-\[\#707070\]::placeholder {
color: #707070;
}
.placeholder\:text-white\/25::placeholder {
color: #ffffff40;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/25::placeholder {
color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.placeholder\:text-white\/30::placeholder {
color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/30::placeholder {
color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.placeholder\:text-white\/32::placeholder {
color: #ffffff52;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/32::placeholder {
color: color-mix(in oklab, var(--color-white) 32%, transparent);
}
}
.placeholder\:text-white\/35::placeholder {
color: #ffffff59;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/35::placeholder {
color: color-mix(in oklab, var(--color-white) 35%, transparent);
}
}
.placeholder\:text-white\/40::placeholder {
color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/40::placeholder {
color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.first\:mt-0:first-child {
margin-top: calc(var(--spacing) * 0);
}
.first\:border-t-0:first-child {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.last\:mb-0:last-child {
margin-bottom: calc(var(--spacing) * 0);
}
.last\:border-0:last-child {
border-style: var(--tw-border-style);
border-width: 0;
}
@media (hover: hover) {
.hover\:-translate-y-0\.5:hover {
--tw-translate-y: calc(var(--spacing) * -.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@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\:scale-\[1\.02\]:hover {
scale: 1.02;
}
}
@media (hover: hover) {
.hover\:scale-\[1\.03\]:hover {
scale: 1.03;
}
}
@media (hover: hover) {
.hover\:rotate-10:hover {
rotate: 10deg;
}
}
@media (hover: hover) {
.hover\:transform:hover {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
}
@media (hover: hover) {
.hover\:border-\[\#6a3bff\]:hover {
border-color: #6a3bff;
}
}
@media (hover: hover) {
.hover\:border-\[\#0080F7\]\/50:hover {
border-color: #0080f780;
border-color: lab(53.073% 6.03133 -68.8929 / .5);
}
}
@media (hover: hover) {
.hover\:border-\[\#c5c8f5\]:hover {
border-color: #c5c8f5;
}
}
@media (hover: hover) {
.hover\:border-\[\#c9bcff\]:hover {
border-color: #c9bcff;
}
}
@media (hover: hover) {
.hover\:border-\[black\]\/20:hover {
border-color: #0003;
border-color: lab(0% 0 0 / .2);
}
}
@media (hover: hover) {
.hover\:border-\[var\(--color-os-accent\)\]\/50:hover {
border-color: #0066cc80;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-\[var\(--color-os-accent\)\]\/50:hover {
border-color: color-mix(in oklab, var(--color-os-accent) 50%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-blue-500\/50:hover {
border-color: #3080ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-blue-500\/50:hover {
border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-gray-300:hover {
border-color: var(--color-gray-300);
}
}
@media (hover: hover) {
.hover\:border-gray-400:hover {
border-color: var(--color-gray-400);
}
}
@media (hover: hover) {
.hover\:border-teal:hover {
border-color: var(--color-teal);
}
}
@media (hover: hover) {
.hover\:border-teal\/30:hover {
border-color: #33ffcc4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-teal\/30:hover {
border-color: color-mix(in oklab, var(--color-teal) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-white:hover {
border-color: var(--color-white);
}
}
@media (hover: hover) {
.hover\:border-white\/10:hover {
border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/10:hover {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-white\/12:hover {
border-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/12:hover {
border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-white\/18:hover {
border-color: #ffffff2e;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/18:hover {
border-color: color-mix(in oklab, var(--color-white) 18%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-white\/20:hover {
border-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/20:hover {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-white\/30:hover {
border-color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/30:hover {
border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-white\/40:hover {
border-color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/40:hover {
border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-\[\#1a1a1a\]:hover {
background-color: #1a1a1a;
}
}
@media (hover: hover) {
.hover\:bg-\[\#1f1f1f\]:hover {
background-color: #1f1f1f;
}
}
@media (hover: hover) {
.hover\:bg-\[\#2b2b2b\]:hover {
background-color: #2b2b2b;
}
}
@media (hover: hover) {
.hover\:bg-\[\#2c1f60\]:hover {
background-color: #2c1f60;
}
}
@media (hover: hover) {
.hover\:bg-\[\#2c2c2e\]:hover {
background-color: #2c2c2e;
}
}
@media (hover: hover) {
.hover\:bg-\[\#2ea043\]:hover {
background-color: #2ea043;
}
}
@media (hover: hover) {
.hover\:bg-\[\#3a3a3a\]:hover {
background-color: #3a3a3a;
}
}
@media (hover: hover) {
.hover\:bg-\[\#3d93ef\]:hover {
background-color: #3d93ef;
}
}
@media (hover: hover) {
.hover\:bg-\[\#4da3ff\]\/20:hover {
background-color: #4da3ff33;
background-color: lab(64.9383% -3.97217 -54.2483 / .2);
}
}
@media (hover: hover) {
.hover\:bg-\[\#12b45b\]:hover {
background-color: #12b45b;
}
}
@media (hover: hover) {
.hover\:bg-\[\#016bdf\]\/20:hover {
background-color: #016bdf33;
background-color: lab(45.6618% 10.3004 -67.4606 / .2);
}
}
@media (hover: hover) {
.hover\:bg-\[\#25b765\]:hover {
background-color: #25b765;
}
}
@media (hover: hover) {
.hover\:bg-\[\#26b660\]:hover {
background-color: #26b660;
}
}
@media (hover: hover) {
.hover\:bg-\[\#27b363\]:hover {
background-color: #27b363;
}
}
@media (hover: hover) {
.hover\:bg-\[\#0066cc\]:hover {
background-color: #06c;
}
}
@media (hover: hover) {
.hover\:bg-\[\#0080F7\]\/5:hover {
background-color: #0080f70d;
background-color: lab(53.073% 6.03133 -68.8929 / .05);
}
}
@media (hover: hover) {
.hover\:bg-\[\#0080F7\]\/30:hover {
background-color: #0080f74d;
background-color: lab(53.073% 6.03133 -68.8929 / .3);
}
}
@media (hover: hover) {
.hover\:bg-\[\#0080F7\]\/80:hover {
background-color: #0080f7cc;
background-color: lab(53.073% 6.03133 -68.8929 / .8);
}
}
@media (hover: hover) {
.hover\:bg-\[\#151515\]:hover {
background-color: #151515;
}
}
@media (hover: hover) {
.hover\:bg-\[\#202020\]:hover {
background-color: #202020;
}
}
@media (hover: hover) {
.hover\:bg-\[\#232323\]:hover {
background-color: #232323;
}
}
@media (hover: hover) {
.hover\:bg-\[\#242424\]:hover {
background-color: #242424;
}
}
@media (hover: hover) {
.hover\:bg-\[\#252525\]:hover {
background-color: #252525;
}
}
@media (hover: hover) {
.hover\:bg-\[\#341616\]:hover {
background-color: #341616;
}
}
@media (hover: hover) {
.hover\:bg-\[\#342715\]:hover {
background-color: #342715;
}
}
@media (hover: hover) {
.hover\:bg-\[\#351919\]:hover {
background-color: #351919;
}
}
@media (hover: hover) {
.hover\:bg-\[\#fff\]\/70:hover {
background-color: #ffffffb3;
background-color: lab(100% -.0000298023 .0000119209 / .7);
}
}
@media (hover: hover) {
.hover\:bg-\[\#fff\]\/80:hover {
background-color: #fffc;
background-color: lab(100% -.0000298023 .0000119209 / .8);
}
}
@media (hover: hover) {
.hover\:bg-\[var\(--color-os-accent-hover\)\]:hover {
background-color: var(--color-os-accent-hover);
}
}
@media (hover: hover) {
.hover\:bg-\[var\(--color-os-hover\)\]:hover {
background-color: var(--color-os-hover);
}
}
@media (hover: hover) {
.hover\:bg-\[white\]\/10:hover {
background-color: #ffffff1a;
background-color: lab(100% -.0000298023 .0000119209 / .1);
}
}
@media (hover: hover) {
.hover\:bg-\[white\]\/20:hover {
background-color: #fff3;
background-color: lab(100% -.0000298023 .0000119209 / .2);
}
}
@media (hover: hover) {
.hover\:bg-black:hover {
background-color: var(--color-black);
}
}
@media (hover: hover) {
.hover\:bg-black\/5:hover {
background-color: #0000000d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-black\/5:hover {
background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-black\/70:hover {
background-color: #000000b3;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-black\/70:hover {
background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-black\/75:hover {
background-color: #000000bf;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-black\/75:hover {
background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-blue-500:hover {
background-color: var(--color-blue-500);
}
}
@media (hover: hover) {
.hover\:bg-blue-500\/10:hover {
background-color: #3080ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-blue-500\/10:hover {
background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-blue-500\/30:hover {
background-color: #3080ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-blue-500\/30:hover {
background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-blue-500\/40:hover {
background-color: #3080ff66;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-blue-500\/40:hover {
background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-blue-600:hover {
background-color: var(--color-blue-600);
}
}
@media (hover: hover) {
.hover\:bg-blue-700:hover {
background-color: var(--color-blue-700);
}
}
@media (hover: hover) {
.hover\:bg-gray-50:hover {
background-color: var(--color-gray-50);
}
}
@media (hover: hover) {
.hover\:bg-gray-100:hover {
background-color: var(--color-gray-100);
}
}
@media (hover: hover) {
.hover\:bg-gray-200:hover {
background-color: var(--color-gray-200);
}
}
@media (hover: hover) {
.hover\:bg-gray-800:hover {
background-color: var(--color-gray-800);
}
}
@media (hover: hover) {
.hover\:bg-green-500\/10:hover {
background-color: #00c7581a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-green-500\/10:hover {
background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-green-500\/30:hover {
background-color: #00c7584d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-green-500\/30:hover {
background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-green-600:hover {
background-color: var(--color-green-600);
}
}
@media (hover: hover) {
.hover\:bg-red-50:hover {
background-color: var(--color-red-50);
}
}
@media (hover: hover) {
.hover\:bg-red-400\/20:hover {
background-color: #ff656833;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-400\/20:hover {
background-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-red-500:hover {
background-color: var(--color-red-500);
}
}
@media (hover: hover) {
.hover\:bg-red-500\/10:hover {
background-color: #fb2c361a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-500\/10:hover {
background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-red-500\/20:hover {
background-color: #fb2c3633;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-500\/20:hover {
background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-red-500\/30:hover {
background-color: #fb2c364d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-500\/30:hover {
background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-red-600:hover {
background-color: var(--color-red-600);
}
}
@media (hover: hover) {
.hover\:bg-teal-dark:hover {
background-color: var(--color-teal-dark);
}
}
@media (hover: hover) {
.hover\:bg-white:hover {
background-color: var(--color-white);
}
}
@media (hover: hover) {
.hover\:bg-white\/5:hover {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/5:hover {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/6:hover {
background-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/6:hover {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/10:hover {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/10:hover {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/14:hover {
background-color: #ffffff24;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/14:hover {
background-color: color-mix(in oklab, var(--color-white) 14%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/15:hover {
background-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/15:hover {
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/20:hover {
background-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/20:hover {
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/30:hover {
background-color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/30:hover {
background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/45:hover {
background-color: #ffffff73;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/45:hover {
background-color: color-mix(in oklab, var(--color-white) 45%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/50:hover {
background-color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/50:hover {
background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/60:hover {
background-color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/60:hover {
background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/90:hover {
background-color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/90:hover {
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.1\]:hover {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.1\]:hover {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.03\]:hover {
background-color: #ffffff08;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.03\]:hover {
background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.04\]:hover {
background-color: #ffffff0a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.04\]:hover {
background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.05\]:hover {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.05\]:hover {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.06\]:hover {
background-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.06\]:hover {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.07\]:hover {
background-color: #ffffff12;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.07\]:hover {
background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.08\]:hover {
background-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.08\]:hover {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.14\]:hover {
background-color: #ffffff24;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.14\]:hover {
background-color: color-mix(in oklab, var(--color-white) 14.0%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.015\]:hover {
background-color: #ffffff04;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.015\]:hover {
background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.045\]:hover {
background-color: #ffffff0b;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.045\]:hover {
background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-yellow-500\/20:hover {
background-color: #edb20033;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-yellow-500\/20:hover {
background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-yellow-500\/30:hover {
background-color: #edb2004d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-yellow-500\/30:hover {
background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-yellow-600:hover {
background-color: var(--color-yellow-600);
}
}
@media (hover: hover) {
.hover\:from-\[\#0080F7\]\/30:hover {
--tw-gradient-from: #0080f74d;
--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));
}
}
@media (hover: hover) {
.hover\:from-blue-600:hover {
--tw-gradient-from: var(--color-blue-600);
--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));
}
}
@media (hover: hover) {
.hover\:to-\[\#6C5CE7\]\/30:hover {
--tw-gradient-to: #6c5ce74d;
--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));
}
}
@media (hover: hover) {
.hover\:to-purple-600:hover {
--tw-gradient-to: var(--color-purple-600);
--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));
}
}
@media (hover: hover) {
.hover\:text-\[\#9ef2b3\]:hover {
color: #9ef2b3;
}
}
@media (hover: hover) {
.hover\:text-\[\#89e59a\]:hover {
color: #89e59a;
}
}
@media (hover: hover) {
.hover\:text-\[\#888\]:hover {
color: #888;
}
}
@media (hover: hover) {
.hover\:text-\[white\]\/50:hover {
color: #ffffff80;
color: lab(100% -.0000298023 .0000119209 / .5);
}
}
@media (hover: hover) {
.hover\:text-black:hover {
color: var(--color-black);
}
}
@media (hover: hover) {
.hover\:text-blue-300:hover {
color: var(--color-blue-300);
}
}
@media (hover: hover) {
.hover\:text-blue-800:hover {
color: var(--color-blue-800);
}
}
@media (hover: hover) {
.hover\:text-gray-200:hover {
color: var(--color-gray-200);
}
}
@media (hover: hover) {
.hover\:text-gray-300:hover {
color: var(--color-gray-300);
}
}
@media (hover: hover) {
.hover\:text-gray-400:hover {
color: var(--color-gray-400);
}
}
@media (hover: hover) {
.hover\:text-gray-500:hover {
color: var(--color-gray-500);
}
}
@media (hover: hover) {
.hover\:text-gray-600:hover {
color: var(--color-gray-600);
}
}
@media (hover: hover) {
.hover\:text-gray-700:hover {
color: var(--color-gray-700);
}
}
@media (hover: hover) {
.hover\:text-gray-900:hover {
color: var(--color-gray-900);
}
}
@media (hover: hover) {
.hover\:text-purple-300:hover {
color: var(--color-purple-300);
}
}
@media (hover: hover) {
.hover\:text-red-300:hover {
color: var(--color-red-300);
}
}
@media (hover: hover) {
.hover\:text-red-400:hover {
color: var(--color-red-400);
}
}
@media (hover: hover) {
.hover\:text-red-500:hover {
color: var(--color-red-500);
}
}
@media (hover: hover) {
.hover\:text-red-800:hover {
color: var(--color-red-800);
}
}
@media (hover: hover) {
.hover\:text-white:hover {
color: var(--color-white);
}
}
@media (hover: hover) {
.hover\:text-white\/50:hover {
color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/50:hover {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-white\/60:hover {
color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/60:hover {
color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-white\/70:hover {
color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/70:hover {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-white\/78:hover {
color: #ffffffc7;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/78:hover {
color: color-mix(in oklab, var(--color-white) 78%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-white\/80:hover {
color: #fffc;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/80:hover {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-white\/85:hover {
color: #ffffffd9;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/85:hover {
color: color-mix(in oklab, var(--color-white) 85%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-white\/90:hover {
color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/90:hover {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
}
@media (hover: hover) {
.hover\:underline:hover {
text-decoration-line: underline;
}
}
@media (hover: hover) {
.hover\:decoration-white\/60:hover {
text-decoration-color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:decoration-white\/60:hover {
-webkit-text-decoration-color: color-mix(in oklab, var(--color-white) 60%, transparent);
text-decoration-color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
}
@media (hover: hover) {
.hover\:opacity-60:hover {
opacity: .6;
}
}
@media (hover: hover) {
.hover\:opacity-70:hover {
opacity: .7;
}
}
@media (hover: hover) {
.hover\:opacity-75:hover {
opacity: .75;
}
}
@media (hover: hover) {
.hover\:opacity-80:hover {
opacity: .8;
}
}
@media (hover: hover) {
.hover\:opacity-90:hover {
opacity: .9;
}
}
@media (hover: hover) {
.hover\:opacity-100:hover {
opacity: 1;
}
}
@media (hover: hover) {
.hover\:shadow-2xl:hover {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
@media (hover: hover) {
.hover\:shadow-\[0_20px_45px_rgba\(20\,11\,51\,0\.08\)\]:hover {
--tw-shadow: 0 20px 45px var(--tw-shadow-color, #140b3314);
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-\[0_20px_45px_rgba\(27\,16\,56\,0\.08\)\]:hover {
--tw-shadow: 0 20px 45px var(--tw-shadow-color, #1b103814);
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-lg:hover {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
@media (hover: hover) {
.hover\:shadow-md:hover {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
@media (hover: hover) {
.hover\:shadow-sm:hover {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
@media (hover: hover) {
.hover\:shadow-xl:hover {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
@media (hover: hover) {
.hover\:shadow-black\/40:hover {
--tw-shadow-color: #0006;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-black\/40:hover {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
}
}
}
@media (hover: hover) {
.hover\:shadow-teal\/10:hover {
--tw-shadow-color: #33ffcc1a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-teal\/10:hover {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal) 10%, transparent) var(--tw-shadow-alpha), transparent);
}
}
}
@media (hover: hover) {
.hover\:brightness-110:hover {
--tw-brightness: brightness(110%);
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, );
}
}
.focus\:border-\[\#0C6FFF\]:focus {
border-color: #0c6fff;
}
.focus\:border-\[\#555\]:focus {
border-color: #555;
}
.focus\:border-blue-500:focus {
border-color: var(--color-blue-500);
}
.focus\:border-blue-500\/50:focus {
border-color: #3080ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-blue-500\/50:focus {
border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
}
}
.focus\:border-red-500\/50:focus {
border-color: #fb2c3680;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-red-500\/50:focus {
border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
}
}
.focus\:border-transparent:focus {
border-color: #0000;
}
.focus\:border-white\/20:focus {
border-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-white\/20:focus {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.focus\:border-white\/30:focus {
border-color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-white\/30:focus {
border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.focus\:border-white\/40:focus {
border-color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-white\/40:focus {
border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.focus\:border-white\/50:focus {
border-color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-white\/50:focus {
border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.focus\:bg-white\/10:focus {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:bg-white\/10:focus {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.focus\:bg-white\/15:focus {
background-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:bg-white\/15:focus {
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.focus\:ring-1:focus {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.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-\[\#0C6FFF\]:focus {
--tw-ring-color: #0c6fff;
}
.focus\:ring-\[\#0080F7\]:focus {
--tw-ring-color: #0080f7;
}
.focus\:ring-\[\#0080F7\]\/50:focus {
--tw-ring-color: #0080f780;
}
@supports (color: lab(0% 0 0)) {
.focus\:ring-\[\#0080F7\]\/50:focus {
--tw-ring-color: lab(53.073% 6.03133 -68.8929 / .5);
}
}
.focus\:ring-blue-500:focus {
--tw-ring-color: var(--color-blue-500);
}
.focus\:ring-teal:focus {
--tw-ring-color: var(--color-teal);
}
.focus\:ring-white\/20:focus {
--tw-ring-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:ring-white\/20:focus {
--tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.focus\:ring-white\/30:focus {
--tw-ring-color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:ring-white\/30:focus {
--tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.focus\:ring-white\/40:focus {
--tw-ring-color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:ring-white\/40:focus {
--tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.active\:scale-95:active {
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:cursor-default:disabled {
cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:bg-\[\#0080F7\]\/50:disabled {
background-color: #0080f780;
background-color: lab(53.073% 6.03133 -68.8929 / .5);
}
.disabled\:bg-blue-500\/50:disabled {
background-color: #3080ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.disabled\:bg-blue-500\/50:disabled {
background-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
}
}
.disabled\:bg-gray-400:disabled {
background-color: var(--color-gray-400);
}
.disabled\:bg-gray-600:disabled {
background-color: var(--color-gray-600);
}
.disabled\:bg-white\/5:disabled {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.disabled\:bg-white\/5:disabled {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.disabled\:opacity-30:disabled {
opacity: .3;
}
.disabled\:opacity-35:disabled {
opacity: .35;
}
.disabled\:opacity-45:disabled {
opacity: .45;
}
.disabled\:opacity-50:disabled {
opacity: .5;
}
.disabled\:opacity-60:disabled {
opacity: .6;
}
.disabled\:opacity-70:disabled {
opacity: .7;
}
@media (min-width: 40rem) {
.sm\:bottom-20 {
bottom: calc(var(--spacing) * 20);
}
}
@media (min-width: 40rem) {
.sm\:block {
display: block;
}
}
@media (min-width: 40rem) {
.sm\:inline {
display: inline;
}
}
@media (min-width: 40rem) {
.sm\:w-48 {
width: calc(var(--spacing) * 48);
}
}
@media (min-width: 40rem) {
.sm\:w-\[86\%\] {
width: 86%;
}
}
@media (min-width: 40rem) {
.sm\:w-auto {
width: auto;
}
}
@media (min-width: 40rem) {
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 40rem) {
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 40rem) {
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 40rem) {
.sm\:flex-row {
flex-direction: row;
}
}
@media (min-width: 40rem) {
.sm\:items-center {
align-items: center;
}
}
@media (min-width: 40rem) {
.sm\:items-end {
align-items: flex-end;
}
}
@media (min-width: 40rem) {
.sm\:items-start {
align-items: flex-start;
}
}
@media (min-width: 40rem) {
.sm\:justify-between {
justify-content: space-between;
}
}
@media (min-width: 40rem) {
.sm\:gap-4 {
gap: calc(var(--spacing) * 4);
}
}
@media (min-width: 40rem) {
.sm\:gap-5 {
gap: calc(var(--spacing) * 5);
}
}
@media (min-width: 40rem) {
.sm\:gap-8 {
gap: calc(var(--spacing) * 8);
}
}
@media (min-width: 40rem) {
.sm\:self-end {
align-self: flex-end;
}
}
@media (min-width: 40rem) {
.sm\:justify-self-end {
justify-self: flex-end;
}
}
@media (min-width: 40rem) {
.sm\:p-8 {
padding: calc(var(--spacing) * 8);
}
}
@media (min-width: 40rem) {
.sm\:px-5 {
padding-inline: calc(var(--spacing) * 5);
}
}
@media (min-width: 40rem) {
.sm\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
}
@media (min-width: 40rem) {
.sm\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
}
@media (min-width: 40rem) {
.sm\:py-28 {
padding-block: calc(var(--spacing) * 28);
}
}
@media (min-width: 40rem) {
.sm\:py-32 {
padding-block: calc(var(--spacing) * 32);
}
}
@media (min-width: 40rem) {
.sm\:pb-32 {
padding-bottom: calc(var(--spacing) * 32);
}
}
@media (min-width: 40rem) {
.sm\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
@media (min-width: 40rem) {
.sm\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
@media (min-width: 40rem) {
.sm\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
@media (min-width: 40rem) {
.sm\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
@media (min-width: 40rem) {
.sm\:text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
@media (min-width: 40rem) {
.sm\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
@media (min-width: 40rem) {
.sm\:text-\[42px\] {
font-size: 42px;
}
}
@media (min-width: 40rem) {
.sm\:text-\[44px\] {
font-size: 44px;
}
}
@media (min-width: 48rem) {
.md\:right-8 {
right: calc(var(--spacing) * 8);
}
}
@media (min-width: 48rem) {
.md\:bottom-24 {
bottom: calc(var(--spacing) * 24);
}
}
@media (min-width: 48rem) {
.md\:left-8 {
left: calc(var(--spacing) * 8);
}
}
@media (min-width: 48rem) {
.md\:order-1 {
order: 1;
}
}
@media (min-width: 48rem) {
.md\:order-2 {
order: 2;
}
}
@media (min-width: 48rem) {
.md\:mt-0 {
margin-top: calc(var(--spacing) * 0);
}
}
@media (min-width: 48rem) {
.md\:mt-8 {
margin-top: calc(var(--spacing) * 8);
}
}
@media (min-width: 48rem) {
.md\:mt-32 {
margin-top: calc(var(--spacing) * 32);
}
}
@media (min-width: 48rem) {
.md\:mr-4 {
margin-right: calc(var(--spacing) * 4);
}
}
@media (min-width: 48rem) {
.md\:mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
}
@media (min-width: 48rem) {
.md\:mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
}
@media (min-width: 48rem) {
.md\:mb-12 {
margin-bottom: calc(var(--spacing) * 12);
}
}
@media (min-width: 48rem) {
.md\:mb-14 {
margin-bottom: calc(var(--spacing) * 14);
}
}
@media (min-width: 48rem) {
.md\:mb-28 {
margin-bottom: calc(var(--spacing) * 28);
}
}
@media (min-width: 48rem) {
.md\:mb-32 {
margin-bottom: calc(var(--spacing) * 32);
}
}
@media (min-width: 48rem) {
.md\:ml-4 {
margin-left: calc(var(--spacing) * 4);
}
}
@media (min-width: 48rem) {
.md\:block {
display: block;
}
}
@media (min-width: 48rem) {
.md\:flex {
display: flex;
}
}
@media (min-width: 48rem) {
.md\:hidden {
display: none;
}
}
@media (min-width: 48rem) {
.md\:inline-flex {
display: inline-flex;
}
}
@media (min-width: 48rem) {
.md\:h-5 {
height: calc(var(--spacing) * 5);
}
}
@media (min-width: 48rem) {
.md\:h-6 {
height: calc(var(--spacing) * 6);
}
}
@media (min-width: 48rem) {
.md\:h-10 {
height: calc(var(--spacing) * 10);
}
}
@media (min-width: 48rem) {
.md\:h-12 {
height: calc(var(--spacing) * 12);
}
}
@media (min-width: 48rem) {
.md\:h-14 {
height: calc(var(--spacing) * 14);
}
}
@media (min-width: 48rem) {
.md\:h-22 {
height: calc(var(--spacing) * 22);
}
}
@media (min-width: 48rem) {
.md\:h-28 {
height: calc(var(--spacing) * 28);
}
}
@media (min-width: 48rem) {
.md\:min-h-\[600px\] {
min-height: 600px;
}
}
@media (min-width: 48rem) {
.md\:w-10 {
width: calc(var(--spacing) * 10);
}
}
@media (min-width: 48rem) {
.md\:w-12 {
width: calc(var(--spacing) * 12);
}
}
@media (min-width: 48rem) {
.md\:w-14 {
width: calc(var(--spacing) * 14);
}
}
@media (min-width: 48rem) {
.md\:w-22 {
width: calc(var(--spacing) * 22);
}
}
@media (min-width: 48rem) {
.md\:w-28 {
width: calc(var(--spacing) * 28);
}
}
@media (min-width: 48rem) {
.md\:w-\[74\%\] {
width: 74%;
}
}
@media (min-width: 48rem) {
.md\:w-\[180px\] {
width: 180px;
}
}
@media (min-width: 48rem) {
.md\:w-\[220px\] {
width: 220px;
}
}
@media (min-width: 48rem) {
.md\:w-\[400px\] {
width: 400px;
}
}
@media (min-width: 48rem) {
.md\:w-\[600px\] {
width: 600px;
}
}
@media (min-width: 48rem) {
.md\:max-w-\[calc\(100vw-6rem\)\] {
max-width: calc(100vw - 6rem);
}
}
@media (min-width: 48rem) {
.md\:flex-none {
flex: none;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:grid-cols-\[1fr_120px_120px_120px_120px\] {
grid-template-columns: 1fr 120px 120px 120px 120px;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-\[1fr_140px_140px\] {
grid-template-columns: 1fr 140px 140px;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-\[1fr_150px_150px\] {
grid-template-columns: 1fr 150px 150px;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-\[180px_1fr\] {
grid-template-columns: 180px 1fr;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-\[200px_1fr\] {
grid-template-columns: 200px 1fr;
}
}
@media (min-width: 48rem) {
.md\:flex-row {
flex-direction: row;
}
}
@media (min-width: 48rem) {
.md\:items-center {
align-items: center;
}
}
@media (min-width: 48rem) {
.md\:justify-between {
justify-content: space-between;
}
}
@media (min-width: 48rem) {
.md\:justify-end {
justify-content: flex-end;
}
}
@media (min-width: 48rem) {
.md\:gap-4 {
gap: calc(var(--spacing) * 4);
}
}
@media (min-width: 48rem) {
.md\:gap-5 {
gap: calc(var(--spacing) * 5);
}
}
@media (min-width: 48rem) {
.md\:gap-6 {
gap: calc(var(--spacing) * 6);
}
}
@media (min-width: 48rem) {
.md\:gap-8 {
gap: calc(var(--spacing) * 8);
}
}
@media (min-width: 48rem) {
.md\:gap-12 {
gap: calc(var(--spacing) * 12);
}
}
@media (min-width: 48rem) {
.md\:gap-16 {
gap: calc(var(--spacing) * 16);
}
}
@media (min-width: 48rem) {
.md\:rounded-\[20px\] {
border-radius: 20px;
}
}
@media (min-width: 48rem) {
.md\:border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
}
@media (min-width: 48rem) {
.md\:border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
}
@media (min-width: 48rem) {
.md\:p-3 {
padding: calc(var(--spacing) * 3);
}
}
@media (min-width: 48rem) {
.md\:p-6 {
padding: calc(var(--spacing) * 6);
}
}
@media (min-width: 48rem) {
.md\:p-8 {
padding: calc(var(--spacing) * 8);
}
}
@media (min-width: 48rem) {
.md\:p-10 {
padding: calc(var(--spacing) * 10);
}
}
@media (min-width: 48rem) {
.md\:p-12 {
padding: calc(var(--spacing) * 12);
}
}
@media (min-width: 48rem) {
.md\:px-4 {
padding-inline: calc(var(--spacing) * 4);
}
}
@media (min-width: 48rem) {
.md\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
}
@media (min-width: 48rem) {
.md\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
}
@media (min-width: 48rem) {
.md\:py-2 {
padding-block: calc(var(--spacing) * 2);
}
}
@media (min-width: 48rem) {
.md\:py-16 {
padding-block: calc(var(--spacing) * 16);
}
}
@media (min-width: 48rem) {
.md\:py-20 {
padding-block: calc(var(--spacing) * 20);
}
}
@media (min-width: 48rem) {
.md\:py-24 {
padding-block: calc(var(--spacing) * 24);
}
}
@media (min-width: 48rem) {
.md\:pt-12 {
padding-top: calc(var(--spacing) * 12);
}
}
@media (min-width: 48rem) {
.md\:pt-32 {
padding-top: calc(var(--spacing) * 32);
}
}
@media (min-width: 48rem) {
.md\:pt-40 {
padding-top: calc(var(--spacing) * 40);
}
}
@media (min-width: 48rem) {
.md\:pr-0 {
padding-right: calc(var(--spacing) * 0);
}
}
@media (min-width: 48rem) {
.md\:pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
}
@media (min-width: 48rem) {
.md\:pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
}
@media (min-width: 48rem) {
.md\:pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
}
@media (min-width: 48rem) {
.md\:pb-28 {
padding-bottom: calc(var(--spacing) * 28);
}
}
@media (min-width: 48rem) {
.md\:pb-32 {
padding-bottom: calc(var(--spacing) * 32);
}
}
@media (min-width: 48rem) {
.md\:pl-10 {
padding-left: calc(var(--spacing) * 10);
}
}
@media (min-width: 48rem) {
.md\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-\[22px\] {
font-size: 22px;
}
}
@media (min-width: 64rem) {
.lg\:z-\[70\] {
z-index: 70;
}
}
@media (min-width: 64rem) {
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
}
@media (min-width: 64rem) {
.lg\:block {
display: block;
}
}
@media (min-width: 64rem) {
.lg\:flex {
display: flex;
}
}
@media (min-width: 64rem) {
.lg\:hidden {
display: none;
}
}
@media (min-width: 64rem) {
.lg\:inline {
display: inline;
}
}
@media (min-width: 64rem) {
.lg\:h-12 {
height: calc(var(--spacing) * 12);
}
}
@media (min-width: 64rem) {
.lg\:w-12 {
width: calc(var(--spacing) * 12);
}
}
@media (min-width: 64rem) {
.lg\:w-\[40\%\] {
width: 40%;
}
}
@media (min-width: 64rem) {
.lg\:w-\[60\%\] {
width: 60%;
}
}
@media (min-width: 64rem) {
.lg\:w-\[700px\] {
width: 700px;
}
}
@media (min-width: 64rem) {
.lg\:flex-\[0\.8\] {
flex: .8;
}
}
@media (min-width: 64rem) {
.lg\:flex-\[1\.2\] {
flex: 1.2;
}
}
@media (min-width: 64rem) {
.lg\:translate-x-0 {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[0\.9fr_1\.1fr\] {
grid-template-columns: .9fr 1.1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[1\.1fr_0\.9fr\] {
grid-template-columns: 1.1fr .9fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[1\.5fr_0\.9fr\] {
grid-template-columns: 1.5fr .9fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[1\.15fr_0\.85fr\] {
grid-template-columns: 1.15fr .85fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[1fr_280px\] {
grid-template-columns: 1fr 280px;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[220px_1fr\] {
grid-template-columns: 220px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[320px_minmax\(0\,1fr\)\] {
grid-template-columns: 320px minmax(0, 1fr);
}
}
@media (min-width: 64rem) {
.lg\:flex-row {
flex-direction: row;
}
}
@media (min-width: 64rem) {
.lg\:items-center {
align-items: center;
}
}
@media (min-width: 64rem) {
.lg\:items-end {
align-items: flex-end;
}
}
@media (min-width: 64rem) {
.lg\:items-start {
align-items: flex-start;
}
}
@media (min-width: 64rem) {
.lg\:justify-between {
justify-content: space-between;
}
}
@media (min-width: 64rem) {
.lg\:gap-12 {
gap: calc(var(--spacing) * 12);
}
}
@media (min-width: 64rem) {
.lg\:gap-16 {
gap: calc(var(--spacing) * 16);
}
}
@media (min-width: 64rem) {
.lg\:border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
}
@media (min-width: 64rem) {
.lg\:border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
}
@media (min-width: 64rem) {
.lg\:border-white\/8 {
border-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.lg\:border-white\/8 {
border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
}
@media (min-width: 64rem) {
.lg\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
}
@media (min-width: 64rem) {
.lg\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
}
@media (min-width: 64rem) {
.lg\:px-12 {
padding-inline: calc(var(--spacing) * 12);
}
}
@media (min-width: 64rem) {
.lg\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
@media (min-width: 64rem) {
.lg\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
@media (min-width: 64rem) {
.lg\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
@media (min-width: 64rem) {
.lg\:text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}
@media (min-width: 80rem) {
.xl\:sticky {
position: sticky;
}
}
@media (min-width: 80rem) {
.xl\:top-0 {
top: calc(var(--spacing) * 0);
}
}
@media (min-width: 80rem) {
.xl\:top-\[88px\] {
top: 88px;
}
}
@media (min-width: 80rem) {
.xl\:block {
display: block;
}
}
@media (min-width: 80rem) {
.xl\:grid {
display: grid;
}
}
@media (min-width: 80rem) {
.xl\:hidden {
display: none;
}
}
@media (min-width: 80rem) {
.xl\:h-screen {
height: 100vh;
}
}
@media (min-width: 80rem) {
.xl\:w-auto {
width: auto;
}
}
@media (min-width: 80rem) {
.xl\:translate-x-0 {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-\[1\.2fr_0\.8fr\] {
grid-template-columns: 1.2fr .8fr;
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-\[1\.25fr_0\.85fr\] {
grid-template-columns: 1.25fr .85fr;
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-\[236px_minmax\(0\,1fr\)_336px\] {
grid-template-columns: 236px minmax(0, 1fr) 336px;
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-\[minmax\(0\,1fr\)_420px\] {
grid-template-columns: minmax(0, 1fr) 420px;
}
}
@media (min-width: 80rem) {
.xl\:items-start {
align-items: flex-start;
}
}
@media (min-width: 80rem) {
.xl\:self-start {
align-self: flex-start;
}
}
@media (min-width: 80rem) {
.xl\:overflow-y-auto {
overflow-y: auto;
}
}
@media (min-width: 80rem) {
.xl\:border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
}
@media (min-width: 80rem) {
.xl\:border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
}
@media (min-width: 80rem) {
.xl\:border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
}
@media (min-width: 80rem) {
.xl\:border-\[\#2a2a2a\] {
border-color: #2a2a2a;
}
}
@media (min-width: 80rem) {
.xl\:px-12 {
padding-inline: calc(var(--spacing) * 12);
}
}
@media (min-width: 80rem) {
.xl\:pt-0 {
padding-top: calc(var(--spacing) * 0);
}
}
@media (prefers-color-scheme: dark) {
.dark\:border-white\/10 {
border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:border-white\/10 {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-white\/10 {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-white\/10 {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
@media print {
.print\:max-w-none {
max-width: none;
}
}
@media print {
.print\:rounded-none {
border-radius: 0;
}
}
@media print {
.print\:p-0 {
padding: calc(var(--spacing) * 0);
}
}
@media print {
.print\:shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
.\[\&_\.px-6\]\:\!px-4 .px-6 {
padding-inline: calc(var(--spacing) * 4) !important;
}
@media (min-width: 40rem) {
.sm\:\[\&_\.px-6\]\:\!px-6 .px-6 {
padding-inline: calc(var(--spacing) * 6) !important;
}
}
@media (min-width: 64rem) {
.lg\:\[\&_\.px-6\]\:\!px-10 .px-6 {
padding-inline: calc(var(--spacing) * 10) !important;
}
}
.\[\&_li\]\:text-sm li {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_ol\]\:text-sm ol {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_p\]\:text-sm p {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_svg\]\:block svg {
display: block;
}
.\[\&_svg\]\:h-auto svg {
height: auto;
}
.\[\&_svg\]\:w-full svg {
width: 100%;
}
.\[\&_ul\]\:text-sm ul {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
display: none;
}
.\[\&\>main\]\:bg-transparent > main {
background-color: #0000;
}
.\[\&\>main\>article\]\:\!pt-8 > main > article {
padding-top: calc(var(--spacing) * 8) !important;
}
.\[\&\>main\>footer\]\:hidden > main > footer {
display: none;
}
.\[\&\>main\>nav\]\:hidden > main > nav {
display: none;
}
.\[\&\>main\>section\]\:\!pt-10 > main > section {
padding-top: calc(var(--spacing) * 10) !important;
}
.os-glass {
-webkit-backdrop-filter: blur(20px);
background: #1e1e1ed9;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
.os-glass {
background: var(--color-os-glass-100);
}
}
.os-glass-strong {
-webkit-backdrop-filter: blur(30px);
background: #1e1e1ee6;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
.os-glass-strong {
background: var(--color-os-glass-200);
}
}
.dock-blur {
-webkit-backdrop-filter: blur(40px) saturate(180%);
background: #282828f2;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
.dock-blur {
background: var(--color-dock-bg);
}
}
.colors-button-dark-primary {
color: #020b13;
background: #09cebe;
border-radius: 4px;
}
.br {
border-radius: 4px;
}
.colors-button-dark-secondary {
color: #fff;
box-sizing: border-box;
cursor: pointer;
background: #183768;
border-radius: 4px;
}
.text-color-accent-one {
color: #183768;
}
.text-color-link {
color: #637cff;
}
.colors-nav-button-dark, .colors-nav-button-light {
color: #000;
background: #09cebe;
}
.colors-nav-button-dark-secondary {
color: #fff;
background: #183768;
}
.files-disconnect-button {
z-index: 2147483647;
border-radius: 13px;
justify-content: center;
align-items: center;
height: 26px;
display: flex;
position: relative;
}
.integration-logo-filesapp {
background: none;
border-radius: 50%;
position: relative;
}
.integration-logo-filesapp:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.files-disconnect-button:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 13px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.glass-switch {
z-index: 2147483647;
background: #fff0;
border-radius: 14px;
justify-content: space-between;
align-items: center;
width: 116px;
height: 26px;
padding-left: 3px;
padding-right: 3px;
display: flex;
position: relative;
}
.glass-switch-button {
border-radius: 10px;
justify-content: center;
align-items: center;
width: 48px;
height: 20px;
margin-left: 1px;
margin-right: 1px;
display: flex;
position: relative;
}
.glass-switch-button-active {
background: #fff3;
}
.glass-button {
background: radial-gradient(#fff0 50%, #ffffff1a);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
position: relative;
}
.statusbar-files-app {
background: #ffffff1a;
border-radius: 14px;
justify-content: center;
align-items: center;
height: 28px;
display: flex;
position: absolute;
}
.files-app-modal-downloadtoenv {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: #ffffff0d;
border-radius: 20px;
position: relative;
box-shadow: 0 0 30px #000000bf;
}
.files-app-modal-downloadtoenv-item {
border-radius: 10px;
position: relative;
}
.files-app-modal-downloadtoenv-item:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.files-app-modal-downloadtoenv:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.briefings-badge {
position: absolute;
}
.briefings-badge:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 99999px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.statusbar-files-app:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 14px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.glass-button-transparent {
width: 32px;
height: 32px;
color: var(--color-gray-400);
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.glass-button-transparent-close {
width: 16px;
height: 16px;
color: var(--color-gray-300);
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.filesbottombutton {
cursor: pointer;
z-index: 2147483647;
border-radius: 18px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.filesbottombuttondownload {
background: #0080f7;
}
.filesbottombuttonaddtotask {
cursor: pointer;
z-index: 2147483647;
background: #ffffff1a;
border-radius: 18px;
justify-content: center;
align-items: center;
height: 36px;
transition: all .2s;
display: flex;
position: relative;
}
.filesbottombuttonaddtotask:hover {
background: #ffffff26;
}
.filesbottombuttondownload:before, .filesbottombuttonaddtotask:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 18px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.newtaskbuttonsidebar {
cursor: pointer;
z-index: 2147483647;
border-radius: 15px;
justify-content: center;
align-items: center;
height: 30px;
display: flex;
position: relative;
background: #ffffff26 !important;
box-shadow: 0 2px 30px #00000026 !important;
}
.newtaskbuttonsidebar:hover {
background: #ffffff26;
}
.sidebar-listitem-button-dark:before, .widget-button:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
z-index: 2147483647;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.newtaskbuttonsidebar:before, .custom-selectbox:before, .sidebar-listitem-button-blue-text:before, .search-sessions-outline:before, .glass-switch:before, .glass-switch-button-active:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.textarea-followup {
background: #0000001a;
border-radius: 18px;
height: 36px;
}
.textarea-followup-button {
background: #016bdf;
border-radius: 50%;
width: 36px;
height: 36px;
}
.gitbranch-label {
border-radius: 13px;
height: 26px;
}
.glass-button-in-textarea {
justify-content: center;
align-items: center;
display: flex;
bottom: 26px;
right: 12px;
position: absolute !important;
}
.glass-button:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.pr-row:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 6px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.text-button-primary:before {
background: linear-gradient(-10deg, #c8c8c84d, #ffffff80, #ffffff12, #ffffffe6);
}
.homeappicon {
border-radius: 14px;
box-shadow: 0 3px 5px #0000001a;
}
.app-name-text-homescreen {
text-shadow: 0 0 8px #00000080;
}
.glass-container-sidebar {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: none;
border-radius: 15px;
position: absolute;
box-shadow: 0 5px 40px #0000001a;
}
.glass-container-sidebar:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff6);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.glass-container-subtitle {
margin-bottom: -3px;
}
.glass-container-gridbox {
width: 20;
}
.glass-container-gridbox-submiddle {
padding-left: 5%;
}
.app-header {
background: none;
}
.app-window {
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
background: none;
box-shadow: 0 10px 30px #0006;
border: none !important;
border-radius: 30px !important;
}
.app-window:before {
content: "";
pointer-events: none;
z-index: 2147483647;
background: linear-gradient(-10deg, #c8c8c81a, #ffffff08, #ffffff14, #ffffff26);
border-radius: 30px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
box-shadow: inset 0 0 50px #ffffff1a;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.spacer {
background: #ffffff26;
width: 100%;
height: 1px;
}
.app-window-max {
-webkit-backdrop-filter: blur(100px);
backdrop-filter: blur(100px);
background: #00000080;
box-shadow: 0 5px 40px #00000059;
border: none !important;
}
.app-icon-in-dock {
border-radius: 0%;
width: 24px;
height: 24px;
}
.dock {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: none;
border-radius: 24px;
}
.dock:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff3);
border-radius: 24px;
width: 100%;
height: 100%;
padding: 2px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.glass-container-gridbox-submiddle-right {
padding-right: 5%;
}
.gridbox-icon-box {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
box-shadow: 0 2px 8px #00000026;
}
.gridbox-icon-box-cost {
background: linear-gradient(to top, #ddd, #fff);
}
.gridbox-icon-box-warning {
background: linear-gradient(to top, #f59e0b, #fbbf24);
}
.gridbox-icon-box-depleted {
background: linear-gradient(to top, #dc2626, #ef4444);
}
.gridbox-icon-box-files {
background: linear-gradient(to top, #1a6bf0, #22c7fd);
}
.gridbox-icon-box-runs {
background: linear-gradient(to top, #833ca5, #e56ee3);
}
.gridbox-icon-box-agents {
background: linear-gradient(to top, #fc881a, #f6b846);
}
.gridbox-icon-box-workflows {
background: linear-gradient(to top, #f71e40, #ff4d71);
}
.colors-nav-button-light-secondary {
color: #fff;
background: #183768;
}
.file-row-box {
cursor: pointer;
border-radius: 6px;
}
.pr-row {
background: radial-gradient(#ffffff1a 50%, #ffffff26);
border: none;
border-radius: 6px;
position: relative;
}
.sidebar-button {
z-index: 2147483647;
position: relative;
}
.sidebar-container {
color: #000;
margin-left: 0;
position: relative;
border-right: none !important;
}
.app-content-container {
color: #fff;
}
.task-input-box {
z-index: 10;
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
border: none;
border-radius: 25px;
width: 100%;
min-width: 0;
position: relative;
overflow: visible;
box-shadow: 0 5px 8px #0000001a;
}
.jss_content {
box-shadow: none !important;
background: none !important;
}
.jss_contextmenu, .jss_worksheet {
background: none !important;
}
.task-input-box:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #ffffff1a, #ffffff26, #ffffff60);
border-radius: 25px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
button {
cursor: pointer;
}
.custom-selectbox {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px;
position: absolute;
overflow: hidden;
box-shadow: 0 5px 10px #0000001a;
background-color: #323232 !important;
}
.custom-selectboxo-overflow-visible {
overflow: visible !important;
}
.x\:dark\:bg-black:where(.dark *) {
background: #ffffff0d !important;
}
.custom-selectbox-noblur {
border: 1px solid #ffffff1a;
border-radius: 20px;
position: absolute;
overflow: hidden;
box-shadow: 0 5px 50px #00000080;
background: #212121 !important;
}
.custom-selectbox button {
cursor: pointer;
}
.usermessagetimestamp {
width: fit-content;
margin-left: auto;
padding-left: 20px;
padding-right: 0;
display: none;
}
.version-selector {
z-index: 2147483647;
border: none;
padding: 0;
position: relative;
}
.widget-container {
border-radius: 20px;
}
.widget-container-env {
background: #040e1f;
}
.markdownbox-summary {
padding: 0;
}
.sessionlogsheaderbuttoncontainer {
background: #fff;
border-radius: 15px;
height: 30px;
padding: .25rem;
box-shadow: 0 3px 8px #00000013;
}
.sessionlogsheaderbutton {
border-radius: 10px;
height: 100%;
padding-left: 10px;
padding-right: 10px;
}
.border-radius-10 {
border-radius: 10px;
}
.border-radius-15 {
border: 1px solid #ffffff1a;
border-radius: 15px;
}
.border-radius-15-noborder {
border-radius: 15px;
}
.border-radius-20 {
border-radius: 20px;
}
.border-radius-8 {
border-radius: 8px;
}
.resultsWrapper .loggroup {
background: #fff;
}
.sessionlogsheaderbuttonactive {
font-weight: 700;
color: #016bdf !important;
background: #016bcb1a !important;
}
.publishbutton {
cursor: pointer;
background: linear-gradient(to top, #2a9242, #38c258);
border-radius: 10px;
height: 40px;
}
.environment-contentcontainer {
border-radius: 25px;
}
.environment-info-section {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: none;
border: 1px solid #ffffff1a;
border-radius: 25px;
box-shadow: 0 5px 15px #00000080;
}
.environment-settings-section {
background: #ffffff0d;
border-radius: 15px;
position: relative;
box-shadow: 0 5px 15px #00000026;
}
.environment-settings-section:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #fff0, #ffffff1a, #ffffff59);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.agentCard {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 25px;
width: 100%;
position: relative;
box-shadow: 0 5px 15px #00000080;
}
.outerCostCircle {
background: conic-gradient(#016bdf 0% 70%, #f0f0f0 71% 100%);
border-radius: 50%;
width: 60px;
height: 60px;
padding: 2px;
}
.internet-access-box {
border-radius: 25px;
}
.innerCostCircle {
background: #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.glass-appicon {
border-radius: 14px;
position: relative;
}
.appicon-glass-big {
position: relative !important;
}
.glass-appicon-big:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #fff0, #ffffff26, #ffffffc6);
border-radius: 16.5px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.glass-appicon:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #ffffff0d, #ffffff20, #ffffff4d);
border-radius: 14px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.binaryAppIcon {
background: #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.binaryAppIconGlass {
background: radial-gradient(to center, #ffffff1a, transparent);
border-radius: 50%;
position: relative;
}
.binaryAppIconGlass:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #ffffff1a, #ffffff26, #ffffff60);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.binaryAppIconBox {
background: #212121;
border-radius: 20px;
width: 100%;
}
.widget-container-success {
background: none;
border-radius: 0 !important;
}
.session-subnav {
border-bottom: 1px solid #0000001a;
}
.workinglogsbox {
border: 1px solid #0000001a;
border-radius: 20px;
}
.integration-popup {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: #0000001a;
border-radius: 20px;
box-shadow: 0 5px 30px #0000004d;
}
.integration-popup:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #ffffff1a, #ffffff26, #ffffff60);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.integration-popup-button {
cursor: pointer;
color: #fff;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: #fff3;
border-radius: 15px;
transition: all .2s;
position: relative;
box-shadow: 0 3px 8px #0000001a;
}
.integration-popup-button:hover {
background: #ffffff4d;
}
.integration-popup-button-10 {
cursor: pointer;
color: #fff;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: #fff3;
border-radius: 10px;
transition: all .2s;
position: relative;
box-shadow: 0 3px 8px #0000001a;
}
.integration-popup-button-10:hover {
background: #ffffff4d;
}
.integration-popup-icon-container {
position: relative;
}
.threads-nav-popup-box {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
z-index: 2147483647;
border-radius: 15px;
position: absolute;
box-shadow: 0 5px 30px #000000bf;
background: #00000080 !important;
}
.threads-nav-popup-box:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff6);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.integration-popup-icon-container:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.integration-popup-button:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.integration-popup-button-10:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.task-prompt-in-session-context {
color: #fff;
background: #323232;
border-radius: 15px 15px 3px;
width: fit-content;
max-width: 85%;
margin-left: auto;
padding: 15px 20px;
overflow: hidden;
font-weight: 500 !important;
}
.widget-long-button {
cursor: pointer;
border-radius: 10px;
width: 100%;
}
.navsearchbar {
color: #000;
border: none;
border-radius: 15px;
box-shadow: 0 2px 30px #0000001a;
}
.appbasecontentcontainer {
position: absolute;
}
.quickaction-on-runner {
color: #fff;
background: #00000080;
border-radius: 20px;
position: relative;
box-shadow: 0 5px 10px #0000001a;
border: none !important;
}
.actionbox {
color: #fff;
cursor: pointer;
border-radius: 20px;
transition: all .2s;
position: relative;
border: none !important;
}
.actionbox:hover {
background: #212121;
}
.quickaction-on-runner:before, .agentCard:before, .actionbox:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #ffffff1a, #ffffff26, #ffffff60);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.quickaction-on-runner div {
text-align: center;
}
.quickaction-on-runner div img {
width: 100px;
}
.navsearchbar::placeholder {
color: #999;
}
.session-tab {
border: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-top: 0;
padding-top: 0;
display: none;
}
.active-tab {
border: 1px solid #0000001a;
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
height: calc(100% - 6px);
position: relative;
top: 3px;
}
.prompt-popup {
z-index: 2147483647;
border-radius: 20px;
}
.apply-button {
background: #016bdf;
border-radius: 10px;
width: 100%;
height: 32px;
}
.loggroup:last-child {
margin-bottom: 0 !important;
}
.outerLogIcon, .agent-icon-sessionlogs {
color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
background: linear-gradient(to top, #0151a8, #016bdf, #4190e7) !important;
}
.loggroup {
background: #f0f0f0;
border: 1px solid #0000001a;
border-radius: 10px;
}
.sidebar-tabbar {
margin-top: 5px;
padding: 0;
display: none;
}
.sessionlogs-tabbar {
width: 100%;
}
.sessionlogs-tabbar button {
color: #000;
text-align: center;
width: 50%;
}
.sidebar-tabbar button {
cursor: pointer;
border-radius: 10px;
}
.sidebar-listitem {
cursor: pointer;
border-radius: 10px;
width: calc(100% - .5rem);
margin-left: .25rem;
transition: all .2s;
}
.sidebar-listitem:hover {
background: #ffffff0d;
}
.sidebar-listitem-active {
border-bottom: none;
border-radius: 10px;
box-shadow: 0 5px 20px #0000;
background: #ffffff1a !important;
}
.sidebar-listitem-button, .session-delete-button {
cursor: pointer;
background: #ffffff26;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.sidebar-listitem-button-dark {
cursor: pointer;
z-index: 2147483647;
background: radial-gradient(#fff0, #fff0, #ffffff40);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
position: relative;
}
.sidebar-listitem-button-blue-text {
cursor: pointer;
z-index: 2147483647;
background: linear-gradient(to top, #016bdf);
border-radius: 15px;
justify-content: center;
align-items: center;
height: 30px;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
}
.marginminusone {
position: relative;
top: -4px;
}
.widget-button {
cursor: pointer;
background: radial-gradient(#fff0, #fff0, #ffffff40);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
display: flex;
position: relative;
box-shadow: 0 2px 5px #0000000d;
}
.search-sessions-outline {
color: #fff;
background: #fff0;
border: none;
border-radius: 15px;
height: 30px;
position: relative;
}
.search-sessions {
color: #fff;
background: none;
border: none;
border-radius: 15px;
outline: none;
height: 30px;
position: relative;
}
.downloadoptions-menu {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 10px;
box-shadow: 0 5px 20px #00000080;
}
.share-box {
box-sizing: border-box;
width: calc(100% - .5rem);
margin-left: .25rem;
position: relative;
background: #ffffff1a !important;
}
.downloadoptions-menu:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.createsessionbutton {
color: #fff;
z-index: 2147483647;
background: none;
border: none;
border-radius: 15px;
width: 100%;
height: 30px;
position: relative;
}
.tabbar-item-active {
background: #0000001a;
}
.task-run-button {
color: #000;
cursor: pointer;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: radial-gradient(#fff3, #fff3, #ffffff40);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 0;
display: flex;
position: relative;
box-shadow: 0 2px 5px #00000040;
}
.browserlinkpopup {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: #000000bf;
border-radius: 10px;
box-shadow: 0 5px 20px #00000040;
}
.browserlinkpopup:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #ffffff1a, #ffffff26, #ffffff60);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.task-run-button:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #ffffff1a, #ffffff26, #ffffff60);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.scroll-down-button {
color: #fff;
cursor: pointer;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: radial-gradient(#0000, #0000, #ffffff1a);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 0;
display: flex;
}
.scroll-down-button:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #ffffff1a, #ffffff26, #ffffff60);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.task-attachment-button {
color: #fff;
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 0;
display: flex;
}
.sidebar-textarea {
background: none;
}
.pr-row-button {
background: linear-gradient(to top, #1a6bf0, #22c7fd);
box-shadow: 0 2px 8px #00000026;
}
.pr-row-button-issue {
background: linear-gradient(to top, #fc881a, #f6b846);
}
.pr-row-button:before {
background: none !important;
}
.sidebar-item {
border-radius: 6px;
}
.text-button {
cursor: pointer;
color: #fff;
background: #1a6bf0;
border-radius: 6px;
position: relative;
}
.text-button-primary {
color: #000;
background: #ffffffb3;
}
.glass-text-input, .glass-text-input-search {
background: #ffffff1a;
border: 1px solid #ffffff1a;
border-radius: 6px;
}
.border-radius-box {
cursor: pointer;
box-sizing: border-box;
border-radius: 6px;
}
.sessionbox-header {
background: #ffffff0d;
border-bottom: 1px solid #ffffff1a;
width: 100%;
}
.session-box {
background: none;
border: 1px solid #ffffff1a;
border-radius: 8px;
position: relative;
}
.glass-text-input-sessionlogs {
border-radius: 10px !important;
}
.glass-select {
height: 32px;
border-radius: 12px !important;
}
.text-button-secondary {
background: none;
border: none;
padding: 0;
}
.gradient-flow {
filter: blur(100px);
background: linear-gradient(135deg, #ff69b44d 0%, #8a2be24d 25%, #0095ff4d 50%, #ffa50033 100%);
}
.gradient-mesh {
background: radial-gradient(at 0 0, #ff69b433 0, #0000 50%), radial-gradient(at 100% 0, #8a2be233 0, #0000 50%), radial-gradient(at 100% 100%, #0095ff33 0, #0000 50%), radial-gradient(at 0 100%, #ffa50033 0, #0000 50%);
}
input[type="range"] {
-webkit-appearance: none;
border: none;
outline: none;
width: 100%;
height: 10px;
}
.behindSlider {
z-index: 0;
clip-path: polygon(0% 30%, 100% 0%, 100% 100%, 0% 70%);
background: linear-gradient(to right, #ffffff0d, #ffffffbf);
border-radius: 6px;
width: 100%;
height: 12px;
position: absolute;
top: 4px;
}
input[type="range"]::-webkit-slider-thumb {
appearance: none;
cursor: pointer;
background: #ffffffe6;
border-radius: 50%;
width: 16px;
height: 16px;
margin-top: -5px;
}
input[type="range"]::-moz-range-track {
background: #fff3;
border-radius: 3px;
height: 6px;
}
input[type="range"]::-moz-range-thumb {
cursor: pointer;
background: #ffffffe6;
border: none;
border-radius: 50%;
width: 16px;
height: 16px;
}
.scrollbar-hide {
-ms-overflow-style: none;
scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.scrollbar-hide::-webkit-scrollbar-track {
display: none;
}
.scrollbar-hide::-webkit-scrollbar-thumb {
display: none;
}
}
:root {
--jbutton-color: #298ba8;
--jactive-color: #007aff;
--jsafe-area-top: env(safe-area-inset-top);
--jsafe-area-bottom: env(safe-area-inset-bottom);
}
[data-visible="false"], .row[data-visible="false"] {
display: none;
}
div[data-before]:before {
content: attr(data-before);
}
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
}
.jreadonly {
pointer-events: none;
}
.jdragging {
opacity: .2;
filter: alpha(opacity= 20);
}
.jupload.input {
box-sizing: border-box;
background-size: initial;
height: 33px;
min-height: initial;
padding: 6px 30px 6px 6px;
position: relative;
}
.jupload.input:before {
content: "save";
color: #000;
font-family: Material Icons, Material Symbols Outlined, FontAwesome;
font-size: 18px;
position: absolute;
right: 5px;
}
.jupload:empty:before {
z-index: 0;
}
.jupload img {
width: 100%;
}
.jupload.input img {
width: initial;
max-width: 100%;
height: 100%;
}
.jupload[data-multiple] {
padding: 10px;
}
.jupload[data-multiple] img {
object-fit: cover;
width: 100px;
height: 70px;
margin-bottom: 5px;
margin-right: 5px;
}
.jupload {
cursor: pointer;
box-sizing: border-box;
border: 1px dotted #eee;
width: 100%;
max-width: 100%;
min-height: 180px;
max-height: 100%;
position: relative;
}
.jupload:not(.input):empty:before {
content: "";
color: #eee;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-family: Material Icons, Material Symbols Outlined, FontAwesome;
font-size: 90px;
display: flex;
position: absolute;
}
.jupload-item {
border-radius: 1px;
padding-right: 22px;
display: inline-block;
position: relative;
}
.jphoto {
cursor: pointer;
box-sizing: border-box;
border: 1px dotted #eee;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.jphoto:empty:before {
content: "";
color: #eee;
text-align: center;
width: 100%;
height: 100%;
font-family: Material Icons, Material Symbols Outlined, FontAwesome;
font-size: 90px;
}
.jremove {
opacity: .2;
filter: alpha(opacity= 20);
}
.round img {
border-radius: 1000px;
}
.jtooltip {
z-index: 5;
color: #000;
pointer-events: none;
background-color: #fff;
border: 1px solid #000;
margin: 10px;
padding: 8px;
font-family: initial;
font-size: 12px;
animation: .5s jfadeIn;
display: block;
position: fixed;
top: 10px;
left: 10px;
}
.jtooltip:empty {
display: none;
}
@keyframes jfadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.jpanel {
box-sizing: border-box;
z-index: 10;
position: absolute;
}
.jpanel:focus {
outline: 2px solid var(--jss-border-outline, #000);
outline-offset: -1px;
z-index: 1000 !important;
}
.jpanel-action {
box-sizing: border-box;
pointer-events: auto;
z-index: 1000;
background-color: #fff;
border: 1px solid #000;
width: 8px;
height: 8px;
position: absolute;
}
.jpanel-action[data-position="n-resize"] {
top: -4px;
left: calc(50% - 4px);
}
.jpanel-action[data-position="ne-resize"] {
top: -4px;
left: calc(100% - 4px);
}
.jpanel-action[data-position="e-resize"] {
top: calc(50% - 4px);
left: calc(100% - 4px);
}
.jpanel-action[data-position="se-resize"] {
top: calc(100% - 4px);
left: calc(100% - 4px);
}
.jpanel-action[data-position="s-resize"] {
top: calc(100% - 4px);
left: calc(50% - 4px);
}
.jpanel-action[data-position="sw-resize"] {
top: calc(100% - 4px);
left: -4px;
}
.jpanel-action[data-position="w-resize"] {
top: calc(50% - 4px);
left: -4px;
}
.jpanel-action[data-position="nw-resize"] {
top: -4px;
left: -4px;
}
.jpanel-action[data-action="rotate"] {
cursor: move;
background-color: #0000;
border: 0;
width: 24px;
height: 24px;
top: -50px;
left: calc(50% - 12px);
}
.jpanel-action[data-action="rotate"]:before {
content: "refresh";
font-family: Material Icons, Material Symbols Outlined, FontAwesome;
font-size: 24px;
}
.jpanel-action[data-action="rotate"]:after {
content: "";
background-color: var(--jss-font-color, #000);
width: 1px;
height: 26px;
position: absolute;
bottom: -22px;
left: calc(50% - 1px);
}
.material-icons {
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
direction: ltr;
font-family: Material Icons, Material Symbols Outlined, FontAwesome;
font-size: 24px;
font-style: normal;
font-weight: normal;
line-height: 1;
display: inline-block;
}
.jloading {
z-index: 10001;
background-color: #000000b3;
width: 100%;
position: fixed;
inset: 0;
}
.jloading:after {
content: "";
border: 4px solid #fff;
border-top-color: #0000;
border-radius: 50%;
width: 40px;
height: 40px;
margin: 50vh auto 0;
animation: .8s linear infinite jspin;
display: block;
}
.jloading.jspin {
background-color: #0000;
}
.jloading.jspin:after {
border-color: #0000 #aaa #aaa;
margin: 80px auto 0;
}
.jfade-in {
animation: 2s forwards jfade-in;
}
.jfade-out {
animation: 1s forwards jfade-out;
}
.jslide-left-in {
animation: .4s forwards jslide-left-in;
position: relative;
}
.jslide-left-out {
animation: .4s forwards jslide-left-out;
position: relative;
}
.jslide-right-in {
animation: .4s forwards jslide-right-in;
position: relative;
}
.jslide-right-out {
animation: .4s forwards jslide-right-out;
position: relative;
}
.jslide-top-in {
animation: .4s forwards jslide-top-in;
position: relative;
}
.jslide-top-out {
animation: .2s forwards jslide-top-out;
position: relative;
}
.jslide-bottom-in {
animation: .4s forwards jslide-bottom-in;
position: relative;
}
.jslide-bottom-out {
animation: .1s forwards jslide-bottom-out;
position: relative;
}
.jslide-left-in > div, .jslide-left-out > div, .jslide-right-in > div, .jslide-right-out > div {
-webkit-transform: translate3d(0, 0, 0);
}
.jspin {
animation: 2s linear infinite jspin;
}
@keyframes jfade-in {
0% {
opacity: 0;
}
100% {
opacity: 100;
}
}
@keyframes jfade-out {
0% {
opacity: 100;
}
100% {
opacity: 0;
}
}
@keyframes jslide-left-in {
0% {
left: -100%;
}
100% {
left: 0%;
}
}
@keyframes jslide-left-out {
0% {
left: 0%;
}
100% {
left: -100%;
}
}
@keyframes jslide-right-in {
0% {
left: 100%;
}
100% {
left: 0%;
}
}
@keyframes jslide-right-out {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@keyframes jslide-top-in {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes jslide-top-in {
0% {
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0%);
}
}
@keyframes jslide-top-out {
0% {
transform: translateY(0%);
}
100% {
transform: translateY(-100%);
}
}
@-webkit-keyframes jslide-top-out {
0% {
-webkit-transform: translateY(0%);
}
100% {
-webkit-transform: translateY(-100%);
}
}
@keyframes jslide-bottom-in {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes jslide-bottom-in {
0% {
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0%);
}
}
@keyframes jslide-bottom-out {
0% {
transform: translateY(0%);
}
100% {
transform: translateY(100%);
}
}
@-webkit-keyframes jslide-bottom-out {
0% {
-webkit-transform: translateY(0%);
}
100% {
-webkit-transform: translateY(100%);
}
}
@-webkit-keyframes jspin {
from {
-webkit-transform: rotate(0);
}
to {
-webkit-transform: rotate(359deg);
}
}
@keyframes jspin {
from {
transform: rotate(0);
}
to {
transform: rotate(359deg);
}
}
.jcalendar {
z-index: 9000;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
-webkit-tap-highlight-color: #0000;
-webkit-tap-highlight-color: transparent;
min-width: 280px;
display: none;
position: absolute;
}
.jcalendar.jcalendar-focus {
display: block;
}
.jcalendar .jcalendar-backdrop {
z-index: 9000;
background-color: #00000080;
border: 0;
min-width: 100%;
min-height: 100%;
padding: 0;
display: none;
position: fixed;
top: 0;
left: 0;
}
.jcalendar .jcalendar-container {
box-sizing: border-box;
position: relative;
}
.jcalendar .jcalendar-content {
z-index: 9001;
background-color: #fff;
position: absolute;
box-shadow: 1px 1px 5px #00000063;
}
.jcalendar-header {
text-align: center;
}
.jcalendar-header span {
margin-right: 4px;
font-size: 1.1em;
font-weight: bold;
}
.jcalendar-prev {
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
.jcalendar-next {
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
.jcalendar-weekday {
background-color: #fcfcfc;
padding: 14px;
font-weight: 600;
}
.jcalendar-table {
padding: 10px;
}
.jcalendar-table > table {
background-color: #fff;
width: 100%;
}
.jcalendar-table > table > thead {
cursor: pointer;
}
.jcalendar-table thead td {
height: 40px;
padding: 10px;
}
.jcalendar-table > table > tbody > tr {
height: 34px;
}
.jcalendar-table > table > tbody td {
box-sizing: border-box;
cursor: pointer;
padding: 9px;
font-size: .9em;
}
.jcalendar-table tfoot td {
padding: 10px;
}
.jcalendar-months td, .jcalendar-years td {
height: 24px;
}
.jcalendar-input {
box-sizing: border-box;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27gray%27%3E%3Cpath d=%27M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z%27/%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0z%27/%3E%3C/svg%3E");
background-position: right 5px top 50%;
background-repeat: no-repeat;
padding-right: 18px;
}
.jcalendar-done {
background-color: #fff;
box-shadow: 1px 1px 5px #00000063;
}
.jcalendar-update {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
width: 100%;
padding: 5px;
}
.jcalendar-container select {
text-align: center;
-webkit-user-select: none;
user-select: none;
border: 0;
width: 55px;
margin-right: 10px;
padding: 4px;
font-size: 1.1em;
display: inline-block;
}
.jcalendar-container select:first-child {
margin-right: 2px;
}
.jcalendar-selected {
background-color: #eee;
}
.jcalendar-reset, .jcalendar-confirm {
text-transform: uppercase;
cursor: pointer;
color: var(--jactive-color);
}
.jcalendar-controls {
box-sizing: border-box;
vertical-align: middle;
-webkit-flex-flow: wrap;
justify-content: space-between;
align-items: center;
padding: 15px;
display: flex;
}
.jcalendar-controls div {
font-weight: bold;
}
.jcalendar-fullsize {
width: 100%;
position: fixed;
top: 0;
left: 0;
}
.jcalendar-fullsize .jcalendar-content {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}
.jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop {
display: block;
}
.jcalendar-sunday {
color: red;
}
.jcalendar-disabled {
color: #ccc;
}
.jcalendar-time {
display: flex;
}
.jcalendar_warning {
color: red;
}
.jcalendar-hide-controls .jcalendar-controls {
display: none;
}
.jcolor {
outline: none;
display: none;
position: absolute;
}
.jcolor-input {
box-sizing: border-box;
background: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z%27/%3E%3C/svg%3E") right 4px top 50% no-repeat, content-box content-box;
padding-right: 24px !important;
}
.jcolor-content {
z-index: 9000;
-webkit-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
letter-spacing: .2px;
box-sizing: border-box;
background-color: #fff;
border-radius: 4px;
min-width: 260px;
font-size: .875rem;
position: absolute;
box-shadow: 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f, 0 5px 5px -3px #0003;
}
.jmodal .jcolor-content {
position: fixed;
}
.jcolor-controls {
border-bottom: 1px solid #eee;
margin-bottom: 5px;
padding: 10px;
display: flex;
}
.jcolor-controls div {
color: var(--jactive-color);
text-transform: uppercase;
box-sizing: border-box;
flex: 1;
font-size: 1em;
font-weight: bold;
}
.jcolor-content table {
border-collapse: collapse;
box-sizing: border-box;
}
.jcolor-focus {
display: block;
}
.jcolor table {
width: 100%;
height: 100%;
min-height: 160px;
}
.jcolor td {
padding: 7px;
}
.jcolor-selected {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27white%27/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
}
.jcolor-fullscreen {
box-sizing: border-box;
border-radius: 0;
width: 100%;
max-height: 290px;
position: fixed;
bottom: 0;
left: 0;
}
.jcolor-fullscreen .jcolor-controls {
padding: 15px;
box-shadow: 1px 0 1px #00000063;
}
.jcolor-reset {
text-align: left;
}
.jcolor-close {
text-align: right;
}
.jcolor-backdrop {
z-index: 8000;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
background-color: #00000080;
border: 0;
min-width: 100%;
min-height: 100%;
padding: 0;
display: none;
position: fixed;
top: 0;
left: 0;
}
.jcolor-content .jtabs-content {
padding: 7px;
}
.jcolor-grid tr:first-child > td:first-child {
border-top-left-radius: 3px;
}
.jcolor-grid tr:first-child > td:last-child {
border-top-right-radius: 3px;
}
.jcolor-grid tr:last-child > td:first-child {
border-bottom-left-radius: 3px;
}
.jcolor-grid tr:last-child > td:last-child {
border-bottom-right-radius: 3px;
}
.jcolor-hsl {
box-sizing: border-box;
}
.jcolor-hsl > div {
height: 100%;
position: relative;
}
.jcolor-hsl canvas {
-webkit-user-drag: none;
border-radius: 4px;
display: block;
}
.jcolor-point {
background-color: #000;
border-radius: 50%;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.jcolor-sliders {
padding: 10px 20px 10px 10px;
}
.jcolor-sliders input {
-webkit-appearance: none;
opacity: 1;
background: #d3d3d3;
border-radius: 30px;
outline: none;
width: 80%;
height: 12px;
}
.jcolor-sliders-input-subcontainer {
justify-content: space-between;
align-items: center;
display: flex;
}
.jcolor-sliders-input-container {
text-align: left;
margin-top: 4px;
line-height: .8em;
}
.jcolor-sliders-input-container > label {
text-transform: uppercase;
color: #bbbbbd;
font-size: 10px;
}
.jcolor-sliders-input-subcontainer > input {
border: 0;
padding: 1px;
}
.jcolor-sliders-input-container input::-webkit-slider-thumb {
-webkit-appearance: none;
cursor: pointer;
background: #000;
border: 2px solid #fff;
border-radius: 50%;
width: 12px;
height: 12px;
}
.jcolor-sliders-input-container input::-moz-range-thumb {
-webkit-appearance: none;
cursor: pointer;
background: #000;
border: 2px solid #fff;
border-radius: 50%;
width: 12px;
height: 12px;
}
.jcolor-sliders-final-color {
-webkit-user-select: all;
user-select: all;
text-align: center;
margin-top: 10px;
padding: 6px;
}
.jcolor-sliders-final-color > div:nth-child(2) {
text-transform: uppercase;
width: 71px;
}
.jcolor .jtabs .jtabs-headers-container .jtabs-controls {
display: none !important;
}
.jcolor .jtabs .jtabs-headers-container {
justify-content: center;
padding: 4px;
display: flex !important;
}
.jcolor .jtabs-headers > div:not(.jtabs-border) {
font-size: .8em;
padding: 2px 15px !important;
}
.jcontextmenu {
z-index: 10000;
color: #555;
-webkit-user-select: none;
user-select: none;
background: #fff;
border: 1px solid #c6c6c6;
outline: none;
margin: 0;
padding: 4px 0;
font-size: 11px;
display: none;
position: fixed;
box-shadow: 2px 2px 2px #8f9091;
}
.jcontextmenu.jcontextmenu-focus {
display: inline-block;
}
.jcontextmenu > div {
box-sizing: border-box;
cursor: default;
text-align: left;
align-items: center;
width: 250px;
padding: 8px 8px 8px 32px;
font-family: sans-serif;
font-size: 11px;
display: flex;
position: relative;
}
.jcontextmenu > div:before {
content: attr(data-icon);
font-size: 15px;
line-height: 24px;
position: absolute;
left: 9px;
font-family: Material Icons !important;
}
.jcontextmenu.symbols > div:before {
font-family: Material Symbols Outlined !important;
}
.jcontextmenu > div.header {
display: none;
}
.jcontextmenu > div a {
color: #555;
cursor: pointer;
flex: 1;
text-decoration: none;
}
.jcontextmenu > div span {
margin-right: 10px;
font-size: .9em;
}
.jcontextmenu .jcontextmenu-disabled a, .jcontextmenu .jcontextmenu-disabled:before {
color: #ccc;
}
.jcontextmenu > div:hover {
background: #ebebeb;
}
.jcontextmenu hr {
border: 1px solid #e9e9e9;
border-bottom: 0;
margin-top: 5px;
margin-bottom: 5px;
}
.jcontextmenu > hr:hover {
background: none;
}
.jcontextmenu .jcontextmenu {
opacity: 0;
position: absolute;
top: 4px;
left: 99%;
}
.jcontextmenu > div:hover > .jcontextmenu {
opacity: 1;
pointer-events: auto;
display: block;
transform: translate(0)scale(1);
}
@media only screen and (max-width: 420px) {
.jcontextmenu {
width: 100vw;
height: 260px;
padding-top: 0;
animation: .4s forwards jslide-bottom-in;
overflow: scroll;
top: initial !important;
bottom: 0 !important;
left: 0 !important;
}
.jcontextmenu div {
text-align: center;
border-bottom: 1px solid #ccc;
width: 100%;
padding: 15px;
}
.jcontextmenu > div.header {
z-index: 2;
background-color: #d3d3d3;
padding: 5px;
position: sticky;
top: 0;
}
.jcontextmenu > div.header > a.title {
text-align: left;
}
.jcontextmenu > div.header > a.close {
text-align: right;
}
.jcontextmenu a {
text-transform: uppercase;
font-size: 1.4em;
}
.jcontextmenu span, .jcontextmenu hr {
display: none;
}
}
.jdropdown {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background: #fff;
display: inline-block;
}
.jdropdown-backdrop {
z-index: 8000;
background-color: #00000080;
border: 0;
min-width: 100%;
min-height: 100%;
padding: 0;
display: none;
position: fixed;
top: 0;
left: 0;
}
.jdropdown[disabled] {
opacity: .5;
pointer-events: none;
}
.jdropdown-focus {
position: relative;
}
.jdropdown-focus .jdropdown-container {
transform: translate3d(0, 0, 0);
}
.jdropdown-default.jdropdown-focus .jdropdown-header {
outline: auto 5px -webkit-focus-ring-color;
}
.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2724px%27 height=%2724px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27/%3E%3C/svg%3E");
}
.jdropdown-container-header {
box-sizing: border-box;
margin: 0;
padding: 0;
position: relative;
}
.jdropdown-header {
appearance: none;
text-overflow: ellipsis;
cursor: pointer;
box-sizing: border-box;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
background-position: right 5px top 50%;
background-repeat: no-repeat;
width: 100%;
padding-right: 30px !important;
}
.jdropdown-insert-button {
text-transform: uppercase;
font-size: 1.4em;
display: none;
position: absolute;
top: 4px;
right: 30px;
}
.jdropdown-container {
min-width: inherit;
z-index: 9001;
position: absolute;
transform: translate3d(-10000px, 0, 0);
}
.jdropdown-close {
color: var(--jactive-color);
text-transform: uppercase;
text-align: right;
padding: 12px;
font-size: 1em;
font-weight: bold;
display: none;
}
.jdropdown-content {
min-width: inherit;
box-sizing: border-box;
margin: 0;
}
.jdropdown-item {
white-space: nowrap;
text-align: left;
text-overflow: ellipsis;
color: #000;
align-items: center;
display: flex;
overflow-x: hidden;
}
.jdropdown-description {
text-overflow: ellipsis;
line-height: 1.5em;
overflow: hidden;
}
.jdropdown-image {
border-radius: 20px;
width: 32px;
height: 32px;
margin-right: 10px;
}
.jdropdown-image-small {
width: 24px;
height: 24px;
}
.jdropdown-icon {
margin-left: -5px;
margin-right: 10px;
font-size: 30px;
}
.jdropdown-icon-small {
margin-left: 0;
font-size: 24px;
}
.jdropdown-title {
text-overflow: ellipsis;
font-size: .7em;
display: block;
overflow-x: hidden;
}
.jdropdown-default .jdropdown-header {
border: 1px solid #ccc;
padding: 5px 16px 5px 10px;
}
.jdropdown-default .jdropdown-container {
background-color: #fff;
}
.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header {
padding-right: 50px;
}
.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button {
display: block;
}
.jdropdown-default .jdropdown-content {
min-width: inherit;
box-sizing: border-box;
background-color: #fff;
border: 1px solid #8fb1e3;
min-height: 10px;
max-height: 215px;
margin: 0;
overflow-y: auto;
}
.jdropdown-default .jdropdown-item {
padding: 4px 40px 4px 8px;
}
.jdropdown-default .jdropdown-item:hover {
color: #fff;
background-color: #1f93ff;
}
.jdropdown-default .jdropdown-cursor {
background-color: #eee;
}
.jdropdown-default .jdropdown-selected {
color: #fff;
background-color: #1f93ff;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=");
background-position: right 5px top 50%;
background-repeat: no-repeat;
}
.jdropdown-default .jdropdown-group {
margin-top: 5px;
}
.jdropdown-default .jdropdown-group .jdropdown-item {
padding-left: 16px;
}
.jdropdown-default .jdropdown-group-name {
text-align: left;
padding-left: 8px;
font-weight: bold;
}
.jdropdown-default .jdropdown-reset_ {
content: "x";
cursor: pointer;
text-shadow: 0 0 5px #fff;
width: 12px;
margin: 5px 10px 5px 5px;
font-size: 12px;
line-height: 1.8em;
display: none;
position: absolute;
top: 0;
right: 0;
}
.jdropdown-default.jdropdown-focus .jdropdown-reset_, .jdropdown-picker.jdropdown-focus .jdropdown-backdrop {
display: block;
}
.jdropdown-picker .jdropdown-header {
outline: none;
}
.jdropdown-picker .jdropdown-container {
box-sizing: border-box;
background-color: #fff;
border-bottom: 1px solid #e6e6e8;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}
.jdropdown-picker .jdropdown-close {
background-color: #fff;
display: block;
box-shadow: 0 -1px 5px #00000063;
}
.jdropdown-picker .jdropdown-content {
background-color: #fafafa;
border-top: 1px solid #e6e6e8;
height: 280px;
overflow-y: scroll;
}
.jdropdown-picker .jdropdown-group-name {
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #e6e6e8;
padding: 10px 20px;
font-size: 1em;
font-weight: bold;
display: block;
}
.jdropdown-picker .jdropdown-item {
text-transform: uppercase;
border-bottom: 1px solid #e6e6e8;
padding: 10px 20px;
font-size: 1em;
}
.jdropdown-picker .jdropdown-selected {
color: #fff;
background-color: #1f93ff;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=");
background-position: right 15px top 50%;
background-repeat: no-repeat;
}
.jdropdown-picker .jdropdown-cursor {
color: #fff;
background-color: #1f93ff;
}
.jdropdown-searchbar.jdropdown-focus {
z-index: 9001;
will-change: scroll-position;
-webkit-overflow-scrolling: touch;
background-color: #fafafa;
padding: 0;
position: fixed;
overflow-y: scroll;
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
}
.jdropdown-searchbar.jdropdown-focus .jdropdown-container-header {
z-index: 9002;
background-color: #fff;
width: 100%;
height: 40px;
padding: 6px;
position: fixed;
top: 0;
left: 0;
box-shadow: 0 1px 2px #0000001a;
}
.jdropdown-searchbar.jdropdown-focus .jdropdown-header {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+");
background-repeat: no-repeat;
background-position: 0 40% !important;
border: 0 !important;
padding-left: 30px !important;
padding-right: 60px !important;
}
.jdropdown-searchbar.jdropdown-focus .jdropdown-close {
display: block;
}
.jdropdown-searchbar .jdropdown-header {
outline: none;
}
.jdropdown-searchbar .jdropdown-container {
width: 100%;
margin-top: 40px;
}
.jdropdown-searchbar .jdropdown-close {
position: fixed;
top: 0;
right: 0;
}
.jdropdown-searchbar .jdropdown-content {
margin-top: 10px;
}
.jdropdown-searchbar .jdropdown-group {
background-color: #fff;
margin-top: 10px;
margin-bottom: 15px;
}
.jdropdown-searchbar .jdropdown-group-name {
border-top: 1px solid #e6e6e8;
border-bottom: 1px solid #e6e6e8;
padding: 10px 10px 10px 12px;
font-weight: bold;
}
.jdropdown-searchbar .jdropdown-group-arrow {
float: right;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.jdropdown-searchbar .jdropdown-group-arrow-down {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PC9zdmc+");
}
.jdropdown-searchbar .jdropdown-group-arrow-up {
background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=");
}
.jdropdown-searchbar .jdropdown-item {
background-color: #fff;
border-bottom: 1px solid #e6e6e8;
padding: 10px 40px 10px 15px;
font-size: .9em;
}
.jdropdown-searchbar .jdropdown-description {
text-overflow: ellipsis;
max-width: calc(100% - 20px);
overflow: hidden;
}
.jdropdown-searchbar .jdropdown-content > .jdropdown-item:first-child {
border-top: 1px solid #e6e6e8;
}
.jdropdown-searchbar .jdropdown-selected {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==");
background-position: right 15px top 50%;
background-repeat: no-repeat;
}
.jdropdown-list .jdropdown-container {
display: block;
}
.jdropdown-list .jdropdown-header {
display: none;
}
.jdropdown-list .jdropdown-group {
background-color: #fff;
}
.jdropdown-list .jdropdown-group-name {
border-bottom: 1px solid #e6e6e8;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
}
.jdropdown-list .jdropdown-item {
background-color: #fff;
border-bottom: 1px solid #e6e6e8;
padding: 10px 40px 10px 10px;
}
.jdropdown-list .jdropdown-selected {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==");
background-position: right 10px top 50%;
background-repeat: no-repeat;
}
@media only screen and (max-width: 800px) {
.jdropdown-list {
border: 0;
padding: 0;
width: 100% !important;
}
.jdropdown-list .jdropdown-container {
min-width: 100%;
}
.jdropdown-searchbar.jdropdown-focus .jdropdown-description {
text-transform: uppercase;
}
}
.app .jdropdown-item {
text-transform: uppercase;
}
.jdropdown-create-container {
border: 1px solid #ccc;
border-radius: 2px;
margin: 10px;
padding: 6px;
}
.jdropdown-color {
background-color: #fff;
border: 1px solid #0000;
border-radius: 12px;
width: 12px;
height: 12px;
margin-right: 6px;
}
.jdropdown-item[data-disabled] {
opacity: .5;
pointer-events: none;
}
.jeditor-container {
box-sizing: border-box;
border: 1px solid #ccc;
}
.jeditor-container.with-margin {
background-color: #f2f2f2;
max-width: 1200px;
}
.jeditor-dragging {
border: 1px dashed #000;
}
.jeditor {
word-break: break-word;
outline: none;
}
.jeditor-container.with-margin .jeditor {
background-color: #fff;
max-width: 800px;
min-height: 800px;
margin: 80px;
padding: 80px;
}
.jeditor[data-placeholder]:empty:before {
content: attr(data-placeholder);
color: #d3d3d3;
}
.jsnippet {
cursor: pointer;
border: 1px solid #ccc;
margin-top: 15px;
position: relative;
}
.jsnippet:focus {
outline: none;
}
.jsnippet img {
width: 100%;
}
.jsnippet .jsnippet-title {
padding: 15px;
font-size: 1.4em;
}
.jsnippet .jsnippet-description {
padding-left: 15px;
padding-right: 15px;
font-size: 1em;
}
.jsnippet .jsnippet-host {
text-transform: uppercase;
color: #777;
text-align: right;
padding: 15px;
font-size: .8em;
}
.jsnippet .jsnippet-url {
display: none;
}
.jeditor .jsnippet:after {
content: "close";
cursor: pointer;
text-shadow: 0 0 2px #fff;
width: 24px;
height: 24px;
font-family: Material icons;
font-size: 24px;
line-height: 24px;
position: absolute;
top: 12px;
right: 12px;
}
.jsnippet * {
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
-o-user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
}
.jeditor img {
box-sizing: border-box;
border: 2px solid #0000;
}
.jeditor img.resizing {
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
-o-user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
}
.jeditor img:focus {
border: 2px solid #0096fd;
outline: #0096fd;
}
.jeditor .pdf {
background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23C30B15;%27 d=%27M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z%27/%3E%3Cpath style=%27fill:%2385080E;%27 d=%27M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z%27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 %27/%3E%3Cpolygon style=%27fill:%23E8E6E6;%27 points=%27392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 %27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27314.991,155.826 314.991,77.913 392.904,155.826 %27/%3E%3Crect x=%27119.096%27 y=%27311.652%27 style=%27fill:%23FC0F1A;%27 width=%27273.809%27 height=%27122.435%27/%3E%3Cg%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z%27/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: cover;
width: 60px;
height: 60px;
}
.jeditor-toolbar {
box-sizing: border-box;
width: fit-content;
max-width: 100%;
margin: 10px;
}
.toolbar-on-top .jeditor-toolbar {
width: initial;
margin: 0;
display: block;
box-shadow: 1px 1px 2px #0000001a;
}
.toolbar-on-top .jeditor {
padding: 15px;
}
.toolbar-on-top .jtoolbar .material-icons {
transform: initial;
margin: 4px;
font-size: 24px;
}
.toolbar-on-top .jtoolbar .jpicker-header {
margin-top: 4px;
margin-bottom: 4px;
font-size: 1em;
}
.jeditor table {
border-collapse: collapse;
}
.jeditor table td {
border: 1px solid #bbb;
height: 2em;
}
.jeditor table td:focus {
border: 1px solid #00f;
}
.jeditor .line-break {
pointer-events: none;
border-top: 1px dashed #ccc;
justify-content: center;
display: flex;
}
.jeditor .line-break:before {
content: "New page";
color: #ccc;
background-color: #fff;
margin: -1em;
padding: 6px;
position: absolute;
}
.jfloating {
box-sizing: border-box;
z-index: 9002;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 8px;
margin-right: 5px;
position: fixed;
bottom: 0;
right: 0;
-webkit-box-shadow: 0 2px 10px #0003;
-moz-box-shadow: 0 2px 10px #0003;
padding-top: 50px !important;
}
.jfloating.jfloating-big {
width: 510px !important;
height: 472px !important;
}
.jfloating.jfloating-small {
width: 300px !important;
height: 320px !important;
}
.jfloating.jfloating-large {
width: 600px !important;
height: 600px !important;
}
.jfloating:before {
content: attr(title);
box-sizing: border-box;
color: #fff;
letter-spacing: .5px;
background-color: #404040;
border-radius: 8px 8px 0 0;
width: 100%;
padding: 15px;
font-size: .93rem;
font-weight: 600;
position: absolute;
top: 0;
left: 0;
box-shadow: 1px 1px 3px #0003;
}
.jfloating:after {
content: "";
cursor: pointer;
text-shadow: 0 0 5px #fff;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23FFF%27 d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
width: 24px;
height: 24px;
margin: 14px;
font-size: 24px;
position: absolute;
top: 0;
right: 0;
}
.jfloating_content {
box-sizing: border-box;
height: -webkit-fill-available;
max-height: 100%;
padding: 20px;
overflow-y: auto;
}
.jfloating.jfloating-minimized {
height: 50px !important;
}
.jfloating.jfloating-minimized .jfloating_content {
display: none;
}
.jmodal {
box-sizing: border-box;
z-index: 9002;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
flex-direction: column;
width: 60%;
height: 60%;
display: flex;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 2px 12px #0003;
-moz-box-shadow: 0 2px 12px #0003;
}
.jmodal_title {
box-sizing: border-box;
pointer-events: none;
background-color: #fff;
border-bottom: 1px solid #eee;
border-radius: 8px 8px 0 0;
align-items: center;
height: 70px;
padding: 20px;
font-size: 1.4em;
display: flex;
}
.jmodal_title > div {
font-size: 1.4em;
}
.jmodal_title[data-icon]:before {
content: attr(data-icon);
width: 24px;
height: 24px;
margin-right: 10px;
font-size: 24px;
line-height: 24px;
font-family: Material Icons !important;
}
.jmodal_content {
box-sizing: border-box;
scrollbar-width: thin;
scrollbar-color: #333 transparent;
height: 100%;
padding: 20px;
overflow-y: auto;
}
.jmodal_title:empty {
display: none;
}
.jmodal_title:empty + .jmodal_content {
height: 100%;
}
.jmodal_content::-webkit-scrollbar {
height: 12px;
}
.jmodal_content::-webkit-scrollbar {
width: 12px;
}
.jmodal_content::-webkit-scrollbar-track {
background: #eee;
border: 1px solid #fff;
}
.jmodal_content::-webkit-scrollbar-thumb {
background: #888;
border: 1px solid #fff;
}
.jmodal:after {
content: "";
cursor: pointer;
text-shadow: 0 0 5px #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
width: 24px;
height: 24px;
margin: 25px;
font-size: 24px;
position: absolute;
top: 0;
right: 0;
}
.jmodal_fullscreen {
border: 0;
border-radius: 0;
top: 0;
left: 0;
transform: none;
width: 100% !important;
height: 100% !important;
}
.jmodal_backdrop {
z-index: 8000;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
background-color: #0003;
border: 0;
min-width: 100%;
min-height: 100%;
padding: 0;
display: none;
position: fixed;
top: 0;
left: 0;
}
.jmodal_content .jcalendar .jcalendar-content, .jmodal_content .jdropdown-container {
position: fixed;
}
.jnotification {
z-index: 10000;
box-sizing: border-box;
padding: 10px;
position: fixed;
bottom: 0;
}
.jnotification-container {
color: #fff;
background: linear-gradient(0deg, #5c5c5c 0%, #4d4d4d 100%);
border-radius: 8px;
width: 320px;
margin: 30px;
padding: 20px;
box-shadow: 0 2px 15px -5px #000000b3;
}
.jnotification-close {
content: "";
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
width: 20px;
height: 20px;
font-size: 20px;
}
.jnotification-title {
font-weight: bold;
}
.jnotification-header {
padding-bottom: 5px;
display: flex;
}
.jnotification-header:empty {
display: none;
}
.jnotification-image {
margin-right: 5px;
}
.jnotification-image:empty {
display: none;
}
.jnotification-image img {
width: 24px;
}
.jnotification-name {
text-transform: uppercase;
letter-spacing: .1em;
flex: 1;
font-size: .9em;
}
.jnotification-error .jnotification-container {
background: linear-gradient(0deg, #aa290d 0%, #950b0b 100%);
}
@media (max-width: 800px) {
.jnotification {
top: calc(0px + var(--jsafe-area-top));
width: 100%;
}
.jnotification-container {
color: #444;
width: initial;
background: #fffffff2;
border: 1px solid #eee;
margin: 0;
}
.jnotification-error .jnotification-container {
color: #790909;
background: #fffffff2;
}
.jnotification-close {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}
}
.jnotification-header {
justify-content: flex-start;
align-items: center;
display: flex;
}
.jpicker {
cursor: pointer;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
outline: none;
min-height: 26px;
display: inline-flex;
position: relative;
}
.jpicker-header {
text-overflow: ellipsis;
cursor: pointer;
box-sizing: border-box;
text-align: left;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
background-position: right 5px top 50%;
background-repeat: no-repeat;
border-radius: 4px;
outline: none;
padding: 2px 35px 2px 12px;
line-height: 24px;
}
.jpicker-header:hover {
background-color: #f2f2f2;
}
.jpicker-content {
z-index: 50;
text-align: left;
scrollbar-width: thin;
scrollbar-color: #333 transparent;
background-color: #fff;
border-radius: 4px;
max-height: 250px;
padding: 4px;
display: none;
position: absolute;
top: 0;
box-shadow: 0 4px 5px #00000024, 0 1px 10px #0000001f, 0 2px 4px -1px #0003;
}
.jpicker-content::-webkit-scrollbar {
width: 8px;
}
.jpicker-content::-webkit-scrollbar-track {
background: #eee;
}
.jpicker-content::-webkit-scrollbar-thumb {
background: #888;
}
.jpicker-content > div {
padding: 6px 15px;
}
.jpicker-focus > .jpicker-content {
display: block;
}
.jpicker-content > div:hover {
background-color: #efefef;
}
.jpicker-content > div:empty {
opacity: 0;
}
.jpicker-header > i, .jpicker-header > div {
display: block;
}
.jpicker-focus > .jpicker-content.jpicker-columns {
flex-wrap: wrap;
justify-content: center;
display: flex !important;
}
.jpicker-focus .jpicker-content.jpicker-grid {
display: inline-grid;
}
.jprogressbar {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
cursor: pointer;
background: #fff;
border: 1px solid #ccc;
display: inline-block;
position: relative;
}
.jprogressbar:before {
content: attr(data-value);
margin: 5px 5px 5px 10px;
position: absolute;
}
.jprogressbar-header::placeholder {
color: #000;
}
.jprogressbar:focus {
outline: auto 5px -webkit-focus-ring-color;
}
.jprogressbar > div {
box-sizing: border-box;
background-color: red;
height: 31px;
}
.jrating {
display: flex;
}
.jrating > div {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z%27 fill=%27gray%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
width: 24px;
height: 24px;
line-height: 24px;
}
.jrating .jrating-over {
opacity: .7;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}
.jrating .jrating-selected {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27red%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}
.jsearch {
-webkit-user-select: none;
user-select: none;
display: none;
position: relative;
}
.jsearch_container {
z-index: 1;
box-shadow: 0 1px 2px #3c40434d, 0 2px 6px 2px #3c404326;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background: #fff;
border: 1px solid #0003;
border-radius: 4px;
outline: none;
width: auto;
min-width: 300px;
margin: 0;
padding: 8px 0;
transition: opacity .218s;
position: absolute;
-webkit-box-shadow: 0 2px 4px #0003;
box-shadow: 0 2px 4px #0003;
}
.jsearch_container:empty:after {
content: attr(data-placeholder);
}
.jsearch_container > div {
color: #333;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
align-items: center;
padding: 5px 10px;
display: flex;
}
.jsearch_container > div:hover {
background-color: #e8eaed;
}
.jsearch_container > div > img {
-webkit-user-select: none;
user-select: none;
border-radius: 16px;
width: 32px;
height: 32px;
margin-right: 2px;
}
.jsearch_container > div > div {
text-overflow: ellipsis;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
max-width: 300px;
margin-left: 2px;
overflow: hidden;
}
.jsearch_container .selected {
background-color: #e8eaed;
}
.jslider {
outline: none;
}
.jslider-focus {
width: 100% !important;
height: 100% !important;
}
.jslider-focus img {
display: none;
}
.jslider img {
width: 100px;
}
.jslider-left:before {
content: "arrow_back_ios";
color: #fff;
text-shadow: 0 0 6px #383838;
text-align: center;
cursor: pointer;
width: 30px;
height: 30px;
font-family: Material Icons;
font-size: 30px;
position: fixed;
top: 50%;
left: 15px;
}
.jslider-right:after {
content: "arrow_forward_ios";
color: #fff;
text-shadow: 0 0 6px #383838;
text-align: center;
cursor: pointer;
width: 30px;
height: 30px;
font-family: Material Icons;
font-size: 30px;
position: fixed;
top: 50%;
right: 15px;
}
.jslider-close {
cursor: pointer;
z-index: 3000;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
width: 24px;
height: 24px;
position: fixed;
top: 15px;
right: 15px;
display: block !important;
}
.jslider-counter {
cursor: pointer;
z-index: 3000;
background-color: #0000;
flex-direction: row;
justify-content: center;
align-items: center;
height: 24px;
display: -webkit-flex;
position: fixed;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
}
.jslider-caption {
text-overflow: ellipsis;
white-space: nowrap;
z-index: 3000;
color: #fff;
max-width: 90vw;
font-size: 1rem;
position: fixed;
top: 15px;
left: 15px;
overflow: hidden;
display: block !important;
}
.jslider-counter div {
background: #fff;
border-radius: 50%;
width: 10px;
height: 10px;
margin: 0 5px;
display: block !important;
}
.jslider-counter .jslider-counter-focus {
pointer-events: none;
background-color: #6495ed;
}
.jslider-focus {
z-index: 2000;
box-sizing: border-box;
background-color: #000c;
align-items: center;
width: 100%;
min-height: 100%;
max-height: 100%;
margin: 0;
transition-duration: 50ms;
display: flex;
position: fixed;
top: 0;
left: 0;
}
.jslider-focus img {
box-sizing: border-box;
vertical-align: middle;
width: 50vw;
height: auto;
margin: 0 auto;
display: none;
}
.jslider-focus img.jslider-vertical {
width: auto;
height: 80vh;
}
@media only screen and (max-width: 576px) {
.jslider-focus img.jslider-vertical {
width: 99vw !important;
height: auto !important;
}
.jslider-focus img {
width: 100vw !important;
height: auto !important;
}
}
.jslider-grid {
display: -ms-grid;
grid-gap: 1px;
display: grid;
position: relative;
}
.jslider-grid[data-number="2"] {
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%;
}
.jslider-grid[data-number="3"] {
-ms-grid-columns: 1fr 33%;
grid-template-columns: 1fr 33%;
}
.jslider-grid[data-number="4"] {
-ms-grid-columns: 1fr 25%;
grid-template-columns: 1fr 25%;
}
.jslider-grid img {
object-fit: cover;
width: 100%;
height: 100%;
display: none;
}
.jslider-grid[data-total]:after {
content: attr(data-total) "+";
color: #fff;
font-size: 1.5em;
position: absolute;
bottom: 6px;
right: 15px;
}
.jslider-grid img:first-child {
-ms-grid-column: 1;
-ms-grid-row: 1;
grid-area: 1 / 1;
display: block;
}
.jslider-grid[data-number="2"] img:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-row: 1;
grid-area: 1 / 2;
display: block;
}
.jslider-grid[data-number="3"] img:first-child {
-ms-grid-column: 1 / 2;
-ms-grid-row: 1 / 4;
grid-area: 1 / 1 / 4 / 2;
}
.jslider-grid[data-number="3"] img:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-row: 1;
grid-area: 1 / 2;
display: block;
}
.jslider-grid[data-number="3"] img:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-row: 2;
grid-area: 2 / 2;
display: block;
}
.jslider-grid[data-number="4"] img:first-child {
-ms-grid-column: 1 / 2;
-ms-grid-row: 1 / 4;
grid-area: 1 / 1 / 4 / 2;
}
.jslider-grid[data-number="4"] img:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-row: 1;
grid-area: 1 / 2;
display: block;
}
.jslider-grid[data-number="4"] img:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-row: 2;
grid-area: 2 / 2;
display: block;
}
.jslider-grid[data-number="4"] img:nth-child(4) {
-ms-grid-column: 2;
-ms-grid-row: 3;
grid-area: 3 / 2;
display: block;
}
.jtabs {
max-width: 100vw;
position: relative;
}
.jtabs .jtabs-headers-container {
align-items: center;
display: flex;
}
.jtabs .jtabs-headers {
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.jtabs .jtabs-headers > div:not(.jtabs-border) {
cursor: pointer;
white-space: nowrap;
text-align: center;
background-color: #f1f1f1;
margin-left: 1px;
margin-right: 1px;
padding: 8px 20px;
}
.jtabs .jtabs-headers > div.jtabs-selected {
color: #000;
background-color: #e8e8e8;
}
.jtabs .jtabs-headers > div > div {
color: #555;
width: 100%;
overflow: hidden;
}
.jtabs .jtabs-headers i {
margin: auto;
display: block;
}
.jtabs .jtabs-content {
box-sizing: border-box;
}
.jtabs .jtabs-content > div {
box-sizing: border-box;
display: none;
}
.jtabs .jtabs-content > div.jtabs-selected {
display: block;
}
.jtabs .jtabs-border {
transform-origin: 0;
pointer-events: none;
background-color: #888;
height: 2px;
transition: color .2s cubic-bezier(.4, 0, .2, 1), left .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
display: none;
position: absolute;
}
.jtabs-animation .jtabs-border {
display: initial;
}
.jtabs .jtabs-controls {
min-width: 82px;
margin: 3px 3px 3px 10px;
display: flex;
}
.jtabs .jtabs-controls > div {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
line-height: 24px;
}
.jtabs .jtabs-prev {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
margin-left: 10px;
}
.jtabs .jtabs-prev.disabled {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
margin-left: 10px;
}
.jtabs .jtabs-next {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
}
.jtabs .jtabs-next.disabled {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
}
.jtabs .jtabs-add {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27 fill=%27%23bbbbbb%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}
.jtabs.jtabs-modern .jtabs-headers > div:not(.jtabs-border) {
background-color: #fff;
padding: 4px 10px;
}
.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected, .jtabs.jtabs-modern .jtabs-headers > .jtabs-selected .material-icons {
color: #000;
}
.jtabs.jtabs-modern .jtabs-headers {
border-radius: 4px;
padding: 2px;
background: #eeeeef !important;
}
.jtabs.jtabs-modern .jtabs-headers .jtabs-border {
border-color: #eeeeef !important;
}
.jtabs.jtabs-modern .jtabs-border {
background-color: #c2c5bce1;
}
.jtags {
-ms-flex-pack: flex-start;
-webkit-justify-content: space-between;
border: 1px solid #ccc;
flex-flow: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
justify-content: flex-start;
padding: 1px;
display: flex;
position: relative;
}
.jtags.jtags-empty:not(.jtags-focus):before {
color: #ccc;
content: attr(data-placeholder);
margin: 3px 3px 3px 6px;
position: absolute;
top: 0;
}
.jtags > div {
border-radius: 1px;
outline: none;
margin: 2px;
padding: 3px 22px 3px 10px;
font-size: .9em;
display: block;
position: relative;
}
.jtags > div:empty:before {
content: " ";
white-space: pre;
}
.jtags > div:after {
content: "x";
cursor: pointer;
width: 12px;
height: 12px;
font-size: .9em;
display: none;
position: absolute;
right: 4px;
}
.jtags_label {
background-color: #e4e4e4 !important;
}
.jtags_label:after {
display: inline-block !important;
}
.jtags_error:after {
color: #fff !important;
}
.jtags_error {
color: #fff;
background-color: #d93025 !important;
}
.jtoolbar-container {
border-radius: 2px;
box-shadow: 0 4px 5px #00000024, 0 1px 10px #0000001f, 0 2px 4px -1px #0003;
display: inline-flex !important;
}
.jtoolbar {
cursor: pointer;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
padding: 4px;
font-size: 13px;
display: flex;
}
.jtoolbar-disabled {
pointer-events: none;
opacity: .4;
}
.jtoolbar-mobile {
z-index: 1;
box-sizing: border-box;
background: #f7f7f8;
border-radius: 0;
width: 100%;
margin: 0;
display: flex;
position: fixed;
bottom: 0;
left: 0;
box-shadow: 0 -1px 2px #0000001a;
}
.jtoolbar > div {
box-sizing: border-box;
vertical-align: middle;
justify-content: space-evenly;
align-items: center;
display: inline-flex;
}
.jtoolbar-mobile > div {
width: 100%;
display: flex;
}
.jtoolbar .jtoolbar-item {
text-align: center;
margin: auto;
padding: 2px 4px;
}
.jtoolbar-mobile .jtoolbar-item {
flex: 1;
position: relative;
}
.jtoolbar .jtoolbar-divisor {
background-color: var(--jss-border-color, #ccc);
width: 2px;
height: 18px;
margin-left: 4px;
margin-right: 4px;
padding: 0;
}
.jtoolbar .jtoolbar-label {
padding-left: 8px;
padding-right: 8px;
}
.jtoolbar-mobile a {
text-decoration: none;
display: inline-block;
}
.jtoolbar-mobile i {
color: #929292;
display: inline-flex !important;
}
.jtoolbar-mobile span {
color: #929292;
font-size: .7em;
display: block;
}
.jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span {
background-color: #0000;
color: var(--jactive-color) !important;
}
.jtoolbar-item {
-webkit-user-select: none;
user-select: none;
}
.jtoolbar-item i {
color: #333;
display: block;
}
.jtoolbar-item:hover {
background-color: var(--jss-background-color-highlight, #e8e8e8);
}
.jtoolbar .jpicker {
padding-left: 0;
padding-right: 0;
}
.jtoolbar .jpicker-header {
background-position: right 0 top 50%;
align-items: center;
padding: 0 20px 0 8px;
display: flex;
}
.jtoolbar .jpicker-content > div {
padding: 6px;
}
.jtoolbar-active {
background-color: #eee;
}
.jtoolbar .fa {
width: 18px;
height: 18px;
font-size: 14px;
line-height: 18px;
display: block;
}
.jtoolbar .material-icons {
text-align: center;
width: 24px;
height: 24px;
font-size: 18px;
line-height: 24px;
display: block;
transform: rotate(.03deg);
}
.jtoolbar .jtoolbar-arrow {
border-left: 1px solid var(--jss-border-color, #ccc);
background-position: center;
background-repeat: no-repeat;
width: 24px;
margin-left: 4px;
}
.jtoolbar-floating {
background-color: var(--jss-background-color-header, #fff);
z-index: 50;
text-align: left;
border-radius: 4px;
margin-right: 20px;
padding: 4px;
display: none;
position: absolute;
box-shadow: 0 4px 5px #00000024, 0 1px 10px #0000001f, 0 2px 4px -1px #0003;
}
.jtoolbar-floating .jtoolbar-divisor {
display: none;
}
.jtoolbar-arrow-selected .jtoolbar-floating {
flex-wrap: wrap;
display: flex;
}
:root {
--lm-font-color: inherit;
--lm-main-color: #2196f3;
--lm-main-color-alpha: #2196f388;
--lm-main-color-highlight: #1f64e1;
--lm-secondary-color: #737373;
--lm-border-color: #ccc;
--lm-border-color-light: #e9e9e9;
--lm-border-color-highlight: #aaa;
--lm-border-outline: #000;
--lm-background-color: #fff;
--lm-background-color-header: #f8f8f8;
--lm-background-color-highlight: #ececec;
--lm-background-color-active: #dcdcdc;
--lm-background-color-input: initial;
--lm-icon-color: #777;
--lm-font-grayout: #777;
--lm-input-padding: 6px;
--lm-border-radius: 2px;
--lm-safe-area-top: 0;
--lm-safe-area-bottom: 0;
--lm-text-color: #000;
}
.lm-dark-mode {
--lm-font-color: #ddd;
--lm-font-grayout: #777;
--lm-border-color: #444;
--lm-border-color-light: #222;
--lm-border-color-highlight: #777;
--lm-border-outline: #fff;
--lm-background-color: #000;
--lm-background-color-header: #181818;
--lm-background-color-highlight: #282828;
--lm-background-color-active: #858585;
--lm-background-color-input: #181818;
--lm-icon-color: #ccc;
}
.lm-green {
--lm-main-color: #39a33b;
--lm-main-color-alpha: #39a33b88;
--lm-main-color-highlight: #2f8431;
}
body.lm-application {
background: var(--lm-background-color);
color: var(--lm-font-color);
margin: 0;
padding: 0;
font-family: Montserrat, sans-serif;
}
.lm-application input[type="text"], .lm-application input[type="number"], .lm-application input[type="password"], .lm-application select, .lm-application textarea, .lm-application button, .lm-input {
padding: var(--lm-input-padding) var(--lm-input-padding) var(--lm-input-padding) 8px;
box-sizing: border-box;
border: 1px solid var(--lm-border-color, #ccc);
background-color: var(--lm-background-color-input);
line-height: initial;
color: var(--lm-font-color);
font-family: inherit;
font-size: inherit;
border-radius: 2px;
}
.lm-application :disabled {
color: #888;
}
[visible="false"] {
display: none;
}
[visible="true"] {
display: block;
}
.lm-container {
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}
.lm-row {
box-sizing: border-box;
flex-flow: row;
justify-content: space-between;
display: flex;
}
.lm-row.lm-container {
flex-wrap: nowrap;
}
.lm-row.lm-middle {
align-items: center;
}
.lm-row.lm-start {
justify-content: start;
}
.lm-column {
box-sizing: border-box;
}
.lm-column.lm-top {
align-self: flex-start;
}
.lm-column.lm-bottom {
align-self: flex-end;
}
.lm-form-group {
box-sizing: border-box;
width: 100%;
padding-bottom: 8px;
padding-right: 8px;
}
.lm-form-group input[type="text"], .lm-form-group input[type="time"], .lm-form-group input[type="date"], .lm-form-group input[type="password"], .lm-form-group input[type="number"], .lm-form-group select, .lm-form-group textarea, .lm-form-group {
width: 100%;
}
.lm-form-group label {
margin-bottom: 4px;
display: block;
}
.lm-form-group label.lm-switch {
display: inline-flex;
}
.lm-f1 {
flex: 1;
}
.lm-f2 {
flex: 2;
}
.lm-f3 {
flex: 3;
}
.lm-f4 {
flex: 4;
}
.lm-f5 {
flex: 5;
}
.lm-f6 {
flex: 6;
}
.lm-f7 {
flex: 7;
}
.lm-f8 {
flex: 8;
}
.lm-p0 {
padding: 0;
}
.lm-p2 {
padding: 2px;
}
.lm-p4 {
padding: 4px;
}
.lm-p6 {
padding: 6px;
}
.lm-p8 {
padding: 8px;
}
.lm-p10 {
padding: 10px;
}
.lm-p15 {
padding: 15px;
}
.lm-p20 {
padding: 20px;
}
.lm-p25 {
padding: 25px;
}
.lm-p30 {
padding: 30px;
}
.lm-application .lm-button, .lm-button {
padding: var(--lm-input-padding) 20px;
cursor: pointer;
background-color: var(--lm-secondary-color, #737373);
color: #fff;
border: 1px solid #0000;
border-radius: 2px;
outline: none;
}
.lm-application .lm-button.red, .lm-button.red {
color: #fff;
background-color: #a23131;
border: 1px solid #0000;
}
.lm-application .lm-button.blue, .lm-button.blue {
color: #fff;
background-color: #1a73e8;
border: 1px solid #0000;
}
.lm-cursor {
cursor: pointer;
}
.lm-center {
text-align: center;
}
.lm-loading:before {
content: "";
z-index: 9999;
background: #e0e0e0 repeating-linear-gradient(to right, var(--lm-main-color-highlight, #66b244), var(--lm-main-color-highlight, #66b244) 50%, #e0e0e0 50%, #e0e0e0);
background-size: 200% 100%;
height: 3px;
animation: 2s linear infinite lm-loading;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.lm-icon {
width: 24px;
height: 24px;
font-family: Material Symbols Outlined, Material Icons, FontAwesome;
font-size: 24px;
font-style: normal;
line-height: 24px;
}
@keyframes lm-loading {
from {
background-position: 100% 0;
}
to {
background-position: 0 0;
}
}
body.lm-dark-mode {
background-color: var(--lm-background-color);
}
.lm-dark-mode a {
color: #fff;
}
.lm-dark-mode .lm-button {
color: #fff;
background-color: #555;
border: 1px solid #0000;
}
@media (min-width: 320px) {
.lm-container {
padding: 0 2%;
}
}
@media (min-width: 1200px) {
.lm-container {
padding: 0 5%;
}
}
@media (max-width: 720px) {
.lm-row {
flex-wrap: wrap;
}
.lm-column {
min-width: 100%;
}
.lm-column .lm-form-group {
padding: 0;
}
::placeholder {
text-transform: uppercase;
}
::placeholder {
text-transform: uppercase;
}
:-moz-placeholder-shown {
text-transform: uppercase;
}
:placeholder-shown {
text-transform: uppercase;
}
}
.lm-calendar {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-webkit-touch-callout: none;
position: relative;
}
.lm-calendar[data-disabled] .lm-calendar-container[data-view="days"] .lm-calendar-content, .lm-calendar[data-disabled] .lm-calendar-footer {
opacity: .5;
pointer-events: none;
}
.lm-calendar button {
cursor: pointer;
}
.lm-calendar .lm-modal {
min-width: initial;
min-height: initial;
}
.lm-calendar-options {
display: none;
}
.lm-modal > div > .lm-calendar-options {
border-bottom: 1px solid var(--lm-border-color, #ccc);
justify-content: space-between;
display: flex;
}
.lm-modal > div > .lm-calendar-options button {
text-transform: uppercase;
cursor: pointer;
background-color: #0000;
border: 0;
padding: 15px;
font-weight: bold;
}
.lm-calendar-header {
flex-direction: column;
display: flex;
}
.lm-calendar-header > div:first-child {
-webkit-user-select: none;
user-select: none;
flex: 1;
align-items: center;
padding: 10px;
display: flex;
}
.lm-calendar-header .lm-calendar-labels {
cursor: pointer;
flex: 1;
margin: 10px 0;
padding: 5px;
display: flex;
}
.lm-calendar-header .lm-calendar-labels > button {
color: var(--lm-font-color);
background-color: #0000;
border: 0;
padding: 4px;
font-size: 1.2em;
font-weight: bold;
}
.lm-calendar-navigation {
grid-template-columns: repeat(2, 1fr);
gap: 1px;
display: grid;
}
.lm-calendar-navigation i:hover {
background-color: var(--lm-background-color-highlight, #ebebeb);
color: #000;
}
.lm-calendar-weekdays {
grid-template-columns: repeat(7, 1fr);
justify-content: center;
align-items: center;
padding: 0 8px;
font-size: .8em;
display: none;
}
.lm-calendar-container[data-view="days"] .lm-calendar-weekdays {
flex: 1;
display: grid;
}
.lm-calendar-weekdays > div {
box-sizing: border-box;
text-align: center;
justify-content: center;
padding: 6px;
font-weight: bold;
line-height: 2em;
display: inline-block;
}
.lm-calendar-content {
outline: none;
grid-template-columns: repeat(7, 1fr);
padding: 8px;
font-size: .8em;
display: grid;
}
.lm-calendar-content > div {
box-sizing: border-box;
text-align: center;
aspect-ratio: 1;
cursor: pointer;
background-origin: padding-box;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 38px;
padding: 6px;
display: flex;
}
.lm-calendar-content > div[data-disabled="true"] {
pointer-events: none;
opacity: .3;
}
.lm-calendar-container[data-view="months"] .lm-calendar-content, .lm-calendar-container[data-view="years"] .lm-calendar-content {
grid-template-columns: repeat(4, 1fr);
}
.lm-calendar-content > div[data-grey="true"] {
color: #ccc;
}
.lm-calendar-content > div[data-bold="true"] {
font-weight: bold;
}
.lm-calendar-content > div[data-event="true"]:before {
content: "";
background-color: red;
border-radius: 3px;
width: 3px;
height: 3px;
margin-top: 22px;
position: absolute;
}
.lm-calendar-content > div[data-selected="true"] {
color: #000;
background-color: #eee;
font-weight: bold;
}
.lm-calendar-content:focus > div[data-selected="true"] {
outline-offset: -2px;
outline: 2px solid #000;
}
.lm-calendar-content > div:hover {
color: #000;
background-color: #eee;
}
.lm-calendar-content > div[data-range="true"] {
position: relative;
}
.lm-calendar-content > div[data-start="true"], .lm-calendar-content > div[data-end="true"] {
background-color: var(--lm-main-color, #2196f3);
color: initial;
}
.lm-calendar-content > div[data-range="true"]:before {
content: "";
background-color: var(--lm-main-color-alpha, #2196f388);
z-index: -1;
height: 50%;
position: absolute;
top: 25%;
left: 0;
right: 0;
}
.lm-calendar-content > div[data-start="true"]:before {
border-top-left-radius: 20%;
border-bottom-left-radius: 20%;
left: 5px;
}
.lm-calendar-content > div[data-end="true"]:before, .lm-calendar-content > div[data-last="true"]:before {
border-top-right-radius: 20%;
border-bottom-right-radius: 20%;
right: 5px;
}
.lm-calendar-footer > div {
flex: 1;
}
.lm-calendar-footer {
border-top: 1px solid var(--lm-border-color-light, #e9e9e9);
margin: 0 10px;
padding: 8px 0;
line-height: 34px;
display: flex;
}
.lm-calendar-footer[data-visible="false"] {
display: none;
}
.lm-calendar-footer .lm-calendar-control {
-webkit-appearance: none;
-moz-appearance: none;
width: initial;
background-color: #0000;
border: 0;
border-radius: 32px;
margin: 2px;
padding: 6px;
font-size: 1.1em;
}
.lm-calendar-footer select:focus {
background-color: #eee;
}
.lm-calendar-footer input {
cursor: pointer;
background-color: var(--lm-border-color-light, #e9e9e9);
width: 100%;
}
.lm-calendar-input {
box-sizing: border-box;
background: url("data:image/svg+xml,") right 1px top 50% no-repeat;
padding-right: 24px !important;
}
.lm-calendar-time[data-visible="false"] {
display: none;
}
.lm-calendar .lm-calendar-icon {
box-sizing: border-box;
border: 0;
border-radius: 20px;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
font-family: Material Symbols Outlined, Material Icons, FontAwesome;
font-size: 24px;
line-height: 24px;
}
.lm-calendar[data-type="picker"] .lm-modal {
min-width: 100%;
min-height: 40px;
position: fixed;
bottom: 0;
left: 0;
}
.lm-calendar[data-type="picker"] .lm-calendar-content > div {
aspect-ratio: initial;
border-radius: 4px;
min-height: 60px;
}
.lm-calendar[data-type="picker"] .lm-calendar-weekdays > div {
min-height: 60px;
line-height: 60px;
}
.lm-calendar[data-grid="true"] .lm-calendar-weekdays {
padding: 0;
}
.lm-calendar[data-grid="true"] .lm-calendar-content {
border: 1px solid #ccc;
border-color: #0000 #ccc #ccc #0000;
padding: 0;
}
.lm-calendar[data-grid="true"] .lm-calendar-content > div {
border: 1px solid #0000;
border-color: #ccc #0000 #0000 #ccc;
border-radius: 0;
justify-content: start;
align-items: end;
}
.lm-ripple {
background-position: center;
transition: background .8s;
}
.lm-ripple:hover {
background: var(--lm-background-color-highlight, #ebebeb) radial-gradient(circle, transparent 1%, var(--lm-background-color-highlight, #ebebeb) 1%) center / 15000%;
}
.lm-ripple:active {
background-color: var(--lm-background-color-active, #e8e8e8);
background-size: 100%;
transition: background;
}
.lm-dark-mode .lm-calendar-weekdays {
color: #aaa;
}
.lm-dark-mode .lm-calendar-labels > button {
background-color: initial;
}
.lm-dark-mode .lm-calendar-content:focus > div[data-selected="true"] {
outline-color: #fff;
}
.lm-dark-mode .lm-calendar-content > div[data-grey="true"] {
color: var(--lm-font-grayout, #777);
}
.lm-dark-mode .lm-calendar-footer select:focus {
background-color: #3a3a45;
}
.lm-color {
line-height: initial;
box-sizing: border-box;
background-color: #fff;
position: relative;
}
.lm-color-options {
display: none;
}
.lm-modal > div > .lm-color-options {
border-bottom: 1px solid var(--lm-border-color, #ccc);
justify-content: space-between;
display: flex;
}
.lm-modal > div > .lm-color-options button {
text-transform: uppercase;
cursor: pointer;
background-color: #0000;
border: 0;
padding: 15px;
font-weight: bold;
}
.lm-color-grid, .lm-color-grid table {
width: 100%;
height: 100%;
}
.lm-color-grid tr:first-child > td:first-child {
border-top-left-radius: 3px;
}
.lm-color-grid tr:first-child > td:last-child {
border-top-right-radius: 3px;
}
.lm-color-grid tr:last-child > td:first-child {
border-bottom-left-radius: 3px;
}
.lm-color-grid tr:last-child > td:last-child {
border-bottom-right-radius: 3px;
}
.lm-color-selected {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27black%27/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
}
.lm-color-hsl {
box-sizing: border-box;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.lm-color-hsl canvas {
-webkit-user-drag: none;
border-radius: 3px;
display: block;
position: absolute;
top: 0;
left: 0;
}
.lm-color-point {
background-color: #000;
border-radius: 50%;
outline: 1px solid #fff;
width: 4px;
height: 4px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lm-color-input {
box-sizing: border-box;
background: url("data:image/svg+xml,") right 1px top 50% no-repeat;
padding-right: 24px !important;
}
.lm-color .lm-modal {
min-width: initial;
min-height: initial;
}
.lm-color .lm-tabs {
flex-direction: column;
flex-grow: 1;
min-width: 260px;
min-height: 190px;
margin-top: 10px;
display: inline-flex;
}
.lm-color .lm-tabs-content {
flex-grow: 1;
margin-top: 4px;
display: flex;
}
.lm-color .lm-tabs .lm-tabs-content > div {
flex-grow: 1;
padding: 10px;
}
.lm-menu {
display: none;
}
.lm-menu-focus {
display: unset;
}
.lm-menu .lm-modal {
color: #555;
-webkit-user-select: none;
user-select: none;
border: 1px solid var(--lm-border-color-light, #e9e9e9);
max-height: 600px;
width: initial;
height: initial;
min-width: 250px;
min-height: initial;
z-index: 16;
border-radius: 4px;
padding-top: 4px;
padding-bottom: 4px;
transition: initial;
box-shadow: 0 2px 4px 2px #3c404333;
}
.lm-menu-submenu {
padding-top: 1px;
padding-bottom: 1px;
}
.lm-menu-submenu > div.lm-menu-item {
box-sizing: border-box;
text-align: left;
align-items: center;
width: 250px;
padding: 1px 8px 1px 40px;
font-family: sans-serif;
font-size: .9em;
display: flex;
position: relative;
}
.lm-menu-submenu > div.lm-menu-item span {
cursor: pointer;
flex: 1;
line-height: 30px;
text-decoration: none;
}
.lm-menu-submenu > div.lm-menu-item div {
color: #888;
margin-right: 5px;
}
.lm-menu-submenu > div.lm-menu-item[data-submenu="true"]:after {
content: "arrow_right";
color: var(--lm-icon-color, #777);
font-family: Material Symbols Outlined, Material Icons, FontAwesome;
font-size: 18px;
}
.lm-menu-submenu > div.lm-menu-item[data-disabled="true"] {
opacity: .5;
pointer-events: none;
}
.lm-menu-submenu > div.lm-menu-item:hover, .lm-menu-submenu > div.lm-menu-item[data-cursor="true"] {
background-color: var(--lm-background-color-highlight, #ebebeb);
}
.lm-menu-submenu hr {
border: 1px solid var(--lm-border-color-light, #e9e9e9);
border-bottom: 0;
margin-top: 5px;
margin-bottom: 5px;
}
.lm-menu-submenu > div.lm-menu-item:before {
content: attr(data-icon);
width: 24px;
height: 24px;
font-family: Material Symbols Outlined, Material Icons, FontAwesome;
font-size: 18px;
line-height: 24px;
position: absolute;
left: 11px;
transform: rotate(.03deg);
}
.lm-dark-mode .lm-menu .lm-modal {
color: #e8e7e9;
background-color: #111;
border: 1px solid #3c3c3c;
}
.lm-dark-mode .lm-menu-submenu > div.lm-menu-item:hover, .lm-dark-mode .lm-menu-submenu > div.lm-menu-item[data-cursor="true"] {
background-color: var(--lm-background-color-highlight, #2d2d2d);
}
.lm-dropdown {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
box-sizing: border-box;
outline-offset: 1px;
vertical-align: top;
}
.lm-dropdown[data-disabled="true"] {
opacity: .5;
pointer-events: none;
}
.lm-dropdown-header {
align-items: center;
display: flex;
}
.lm-dropdown-header-controls {
display: none;
}
.lm-application .lm-dropdown-header-controls button, .lm-dropdown-header-controls button {
text-transform: uppercase;
cursor: pointer;
color: var(--lm-font-color);
background-color: #0000;
border: 0;
margin: 1px;
padding: 15px;
font-weight: bold;
}
.lm-dropdown-content {
margin-top: 1px;
position: relative;
}
.lm-dropdown .lm-modal {
border: 1px solid var(--lm-border-color, #ccc);
border-radius: 0;
min-width: 100%;
min-height: 5px;
padding: 0;
}
.lm-dropdown-input {
padding: var(--lm-input-padding, 6px) 24px var(--lm-input-padding, 6px) 10px;
white-space: nowrap;
text-overflow: ellipsis;
appearance: none;
cursor: pointer;
box-sizing: border-box;
background: var(--lm-background-color-input, #fff);
border: 1px solid var(--lm-border-color, #767676);
border-radius: var(--lm-border-radius, 2px);
width: 100%;
position: relative;
overflow: hidden;
}
.lm-dropdown-input > br {
display: none;
}
.lm-dropdown-input:after {
content: "";
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
transition: transform .1s ease-in-out;
position: absolute;
top: calc(50% - 12px);
right: 0;
}
.lm-application .lm-dropdown-add, .lm-dropdown-add {
cursor: pointer;
background: none;
border: 0;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: calc(50% - 8px);
right: 30px;
}
.lm-dropdown-add:after {
content: "+";
width: 16px;
height: auto;
color: var(--lm-font-color);
display: block;
}
.lm-dropdown[data-insert="true"] .lm-dropdown-input {
padding-right: 35px;
}
.lm-dropdown[data-state="true"][data-insert="true"] .lm-dropdown-add {
display: initial;
}
.lm-dropdown[data-state="true"] .lm-dropdown-input:after {
transform: rotate(-180deg);
}
.lm-dropdown-input:empty:before {
content: "Â ";
}
.lm-dropdown[data-state="true"] .lm-dropdown-input[placeholder]:empty:before {
content: "Â " attr(placeholder);
color: #aaa;
}
.lm-dropdown-options {
width: 100%;
}
.lm-dropdown-item {
box-sizing: border-box;
}
.lm-dropdown-item[data-disabled="true"] {
opacity: .5;
pointer-events: none;
}
.lm-dropdown-item[data-group]:before {
content: attr(data-group);
background-color: var(--lm-background-color-input, #fff);
width: 100%;
color: var(--lm-font-color, #000);
box-sizing: border-box;
padding: 8px;
font-weight: bold;
display: block;
}
.lm-dropdown-item > div {
white-space: nowrap;
text-align: left;
text-overflow: ellipsis;
color: var(--lm-font-color, #000);
box-sizing: border-box;
align-items: center;
padding: 4px 40px 4px 10px;
display: flex;
position: relative;
overflow: hidden;
}
.lm-dropdown-item > div > span:empty:before {
content: "Â ";
}
.lm-dropdown-item > div > img {
width: 24px;
height: 24px;
margin-left: -6px;
margin-right: 6px;
}
.lm-dropdown-item > div > img:not([src]), .lm-dropdown-item > div > img[src=""] {
display: none;
}
.lm-dropdown-item > div:hover, .lm-dropdown-item[data-selected="true"] > div {
color: #fff;
background-color: #1e90ff;
}
.lm-dropdown-item[data-selected="true"] > div:after {
content: "✓";
line-height: 24px;
position: absolute;
right: 10px;
}
.lm-dropdown-item[data-cursor="true"] > div {
background-color: var(--lm-background-color-highlight);
}
.lm-dropdown-item[data-cursor="true"]:hover > div {
background-color: var(--lm-background-color-active);
}
.lm-dropdown-item[data-cursor="true"].lm-dropdown-item[data-selected="true"] > div {
background-color: #1d86ed;
}
.lm-dropdown[data-type="picker"][data-state="true"] .lm-dropdown-content .lm-modal {
box-shadow: initial;
border: initial;
}
.lm-dropdown[data-type="picker"][data-state="true"] .lm-dropdown-content {
position: initial;
}
.lm-dropdown[data-type="picker"][data-state="true"] .lm-dropdown-header-controls {
z-index: 1;
box-sizing: border-box;
border-top: 1px solid var(--lm-border-color);
border-bottom: 1px solid var(--lm-border-color);
background-color: #fff;
justify-content: space-between;
display: flex;
position: fixed;
bottom: 300px;
left: 0;
box-shadow: 0 0 12px #00000038;
width: 100% !important;
}
.lm-dropdown[data-type="picker"] .lm-modal {
position: fixed;
bottom: 0;
left: 0;
width: 100% !important;
height: 300px !important;
}
.lm-dropdown[data-type="picker"] .lm-lazy {
width: 100% !important;
}
.lm-dropdown[data-type="picker"] .lm-dropdown-item > div {
text-transform: uppercase;
border-bottom: 1px solid #0003;
padding: 16px;
font-size: 1.1em;
}
.lm-dropdown[data-type="picker"] .lm-dropdown-item[data-group]:before {
text-align: center;
border-bottom: 1px solid #0003;
padding: 16px;
}
.lm-dropdown[data-type="searchbar"][data-state="true"] {
z-index: 1;
box-sizing: border-box;
background-color: #fff;
flex-direction: column;
display: flex;
position: fixed;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-content .lm-modal {
box-shadow: initial;
border: initial;
border-top: 1px solid var(--lm-border-color);
}
.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-content {
position: initial;
}
.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-header {
box-sizing: border-box;
background-color: #fff;
display: flex;
}
.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-header-controls {
display: flex;
}
.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-input {
background-color: #fff;
border: 0;
border-bottom: 1px solid #eee;
border-radius: 0;
outline: none;
flex: 1;
height: 60px;
padding-top: 0;
padding-bottom: 0;
font-size: 1.5em;
line-height: 60px;
}
.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-input:after {
background: initial;
}
.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-add {
right: 150px;
}
.lm-dropdown[data-type="searchbar"][data-state="true"]:not(.lm-dropdown-loading) .lm-dropdown-add:after {
content: "add";
width: 24px;
height: 24px;
font-family: Material Symbols Outlined, Material Icons;
font-size: 24px;
}
.lm-dropdown[data-type="searchbar"] .lm-modal {
max-height: initial;
border: 0;
bottom: 0;
width: 100% !important;
height: calc(100% - 60px) !important;
}
.lm-dropdown[data-type="searchbar"] .lm-dropdown-item > div {
text-transform: uppercase;
border-bottom: 1px solid #0003;
padding: 16px;
font-size: 1.1em;
}
.lm-dropdown[data-type="searchbar"] .lm-dropdown-item[data-group]:before {
text-align: center;
border-bottom: 1px solid #0003;
padding: 16px;
}
.lm-dropdown[data-type="searchbar"] .lm-lazy {
max-height: initial;
width: 100% !important;
}
.lm-dropdown .lm-lazy {
scrollbar-width: thin;
max-height: 300px;
}
.lm-dropdown .lm-lazy::-webkit-scrollbar {
height: 12px;
}
.lm-dropdown .lm-lazy::-webkit-scrollbar {
width: 12px;
}
.lm-dropdown .lm-dropdown-loading:after {
content: "";
background-image: none;
border: 1px solid #888;
border-top-color: #0000;
border-radius: 50%;
width: 12px;
height: 12px;
margin: 5px;
animation: .8s linear infinite lm-dropdown-spin;
position: absolute;
}
@keyframes lm-dropdown-spin {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.lm-lazy {
box-sizing: border-box;
height: 100%;
display: flex;
position: relative;
overflow: hidden auto;
}
.lm-lazy-scroll {
width: 1px;
position: absolute;
}
.lm-lazy-items {
box-sizing: border-box;
width: 100%;
position: sticky;
top: 0;
}
.lm-modal {
z-index: 15;
background-color: var(--lm-background-color-input, #fff);
box-sizing: border-box;
opacity: 1;
border: 1px solid var(--lm-border-color, #ccc);
min-width: 200px;
min-height: 200px;
color: var(--lm-font-color, #000);
border-radius: 5px;
outline: none;
flex-direction: column;
margin: 0;
transition: opacity .4s, top .4s, left .4s, width .4s, height .4s;
display: flex;
position: fixed;
box-shadow: 0 0 12px #00000038;
}
.lm-modal[closed="true"] {
display: none;
}
.lm-modal.action {
-webkit-user-select: none;
user-select: none;
}
.lm-modal-title {
border-bottom: 1px solid var(--lm-border-color, #ccc);
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
border-radius: 5px 5px 0 0;
width: 100%;
padding: 12px;
font-size: 1.3em;
line-height: 24px;
display: flex;
}
.lm-modal-focus {
z-index: 999;
}
.lm-modal > .lm-modal-title {
display: none;
}
.lm-modal > .lm-modal-title[data-icon], .lm-modal > .lm-modal-title[data-title], .lm-modal[closable="true"] > .lm-modal-title, .lm-modal[minimizable="true"] > .lm-modal-title {
display: inherit;
}
.lm-modal > .lm-modal-title > div:nth-child(2) {
flex: 1;
}
.lm-modal > .lm-modal-title > .lm-modal-icon {
cursor: pointer;
text-align: center;
width: 24px;
height: 24px;
margin-right: 8px;
font-family: Material Symbols Outlined, Material Icons;
font-size: 24px;
display: none;
}
.lm-modal > .lm-modal-title > .lm-modal-icon:not(:empty) {
display: inherit;
}
.lm-modal > .lm-modal-title > .lm-modal-close:before {
content: "close";
}
.lm-modal > .lm-modal-title > .lm-modal-minimize:before {
content: "─";
}
.lm-modal[minimized="true"] > .lm-modal-title > .lm-modal-minimize:before {
content: "î——";
}
.lm-modal[minimizable="true"] > .lm-modal-title > .lm-modal-minimize {
display: block;
}
.lm-modal[closable="true"] > .lm-modal-title > .lm-modal-close {
margin-right: 0;
display: block;
}
.lm-modal.hide {
opacity: 0;
}
.lm-modal[animation="false"], .lm-modal.action {
transition: initial;
}
.lm-modal-backdrop {
z-index: 15;
background-color: #00000020;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
.lm-modal > div:last-child {
width: 100%;
height: 100%;
}
.lm-modal[overflow="true"] > div:last-child {
scrollbar-width: thin;
scrollbar-color: #333 transparent;
overflow: auto;
}
.lm-modal > div:last-child::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.lm-modal > div:last-child::-webkit-scrollbar-track {
background: #eee;
}
.lm-modal > div:last-child::-webkit-scrollbar-thumb {
background: #888;
}
.lm-modal[position="absolute"] {
transition: initial;
position: absolute;
}
.lm-modal[position="left"] {
border-radius: initial;
border-width: 0;
width: 280px;
top: 0;
left: 0;
height: 100vh !important;
}
.lm-modal[position="right"] {
border-radius: initial;
border-width: 0;
width: 280px;
top: 0;
left: auto;
right: 0;
height: 100vh !important;
}
.lm-modal[position="bottom"] {
top: initial;
border-radius: initial;
border-width: 0;
height: 280px;
bottom: 0;
left: 0;
width: 100vw !important;
}
.lm-modal[minimized="true"] {
min-width: initial;
min-height: initial;
position: fixed;
overflow: hidden;
width: 200px !important;
height: 45px !important;
}
.lm-rating i {
color: #d3d3d3;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.lm-rating[data-size="small"] {
height: 16px;
font-size: 16px;
line-height: 16px;
}
.lm-rating[data-size="small"] i {
font-size: 16px;
}
.lm-rating i[data-hover="1"] {
color: gray;
}
.lm-rating i[data-selected="1"] {
color: red;
}
:root {
--lm-switch-front-color: 127, 127, 127;
--lm-switch-primary-color: 255, 255, 255;
--lm-switch-main-color: var(--lm-main-color, #1565c0);
--lm-switch-main-color-alpha: var(--lm-main-color-alpha, #1565c088);
}
.lm-switch[data-color="green"] {
--lm-switch-main-color: #2e7d32;
--lm-switch-main-color-alpha: #2e7d3288;
}
.lm-switch[data-color="orange"] {
--lm-switch-main-color: #ef6c00;
--lm-switch-main-color-alpha: #ef6c0088;
}
.lm-switch[data-color="red"] {
--lm-switch-main-color: #c62828;
--lm-switch-main-color-alpha: #c6282888;
}
.lm-switch[data-color="purple"] {
--lm-switch-main-color: #6a1b9a;
--lm-switch-main-color-alpha: #6a1b9a88;
}
.lm-switch {
z-index: 0;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
align-items: center;
min-width: 36px;
min-height: 20px;
display: inline-flex;
position: relative;
}
.lm-switch:before {
content: "";
min-height: 1em;
}
.lm-switch > input {
appearance: none;
opacity: 0;
pointer-events: none;
border-radius: 50%;
outline: none;
width: 30px;
max-width: 30px;
height: 30px;
max-height: 30px;
margin: 0;
transition: opacity .3s .1s, transform .2s .1s;
display: block;
position: absolute;
left: 0;
transform: scale(1);
}
.lm-switch > span {
cursor: pointer;
box-sizing: border-box;
align-items: center;
width: 100%;
max-width: -webkit-fill-available;
margin: 0 0 0 45px;
line-height: 24px;
display: inline-flex;
}
.lm-switch > span:empty {
margin: 0;
}
.lm-switch > span:before {
content: "";
background-color: rgba(var(--lm-switch-front-color), .38);
border-radius: 7px;
width: 36px;
height: 14px;
transition: background-color .2s, opacity .2s;
position: absolute;
left: 0;
}
.lm-switch > span:after {
content: "";
background-color: rgb(var(--lm-switch-primary-color));
border-radius: 50%;
width: 20px;
height: 20px;
transition: background-color .2s, transform .2s;
position: absolute;
left: 0;
box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
}
.lm-switch > input:checked {
background-color: var(--lm-switch-main-color);
left: 11px;
}
.lm-switch > input:not(:checked) {
background-color: var(--lm-secondary-color, #6a6a6a);
left: -5px;
}
.lm-switch > input:checked + span:before {
background-color: var(--lm-switch-main-color-alpha);
}
.lm-switch > input:checked + span:after {
background-color: var(--lm-switch-main-color);
transform: translateX(16px);
}
.lm-switch:hover > input {
opacity: .04;
}
.lm-switch > input:focus {
opacity: .12;
}
.lm-switch:hover > input:focus {
opacity: .16;
}
.lm-switch > input:active {
opacity: 1;
transition: transform, opacity;
transform: scale(0);
}
.lm-switch > input:active + span:before {
background-color: var(--lm-switch-main-color-alpha);
}
.lm-switch > input:checked:active + span:before {
background-color: rgba(var(--lm-switch-front-color), .38);
}
.lm-switch > input:disabled {
opacity: 0;
}
.lm-switch > input:disabled + span {
color: rgb(var(--lm-switch-front-color));
opacity: .5;
cursor: default;
}
.lm-switch > input:disabled + span:before {
background-color: rgba(var(--lm-switch-front-color), .38);
}
.lm-switch > input:checked:disabled + span:before {
background-color: var(--lm-switch-main-color-alpha);
}
.lm-switch[position="right"] > span {
margin: 0 45px 0 0;
}
.lm-switch[position="right"] > input {
left: initial;
right: 11px;
}
.lm-switch[position="right"] > input:checked {
left: initial;
right: -5px;
}
.lm-switch[position="right"] > span:before {
left: initial;
right: 0;
}
.lm-switch[position="right"] > span:after {
left: initial;
right: 16px;
}
.lm-tabs[data-position="bottom"] {
flex-direction: column-reverse;
justify-content: center;
display: flex;
}
.lm-tabs .lm-tabs-content > div {
padding: 15px 5px;
}
.lm-tabs .lm-tabs-headers {
align-items: center;
width: 100%;
display: flex;
}
.lm-tabs[data-position="center"] .lm-tabs-headers {
justify-content: center;
margin: 0 auto;
}
.lm-tabs .lm-tabs-headers > ul {
align-items: center;
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
}
.lm-tabs .lm-tabs-headers > ul > li {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-position: center;
border: 1px solid #ccc;
flex-direction: column;
align-items: center;
padding: 4px 24px;
transition: background .8s;
display: flex;
}
.lm-tabs .lm-tabs-headers > ul > li.selected {
color: #000;
background-color: #eee;
}
.lm-tabs .lm-tabs-headers > ul > li[data-icon]:before {
content: attr(data-icon);
text-align: center;
width: 24px;
height: 24px;
color: var(--lm-icon-color, #777);
margin-bottom: 5px;
font-family: Material Symbols Outlined, Material Icons, FontAwesome;
font-size: 24px;
}
.lm-tabs[data-round="true"] .lm-tabs-headers > ul > li:first-of-type {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.lm-tabs[data-round="true"] .lm-tabs-headers > ul > li:last-of-type {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.lm-tabs .lm-tabs-headers > ul > li:not(:first-child) {
border-left: 1px solid #0000;
}
.lm-tabs .lm-tabs-headers > ul > li:hover {
background: #eee radial-gradient(circle, #0000 1%, #eee 1%) center / 15000%;
}
.lm-tabs .lm-tabs-headers > ul > li:active {
background-color: #ddd;
background-size: 100%;
transition: background;
}
.lm-tabs .lm-tabs-content > div {
display: none;
}
.lm-tabs .lm-tabs-content > div.selected {
display: block;
}
.lm-tabs-insert-button {
color: #555;
cursor: pointer;
text-align: center;
width: 24px;
height: 24px;
margin-left: 5px;
font-family: Material Symbols Outlined, Material Icons, FontAwesome;
font-size: 24px;
line-height: 24px;
}
.lm-tabs div[data-visible="false"] {
display: none;
}
.lm-topmenu {
outline: none;
}
.lm-topmenu-options {
font-size: .9em;
display: flex;
}
.lm-topmenu-title {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
border-radius: 4px;
margin: 8px 2px;
padding: 4px 12px;
}
.lm-topmenu-title:hover, .lm-topmenu-title:focus {
background-color: var(--lm-background-color-highlight, #ebebeb);
}
.lm-topmenu-title[data-disabled="true"] {
opacity: .5;
pointer-events: none;
}
.lm-topmenu-title[data-selected="true"] {
background-color: var(--lm-background-color-highlight, #ebebeb);
outline: 2px solid var(--lm-border-outline, #000);
}
.lm-topmenu lm-modal:first-of-type > .lm-modal {
transition: initial;
position: absolute;
}
:root {
--jss-border-color: #000;
}
.jss_spreadsheet {
outline: none;
}
.jss_container {
box-sizing: border-box;
overscroll-behavior: contain;
outline: none;
padding-right: 2px;
display: inline-block;
}
.fullscreen {
z-index: 21;
background-color: #fff;
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
top: 0;
left: 0;
position: fixed !important;
}
.fullscreen .jtabs-content {
flex: 1;
overflow: hidden;
}
.fullscreen .jss_content {
height: 100%;
overflow: auto;
width: 100% !important;
max-height: 100% !important;
}
.fullscreen .jss_container {
height: 100%;
}
.jss_content {
box-sizing: border-box;
scrollbar-width: thin;
scrollbar-color: #666 transparent;
padding-bottom: 3px;
padding-right: 3px;
display: inline-block;
position: relative;
}
@supports ((-moz-appearance: none)) {
.jss_content {
padding-right: 10px;
}
}
.jss_content::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.jss_content::-webkit-scrollbar-track {
background: #eee;
}
.jss_content::-webkit-scrollbar-thumb {
background: #666;
}
.jss_worksheet {
border-collapse: separate;
table-layout: fixed;
white-space: nowrap;
empty-cells: show;
background-color: #fff;
border: 1px solid #ccc;
border-color: #0000 #ccc #ccc #0000;
width: 0;
}
.jss_worksheet > thead > tr > td {
cursor: pointer;
box-sizing: border-box;
z-index: 2;
background-color: #f3f3f3;
border: 1px solid #0000;
border-color: #ccc #0000 #0000 #ccc;
padding: 2px;
position: sticky;
top: 0;
overflow: hidden;
}
.jss_worksheet > thead > tr > td.dragging {
opacity: .5;
}
.jss_worksheet > thead > tr > td.selected {
background-color: #dcdcdc;
}
.jss_worksheet > thead > tr > td.arrow-up {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");
background-position: right 5px center;
background-repeat: no-repeat;
text-decoration: underline;
}
.jss_worksheet > thead > tr > td.arrow-down {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
background-position: right 5px center;
background-repeat: no-repeat;
text-decoration: underline;
}
.jss_worksheet > tbody > tr > td:first-child {
text-align: center;
background-color: #f3f3f3;
position: relative;
}
.jss_worksheet > tbody.resizable > tr > td:first-child:before {
content: "Â ";
cursor: row-resize;
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
}
.jss_worksheet > tbody.draggable > tr > td:first-child:after {
content: "Â ";
cursor: move;
width: 3px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.jss_worksheet > tbody > tr.dragging > td {
opacity: .5;
background-color: #eee;
}
.jss_worksheet > tbody > tr > td {
white-space: nowrap;
box-sizing: border-box;
border: 1px solid #0000;
border-color: #ccc #0000 #0000 #ccc;
padding: 4px;
line-height: 1em;
}
.jss_overflow > tbody > tr > td, .jss_worksheet > tbody > tr > td:last-child {
overflow: hidden;
}
.jss_worksheet > tbody > tr > td > img {
max-width: 100px;
display: inline-block;
}
.jss_worksheet > tbody > tr > td.readonly {
color: #0000004d;
}
.jss_worksheet > tbody > tr.selected > td:first-child {
background-color: #dcdcdc;
}
.jss_worksheet > tbody > tr > td > select, .jss_worksheet > tbody > tr > td > input, .jss_worksheet > tbody > tr > td > textarea {
box-sizing: border-box;
background-color: #0000;
border: 0;
border-radius: 0;
outline: 0;
width: 100%;
margin: 0;
padding: 0 2px 0 0;
}
.jss_worksheet > tbody > tr > td > textarea {
resize: none;
padding-top: 6px !important;
}
.jss_worksheet > tbody > tr > td > input[type="checkbox"], .jss_worksheet > tbody > tr > td > input[type="radio"] {
width: 12px;
margin-top: 2px;
}
.jss_worksheet > tbody > tr > td > select {
appearance: none;
background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+");
background-position: 100% 40%;
background-repeat: no-repeat;
}
.jss_worksheet > tbody > tr > td.jss_dropdown {
text-overflow: ellipsis;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
background-position: right 5px top 50%;
background-repeat: no-repeat;
overflow-x: hidden;
}
.jss_worksheet > tbody > tr > td.jss_dropdown.jss_comments {
background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E") right 5px top 50% no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=") 100% 0 no-repeat;
}
.jss_worksheet > tbody > tr > td > .color {
width: 90%;
height: 10px;
margin: auto;
}
.jss_worksheet > tbody > tr > td > a {
text-decoration: underline;
}
.jss_worksheet > tbody > tr > td.highlight > a {
color: #00f;
cursor: pointer;
}
.jss_worksheet > tfoot > tr > td {
cursor: pointer;
box-sizing: border-box;
background-color: #f3f3f3;
border: 1px solid #0000;
border-color: #ccc #0000 #0000 #ccc;
padding: 2px;
overflow: hidden;
}
.jss_worksheet .highlight-top {
border-top: 1px solid #000;
box-shadow: 0 -1px #ccc;
}
.jss_worksheet .highlight-left {
border-left: 1px solid #000;
box-shadow: -1px 0 #ccc;
}
.jss_worksheet .highlight-top.highlight-left {
box-shadow: -1px -1px #ccc;
}
.jss_worksheet .selection {
background-color: #0000000d;
}
.jss_worksheet .selection-left {
border-left: 1px dotted #000;
}
.jss_worksheet .selection-right {
border-right: 1px dotted #000;
}
.jss_worksheet .selection-top {
border-top: 1px dotted #000;
}
.jss_worksheet .selection-bottom {
border-bottom: 1px dotted #000;
}
.jss_corner {
cursor: crosshair;
width: 1px;
height: 1px;
box-sizing: initial;
z-index: 20;
background-color: #000;
border: 1px solid #fff;
padding: 2px;
position: absolute;
top: -2000px;
left: -2000px;
}
.jss_worksheet .editor {
white-space: nowrap;
text-align: left;
box-sizing: border-box;
outline: 0 solid #0000;
padding: 0;
overflow: visible;
overflow: visible !important;
}
.jss_worksheet .editor > input {
padding-left: 4px;
}
.jss_worksheet .editor .jupload {
z-index: 40;
-webkit-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
letter-spacing: .2px;
background-color: #fff;
border-radius: 4px;
width: 300px;
min-height: 225px;
margin-top: 2px;
padding: 10px;
font-size: .875rem;
position: fixed;
top: 100%;
box-shadow: 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f, 0 5px 5px -3px #0003;
}
.jss_worksheet .editor .jupload img {
width: 100%;
height: auto;
}
.jss_worksheet .editor .jss_richtext {
z-index: 40;
-webkit-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
letter-spacing: .2px;
text-align: left;
width: 358px;
white-space: initial;
background-color: #fff;
margin-top: 2px;
padding: 10px;
font-size: .875rem;
position: fixed;
top: 100%;
box-shadow: 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f, 0 5px 5px -3px #0003;
}
.jss_worksheet .editor .jclose:after {
content: "close";
cursor: pointer;
text-shadow: 0 0 5px #fff;
width: 24px;
height: 24px;
margin: 10px;
font-family: Material icons;
font-size: 24px;
line-height: 24px;
position: absolute;
top: 0;
right: 0;
}
.jss_worksheet, .jss_worksheet td, .jss_corner {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
.jss_textarea {
width: 1px;
height: 1px;
position: absolute;
top: -999px;
left: -999px;
}
.jss_worksheet .dragline {
position: absolute;
}
.jss_worksheet .dragline div {
width: 22px;
height: 5px;
position: relative;
top: -6px;
}
.jss_worksheet .dragline div:hover {
cursor: move;
}
.jss_worksheet .onDrag {
background-color: #0009;
}
.jss_worksheet .error {
border: 1px solid red;
}
.jss_worksheet thead td.resizing {
border-right-style: dotted !important;
border-right-color: red !important;
}
.jss_worksheet tbody tr.resizing > td {
border-bottom-style: dotted !important;
border-bottom-color: red !important;
}
.jss_worksheet tbody td.resizing {
border-right-style: dotted !important;
border-right-color: red !important;
}
.jss_worksheet .jdropdown-header {
border: 0 !important;
outline: none !important;
width: 100% !important;
height: 100% !important;
padding: 0 0 0 8px !important;
}
.jss_worksheet .jdropdown-container {
margin-top: 1px;
}
.jss_worksheet .jdropdown-container-header {
height: inherit;
margin: 0;
padding: 0;
}
.jss_worksheet .jdropdown-picker {
width: inherit;
height: inherit;
border: 0 !important;
padding: 0 !important;
}
.jss_worksheet .jss_comments {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=") 100% 0 no-repeat;
}
.jss_worksheet .sp-replacer {
border: 0;
margin: 2px;
}
.jss_worksheet > thead > tr.jss_filter > td > input {
border: 0;
outline: none;
width: 100%;
}
.jss_about {
float: right;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2px;
font-size: .7em;
display: none;
}
.jss_about a {
color: #ccc;
text-decoration: none;
}
.jss_about img {
display: none;
}
.jss_filter {
justify-content: space-between;
margin-bottom: 4px;
display: flex;
}
.jss_filter > div {
align-items: center;
padding: 8px;
}
.jss_pagination {
justify-content: space-between;
align-items: center;
display: flex;
}
.jss_pagination > div {
padding: 10px;
display: flex;
}
.jss_pagination > div:last-child {
padding-top: 10px;
padding-right: 10px;
}
.jss_pagination > div > div {
text-align: center;
box-sizing: border-box;
cursor: pointer;
border: 1px solid #ccc;
width: 36px;
height: 36px;
margin-left: 2px;
line-height: 34px;
}
.jss_page {
font-size: .8em;
}
.jss_page_selected {
background-color: #f3f3f3;
font-weight: bold;
}
.jss_toolbar {
background-color: #f3f3f3;
border: 1px solid #ccc;
margin: 0 2px 4px 1px;
padding: 4px;
display: flex;
}
.jss_toolbar:empty {
display: none;
}
.jss_worksheet .dragging-left {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath fill='none' d='M24 0v24H0V0h24z'/%3E%3C/svg%3E");
background-position: 0 50%;
background-repeat: no-repeat;
}
.jss_worksheet .dragging-right {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");
background-position: right 0 top 50%;
background-repeat: no-repeat;
}
.jss_hidden_index > tbody > tr > td:first-child, .jss_hidden_index > thead > tr > td:first-child, .jss_hidden_index > tfoot > tr > td:first-child, .jss_hidden_index > colgroup > col:first-child {
display: none;
}
.jss_worksheet .jrating {
display: inline-flex;
}
.jss_worksheet .jrating > div {
zoom: .55;
}
.jss_worksheet .copying-top {
border-top: 1px dashed #000;
}
.jss_worksheet .copying-left {
border-left: 1px dashed #000;
}
.jss_worksheet .copying-right {
border-right: 1px dashed #000;
}
.jss_worksheet .copying-bottom {
border-bottom: 1px dashed #000;
}
.jss_worksheet .jss_column_filter {
text-overflow: ellipsis;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
background-position: right 5px top 50%;
background-repeat: no-repeat;
padding: 0 20px 0 6px;
overflow: hidden;
}
.jss_worksheet thead .jss_freezed, .jss_worksheet tfoot .jss_freezed {
left: 0;
z-index: 3 !important;
box-shadow: 2px 0 2px .2px #ccc !important;
}
.jss_worksheet tbody .jss_freezed {
background-color: #fff;
position: relative;
box-shadow: 1px 1px 1px 1px #ccc !important;
-webkit-box-shadow: 2px 4px 4px .1px #ccc !important;
-moz-box-shadow: 2px 4px 4px .1px #ccc !important;
}
.red {
color: red;
}
.jss_worksheet > tbody > tr > td.readonly > input[type="checkbox"], .jss_worksheet > tbody > tr > td.readonly > input[type="radio"] {
pointer-events: none;
opacity: .5;
}
.jss_worksheet > thead > tr > td {
border-top: 1px solid var(--border_color, #ccc);
border-left: 1px solid var(--border_color, #ccc);
background-color: var(--header_background, #f3f3f3);
color: var(--header_color, #000);
}
.jss_worksheet > thead > tr > td.selected {
background-color: var(--header_background_highlighted, #dcdcdc);
color: var(--header_color_highlighted, #000);
}
.jss_worksheet > tbody > tr > td:first-child {
background-color: var(--header_background, #f3f3f3);
color: var(--header_color, #000);
}
.jss_worksheet > tbody > tr > td {
background-color: var(--content_background, #fff);
color: var(--content_color, #000);
border-top: 1px solid var(--border_color, #ccc);
border-left: 1px solid var(--border_color, #ccc);
}
.jss_worksheet > tbody > tr.selected > td:first-child {
background-color: var(--header_background_highlighted, #dcdcdc);
color: var(--header_color_highlighted, #000);
}
.jss_worksheet .highlight {
background-color: var(--selection, #0000000d);
}
.jss_worksheet .highlight-top {
border-top: 1px solid var(--border_color_highlighted, #000);
}
.jss_worksheet .highlight-left {
border-left: 1px solid var(--border_color_highlighted, #000);
}
.jss_worksheet .highlight-right {
border-right: 1px solid var(--border_color_highlighted, #000);
}
.jss_worksheet .highlight-bottom {
border-bottom: 1px solid var(--border_color_highlighted, #000);
}
.jss_worksheet .highlight-selected {
background-color: var(--cursor, #eee);
}
.jss_pagination > div > div {
color: var(--header_color, #000);
background: var(--header_background, #f3f3f3);
border: 1px solid var(--border_color, #ccc);
}
.jss_toolbar {
background-color: var(--header_background, #f3f3f3);
color: var(--header_color, #000);
border: 1px solid var(--border_color, #ccc);
}
.jss_toolbar .jtoolbar-item i {
color: var(--content_color, #000);
}
.jss_toolbar .jtoolbar-item:not(.jtoolbar-divisor):hover, .jss_toolbar .jtoolbar-item.jpicker:hover > .jpicker-header {
background-color: var(--content_background_highlighted, #f3f3f3);
color: var(--content_color_highlighted, #000);
}
.jss_toolbar .jtoolbar-divisor {
background: var(--header_color, #ddd);
}
.jss_contextmenu {
border: 1px solid var(--border_color, #ccc);
background: var(--menu_background, #fff);
color: var(--menu_color, #555);
box-shadow: var(--menu_box_shadow, 2px 2px 2px 0px #8f9091);
-webkit-box-shadow: var(--menu_box_shadow, 2px 2px 2px 0px #8f9091);
-moz-box-shadow: var(--menu_box_shadow, 2px 2px 2px 0px #8f9091);
}
.jss_contextmenu > div a {
color: var(--menu_color, #555);
}
.jss_contextmenu > div:not(.contextmenu-line):hover {
background: var(--menu_background_highlighted, #ebebeb);
}
.jss_container input {
color: var(--header_color, #000);
background: var(--header_background, #f3f3f3);
}
.rbc-month-view {
border: none !important;
}
.rbc-month-header {
border-top: none !important;
border-bottom: 1px solid #ffffff1a !important;
}
.rbc-header {
color: #fff;
border-top: none;
border: none !important;
padding-bottom: .25rem !important;
font-size: .75rem !important;
font-weight: normal !important;
}
.rbc-toolbar-label {
color: #fff;
font-weight: 600;
font-size: 1.25rem !important;
}
.rbc-toolbar {
padding: 10px !important;
}
.rbc-off-range .rbc-button-link {
color: var(--color-gray-400) !important;
}
.rbc-button-link {
border-radius: 50%;
width: 26px;
height: 26px;
color: #fff !important;
margin-top: .25rem !important;
margin-right: 0 !important;
font-size: .875rem !important;
}
.rbc-now .rbc-button-link {
color: #fff !important;
background: #016bdf !important;
font-weight: normal !important;
}
.rbc-today {
background: none !important;
}
.rbc-event {
background: #016bcb33 !important;
border: none !important;
border-radius: 10px !important;
width: calc(100% - .5rem) !important;
margin: .25rem !important;
}
.rbc-event-content {
color: #016bdf !important;
padding-left: .25rem !important;
padding-right: .25rem !important;
font-size: .75rem !important;
}
.rbc-btn-group {
z-index: 2147483647;
line-height: 1rem;
position: relative;
box-shadow: 0 5px 10px #0000001a;
background: #ffffff1a !important;
border: none !important;
border-radius: 20px !important;
padding: .25rem !important;
overflow: hidden !important;
}
.popup-navigation {
line-height: 1rem;
position: relative;
box-shadow: 0 5px 10px #0000001a;
background: #ffffff1a !important;
border: none !important;
border-radius: 20px !important;
padding: .25rem !important;
overflow: hidden !important;
}
.react-datepicker-wrapper {
width: 100%;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
color: #fff !important;
background: #fff3 !important;
}
.react-datepicker {
color: #fff !important;
background: #474747 !important;
border: none !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 5px 20px #0000004d !important;
}
.react-datepicker:before {
content: "";
pointer-events: none;
z-index: 2147483647;
background: linear-gradient(-10deg, #c8c8c840, #ffffff1a, #ffffff26, #ffffff60);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.react-datepicker__time-container {
border: none;
border-left: 1px solid #fff3 !important;
width: 70px !important;
}
.react-datepicker__time-container .react-datepicker__time {
background: none !important;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
fill: #474747 !important;
color: #474747 !important;
border: none !important;
}
.react-datepicker-popper .react-datepicker__triangle {
stroke: #fff3 !important;
}
.react-datepicker__time-list {
background: #474747 !important;
width: 68px !important;
}
.react-datepicker__header {
background: #323232 !important;
border-bottom: none !important;
}
.react-datepicker-time__header, .react-datepicker__current-month {
color: #fff !important;
font-weight: 500 !important;
}
.react-datepicker__day-name {
color: #fff !important;
}
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
color: #ffffff80 !important;
}
.ca-datepicker-container .react-datepicker__day-name, .ca-datepicker-container .react-datepicker__day, .ca-datepicker-container .react-datepicker__time-name {
color: #fff;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
color: #000 !important;
background: #fff !important;
font-weight: 500 !important;
}
.react-datepicker__day:not([aria-disabled="true"]):hover, .react-datepicker__month-text:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text:not([aria-disabled="true"]):hover, .react-datepicker__year-text:not([aria-disabled="true"]):hover {
color: #fff !important;
background: #fff3 !important;
}
.popup-navigation:before, .popup-navigation button:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.padding-box {
padding: 15px;
}
.popup-navigation button {
border-radius: 20px !important;
width: 50% !important;
transition: all .2s !important;
}
.popupnavbutton-active {
background: #fff3;
position: relative;
}
.widgetpreviewcard {
border-radius: 15px;
position: relative;
box-shadow: 0 10px 20px #00000040;
}
.rbc-btn-group:before, .rbc-toolbar button.rbc-active:before, .rbc-toolbar button:focus:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.rbc-time-header-content {
border-left: 1px solid #ffffff1a !important;
}
.rbc-btn-group button {
transition: all .2s;
position: relative;
color: #fff !important;
border: none !important;
border-radius: 14px !important;
margin-top: 0 !important;
padding-top: .25rem !important;
padding-bottom: .25rem !important;
font-size: .75rem !important;
}
.rbc-toolbar button:focus {
color: #fff !important;
background: #fff3 !important;
font-weight: 600 !important;
}
.rbc-btn-group button:hover {
background: #ffffff1a !important;
}
.rbc-toolbar button.rbc-active {
color: #fff !important;
box-shadow: none !important;
background: #fff3 !important;
font-weight: 600 !important;
}
.rbc-label {
color: var(--color-gray-500) !important;
font-size: .75rem !important;
}
.rbc-time-header-gutter, .rbc-time-header, .rbc-time-view {
border: none !important;
}
.rbc-allday-cell {
height: 0 !important;
}
.rbc-time-column {
border: none !important;
}
.rbc-timeslot-group .rbc-time-slot:last-child {
display: none !important;
}
.rbc-timeslot-group .rbc-time-slot {
align-items: center;
display: flex;
}
.rbc-current-time-indicator {
background: #016bdf !important;
}
.rbc-event-label {
display: none !important;
}
.rbc-agenda-view {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.rbc-agenda-empty {
font-size: .75rem;
color: #fff !important;
}
.rbc-agenda-table {
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
.rbc-agenda-date-cell, .rbc-agenda-time-cell, .rbc-agenda-event-cell {
color: #fff !important;
font-size: .75rem !important;
line-height: 1rem !important;
}
.rbc-agenda-view table.rbc-agenda-table tbody tr td {
border-left: none !important;
border-right: none !important;
padding-top: 1rem !important;
padding-bottom: 1rem !important;
padding-left: 5px !important;
font-weight: 500 !important;
}
.agent-response-content {
line-height: 1.6;
font-weight: 500 !important;
}
.filecreation-previewbox {
position: relative;
box-shadow: 0 5px 20px #00000026;
}
.agent-response-content p {
margin-bottom: .75rem;
}
.agent-response-content p:last-child {
margin-bottom: 0;
}
.agent-response-content strong {
color: #fff;
font-weight: 600;
}
.agent-response-content em {
font-style: italic;
}
.agent-response-content h1, .agent-response-content h2, .agent-response-content h3 {
color: #fff;
margin-top: 1rem;
margin-bottom: .5rem;
font-weight: 600;
}
.agent-response-content h1 {
font-size: 1.25rem;
}
.agent-response-content h2 {
font-size: 1.125rem;
}
.agent-response-content h3 {
font-size: 1rem;
}
.agent-response-content code.inline-code {
background: #ffffff1a;
border-radius: 4px;
padding: .125rem .375rem;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
font-size: .875em;
}
.rbc-off-range-bg {
background: #ffffff1a !important;
}
.rbc-month-row {
border-top: 1px solid #ffffff1a !important;
}
.rbc-day-bg, .rbc-time-content > * + * > * {
border-left: 1px solid #ffffff1a !important;
}
.rbc-timeslot-group {
border-bottom: 1px solid #ffffff1a !important;
}
.rbc-day-slot .rbc-time-slot {
border-top: none !important;
}
.rbc-time-content {
border-top: 1px solid #ffffff1a !important;
}
.agent-response-content pre {
background: #0000004d;
border-radius: 8px;
margin: .75rem 0;
padding: .75rem 1rem;
overflow-x: auto;
}
.agent-response-content pre code {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
font-size: .875rem;
line-height: 1.5;
}
.agent-response-content li {
margin-bottom: .25rem;
margin-left: 1.25rem;
list-style-type: disc;
}
.agent-response-content .table-wrapper, .markdownbox-summary .table-wrapper {
margin: 1rem 0;
overflow-x: auto;
}
.agent-response-content .markdown-table, .markdownbox-summary .markdown-table {
border-collapse: collapse;
width: 100%;
font-size: .875rem;
}
.agent-response-content .markdown-table th, .markdownbox-summary .markdown-table th {
text-align: left;
color: #e5e5e5;
background: #ffffff0d;
border: 1px solid #ffffff1a;
padding: .5rem .75rem;
font-weight: 600;
}
.agent-response-content .markdown-table td, .markdownbox-summary .markdown-table td {
color: #a3a3a3;
border: 1px solid #ffffff1a;
padding: .5rem .75rem;
}
.agent-response-content .markdown-table tr:hover td, .markdownbox-summary .markdown-table tr:hover td {
background: #ffffff05;
}
.timeperiod-selector {
background: #ffffff1a;
border-radius: 20px;
width: 50%;
padding: 2px;
position: absolute;
margin-right: 0 !important;
right: 1rem !important;
}
.rounded-lg-cost {
border: none;
position: relative;
border-radius: 15px !important;
}
.rounded-lg-cost:before {
content: "";
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c840, #ffffff1a, #ffffff26, #ffffff60);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.timeperiod-button-active {
z-index: 10;
background: #fff3;
border-radius: 20px;
position: relative;
}
.timeperiod-selector:before, .timeperiod-button-active:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.timeperiod-selector button {
color: #fff;
border-radius: 20px;
flex-grow: 1;
width: auto;
}
@keyframes attachmentAppear {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.attachment-appear {
animation: .25s ease-out forwards attachmentAppear;
}
.attachment-appear:first-child {
animation-delay: 0s;
}
.attachment-appear:nth-child(2) {
animation-delay: 50ms;
}
.attachment-appear:nth-child(3) {
animation-delay: .1s;
}
.attachment-appear:nth-child(4) {
animation-delay: .15s;
}
.attachment-appear:nth-child(5) {
animation-delay: .2s;
}
.attachment-appear:nth-child(6) {
animation-delay: .25s;
}
.attachments-wrapper {
grid-template-rows: 0fr;
transition: grid-template-rows .2s ease-out;
display: grid;
}
.attachments-wrapper.has-attachments {
grid-template-rows: 1fr;
}
.attachments-container {
min-height: 0;
overflow: hidden;
}
@keyframes popupEnter {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes popupExit {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(8px);
}
}
.popup-animate-enter {
animation: .2s ease-out forwards popupEnter;
}
.popup-animate-exit {
animation: .15s ease-in forwards popupExit;
}
.xterm {
cursor: text;
-webkit-user-select: none;
user-select: none;
position: relative;
}
.xterm.focus, .xterm:focus {
outline: none;
}
.xterm .xterm-helpers {
z-index: 5;
position: absolute;
top: 0;
}
.xterm .xterm-helper-textarea {
opacity: 0;
z-index: -5;
white-space: nowrap;
resize: none;
border: 0;
width: 0;
height: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: -9999em;
overflow: hidden;
}
.xterm .composition-view {
color: #fff;
white-space: nowrap;
z-index: 1;
background: #000;
display: none;
position: absolute;
}
.xterm .composition-view.active {
display: block;
}
.xterm .xterm-viewport {
cursor: default;
position: absolute;
inset: 0;
overflow-y: scroll;
background-color: #0000 !important;
}
.xterm .xterm-screen {
position: relative;
}
.xterm .xterm-screen canvas {
position: absolute;
top: 0;
left: 0;
}
.xterm .xterm-scroll-area {
visibility: hidden;
}
.xterm-char-measure-element {
visibility: hidden;
line-height: normal;
display: inline-block;
position: absolute;
top: 0;
left: -9999em;
}
.xterm.enable-mouse-events {
cursor: default;
}
.xterm.xterm-cursor-pointer, .xterm .xterm-cursor-pointer {
cursor: pointer;
}
.xterm.column-select.focus {
cursor: crosshair;
}
.xterm .xterm-accessibility:not(.debug), .xterm .xterm-message {
z-index: 10;
color: #0000;
pointer-events: none;
position: absolute;
inset: 0;
}
.xterm .xterm-accessibility-tree:not(.debug) ::selection {
color: #0000;
}
.xterm .xterm-accessibility-tree {
-webkit-user-select: text;
user-select: text;
white-space: pre;
}
.xterm .live-region {
width: 1px;
height: 1px;
position: absolute;
left: -9999px;
overflow: hidden;
}
.xterm-dim {
opacity: 1 !important;
}
.xterm-underline-1 {
text-decoration: underline;
}
.xterm-underline-2 {
-webkit-text-decoration: underline double;
text-decoration: underline double;
}
.xterm-underline-3 {
-webkit-text-decoration: underline wavy;
text-decoration: underline wavy;
}
.xterm-underline-4 {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.xterm-underline-5 {
-webkit-text-decoration: underline dashed;
text-decoration: underline dashed;
}
.xterm-overline {
text-decoration: overline;
}
.xterm-overline.xterm-underline-1 {
text-decoration: underline overline;
}
.xterm-overline.xterm-underline-2 {
-webkit-text-decoration: overline double underline;
text-decoration: overline double underline;
}
.xterm-overline.xterm-underline-3 {
-webkit-text-decoration: overline wavy underline;
text-decoration: overline wavy underline;
}
.xterm-overline.xterm-underline-4 {
-webkit-text-decoration: overline dotted underline;
text-decoration: overline dotted underline;
}
.xterm-overline.xterm-underline-5 {
-webkit-text-decoration: overline dashed underline;
text-decoration: overline dashed underline;
}
.xterm-strikethrough {
text-decoration: line-through;
}
.xterm-screen .xterm-decoration-container .xterm-decoration {
z-index: 6;
position: absolute;
}
.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
z-index: 7;
}
.xterm-decoration-overview-ruler {
z-index: 8;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
}
.xterm-decoration-top {
z-index: 2;
position: relative;
}
.terminaltab {
border-radius: 20px;
transition: all .2s;
position: relative;
}
.cocreate-icontab, .homescreen-integrations-iconbox {
border-radius: 50%;
transition: all .2s;
position: relative;
}
.cocreate-icontab-active {
background: #ffffff1a;
}
.imagesappintrobox {
background: #ffffff0d;
border-radius: 50%;
transition: all .2s;
position: relative;
box-shadow: 0 5px 20px #00000026;
}
.imagesappintrobox:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.homescreen-widget {
background: linear-gradient(to top, #000c, #00000080);
border-radius: 20px;
transition: all .2s;
position: relative;
box-shadow: 0 5px 20px #00000026;
}
.homescreen-widget:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.cocreate-icontab-active:before, .homescreen-integrations-iconbox:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.terminaltab-active {
background: #ffffff1a;
}
.lassotab-active {
background: #0080f7 !important;
}
.terminaltab-plusbutton {
background: #fff0;
border-radius: 50%;
position: relative;
}
.terminal-envselect {
text-align: right;
background: none;
position: relative;
}
.terminal-envselect:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.terminaltab-plusbutton:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.app-glassicon {
background: radial-gradient(#fff0, #fff0, #fff0, #fff3);
border-radius: 20px;
position: relative;
}
.app-glassicon:before, .terminaltab-active:before, .terminaltab-active-10:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.terminaltab-active-10:before {
border-radius: 12px !important;
}
.glass-button-editor {
position: relative;
}
.glass-button-editor:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 19px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.monaco-editor, .monaco-editor .overflow-guard, .monaco-editor-background, .monaco-editor .inputarea.ime-input, .monaco-editor .margin, .monaco-editor .monaco-scrollable-element, .monaco-editor .lines-content, .monaco-editor .view-overlays, .monaco-editor .view-zones, .monaco-editor .margin-view-overlays {
background: none !important;
}
.monaco-editor .minimap {
background: #14141480 !important;
}
.monaco-editor .minimap-decorations-layer {
background: none !important;
}
.monaco-editor .minimap canvas {
opacity: .9;
}
.monaco-editor .scrollbar, .monaco-editor .glyph-margin, .monaco-editor .line-numbers, .monaco-editor .view-line, .monaco-editor-wrapper, [data-keybinding-context] {
background: none !important;
}
.embedded-runner-input {
background: none;
width: calc(100% - 2rem);
min-width: 0;
max-width: 56rem;
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
}
.discord-icon {
box-sizing: border-box;
background: linear-gradient(to top, #434cb6, #5965f2);
border: 1px solid #646ff3;
border-radius: 10px;
}
.telegram-icon {
box-sizing: border-box;
background: linear-gradient(to top, #036699, #08c);
border: 1px solid #09c;
border-radius: 10px;
}
.embedded-runner-input .task-input-box {
box-sizing: border-box;
max-width: 100%;
}
.embedded-runner-input .task-input-box > * {
min-width: 0;
max-width: 100%;
}
.embedded-runner-input .sidebar-textarea {
border-radius: 8px;
padding: 1rem 1rem .25rem;
}
.embedded-runner-input .absolute.bottom-full {
z-index: 100;
}
.browser-urlbar {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 20px;
position: relative;
}
.runneronbrowser .runnerintegrationtopnav {
border-top: none !important;
}
.runneronbrowser .task-prompt-in-session-context {
background: #ffffff26 !important;
}
.runneronbrowser .task-input-box {
background: #ffffff1a !important;
}
.runneronsidebar .runnerintegrationtopnav {
border-top: none !important;
}
.runneronsidebar .task-prompt-in-session-context {
background: #ffffff26 !important;
}
.runneronsidebar .task-input-box {
color: #fff !important;
background: #ffffff1a !important;
font-size: 12px !important;
}
.runneronsidebar .task-input-box::placeholder {
color: #ffffff80 !important;
}
.runneronsidebar .text-lg {
font-size: .875rem !important;
line-height: 1.25rem !important;
}
.runneronsidebar .text-sm {
font-size: .75rem !important;
line-height: 1rem !important;
}
.runneronsidebar .text-xs {
font-size: 10px !important;
line-height: 14px !important;
}
.runneronsidebar .max-w-4xl {
padding-top: 16px !important;
}
.openwithbox, .rightclick-popupbox {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: none;
border: none;
border-radius: 20px;
position: absolute;
box-shadow: 0 4px 20px #00000040;
}
.openwithbox:before, .rightclick-popupbox:before, .filemodal:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.homescreen-search {
background: none;
border: none;
border-bottom: 1px solid #ffffff1a;
border-radius: 0;
}
.filemodal {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 20px, ;
background: #ffffff0d;
border: none;
}
.jss_container {
--border_color: #3d3d3d;
--border_color_highlighted: #60a5fa;
--header_background: #1e1e1e;
--header_background_highlighted: #2d2d2d;
--header_color: #e5e5e5;
--header_color_highlighted: #fff;
--content_background: #141414;
--content_background_highlighted: #2d2d2d;
--content_color: #e5e5e5;
--content_color_highlighted: #fff;
--selection: #60a5fa26;
--cursor: #1e3a5f;
--menu_background: #1e1e1e;
--menu_background_highlighted: #2d2d2d;
--menu_color: #e5e5e5;
--menu_color_highlighted: #fff;
--menu_box_shadow: 0 4px 20px #0006;
border-radius: 8px;
background: none !important;
width: 100% !important;
height: 100% !important;
min-height: 200px !important;
overflow: visible !important;
}
.active-filetab {
background: #ffffff1a;
border-radius: 20px;
position: relative;
}
.active-filetab:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.jss-container-wrapper {
flex-direction: column;
width: 100%;
height: 100%;
min-height: 200px;
display: flex;
overflow: visible;
}
.jss-container-wrapper .jss_container {
flex: 1;
width: 100% !important;
height: 100% !important;
min-height: 200px !important;
overflow: visible !important;
}
.jss_content {
position: relative;
width: 100% !important;
height: 100% !important;
min-height: 200px !important;
overflow: auto !important;
}
.jss_worksheet > thead > tr > td {
color: #a3a3a3 !important;
border-color: #3d3d3d !important;
padding: 6px 8px !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.jss_worksheet > thead > tr > td.selected {
color: #fff !important;
}
.jss_worksheet > tbody > tr > td:first-child {
color: #a3a3a3 !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.jss_worksheet > tbody > tr.selected > td:first-child {
color: #fff !important;
}
.jss_worksheet > tbody > tr > td {
color: #e5e5e5 !important;
border-color: #3d3d3d !important;
padding: 4px 8px !important;
font-size: 13px !important;
}
.jss_worksheet .highlight {
background: #60a5fa1a !important;
}
.jss_worksheet .highlight-selected {
background: #1e3a5f !important;
}
.jss_worksheet .highlight-top, .jss_worksheet .highlight-left, .jss_worksheet .highlight-right, .jss_worksheet .highlight-bottom {
border-color: #60a5fa !important;
}
.jss_worksheet td.edition input, .jss_worksheet td.edition textarea {
color: #fff !important;
border: 2px solid #60a5fa !important;
outline: none !important;
}
.jss_contextmenu {
border: 1px solid #3d3d3d !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 4px 20px #0006 !important;
}
.jss_contextmenu > div {
color: #e5e5e5 !important;
padding: 8px 12px !important;
font-size: 13px !important;
}
.jss_contextmenu > div:not(.contextmenu-line):hover {
color: #fff !important;
background: #2d2d2d !important;
}
.jss_contextmenu > div a {
color: #e5e5e5 !important;
text-decoration: none !important;
}
.jss_contextmenu > div:not(.contextmenu-line):hover a {
color: #fff !important;
}
.jss_contextmenu .contextmenu-line {
border-top: 1px solid #3d3d3d !important;
margin: 4px 0 !important;
padding: 0 !important;
}
.jss_pagination {
border-top: 1px solid #3d3d3d !important;
padding: 8px !important;
}
.jss_pagination > div > div {
color: #e5e5e5 !important;
background: #2d2d2d !important;
border: 1px solid #3d3d3d !important;
border-radius: 4px !important;
padding: 4px 8px !important;
}
.jss_pagination > div > div:hover {
background: #3d3d3d !important;
}
.jss_tabs {
border-bottom: 1px solid #3d3d3d !important;
}
.jss_tabs .jss_tab {
color: #a3a3a3 !important;
background: none !important;
border: none !important;
padding: 8px 16px !important;
}
.jss_tabs .jss_tab:hover {
color: #e5e5e5 !important;
background: #ffffff0d !important;
}
.jss_tabs .jss_tab.selected {
color: #fff !important;
border-bottom: 2px solid #60a5fa !important;
}
.jss_container ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.jss_container ::-webkit-scrollbar-track {
background: #1e1e1e;
}
.jss_container ::-webkit-scrollbar-thumb {
background: #3d3d3d;
border-radius: 4px;
}
.jss_container ::-webkit-scrollbar-thumb:hover {
background: #4d4d4d;
}
.jss_container input[type="text"].jss_formula {
color: #e5e5e5 !important;
border: none !important;
border-bottom: 1px solid #3d3d3d !important;
padding: 8px !important;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace !important;
font-size: 13px !important;
}
.jss_container .jss_search {
color: #e5e5e5 !important;
background: #2d2d2d !important;
border: 1px solid #3d3d3d !important;
border-radius: 4px !important;
}
.jss_worksheet .jss-col-resize, .jss_worksheet .jss-row-resize {
background: none !important;
}
.jss_worksheet .jss-col-resize:hover, .jss_worksheet .jss-row-resize:hover {
background: #60a5fa !important;
}
.file-browser-modal {
-webkit-backdrop-filter: blur(80px);
backdrop-filter: blur(80px);
background: #ffffff1a;
border: none;
border-radius: 20px;
position: relative;
box-shadow: 0 10px 30px #000000bf;
}
.files-modal-search-bar {
background: #fff0;
border-radius: 10px;
position: relative;
}
.professional-select {
appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-position: right .75rem center;
background-repeat: no-repeat;
background-size: 8px;
}
.professional-select-wrapper {
background-color: #ffffff0d;
border-radius: 10px;
position: relative;
}
.professional-select-wrapper:before, .files-modal-search-bar:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.file-browser-modal:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.subscription-box-settings-app {
border-radius: 15px;
position: relative;
}
.subscription-box-settings-app:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.currentplan-box-settings-app {
background: #ffffff06;
border-radius: 15px;
position: relative;
box-shadow: 0 10px 30px #0000001a;
}
.currentplan-box-settings-app:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff0d, #ffffff12, #ffffff59);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.share-popup {
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
background: #ffffff0d;
border-radius: 20px;
box-shadow: 0 10px 30px #000000bf;
}
.share-stats {
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
border-radius: 15px;
box-shadow: 0 10px 30px #00000040;
background: #fff0 !important;
}
.share-stats:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.ct-budget-label {
background: #ffffff80;
border-radius: 10px;
position: relative;
}
.complex-log-box, .complex-log-box-prompt-box {
border: 1px solid #ffffff1a;
border-radius: 15px;
position: relative;
}
.subnav-lp {
border: 1px solid #00000013;
border-radius: 15px;
position: relative;
}
.subnav-lp-dark {
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0, .5);
background: #141414bf !important;
border: none !important;
}
.subnav-lp:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
z-index: 2147483647;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.agent-steps-container {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 24px;
position: relative;
}
.agent-steps-line {
background: #ffffff26;
width: 1px;
position: absolute;
top: 20px;
bottom: 20px;
left: 7.5px;
}
.agent-step-item {
align-items: flex-start;
gap: 0;
margin-bottom: .5rem;
display: flex;
position: relative;
}
.agent-step-bullet {
z-index: 1;
background: #fff9;
border-radius: 50%;
flex-shrink: 0;
width: 6px;
height: 6px;
position: absolute;
top: 13px;
left: -19px;
}
.agent-step-content {
flex: 1;
min-width: 0;
}
.agent-step-content > .mb-1 {
margin-bottom: 0;
}
.agent-step-content .pl-3 {
padding-left: 0;
}
.agent-step-content .complex-log-box {
margin-top: 8px;
margin-left: 0;
}
.onboarding-button, .lp-button {
cursor: pointer;
background: #fff3;
border-radius: 20px;
position: relative;
transition: all .2s !important;
}
.lp-button {
width: 120px;
}
.onboarding-button:hover, .lp-button:hover {
background: #ffffff4d;
}
.onboarding-button:before, .lp-button:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.onboarding-popup-container {
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
background: #00000080;
border-radius: 20px;
position: relative;
box-shadow: 0 10px 50px #00000080;
}
.onboarding-popup-container:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
@keyframes pulseOnce {
0% {
background-color: #3b82f64d;
}
100% {
background-color: #0000;
}
}
.animate-pulse-once {
animation: 2s ease-out forwards pulseOnce;
}
.usage-chartcard, .api-key-container, .settings-integration-card {
border-radius: 15px;
position: relative;
background: #ffffff06 !important;
}
.agent-instructions-nav-container {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: #ffffff0d;
border-radius: 20px;
position: relative;
box-shadow: 0 10px 20px #00000040;
}
.agent-instructions-nav-container button {
border-radius: 15px;
position: relative;
}
.agent-instuctions-box {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 15px;
position: relative;
box-shadow: 0 10px 20px #00000040;
}
.agent-instuctions-box:before, .agent-instructions-nav-container-button-active:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.agent-instructions-nav-container:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 20px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.login-button {
border-radius: 10px;
position: relative;
box-shadow: 0 2px 10px #0000001a;
}
.login-button:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.homescreen-label {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: #00000080;
border-radius: 18px;
position: relative;
box-shadow: 0 10px 20px #00000040;
}
.homescreen-label:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 18px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.usage-chartcard:before, .api-key-container:before, .settings-integration-card:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
@keyframes carousel-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-1152px);
}
}
.animate-carousel {
will-change: transform;
animation: 40s linear infinite carousel-scroll;
}
.lp-mail-card {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: #ffffff0d;
border-radius: 15px;
position: relative;
box-shadow: 0 10px 20px #00000040;
}
.lp-mail-card:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.lp-apicard {
cursor: pointer;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
position: relative;
}
.lp-apicard:hover {
z-index: 19;
background: linear-gradient(to top, #fff0, #ffffff1a);
border-top: 1px solid #fff3;
border-bottom: 1px solid #fff3;
}
.footerbgtransition {
background: linear-gradient(#000, #0000);
width: 100%;
height: 200px;
}
.footerbgtransitionbottom {
background: linear-gradient(to top, #000, #0000);
width: 100%;
height: 200px;
}
.gradient-blur {
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
-webkit-mask: linear-gradient(to top, #000, #000, #0000);
mask: linear-gradient(to top, #000, #000, #0000);
}
.usecases-box {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: #ffffff0d;
border-radius: 15px;
position: relative;
box-shadow: 0 10px 20px #00000040;
}
.usecases-icon {
background: radial-gradient(#fff0 50%, #ffffff1a);
border-radius: 50px;
position: relative;
box-shadow: 0 10px 20px #00000040;
}
.crossbridgebutton {
border-radius: 17px;
position: relative;
box-shadow: 0 10px 20px #00000040;
}
.crossbridgebutton:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 17px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.usecases-icon:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 50%;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.usecases-box:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 15px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.htmlpage-icon {
background: #fff0;
border-radius: 10px;
position: relative;
box-shadow: 0 5px 10px #00000040;
}
.htmlpage-icon:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
background: linear-gradient(-10deg, #c8c8c826, #ffffff1a, #ffffff12, #ffffff4d);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false
}
@property --tw-gradient-from {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-from-position {
syntax: "";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position {
syntax: "";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-ordinal {
syntax: "*";
inherits: false
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false
}
@property --tw-numeric-fraction {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false
}
@property --tw-duration {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
/* [project]/app/landing-page.css [app-client] (css) */
.hero-section {
color: #fff;
text-align: center;
background: none;
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 100px;
display: flex;
}
.hero-content {
max-width: 1400px;
margin: 0 auto;
}
.synthesizing-badge {
border: 1px solid #4a4a4a;
border-radius: 20px;
align-items: center;
gap: 8px;
margin-bottom: 24px;
padding: 8px 16px;
display: inline-flex;
}
.synthesizing-badge span {
font-size: 14px;
}
.hero-headline {
margin-bottom: 24px;
font-size: 72px;
font-weight: 500;
line-height: 1.1;
}
.hero-headline .highlight {
color: #ff6b00;
font-style: italic;
}
.hero-subheadline {
color: #a0a0a0;
max-width: 600px;
margin: 0 auto 40px;
font-size: 18px;
line-height: 1.6;
}
.cta-section {
margin-bottom: 40px;
}
.cta-buttons {
justify-content: center;
gap: 16px;
margin-bottom: 16px;
display: flex;
}
.get-claude-code-btn {
color: #141414;
cursor: pointer;
background-color: #fff;
border: none;
border-radius: 8px;
align-items: center;
gap: 8px;
padding: 12px 24px;
font-weight: 500;
display: inline-flex;
}
.install-command {
background-color: #2a2a2a;
border-radius: 8px;
align-items: center;
gap: 8px;
padding: 12px 24px;
font-family: monospace;
display: inline-flex;
}
.documentation-link {
color: #a0a0a0;
font-size: 14px;
}
.documentation-link a {
color: #fff;
text-decoration: underline;
}
.work-tabs {
flex-direction: column;
align-items: center;
gap: 16px;
display: flex;
}
.work-tabs .tabs {
background-color: #2a2a2a;
border-radius: 8px;
gap: 8px;
padding: 8px;
display: flex;
}
.work-tabs .tabs button {
color: #a0a0a0;
cursor: pointer;
background-color: #0000;
border: none;
border-radius: 6px;
padding: 8px 16px;
font-weight: 500;
}
.work-tabs .tabs button.active {
color: #fff;
background-color: #4a4a4a;
}
.lp-iconbox {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #fff3;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
position: relative;
box-shadow: 0 5px 15px #0000001a;
}
.lp-iconbox:before {
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
z-index: 2147483647;
background: linear-gradient(-10deg, #c8c8c84d, #ffffff1a, #ffffff12, #fff9);
border-radius: 12px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.lp-icondevider {
border-top: 1px dashed #ffffff80;
width: 40px;
height: 0;
}
.main-nav {
color: #fff;
z-index: 2147483647;
background-color: #0000;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
.nav-content {
justify-content: space-between;
align-items: center;
max-width: 1400px;
margin: 0 auto;
padding: 16px 32px;
display: flex;
}
.logo {
color: #fff;
align-items: center;
gap: 8px;
font-size: 20px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.nav-right {
align-items: center;
gap: 32px;
display: flex;
}
.nav-links {
gap: 32px;
display: flex;
}
.nav-link {
color: #ccc;
align-items: center;
gap: 4px;
text-decoration: none;
display: flex;
}
.nav-link:hover {
color: #fff;
}
.nav-buttons {
gap: 16px;
display: flex;
}
.contact-sales-btn, .try-claude-btn {
cursor: pointer;
border: none;
border-radius: 8px;
padding: 8px 16px;
}
.contact-sales-btn {
color: #fff;
background-color: #0000;
}
.try-claude-btn {
color: #141414;
background-color: #ffffffe6 !important;
}
.newtaskbuttonsidebar {
cursor: pointer;
z-index: 2147483647;
background: #fff0;
border-radius: 15px;
justify-content: center;
align-items: center;
height: 30px;
display: flex;
position: relative;
}
.hero-content-split {
text-align: left;
z-index: 3;
width: 1200px;
height: 100%;
margin: 0 auto;
position: relative;
}
.hero-headline-split {
line-height: 1;
}
.hero-subheadline-split {
color: #a0a0a0;
font-size: 18px;
line-height: 1.6;
}
.add-to-slack-btn {
color: #141414;
cursor: pointer;
background-color: #fff;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-weight: 500;
}
.hero-image-placeholder {
background: #212121;
border-radius: 30px;
justify-content: center;
align-items: center;
height: 520px;
display: flex;
}
@keyframes heroFadeSlideUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes heroContainerSlideUp {
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.hero-animate-fadeSlideUp {
animation: .8s cubic-bezier(.16, 1, .3, 1) forwards heroFadeSlideUp;
}
.hero-animate-containerSlideUp {
animation: 1s cubic-bezier(.16, 1, .3, 1) forwards heroContainerSlideUp;
}
.hero-animation-delay-100 {
animation-delay: .1s;
}
.hero-animation-delay-200 {
animation-delay: .2s;
}
.hero-animation-delay-300 {
animation-delay: .3s;
}
.hero-animation-delay-400 {
animation-delay: .4s;
}
.hero-text-initial {
opacity: 0;
transform: translateY(30px);
}
.hero-container-initial {
opacity: 0;
transform: translateY(100px);
}
/* [next]/internal/font/google/inter_2fe1ab3d.module.css [app-client] (css) */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/1bffadaabf893a1e-s.7cd81963.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Inter Fallback;
src: local(Arial);
ascent-override: 90.44%;
descent-override: 22.52%;
line-gap-override: 0.0%;
size-adjust: 107.12%;
}
.inter_2fe1ab3d-module__-T-KAq__className {
font-family: Inter, Inter Fallback;
font-style: normal;
}
.inter_2fe1ab3d-module__-T-KAq__variable {
--font-inter: "Inter", "Inter Fallback";
}
/*# sourceMappingURL=%5Broot-of-the-server%5D__bad7ff5b._.css.map*/