diff --git a/public/assets/css/style.css b/public/assets/css/style.css index d7293a67..9796a4a0 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -2,8 +2,11 @@ @charset "UTF-8"; @layer properties; @layer theme, base, components, utilities; + @layer theme { - :root, :host { + + :root, + :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", @@ -114,15 +117,15 @@ --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-900: oklch(20.8% 0.042 265.755); --color-gray-50: oklch(98.5% 0.002 247.839); - --color-gray-100: rgb(249,250,251); - --color-gray-200: rgb(242,244,245); - --color-gray-300: rgb(230,234,235); - --color-gray-400: rgb(219,223,225); - --color-gray-500: rgb(148,158,183); - --color-gray-600: rgb(121,135,161); - --color-gray-700: rgb(77,88,117); - --color-gray-800: rgb(56,56,83); - --color-gray-900: rgb(50,50,81); + --color-gray-100: rgb(249, 250, 251); + --color-gray-200: rgb(242, 244, 245); + --color-gray-300: rgb(230, 234, 235); + --color-gray-400: rgb(219, 223, 225); + --color-gray-500: rgb(148, 158, 183); + --color-gray-600: rgb(121, 135, 161); + --color-gray-700: rgb(77, 88, 117); + --color-gray-800: rgb(56, 56, 83); + --color-gray-900: rgb(50, 50, 81); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); @@ -236,92 +239,143 @@ --font-montserrat: "Montserrat", ui-sans-serif, system-ui, sans-serif; } } + @layer base { - *, ::after, ::before, ::backdrop, ::file-selector-button { + + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } - html, :host { + + html, + :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; + -o-tab-size: 4; + tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } + 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 { + + h1, + h2, + h3, + h4, + h5, + h6 { font-size: inherit; font-weight: inherit; } + a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } - b, strong { + + b, + strong { font-weight: bolder; } - code, kbd, samp, pre { + + 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 { + + sub, + sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } + sub { bottom: -0.25em; } + sup { top: -0.5em; } + table { text-indent: 0; border-color: inherit; border-collapse: collapse; } + :-moz-focusring { outline: auto; } + progress { vertical-align: baseline; } + summary { display: list-item; } - ol, ul, menu { + + ol, + ul, + menu { list-style: none; } - img, svg, video, canvas, audio, iframe, embed, object { + + img, + svg, + video, + canvas, + audio, + iframe, + embed, + object { display: block; vertical-align: middle; } - img, video { + + img, + video { max-width: 100%; height: auto; } - button, input, select, optgroup, textarea, ::file-selector-button { + + button, + input, + select, + optgroup, + textarea, + ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; @@ -331,88 +385,125 @@ background-color: transparent; opacity: 1; } + :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } + :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } + ::file-selector-button { margin-inline-end: 4px; } + ::-moz-placeholder { opacity: 1; } + ::placeholder { opacity: 1; } - @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { + + @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::-moz-placeholder { color: currentcolor; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } + ::placeholder { color: currentcolor; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } + textarea { resize: vertical; } + ::-webkit-search-decoration { -webkit-appearance: none; } + ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } + ::-webkit-datetime-edit { display: inline-flex; } + ::-webkit-datetime-edit-fields-wrapper { padding: 0; } - ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { + + ::-webkit-datetime-edit, + ::-webkit-datetime-edit-year-field, + ::-webkit-datetime-edit-month-field, + ::-webkit-datetime-edit-day-field, + ::-webkit-datetime-edit-hour-field, + ::-webkit-datetime-edit-minute-field, + ::-webkit-datetime-edit-second-field, + ::-webkit-datetime-edit-millisecond-field, + ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } + ::-webkit-calendar-picker-indicator { line-height: 1; } + :-moz-ui-invalid { box-shadow: none; } - button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { + + button, + input:where([type="button"], [type="reset"], [type="submit"]), + ::file-selector-button { -webkit-appearance: button; - -moz-appearance: button; - appearance: button; + -moz-appearance: button; + appearance: button; } - ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { + + ::-webkit-inner-spin-button, + ::-webkit-outer-spin-button { height: auto; } + [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } + @layer utilities { .pointer-events-auto { pointer-events: auto; } + .pointer-events-none { pointer-events: none; } + .collapse { visibility: collapse; } + .invisible { visibility: hidden; } + .visible { visibility: visible; } + .sr-only { position: absolute; width: 1px; @@ -424,1748 +515,2322 @@ white-space: nowrap; border-width: 0; } + .absolute { position: absolute; } + .fixed { position: fixed; } + .fixed\! { position: fixed !important; } + .relative { position: relative; } + .static { position: static; } + .sticky { position: sticky; } + .inset-0 { inset: calc(var(--spacing) * 0); } + .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } + .inset-x-px { inset-inline: 1px; } + .inset-y-0 { inset-block: calc(var(--spacing) * 0); } + .-start-\[2px\] { inset-inline-start: calc(2px * -1); } + .start { inset-inline-start: var(--spacing); } + .start-0 { inset-inline-start: calc(var(--spacing) * 0); } + .start-1\/2 { inset-inline-start: calc(1/2 * 100%); } + .start-2 { inset-inline-start: calc(var(--spacing) * 2); } + .-end-2 { inset-inline-end: calc(var(--spacing) * -2); } + .end { inset-inline-end: var(--spacing); } + .end-0 { inset-inline-end: calc(var(--spacing) * 0); } + .end-2 { inset-inline-end: calc(var(--spacing) * 2); } + .\!top-\[1\.5rem\] { top: 1.5rem !important; } + .\!top-auto { top: auto !important; } + .-top-2 { top: calc(var(--spacing) * -2); } + .-top-8 { top: calc(var(--spacing) * -8); } + .-top-\[0\.25rem\] { top: calc(0.25rem * -1); } + .-top-\[2px\] { top: calc(2px * -1); } + .top-0 { top: calc(var(--spacing) * 0); } + .top-1\/2 { top: calc(1 / 2 * 100%); } + .top-2 { top: calc(var(--spacing) * 2); } + .top-\[0\.4em\] { top: 0.4em; } + .top-\[0\.5em\] { top: 0.5em; } + .top-\[2\.5rem\] { top: 2.5rem; } + .top-full { top: 100%; } + .right-0 { right: calc(var(--spacing) * 0); } + .\!bottom-0 { bottom: calc(var(--spacing) * 0) !important; } + .-bottom-8 { bottom: calc(var(--spacing) * -8); } + .bottom-0 { bottom: calc(var(--spacing) * 0); } + .bottom-full { bottom: 100%; } + .bottom-px { bottom: 1px; } + .left-0 { left: calc(var(--spacing) * 0); } + .left-1\/2 { left: calc(1 / 2 * 100%); } + .left-\[60\%\] { left: 60%; } + .left-\[80\%\] { left: 80%; } + .\!z-\[1\] { z-index: 1 !important; } + .\!z-\[105\] { z-index: 105 !important; } + .\!z-\[1000\] { z-index: 1000 !important; } + .z-0 { z-index: 0; } + .z-10 { z-index: 10; } + .z-20 { z-index: 20; } + .z-40 { z-index: 40; } + .z-50 { z-index: 50; } + .z-\[70\] { z-index: 70; } + .z-\[80\] { z-index: 80; } + .z-\[99\] { z-index: 99; } + .z-\[105\] { z-index: 105; } + .z-\[106\] { z-index: 106; } + .z-\[135\]\! { z-index: 135 !important; } + .order-1 { order: 1; } + .order-2 { order: 2; } + .order-3 { order: 3; } + .col-6 { grid-column: 6; } + .col-span-1 { grid-column: span 1 / span 1; } + .col-span-2 { grid-column: span 2 / span 2; } + .col-span-3 { grid-column: span 3 / span 3; } + .col-span-4 { grid-column: span 4 / span 4; } + .col-span-6 { grid-column: span 6 / span 6; } + .col-span-8 { grid-column: span 8 / span 8; } + .col-span-10 { grid-column: span 10 / span 10; } + .col-span-12 { grid-column: span 12 / span 12; } + .col-start-1 { grid-column-start: 1; } + .col-start-2 { grid-column-start: 2; } + .col-end-3 { grid-column-end: 3; } + .col-end-7 { grid-column-end: 7; } + .row-1 { grid-row: 1; } + .row-2 { grid-row: 2; } + .row-3 { grid-row: 3; } + .row-4 { grid-row: 4; } + .row-5 { grid-row: 5; } + .row-6 { grid-row: 6; } + .row-7 { grid-row: 7; } + .row-8 { grid-row: 8; } + .row-9 { grid-row: 9; } + .row-10 { grid-row: 10; } + .row-11 { grid-row: 11; } + .row-12 { grid-row: 12; } + .row-span-2 { grid-row: span 2 / span 2; } + .row-span-3 { grid-row: span 3 / span 3; } + .row-start-1 { grid-row-start: 1; } + .row-start-2 { grid-row-start: 2; } + .row-end-3 { grid-row-end: 3; } + .row-end-4 { grid-row-end: 4; } + .float-end { float: inline-end; } + .float-left { float: left; } + .float-none { float: none; } + .float-right { float: right; } + .float-start { float: inline-start; } + .container { width: 100%; - @media (width >= 30rem) { + + @media (width >=30rem) { max-width: 30rem; } - @media (width >= 40rem) { + + @media (width >=40rem) { max-width: 40rem; } - @media (width >= 48rem) { + + @media (width >=48rem) { max-width: 48rem; } - @media (width >= 64rem) { + + @media (width >=64rem) { max-width: 64rem; } - @media (width >= 80rem) { + + @media (width >=80rem) { max-width: 80rem; } - @media (width >= 100rem) { + + @media (width >=100rem) { max-width: 100rem; } - @media (width >= 120rem) { + + @media (width >=120rem) { max-width: 120rem; } } + .container\! { width: 100% !important; - @media (width >= 30rem) { + + @media (width >=30rem) { max-width: 30rem !important; } - @media (width >= 40rem) { + + @media (width >=40rem) { max-width: 40rem !important; } - @media (width >= 48rem) { + + @media (width >=48rem) { max-width: 48rem !important; } - @media (width >= 64rem) { + + @media (width >=64rem) { max-width: 64rem !important; } - @media (width >= 80rem) { + + @media (width >=80rem) { max-width: 80rem !important; } - @media (width >= 100rem) { + + @media (width >=100rem) { max-width: 100rem !important; } - @media (width >= 120rem) { + + @media (width >=120rem) { max-width: 120rem !important; } } + .\!m-0 { margin: calc(var(--spacing) * 0) !important; } + .\!m-1 { margin: calc(var(--spacing) * 1) !important; } + .m-0 { margin: calc(var(--spacing) * 0); } + .m-0\! { margin: calc(var(--spacing) * 0) !important; } + .m-1 { margin: calc(var(--spacing) * 1); } + .m-2 { margin: calc(var(--spacing) * 2); } + .m-3 { margin: calc(var(--spacing) * 3); } + .m-4 { margin: calc(var(--spacing) * 4); } + .m-5 { margin: calc(var(--spacing) * 5); } + .m-71 { margin: calc(var(--spacing) * 71); } + .m-82 { margin: calc(var(--spacing) * 82); } + .m-214 { margin: calc(var(--spacing) * 214); } + .m-357 { margin: calc(var(--spacing) * 357); } + .m-375 { margin: calc(var(--spacing) * 375); } + .m-490 { margin: calc(var(--spacing) * 490); } + .m-572 { margin: calc(var(--spacing) * 572); } + .m-600 { margin: calc(var(--spacing) * 600); } + .m-620 { margin: calc(var(--spacing) * 620); } + .m-753 { margin: calc(var(--spacing) * 753); } + .m-\[0\.125rem\] { margin: 0.125rem; } + .m-\[3rem\] { margin: 3rem; } + .m-auto { margin: auto; } + .\!mx-0 { margin-inline: calc(var(--spacing) * 0) !important; } + .\!mx-1 { margin-inline: calc(var(--spacing) * 1) !important; } + .\!mx-2 { margin-inline: calc(var(--spacing) * 2) !important; } + .\!mx-auto { margin-inline: auto !important; } + .mx-0 { margin-inline: calc(var(--spacing) * 0); } + .mx-1 { margin-inline: calc(var(--spacing) * 1); } + .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } + .mx-2 { margin-inline: calc(var(--spacing) * 2); } + .mx-3 { margin-inline: calc(var(--spacing) * 3); } + .mx-4 { margin-inline: calc(var(--spacing) * 4); } + .mx-auto { margin-inline: auto; } + .\!my-2 { margin-block: calc(var(--spacing) * 2) !important; } + .\!my-auto { margin-block: auto !important; } + .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-5 { margin-block: calc(var(--spacing) * 5); } + .my-6 { margin-block: calc(var(--spacing) * 6); } + .my-\[1\.5rem\] { margin-block: 1.5rem; } + .my-\[2\.5rem\] { margin-block: 2.5rem; } + .my-\[3rem\] { margin-block: 3rem; } + .my-auto { margin-block: auto; } + .\!-ms-1 { margin-inline-start: calc(var(--spacing) * -1) !important; } + .\!ms-0 { margin-inline-start: calc(var(--spacing) * 0) !important; } + .\!ms-1 { margin-inline-start: calc(var(--spacing) * 1) !important; } + .\!ms-2 { margin-inline-start: calc(var(--spacing) * 2) !important; } + .\!ms-4 { margin-inline-start: calc(var(--spacing) * 4) !important; } + .\!ms-auto { margin-inline-start: auto !important; } + .-ms-\[4px\] { margin-inline-start: calc(4px * -1); } + .-ms-px { margin-inline-start: -1px; } + .ms-0 { margin-inline-start: calc(var(--spacing) * 0); } + .ms-0\.5 { margin-inline-start: calc(var(--spacing) * 0.5); } + .ms-1 { margin-inline-start: calc(var(--spacing) * 1); } + .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } + .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } + .ms-3\.5 { margin-inline-start: calc(var(--spacing) * 3.5); } + .ms-4 { margin-inline-start: calc(var(--spacing) * 4); } + .ms-5 { margin-inline-start: calc(var(--spacing) * 5); } + .ms-6 { margin-inline-start: calc(var(--spacing) * 6); } + .ms-\[3rem\] { margin-inline-start: 3rem; } + .ms-auto { margin-inline-start: auto; } + .\!me-0 { margin-inline-end: calc(var(--spacing) * 0) !important; } + .\!me-1 { margin-inline-end: calc(var(--spacing) * 1) !important; } + .\!me-1\.5 { margin-inline-end: calc(var(--spacing) * 1.5) !important; } + .\!me-2 { margin-inline-end: calc(var(--spacing) * 2) !important; } + .\!me-\[\.375rem\] { margin-inline-end: .375rem !important; } + .\!me-\[0\.375rem\] { margin-inline-end: 0.375rem !important; } + .\!me-\[6px\] { margin-inline-end: 6px !important; } + .-me-\[0\.6rem\] { margin-inline-end: calc(0.6rem * -1); } + .-me-\[4px\] { margin-inline-end: calc(4px * -1); } + .me-0 { margin-inline-end: calc(var(--spacing) * 0); } + .me-1 { margin-inline-end: calc(var(--spacing) * 1); } + .me-2 { margin-inline-end: calc(var(--spacing) * 2); } + .me-3 { margin-inline-end: calc(var(--spacing) * 3); } + .me-4 { margin-inline-end: calc(var(--spacing) * 4); } + .me-5 { margin-inline-end: calc(var(--spacing) * 5); } + .me-6 { margin-inline-end: calc(var(--spacing) * 6); } + .me-\[\.375rem\] { margin-inline-end: .375rem; } + .me-\[0\.365rem\] { margin-inline-end: 0.365rem; } + .me-\[0\.375rem\] { margin-inline-end: 0.375rem; } + .me-\[3rem\] { margin-inline-end: 3rem; } + .me-auto { margin-inline-end: auto; } + .\!-mt-2 { margin-top: calc(var(--spacing) * -2) !important; } + .\!-mt-3 { margin-top: calc(var(--spacing) * -3) !important; } + .\!-mt-\[4px\] { margin-top: calc(4px * -1) !important; } + .\!mt-0 { margin-top: calc(var(--spacing) * 0) !important; } + .\!mt-1 { margin-top: calc(var(--spacing) * 1) !important; } + .\!mt-2 { margin-top: calc(var(--spacing) * 2) !important; } + .\!mt-4 { margin-top: calc(var(--spacing) * 4) !important; } + .\!mt-5 { margin-top: calc(var(--spacing) * 5) !important; } + .-mt-px { margin-top: -1px; } + .mt-0 { margin-top: calc(var(--spacing) * 0); } + .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } + .mt-1 { margin-top: calc(var(--spacing) * 1); } + .mt-2 { margin-top: calc(var(--spacing) * 2); } + .mt-3 { margin-top: calc(var(--spacing) * 3); } + .mt-4 { margin-top: calc(var(--spacing) * 4); } + .mt-5 { margin-top: calc(var(--spacing) * 5); } + .mt-6 { margin-top: calc(var(--spacing) * 6); } + .mt-7 { margin-top: calc(var(--spacing) * 7); } + .mt-8 { margin-top: calc(var(--spacing) * 8); } + .mt-10 { margin-top: calc(var(--spacing) * 10); } + .mt-\[0\.5rem\] { margin-top: 0.5rem; } + .mt-\[0\.125rem\] { margin-top: 0.125rem; } + .mt-\[1\.75rem\] { margin-top: 1.75rem; } + .mt-\[3rem\] { margin-top: 3rem; } + .mt-auto { margin-top: auto; } + .-mr-px { margin-right: -1px; } + .mr-2 { margin-right: calc(var(--spacing) * 2); } + .\!mb-0 { margin-bottom: calc(var(--spacing) * 0) !important; } + .\!mb-1 { margin-bottom: calc(var(--spacing) * 1) !important; } + .\!mb-2 { margin-bottom: calc(var(--spacing) * 2) !important; } + .\!mb-3 { margin-bottom: calc(var(--spacing) * 3) !important; } + .\!mb-4 { margin-bottom: calc(var(--spacing) * 4) !important; } + .\!mb-5 { margin-bottom: calc(var(--spacing) * 5) !important; } + .\!mb-6 { margin-bottom: calc(var(--spacing) * 6) !important; } + .\!mb-\[3rem\] { margin-bottom: 3rem !important; } + .\!mb-\[20px\] { margin-bottom: 20px !important; } + .\!mb-\[22px\] { margin-bottom: 22px !important; } + .\!mb-\[23px\] { margin-bottom: 23px !important; } + .-mb-0\.5 { margin-bottom: calc(var(--spacing) * -0.5); } + .-mb-px { margin-bottom: -1px; } + .mb-0 { margin-bottom: calc(var(--spacing) * 0); } + .mb-1 { margin-bottom: calc(var(--spacing) * 1); } + .mb-2 { margin-bottom: calc(var(--spacing) * 2); } + .mb-2\! { margin-bottom: calc(var(--spacing) * 2) !important; } + .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-12 { margin-bottom: calc(var(--spacing) * 12); } + .mb-\[0\.8rem\] { margin-bottom: 0.8rem; } + .mb-\[0\.9rem\] { margin-bottom: 0.9rem; } + .mb-\[0\.375rem\] { margin-bottom: 0.375rem; } + .mb-\[1\.4px\] { margin-bottom: 1.4px; } + .mb-\[2rem\] { margin-bottom: 2rem; } + .mb-\[3em\] { margin-bottom: 3em; } + .mb-\[3rem\] { margin-bottom: 3rem; } + .mb-\[14px\] { margin-bottom: 14px; } + .mb-auto { margin-bottom: auto; } + .ml-0 { margin-left: calc(var(--spacing) * 0); } + .ml-1 { margin-left: calc(var(--spacing) * 1); } + .\!block { display: block !important; } + .\!flex { display: flex !important; } + .\!grid { display: grid !important; } + .\!hidden { display: none !important; } + .\!inline-flex { display: inline-flex !important; } + .block { display: block; } + .contents { display: contents; } + .flex { display: flex; } + .grid { display: grid; } + .hidden { display: none; } + .hidden\! { display: none !important; } + .inline { display: inline; } + .inline-block { display: inline-block; } + .inline-flex { display: inline-flex; } + .table { display: table; } + .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } + .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } + .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } + .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } + .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } + .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } + .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } + .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } + .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } + .size-40 { width: calc(var(--spacing) * 40); height: calc(var(--spacing) * 40); } + .size-\[46px\] { width: 46px; height: 46px; } + .size-full { width: 100%; height: 100%; } + .\!h-2\.5 { height: calc(var(--spacing) * 2.5) !important; } + .\!h-4 { height: calc(var(--spacing) * 4) !important; } + .\!h-8 { height: calc(var(--spacing) * 8) !important; } + .\!h-40 { height: calc(var(--spacing) * 40) !important; } + .\!h-\[1\.75rem\] { height: 1.75rem !important; } + .\!h-\[1rem\] { height: 1rem !important; } + .\!h-\[2\.5rem\] { height: 2.5rem !important; } + .\!h-\[2\.75rem\] { height: 2.75rem !important; } + .\!h-\[2\.313rem\] { height: 2.313rem !important; } + .\!h-\[3\.75rem\] { height: 3.75rem !important; } + .\!h-\[4rem\] { height: 4rem !important; } + .\!h-\[17\.5rem\] { height: 17.5rem !important; } + .\!h-\[17rem\] { height: 17rem !important; } + .\!h-\[90\%\] { height: 90% !important; } + .\!h-\[100\%\] { height: 100% !important; } + .\!h-\[352px\] { height: 352px !important; } + .\!h-auto { height: auto !important; } + .\!h-full { height: 100% !important; } + .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-5 { height: calc(var(--spacing) * 5); } + .h-6 { height: calc(var(--spacing) * 6); } + .h-8 { height: calc(var(--spacing) * 8); } + .h-10 { height: calc(var(--spacing) * 10); } + .h-12 { height: calc(var(--spacing) * 12); } + .h-60 { height: calc(var(--spacing) * 60); } + .h-\[0\.3125rem\] { height: 0.3125rem; } + .h-\[1\.25rem\] { height: 1.25rem; } + .h-\[1\.75rem\] { height: 1.75rem; } + .h-\[1\.375rem\] { height: 1.375rem; } + .h-\[1\.875rem\] { height: 1.875rem; } + .h-\[1rem\] { height: 1rem; } + .h-\[2\.313rem\] { height: 2.313rem; } + .h-\[2\.375rem\] { height: 2.375rem; } + .h-\[2\.413rem\] { height: 2.413rem; } + .h-\[2\.875rem\] { height: 2.875rem; } + .h-\[3\.875rem\] { height: 3.875rem; } + .h-\[14\.7px\] { height: 14.7px; } + .h-\[60px\] { height: 60px; } + .h-\[100px\] { height: 100px; } + .h-\[200px\] { height: 200px; } + .h-\[calc\(100\%-3\.5rem\)\] { height: calc(100% - 3.5rem); } + .h-full { height: 100%; } + .h-px { height: 1px; } + .max-h-60 { max-height: calc(var(--spacing) * 60); } + .max-h-72 { max-height: calc(var(--spacing) * 72); } + .max-h-\[23\.5rem\] { max-height: 23.5rem; } + .max-h-\[28\.375rem\] { max-height: 28.375rem; } + .max-h-\[340px\] { max-height: 340px; } + .max-h-\[400px\] { max-height: 400px; } + .max-h-\[800px\] { max-height: 800px; } + .max-h-full { max-height: 100%; } + .\!min-h-\[auto\] { min-height: auto !important; } + .min-h-7 { min-height: calc(var(--spacing) * 7); } + .min-h-\[15rem\] { min-height: 15rem; } + .min-h-\[30px\] { min-height: 30px; } + .min-h-\[32px\] { min-height: 32px; } + .min-h-\[36px\] { min-height: 36px; } + .min-h-\[38px\] { min-height: 38px; } + .min-h-\[44px\] { min-height: 44px; } + .min-h-\[46px\] { min-height: 46px; } + .min-h-\[calc\(100\%-3\.5rem\)\] { min-height: calc(100% - 3.5rem); } + .\!w-2 { width: calc(var(--spacing) * 2) !important; } + .\!w-2\.5 { width: calc(var(--spacing) * 2.5) !important; } + .\!w-3 { width: calc(var(--spacing) * 3) !important; } + .\!w-4 { width: calc(var(--spacing) * 4) !important; } + .\!w-5 { width: calc(var(--spacing) * 5) !important; } + .\!w-6 { width: calc(var(--spacing) * 6) !important; } + .\!w-8 { width: calc(var(--spacing) * 8) !important; } + .\!w-12 { width: calc(var(--spacing) * 12) !important; } + .\!w-30 { width: calc(var(--spacing) * 30) !important; } + .\!w-\[1\.3rem\] { width: 1.3rem !important; } + .\!w-\[1\.34rem\] { width: 1.34rem !important; } + .\!w-\[1\.75rem\] { width: 1.75rem !important; } + .\!w-\[1rem\] { width: 1rem !important; } + .\!w-\[2\.5rem\] { width: 2.5rem !important; } + .\!w-\[2\.75rem\] { width: 2.75rem !important; } + .\!w-\[2\.313rem\] { width: 2.313rem !important; } + .\!w-\[3\.125rem\] { width: 3.125rem !important; } + .\!w-\[4rem\] { width: 4rem !important; } + .\!w-\[22rem\] { width: 22rem !important; } + .\!w-\[50\%\] { width: 50% !important; } + .\!w-\[50px\] { width: 50px !important; } + .\!w-\[75\%\] { width: 75% !important; } + .\!w-auto { width: auto !important; } + .\!w-full { width: 100% !important; } + .w-0 { width: calc(var(--spacing) * 0); } + .w-1\.5 { width: calc(var(--spacing) * 1.5); } + .w-1\/2 { width: calc(1 / 2 * 100%); } + .w-1\/4 { width: calc(1 / 4 * 100%); } + .w-1\/5 { width: calc(1 / 5 * 100%); } + .w-2 { width: calc(var(--spacing) * 2); } + .w-2\.5 { width: calc(var(--spacing) * 2.5); } + .w-2\/4 { width: calc(2 / 4 * 100%); } + .w-2\/5 { width: calc(2 / 5 * 100%); } + .w-3 { width: calc(var(--spacing) * 3); } + .w-3\.5 { width: calc(var(--spacing) * 3.5); } + .w-3\/4 { width: calc(3 / 4 * 100%); } + .w-3\/5 { width: calc(3 / 5 * 100%); } + .w-4 { width: calc(var(--spacing) * 4); } + .w-4\/5 { width: calc(4 / 5 * 100%); } + .w-5 { width: calc(var(--spacing) * 5); } + .w-6 { width: calc(var(--spacing) * 6); } + .w-7 { width: calc(var(--spacing) * 7); } + .w-8 { width: calc(var(--spacing) * 8); } + .w-10 { width: calc(var(--spacing) * 10); } + .w-12 { width: calc(var(--spacing) * 12); } + .w-20 { width: calc(var(--spacing) * 20); } + .w-25 { width: calc(var(--spacing) * 25); } + .w-32 { width: calc(var(--spacing) * 32); } + .w-50 { width: calc(var(--spacing) * 50); } + .w-72 { width: calc(var(--spacing) * 72); } + .w-\[1\.25rem\] { width: 1.25rem; } + .w-\[1\.75rem\] { width: 1.75rem; } + .w-\[1\.375rem\] { width: 1.375rem; } + .w-\[1\.875rem\] { width: 1.875rem; } + .w-\[1rem\] { width: 1rem; } + .w-\[2\.5rem\] { width: 2.5rem; } + .w-\[2\.313rem\] { width: 2.313rem; } + .w-\[2\.375rem\] { width: 2.375rem; } + .w-\[2\.875rem\] { width: 2.875rem; } + .w-\[3\.875rem\] { width: 3.875rem; } + .w-\[4\.5rem\] { width: 4.5rem; } + .w-\[5\%\] { width: 5%; } + .w-\[6\%\] { width: 6%; } + .w-\[6\.375rem\] { width: 6.375rem; } + .w-\[8\%\] { width: 8%; } + .w-\[9\%\] { width: 9%; } + .w-\[10\%\] { width: 10%; } + .w-\[11rem\] { width: 11rem; } + .w-\[12\%\] { width: 12%; } + .w-\[14px\] { width: 14px; } + .w-\[15\%\] { width: 15%; } + .w-\[16\%\] { width: 16%; } + .w-\[17\%\] { width: 17%; } + .w-\[18\%\] { width: 18%; } + .w-\[20\%\] { width: 20%; } + .w-\[21\%\] { width: 21%; } + .w-\[22\%\] { width: 22%; } + .w-\[22rem\] { width: 22rem; } + .w-\[25\%\] { width: 25%; } + .w-\[26\%\] { width: 26%; } + .w-\[30\%\] { width: 30%; } + .w-\[35\%\] { width: 35%; } + .w-\[45\%\] { width: 45%; } + .w-\[50\%\] { width: 50%; } + .w-\[52\%\] { width: 52%; } + .w-\[55\%\] { width: 55%; } + .w-\[58\%\] { width: 58%; } + .w-\[60\%\] { width: 60%; } + .w-\[60px\] { width: 60px; } + .w-\[70\%\] { width: 70%; } + .w-\[72\%\] { width: 72%; } + .w-\[75\%\] { width: 75%; } + .w-\[85\%\] { width: 85%; } + .w-\[90\%\] { width: 90%; } + .w-\[91\%\] { width: 91%; } + .w-\[calc\(100\%-32px\)\] { width: calc(100% - 32px); } + .w-auto { width: auto; } + .w-full { width: 100%; } + .w-max { width: -moz-max-content; width: max-content; } + .\!max-w-\[25rem\] { max-width: 25rem !important; } + .\!max-w-\[27\.5rem\] { max-width: 27.5rem !important; } + .\!max-w-\[40rem\] { max-width: 40rem !important; } + .\!max-w-\[41rem\] { max-width: 41rem !important; } + .\!max-w-\[276px\] { max-width: 276px !important; } + .\!max-w-full { max-width: 100% !important; } + .max-w-6xl { max-width: var(--container-6xl); } + .max-w-40 { max-width: calc(var(--spacing) * 40); } + .max-w-75 { max-width: calc(var(--spacing) * 75); } + .max-w-\[8\.5rem\] { max-width: 8.5rem; } + .max-w-\[200px\] { max-width: 200px; } + .max-w-full { max-width: 100%; } + .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-7 { min-width: calc(var(--spacing) * 7); } + .min-w-8 { min-width: calc(var(--spacing) * 8); } + .min-w-24 { min-width: calc(var(--spacing) * 24); } + .min-w-60 { min-width: calc(var(--spacing) * 60); } + .min-w-\[9\.375rem\] { min-width: 9.375rem; } + .min-w-\[10rem\] { min-width: 10rem; } + .min-w-\[15rem\] { min-width: 15rem; } + .min-w-\[22rem\] { min-width: 22rem; } + .min-w-\[36px\] { min-width: 36px; } + .min-w-\[38px\] { min-width: 38px; } + .min-w-\[46px\] { min-width: 46px; } + .min-w-\[120px\] { min-width: 120px; } + .min-w-\[130px\] { min-width: 130px; } + .min-w-\[200px\] { min-width: 200px; } + .min-w-fit { min-width: -moz-fit-content; min-width: fit-content; } + .min-w-full { min-width: 100%; } + .flex-1 { flex: 1; } + .flex-auto { flex: auto; } + .flex-none { flex: none; } + .flex-shrink { flex-shrink: 1; } + .flex-shrink-0 { flex-shrink: 0; } + .shrink { flex-shrink: 1; } + .shrink-0 { flex-shrink: 0; } + .flex-grow { flex-grow: 1; } + .flex-grow-1 { flex-grow: 1; } + .grow { flex-grow: 1; } + .basis-0 { flex-basis: calc(var(--spacing) * 0); } + .basis-full { flex-basis: 100%; } + .caption-bottom { caption-side: bottom; } + .caption-top { caption-side: top; } + .origin-center { transform-origin: center; } + .origin-top-left { transform-origin: 0 0; } + .translate-2 { --tw-translate-x: calc(var(--spacing) * 2); --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } + .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); 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); } + .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } + .-rotate-90 { rotate: calc(90deg * -1); } + .rotate-2 { rotate: 2deg; } + .rotate-360 { rotate: 360deg; } + .transform { - transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); + transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } + .\!animate-ping { animation: var(--animate-ping) !important; } + .animate-slow-ping { animation: var(--animate-slow-ping); } + .animate-spin { animation: var(--animate-spin); } + .animate-spin-slow { animation: var(--animate-spin-slow); } + .cursor-pointer { cursor: pointer; } + .cursor-text { cursor: text; } + .resize { resize: both; } + .list-inside { list-style-position: inside; } + .\!list-decimal { list-style-type: decimal !important; } + .list-decimal { list-style-type: decimal; } + .list-disc { list-style-type: disc; } + .list-none { list-style-type: none; } + .columns-1 { -moz-columns: 1; - columns: 1; + columns: 1; } + .columns-3xs { -moz-columns: var(--container-3xs); - columns: var(--container-3xs); + columns: var(--container-3xs); } + .grid-flow-col { grid-auto-flow: column; } + .grid-flow-row-dense { grid-auto-flow: row dense; } + .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-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } + .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } + .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } + .grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } + .flex-col { flex-direction: column; } + .flex-col-reverse { flex-direction: column-reverse; } + .flex-row { flex-direction: row; } + .flex-row-reverse { flex-direction: row-reverse; } + .\!flex-nowrap { flex-wrap: nowrap !important; } + .\!flex-wrap { flex-wrap: wrap !important; } + .flex-nowrap { flex-wrap: nowrap; } + .flex-wrap { flex-wrap: wrap; } + .flex-wrap-reverse { flex-wrap: wrap-reverse; } + .place-content-center { place-content: center; } + .content-around { align-content: space-around; } + .content-between { align-content: space-between; } + .content-center { align-content: center; } + .content-end { align-content: flex-end; } + .content-start { align-content: flex-start; } + .content-stretch { align-content: stretch; } + .\!items-center { align-items: center !important; } + .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 !important; } + .\!justify-center { justify-content: center !important; } + .\!justify-end { justify-content: flex-end !important; } + .\!justify-start { justify-content: flex-start !important; } + .justify-around { justify-content: space-around; } + .justify-between { justify-content: space-between; } + .justify-center { justify-content: center; } + .justify-end { justify-content: flex-end; } + .justify-evenly { justify-content: space-evenly; } + .justify-start { justify-content: flex-start; } + .\!gap-0 { gap: calc(var(--spacing) * 0) !important; } + .\!gap-2 { gap: calc(var(--spacing) * 2) !important; } + .gap-0 { gap: calc(var(--spacing) * 0); } + .gap-1 { gap: calc(var(--spacing) * 1); } + .gap-2 { gap: calc(var(--spacing) * 2); } + .gap-3 { gap: calc(var(--spacing) * 3); } + .gap-4 { gap: calc(var(--spacing) * 4); } + .gap-5 { gap: calc(var(--spacing) * 5); } + .gap-6 { gap: calc(var(--spacing) * 6); } + .gap-8 { gap: calc(var(--spacing) * 8); } + .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -2173,6 +2838,7 @@ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } + .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -2180,6 +2846,7 @@ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } + .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -2187,6 +2854,7 @@ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } + .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -2194,6 +2862,7 @@ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } + .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -2201,6 +2870,7 @@ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } + .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -2208,6 +2878,7 @@ margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } + .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -2215,6 +2886,7 @@ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } + .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -2222,62 +2894,77 @@ margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } + .\!gap-x-0 { -moz-column-gap: calc(var(--spacing) * 0) !important; - column-gap: calc(var(--spacing) * 0) !important; + column-gap: calc(var(--spacing) * 0) !important; } + .\!gap-x-6 { -moz-column-gap: calc(var(--spacing) * 6) !important; - column-gap: calc(var(--spacing) * 6) !important; + column-gap: calc(var(--spacing) * 6) !important; } + .gap-x-1 { -moz-column-gap: calc(var(--spacing) * 1); - column-gap: calc(var(--spacing) * 1); + column-gap: calc(var(--spacing) * 1); } + .gap-x-1\.5 { -moz-column-gap: calc(var(--spacing) * 1.5); - column-gap: calc(var(--spacing) * 1.5); + column-gap: calc(var(--spacing) * 1.5); } + .gap-x-2 { -moz-column-gap: calc(var(--spacing) * 2); - column-gap: calc(var(--spacing) * 2); + column-gap: calc(var(--spacing) * 2); } + .gap-x-2\.5 { -moz-column-gap: calc(var(--spacing) * 2.5); - column-gap: calc(var(--spacing) * 2.5); + column-gap: calc(var(--spacing) * 2.5); } + .gap-x-3 { -moz-column-gap: calc(var(--spacing) * 3); - column-gap: calc(var(--spacing) * 3); + column-gap: calc(var(--spacing) * 3); } + .gap-x-3\.5 { -moz-column-gap: calc(var(--spacing) * 3.5); - column-gap: calc(var(--spacing) * 3.5); + column-gap: calc(var(--spacing) * 3.5); } + .gap-x-4 { -moz-column-gap: calc(var(--spacing) * 4); - column-gap: calc(var(--spacing) * 4); + column-gap: calc(var(--spacing) * 4); } + .gap-x-5 { -moz-column-gap: calc(var(--spacing) * 5); - column-gap: calc(var(--spacing) * 5); + column-gap: calc(var(--spacing) * 5); } + .gap-x-6 { -moz-column-gap: calc(var(--spacing) * 6); - column-gap: calc(var(--spacing) * 6); + column-gap: calc(var(--spacing) * 6); } + .gap-x-8 { -moz-column-gap: calc(var(--spacing) * 8); - column-gap: calc(var(--spacing) * 8); + column-gap: calc(var(--spacing) * 8); } + .gap-x-\[1rem\] { -moz-column-gap: 1rem; - column-gap: 1rem; + column-gap: 1rem; } + .gap-x-\[3rem\] { -moz-column-gap: 3rem; - column-gap: 3rem; + column-gap: 3rem; } + .\!space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0 !important; @@ -2285,6 +2972,7 @@ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important; } } + .-space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; @@ -2292,6 +2980,7 @@ margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } } + .-space-x-px { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; @@ -2299,6 +2988,7 @@ margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } } + .space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; @@ -2306,6 +2996,7 @@ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } } + .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; @@ -2313,6 +3004,7 @@ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } + .space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; @@ -2320,6 +3012,7 @@ margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } + .space-x-6 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; @@ -2327,6 +3020,7 @@ margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } } + .space-x-8 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; @@ -2334,24 +3028,31 @@ margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } + .\!gap-y-0 { row-gap: calc(var(--spacing) * 0) !important; } + .gap-y-1 { row-gap: calc(var(--spacing) * 1); } + .gap-y-2 { row-gap: calc(var(--spacing) * 2); } + .gap-y-3 { row-gap: calc(var(--spacing) * 3); } + .gap-y-4 { row-gap: calc(var(--spacing) * 4); } + .gap-y-6 { row-gap: calc(var(--spacing) * 6); } + .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -2361,3024 +3062,3977 @@ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } + .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } } + .self-baseline { align-self: baseline; } + .self-center { align-self: center; } + .self-end { align-self: flex-end; } + .self-start { align-self: flex-start; } + .self-stretch { align-self: stretch; } + .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + .\!overflow-visible { overflow: visible !important; } + .overflow-auto { overflow: auto; } + .overflow-hidden { overflow: hidden; } + .overflow-visible { overflow: visible; } + .overflow-x-auto { overflow-x: auto; } + .overflow-x-hidden { overflow-x: hidden; } + .overflow-y-auto { overflow-y: auto; } + .overflow-y-scroll { overflow-y: scroll; } + .\!rounded-\[0\.5rem\] { border-radius: 0.5rem !important; } + .\!rounded-\[0\.35rem\] { border-radius: 0.35rem !important; } + .\!rounded-\[0\.375rem\] { border-radius: 0.375rem !important; } + .\!rounded-full { border-radius: var(--radius-full) !important; } + .\!rounded-md { border-radius: var(--radius-md) !important; } + .\!rounded-none { border-radius: var(--radius-none) !important; } + .\!rounded-sm { border-radius: var(--radius-sm) !important; } + .\!rounded-xs { border-radius: var(--radius-xs) !important; } + .rounded { border-radius: 0.25rem; } + .rounded\! { border-radius: 0.25rem !important; } + .rounded-\[0\.25rem\] { border-radius: 0.25rem; } + .rounded-\[0\.35rem\] { border-radius: 0.35rem; } + .rounded-\[0\.375rem\] { border-radius: 0.375rem; } + .rounded-\[0\.3125rem\] { border-radius: 0.3125rem; } + .rounded-\[10px\] { border-radius: 10px; } + .rounded-\[50\%\] { border-radius: 50%; } + .rounded-\[999px\] { border-radius: 999px; } + .rounded-full { border-radius: var(--radius-full); } + .rounded-lg { border-radius: var(--radius-lg); } + .rounded-md { border-radius: var(--radius-md); } + .rounded-none { border-radius: var(--radius-none); } + .rounded-none\! { border-radius: var(--radius-none) !important; } + .rounded-sm { border-radius: var(--radius-sm); } + .rounded-xl { border-radius: var(--radius-xl); } + .\!rounded-s { border-start-start-radius: 0.25rem !important; border-end-start-radius: 0.25rem !important; } + .\!rounded-s-full { border-start-start-radius: var(--radius-full) !important; border-end-start-radius: var(--radius-full) !important; } + .\!rounded-s-md { border-start-start-radius: var(--radius-md) !important; border-end-start-radius: var(--radius-md) !important; } + .\!rounded-s-none { border-start-start-radius: var(--radius-none) !important; border-end-start-radius: var(--radius-none) !important; } + .\!rounded-s-sm { border-start-start-radius: var(--radius-sm) !important; border-end-start-radius: var(--radius-sm) !important; } + .rounded-s-\[0\.25rem\] { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } + .rounded-s-\[0\.625rem\] { border-start-start-radius: 0.625rem; border-end-start-radius: 0.625rem; } + .rounded-s-md { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); } + .rounded-s-none\! { border-start-start-radius: var(--radius-none) !important; border-end-start-radius: var(--radius-none) !important; } + .rounded-s-sm { border-start-start-radius: var(--radius-sm); border-end-start-radius: var(--radius-sm); } + .\!rounded-e-full { border-start-end-radius: var(--radius-full) !important; border-end-end-radius: var(--radius-full) !important; } + .\!rounded-e-md { border-start-end-radius: var(--radius-md) !important; border-end-end-radius: var(--radius-md) !important; } + .\!rounded-e-none { border-start-end-radius: var(--radius-none) !important; border-end-end-radius: var(--radius-none) !important; } + .\!rounded-e-sm { border-start-end-radius: var(--radius-sm) !important; border-end-end-radius: var(--radius-sm) !important; } + .rounded-e-\[0\.25rem\] { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } + .rounded-e-\[0\.625rem\] { border-start-end-radius: 0.625rem; border-end-end-radius: 0.625rem; } + .rounded-e-md { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } + .rounded-e-sm { border-start-end-radius: var(--radius-sm); border-end-end-radius: var(--radius-sm); } + .\!rounded-t-md { border-top-left-radius: var(--radius-md) !important; border-top-right-radius: var(--radius-md) !important; } + .\!rounded-t-sm { border-top-left-radius: var(--radius-sm) !important; border-top-right-radius: var(--radius-sm) !important; } + .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } + .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } + .rounded-t-none\! { border-top-left-radius: var(--radius-none) !important; border-top-right-radius: var(--radius-none) !important; } + .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } + .\!rounded-tl-full { border-top-left-radius: var(--radius-full) !important; } + .\!rounded-tl-none { border-top-left-radius: var(--radius-none) !important; } + .\!rounded-tr-none { border-top-right-radius: var(--radius-none) !important; } + .\!rounded-b-md { border-bottom-right-radius: var(--radius-md) !important; border-bottom-left-radius: var(--radius-md) !important; } + .rounded-b-md { border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } + .rounded-b-none\! { border-bottom-right-radius: var(--radius-none) !important; border-bottom-left-radius: var(--radius-none) !important; } + .\!rounded-br-none { border-bottom-right-radius: var(--radius-none) !important; } + .\!rounded-bl-full { border-bottom-left-radius: var(--radius-full) !important; } + .\!rounded-bl-none { border-bottom-left-radius: var(--radius-none) !important; } + .\!border { border-style: var(--tw-border-style) !important; border-width: 1px !important; } + .\!border-0 { border-style: var(--tw-border-style) !important; border-width: 0px !important; } + .border { border-style: var(--tw-border-style); border-width: 1px; } + .border-0 { border-style: var(--tw-border-style); border-width: 0px; } + .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0px !important; } + .border-1 { border-style: var(--tw-border-style); border-width: 1px; } + .border-2 { border-style: var(--tw-border-style); border-width: 2px; } + .border-3 { border-style: var(--tw-border-style); border-width: 3px; } + .border-4 { border-style: var(--tw-border-style); border-width: 4px; } + .border-8 { border-style: var(--tw-border-style); border-width: 8px; } + .border-\[2px\] { border-style: var(--tw-border-style); border-width: 2px; } + .border-\[3px\] { border-style: var(--tw-border-style); border-width: 3px; } + .\!border-x-0 { border-inline-style: var(--tw-border-style) !important; border-inline-width: 0px !important; } + .border-x\! { border-inline-style: var(--tw-border-style) !important; border-inline-width: 1px !important; } + .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0px; } + .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } + .border-y-0\! { border-block-style: var(--tw-border-style) !important; border-block-width: 0px !important; } + .\!border-s { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 1px !important; } + .\!border-s-0 { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0px !important; } + .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } + .border-s-0 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0px; } + .border-s-0\! { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0px !important; } + .border-s-4 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 4px; } + .\!border-e-0 { border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 0px !important; } + .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } + .border-e-0 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0px; } + .border-e-0\! { border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 0px !important; } + .\!border-t { border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; } + .\!border-t-0 { border-top-style: var(--tw-border-style) !important; border-top-width: 0px !important; } + .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: 0px; } + .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } + .border-t-\[0\.188rem\] { border-top-style: var(--tw-border-style); border-top-width: 0.188rem; } + .\!border-r { border-right-style: var(--tw-border-style) !important; border-right-width: 1px !important; } + .\!border-r-0 { border-right-style: var(--tw-border-style) !important; border-right-width: 0px !important; } + .\!border-b { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; } + .\!border-b-0 { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 0px !important; } + .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: 0px; } + .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-b-\[3px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 3px; } + .\!border-l-0 { border-left-style: var(--tw-border-style) !important; border-left-width: 0px !important; } + .\!border-dashed { --tw-border-style: dashed !important; border-style: dashed !important; } + .\!border-solid { --tw-border-style: solid !important; border-style: solid !important; } + .border-dashed { --tw-border-style: dashed; border-style: dashed; } + .border-dotted { --tw-border-style: dotted; border-style: dotted; } + .border-none { --tw-border-style: none; border-style: none; } + .border-solid { --tw-border-style: solid; border-style: solid; } + .\!border-black { border-color: var(--color-black) !important; } + .\!border-danger { border-color: var(--color-danger) !important; } + .\!border-danger\/10 { border-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important; } } + .\!border-danger\/20 { border-color: color-mix(in srgb, rgb(230, 83, 60) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 20%, transparent) !important; } } + .\!border-dark { border-color: var(--color-dark) !important; } + .\!border-defaultborder { border-color: var(--color-defaultborder) !important; } + .\!border-defaultborder\/10 { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + .\!border-gray-200 { border-color: var(--color-gray-200) !important; } + .\!border-green { border-color: var(--color-green) !important; } + .\!border-info { border-color: var(--color-info) !important; } + .\!border-info\/10 { border-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 10%, transparent) !important; } } + .\!border-info\/20 { border-color: color-mix(in srgb, rgb(73, 182, 245) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 20%, transparent) !important; } } + .\!border-light { border-color: var(--color-light) !important; } + .\!border-primary { border-color: var(--color-primary) !important; } + .\!border-primary\/10 { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } } + .\!border-primary\/20 { border-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important; } } + .\!border-primary\/30 { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important; } } + .\!border-red { border-color: var(--color-red) !important; } + .\!border-secondary { border-color: var(--color-secondary) !important; } + .\!border-secondary\/10 { border-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent) !important; } } + .\!border-secondary\/20 { border-color: color-mix(in srgb, rgb(35, 183, 229) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent) !important; } } + .\!border-success { border-color: var(--color-success) !important; } + .\!border-success\/10 { border-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent) !important; } } + .\!border-success\/20 { border-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 20%, transparent) !important; } } + .\!border-success\/30 { border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent) !important; } } + .\!border-teal { border-color: var(--color-teal) !important; } + .\!border-tealmain { border-color: var(--color-tealmain) !important; } + .\!border-transparent { border-color: transparent !important; } + .\!border-warning { border-color: var(--color-warning) !important; } + .\!border-warning\/20 { border-color: color-mix(in srgb, rgb(245, 184, 73) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 20%, transparent) !important; } } + .\!border-warning\/30 { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent) !important; } } + .\!border-white { border-color: var(--color-white) !important; } + .\!border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + .border-black { border-color: var(--color-black); } + .border-black\/10 { border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + .border-black\/25 { border-color: color-mix(in srgb, #000 25%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 25%, transparent); } } + .border-black\/50 { border-color: color-mix(in srgb, #000 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } + .border-black\/75 { border-color: color-mix(in srgb, #000 75%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } + .border-blue-600 { border-color: var(--color-blue-600); } + .border-current { border-color: currentcolor; } + .border-danger { border-color: var(--color-danger); } + .border-danger\/10 { border-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + .border-danger\/20 { border-color: color-mix(in srgb, rgb(230, 83, 60) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } } + .border-dark { border-color: var(--color-dark); } + .border-defaultborder { border-color: var(--color-defaultborder); } + .border-gray-200 { border-color: var(--color-gray-200); } + .border-gray-300 { border-color: var(--color-gray-300); } + .border-gray-900 { border-color: var(--color-gray-900); } + .border-info { border-color: var(--color-info); } + .border-info\/10 { border-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } + .border-info\/20 { border-color: color-mix(in srgb, rgb(73, 182, 245) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 20%, transparent); } } + .border-inputborder { border-color: var(--color-inputborder); } + .border-light { border-color: var(--color-light); } + .border-primary { border-color: var(--color-primary); } + .border-primary\/10 { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .border-primary\/20 { border-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } + .border-secondary { border-color: var(--color-secondary); } + .border-secondary\/10 { border-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + .border-secondary\/20 { border-color: color-mix(in srgb, rgb(35, 183, 229) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } + .border-success { border-color: var(--color-success); } + .border-success\/10 { border-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } + .border-success\/20 { border-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } + .border-success\/25 { border-color: color-mix(in srgb, rgb(38, 191, 148) 25%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 25%, transparent); } } + .border-success\/50 { border-color: color-mix(in srgb, rgb(38, 191, 148) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 50%, transparent); } } + .border-success\/75 { border-color: color-mix(in srgb, rgb(38, 191, 148) 75%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 75%, transparent); } } + .border-transparent { border-color: transparent; } + .border-warning { border-color: var(--color-warning); } + .border-warning\/10 { border-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } + .border-warning\/20 { border-color: color-mix(in srgb, rgb(245, 184, 73) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } } + .border-white { border-color: var(--color-white); } + .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + .border-white\/\[\.25\] { border-color: color-mix(in srgb, #fff 25%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } + .\!border-x-transparent { border-inline-color: transparent !important; } + .border-e-\[\#dee2e6\] { border-inline-end-color: #dee2e6; } + .\!border-t-primary { border-top-color: var(--color-primary) !important; } + .\!border-t-secondary { border-top-color: var(--color-secondary) !important; } + .\!border-t-transparent { border-top-color: transparent !important; } + .border-t-danger { border-top-color: var(--color-danger); } + .border-t-info { border-top-color: var(--color-info); } + .border-t-success { border-top-color: var(--color-success); } + .border-t-transparent { border-top-color: transparent; } + .border-t-warning { border-top-color: var(--color-warning); } + .border-b-gray-200 { border-bottom-color: var(--color-gray-200); } + .\!bg-\[\#4d5ddb\] { background-color: #4d5ddb !important; } + .\!bg-\[\#f9fafb\] { background-color: #f9fafb !important; } + .\!bg-black { background-color: var(--color-black) !important; } + .\!bg-black\/10 { background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } + .\!bg-black\/20 { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } + .\!bg-danger { background-color: var(--color-danger) !important; } + .\!bg-danger\/10 { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important; } } + .\!bg-dark { background-color: var(--color-dark) !important; } + .\!bg-gray-100 { background-color: var(--color-gray-100) !important; } + .\!bg-info { background-color: var(--color-info) !important; } + .\!bg-info\/10 { background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent) !important; } } + .\!bg-light { background-color: var(--color-light) !important; } + .\!bg-light\/10 { background-color: color-mix(in srgb, rgb(243, 246, 248) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-light) 10%, transparent) !important; } } + .\!bg-orange { background-color: var(--color-orange) !important; } + .\!bg-primary { background-color: var(--color-primary) !important; } + .\!bg-primary\/10 { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } } + .\!bg-purple { background-color: var(--color-purple) !important; } + .\!bg-secondary { background-color: var(--color-secondary) !important; } + .\!bg-secondary\/10 { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent) !important; } } + .\!bg-success { background-color: var(--color-success) !important; } + .\!bg-success\/10 { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent) !important; } } + .\!bg-teal { background-color: var(--color-teal) !important; } + .\!bg-tealmain { background-color: var(--color-tealmain) !important; } + .\!bg-transparent { background-color: transparent !important; } + .\!bg-warning { background-color: var(--color-warning) !important; } + .\!bg-warning\/10 { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent) !important; } } + .\!bg-white { background-color: var(--color-white) !important; } + .\!bg-white\/20 { background-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } + .bg-\[\#12c2c2\] { background-color: #12c2c2; } + .bg-\[\#8920ad\] { background-color: #8920ad; } + .bg-\[\#232323\]\/10 { background-color: color-mix(in oklab, #232323 10%, transparent); } + .bg-\[\#f9fafb\] { background-color: #f9fafb; } + .bg-black { background-color: var(--color-black); } + .bg-black\/10 { background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + .bg-black\/20 { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } + .bg-blue { background-color: var(--color-blue); } + .bg-blue-100 { background-color: var(--color-blue-100); } + .bg-blue-200 { background-color: var(--color-blue-200); } + .bg-blue-300 { background-color: var(--color-blue-300); } + .bg-blue-400 { background-color: var(--color-blue-400); } + .bg-blue-500 { background-color: var(--color-blue-500); } + .bg-blue-600 { background-color: var(--color-blue-600); } + .bg-blue-700 { background-color: var(--color-blue-700); } + .bg-blue-800 { background-color: var(--color-blue-800); } + .bg-blue-900 { background-color: var(--color-blue-900); } + .bg-blue-950 { background-color: var(--color-blue-950); } + .bg-cyan-100 { background-color: var(--color-cyan-100); } + .bg-cyan-200 { background-color: var(--color-cyan-200); } + .bg-cyan-300 { background-color: var(--color-cyan-300); } + .bg-cyan-400 { background-color: var(--color-cyan-400); } + .bg-cyan-500 { background-color: var(--color-cyan-500); } + .bg-cyan-600 { background-color: var(--color-cyan-600); } + .bg-cyan-700 { background-color: var(--color-cyan-700); } + .bg-cyan-800 { background-color: var(--color-cyan-800); } + .bg-cyan-900 { background-color: var(--color-cyan-900); } + .bg-cyan-950 { background-color: var(--color-cyan-950); } + .bg-danger { background-color: var(--color-danger); } + .bg-danger\/10 { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + .bg-danger\/20 { background-color: color-mix(in srgb, rgb(230, 83, 60) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } } + .bg-dark { background-color: var(--color-dark); } + .bg-dark\/10 { background-color: color-mix(in srgb, rgb(35, 35, 35) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-dark) 10%, transparent); } } + .bg-gray-50 { background-color: var(--color-gray-50); } + .bg-gray-100 { background-color: var(--color-gray-100); } + .bg-gray-200 { background-color: var(--color-gray-200); } + .bg-gray-300 { background-color: var(--color-gray-300); } + .bg-gray-400 { background-color: var(--color-gray-400); } + .bg-gray-500 { background-color: var(--color-gray-500); } + .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-gray-900\/50 { - background-color: color-mix(in srgb, rgb(50,50,81) 50%, transparent); + background-color: color-mix(in srgb, rgb(50, 50, 81) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } + .bg-green { background-color: var(--color-green); } + .bg-green-100 { background-color: var(--color-green-100); } + .bg-green-200 { background-color: var(--color-green-200); } + .bg-green-300 { background-color: var(--color-green-300); } + .bg-green-400 { background-color: var(--color-green-400); } + .bg-green-500 { background-color: var(--color-green-500); } + .bg-green-600 { background-color: var(--color-green-600); } + .bg-green-700 { background-color: var(--color-green-700); } + .bg-green-800 { background-color: var(--color-green-800); } + .bg-green-900 { background-color: var(--color-green-900); } + .bg-green-950 { background-color: var(--color-green-950); } + .bg-indigo { background-color: var(--color-indigo); } + .bg-indigo-100 { background-color: var(--color-indigo-100); } + .bg-indigo-200 { background-color: var(--color-indigo-200); } + .bg-indigo-300 { background-color: var(--color-indigo-300); } + .bg-indigo-400 { background-color: var(--color-indigo-400); } + .bg-indigo-500 { background-color: var(--color-indigo-500); } + .bg-indigo-600 { background-color: var(--color-indigo-600); } + .bg-indigo-700 { background-color: var(--color-indigo-700); } + .bg-indigo-800 { background-color: var(--color-indigo-800); } + .bg-indigo-900 { background-color: var(--color-indigo-900); } + .bg-indigo-950 { background-color: var(--color-indigo-950); } + .bg-info { background-color: var(--color-info); } + .bg-info\/10 { background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } + .bg-light { background-color: var(--color-light); } + .bg-light\/10 { background-color: color-mix(in srgb, rgb(243, 246, 248) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-light) 10%, transparent); } } + .bg-orange-100 { background-color: var(--color-orange-100); } + .bg-orange-200 { background-color: var(--color-orange-200); } + .bg-orange-300 { background-color: var(--color-orange-300); } + .bg-orange-400 { background-color: var(--color-orange-400); } + .bg-orange-500 { background-color: var(--color-orange-500); } + .bg-orange-600 { background-color: var(--color-orange-600); } + .bg-orange-700 { background-color: var(--color-orange-700); } + .bg-orange-800 { background-color: var(--color-orange-800); } + .bg-orange-900 { background-color: var(--color-orange-900); } + .bg-orange-950 { background-color: var(--color-orange-950); } + .bg-pink { background-color: var(--color-pink); } + .bg-pink-100 { background-color: var(--color-pink-100); } + .bg-pink-200 { background-color: var(--color-pink-200); } + .bg-pink-300 { background-color: var(--color-pink-300); } + .bg-pink-400 { background-color: var(--color-pink-400); } + .bg-pink-500 { background-color: var(--color-pink-500); } + .bg-pink-600 { background-color: var(--color-pink-600); } + .bg-pink-700 { background-color: var(--color-pink-700); } + .bg-pink-800 { background-color: var(--color-pink-800); } + .bg-pink-900 { background-color: var(--color-pink-900); } + .bg-pink-950 { background-color: var(--color-pink-950); } + .bg-pink\/10 { background-color: color-mix(in srgb, rgb(231, 145, 188) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink) 10%, transparent); } } + .bg-primary { background-color: var(--color-primary); } + .bg-primary\/10 { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .bg-primary\/50 { background-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } + .bg-purple { background-color: var(--color-purple); } + .bg-purple-100 { background-color: var(--color-purple-100); } + .bg-purple-200 { background-color: var(--color-purple-200); } + .bg-purple-300 { background-color: var(--color-purple-300); } + .bg-purple-400 { background-color: var(--color-purple-400); } + .bg-purple-500 { background-color: var(--color-purple-500); } + .bg-purple-600 { background-color: var(--color-purple-600); } + .bg-purple-700 { background-color: var(--color-purple-700); } + .bg-purple-800 { background-color: var(--color-purple-800); } + .bg-purple-900 { background-color: var(--color-purple-900); } + .bg-purple-950 { background-color: var(--color-purple-950); } + .bg-purple\/10 { background-color: color-mix(in srgb, rgb(137, 32, 173) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple) 10%, transparent); } } + .bg-red { background-color: var(--color-red); } + .bg-red-100 { background-color: var(--color-red-100); } + .bg-red-200 { background-color: var(--color-red-200); } + .bg-red-300 { background-color: var(--color-red-300); } + .bg-red-400 { background-color: var(--color-red-400); } + .bg-red-500 { background-color: var(--color-red-500); } + .bg-red-600 { background-color: var(--color-red-600); } + .bg-red-700 { background-color: var(--color-red-700); } + .bg-red-800 { background-color: var(--color-red-800); } + .bg-red-900 { background-color: var(--color-red-900); } + .bg-red-950 { background-color: var(--color-red-950); } + .bg-secondary { background-color: var(--color-secondary); } + .bg-secondary\/10 { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + .bg-secondary\/40 { background-color: color-mix(in srgb, rgb(35, 183, 229) 40%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } + .bg-success { background-color: var(--color-success); } + .bg-success\/10 { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } + .bg-success\/30 { background-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } + .bg-teal-100 { background-color: var(--color-teal-100); } + .bg-teal-200 { background-color: var(--color-teal-200); } + .bg-teal-300 { background-color: var(--color-teal-300); } + .bg-teal-400 { background-color: var(--color-teal-400); } + .bg-teal-500 { background-color: var(--color-teal-500); } + .bg-teal-600 { background-color: var(--color-teal-600); } + .bg-teal-700 { background-color: var(--color-teal-700); } + .bg-teal-800 { background-color: var(--color-teal-800); } + .bg-teal-900 { background-color: var(--color-teal-900); } + .bg-teal-950 { background-color: var(--color-teal-950); } + .bg-teal\/10 { background-color: color-mix(in srgb, rgb(18, 194, 194) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal) 10%, transparent); } } + .bg-transparent { background-color: transparent; } + .bg-warning { background-color: var(--color-warning); } + .bg-warning\/10 { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } + .bg-white { background-color: var(--color-white); } + .bg-yellow { background-color: var(--color-yellow); } + .bg-yellow-100 { background-color: var(--color-yellow-100); } + .bg-yellow-200 { background-color: var(--color-yellow-200); } + .bg-yellow-300 { background-color: var(--color-yellow-300); } + .bg-yellow-400 { background-color: var(--color-yellow-400); } + .bg-yellow-500 { background-color: var(--color-yellow-500); } + .bg-yellow-600 { background-color: var(--color-yellow-600); } + .bg-yellow-700 { background-color: var(--color-yellow-700); } + .bg-yellow-800 { background-color: var(--color-yellow-800); } + .bg-yellow-900 { background-color: var(--color-yellow-900); } + .bg-yellow-950 { background-color: var(--color-yellow-950); } + .\!fill-primary { fill: var(--color-primary) !important; } + .\!fill-secondary { fill: var(--color-secondary) !important; } + .\!fill-success { fill: var(--color-success) !important; } + .\!fill-warning { fill: var(--color-warning) !important; } + .\!fill-white { fill: var(--color-white) !important; } + .fill-black { fill: var(--color-black); } + .fill-danger { fill: var(--color-danger); } + .fill-gray-200 { fill: var(--color-gray-200); } + .fill-gray-500 { fill: var(--color-gray-500); } + .fill-gray-900 { fill: var(--color-gray-900); } + .fill-indigo-800 { fill: var(--color-indigo-800); } + .fill-info { fill: var(--color-info); } + .fill-pink-800 { fill: var(--color-pink-800); } + .fill-primary { fill: var(--color-primary); } + .fill-purple-800 { fill: var(--color-purple-800); } + .fill-secondary { fill: var(--color-secondary); } + .fill-success { fill: var(--color-success); } + .fill-textmuted { fill: var(--color-textmuted); } + .fill-warning { fill: var(--color-warning); } + .fill-white { fill: var(--color-white); } + .stroke-current { stroke: currentcolor; } + .object-contain { -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } + .object-cover { -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } + .object-fill { -o-object-fit: fill; - object-fit: fill; + object-fit: fill; } + .object-none { -o-object-fit: none; - object-fit: none; + object-fit: none; } + .object-scale-down { -o-object-fit: scale-down; - object-fit: scale-down; + object-fit: scale-down; } + .\!p-0 { padding: calc(var(--spacing) * 0) !important; } + .\!p-1 { padding: calc(var(--spacing) * 1) !important; } + .\!p-2 { padding: calc(var(--spacing) * 2) !important; } + .\!p-3 { padding: calc(var(--spacing) * 3) !important; } + .\!p-4 { padding: calc(var(--spacing) * 4) !important; } + .\!p-6 { padding: calc(var(--spacing) * 6) !important; } + .\!p-\[0\.65rem\] { padding: 0.65rem !important; } + .\!p-\[3rem\] { padding: 3rem !important; } + .\!p-\[6px\] { padding: 6px !important; } + .p-0 { padding: calc(var(--spacing) * 0); } + .p-1 { padding: calc(var(--spacing) * 1); } + .p-2 { padding: calc(var(--spacing) * 2); } + .p-3 { padding: calc(var(--spacing) * 3); } + .p-4 { padding: calc(var(--spacing) * 4); } + .p-5 { padding: calc(var(--spacing) * 5); } + .p-6 { padding: calc(var(--spacing) * 6); } + .p-\[0\.4rem\] { padding: 0.4rem; } + .p-\[0\.95rem\] { padding: 0.95rem; } + .p-\[1\.3125rem\] { padding: 1.3125rem; } + .p-\[3rem\] { padding: 3rem; } + .p-\[14px\] { padding: 14px; } + .\!px-0 { padding-inline: calc(var(--spacing) * 0) !important; } + .\!px-1 { padding-inline: calc(var(--spacing) * 1) !important; } + .\!px-2 { padding-inline: calc(var(--spacing) * 2) !important; } + .\!px-2\.5 { padding-inline: calc(var(--spacing) * 2.5) !important; } + .\!px-3 { padding-inline: calc(var(--spacing) * 3) !important; } + .\!px-3\.5 { padding-inline: calc(var(--spacing) * 3.5) !important; } + .\!px-4 { padding-inline: calc(var(--spacing) * 4) !important; } + .\!px-6 { padding-inline: calc(var(--spacing) * 6) !important; } + .\!px-8 { padding-inline: calc(var(--spacing) * 8) !important; } + .\!px-\[0\.5rem\] { padding-inline: 0.5rem !important; } + .\!px-\[0\.8rem\] { padding-inline: 0.8rem !important; } + .\!px-\[0\.45rem\] { padding-inline: 0.45rem !important; } + .\!px-\[0\.55rem\] { padding-inline: 0.55rem !important; } + .\!px-\[0\.75rem\] { padding-inline: 0.75rem !important; } + .\!px-\[0\.85rem\] { padding-inline: 0.85rem !important; } + .\!px-\[0\.86rem\] { padding-inline: 0.86rem !important; } + .\!px-\[0\.95rem\] { padding-inline: 0.95rem !important; } + .\!px-\[0\.9375rem\] { padding-inline: 0.9375rem !important; } + .\!px-\[1\.25rem\] { padding-inline: 1.25rem !important; } + .\!px-\[1rem\] { padding-inline: 1rem !important; } + .px-0 { padding-inline: calc(var(--spacing) * 0); } + .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-4 { padding-inline: calc(var(--spacing) * 4); } + .px-5 { padding-inline: calc(var(--spacing) * 5); } + .px-6 { padding-inline: calc(var(--spacing) * 6); } + .px-12 { padding-inline: calc(var(--spacing) * 12); } + .px-\[0\.5rem\] { padding-inline: 0.5rem; } + .px-\[0\.45rem\] { padding-inline: 0.45rem; } + .px-\[1\.25rem\] { padding-inline: 1.25rem; } + .px-\[3rem\] { padding-inline: 3rem; } + .\!py-0 { padding-block: calc(var(--spacing) * 0) !important; } + .\!py-0\.5 { padding-block: calc(var(--spacing) * 0.5) !important; } + .\!py-1 { padding-block: calc(var(--spacing) * 1) !important; } + .\!py-1\.5 { padding-block: calc(var(--spacing) * 1.5) !important; } + .\!py-2 { padding-block: calc(var(--spacing) * 2) !important; } + .\!py-3 { padding-block: calc(var(--spacing) * 3) !important; } + .\!py-4 { padding-block: calc(var(--spacing) * 4) !important; } + .\!py-5 { padding-block: calc(var(--spacing) * 5) !important; } + .\!py-6 { padding-block: calc(var(--spacing) * 6) !important; } + .\!py-\[0\.2rem\] { padding-block: 0.2rem !important; } + .\!py-\[0\.5rem\] { padding-block: 0.5rem !important; } + .\!py-\[0\.14rem\] { padding-block: 0.14rem !important; } + .\!py-\[0\.15rem\] { padding-block: 0.15rem !important; } + .\!py-\[0\.25rem\] { padding-block: 0.25rem !important; } + .\!py-\[0\.35rem\] { padding-block: 0.35rem !important; } + .\!py-\[0\.45rem\] { padding-block: 0.45rem !important; } + .\!py-\[0\.51rem\] { padding-block: 0.51rem !important; } + .\!py-\[0\.55rem\] { padding-block: 0.55rem !important; } + .\!py-\[0\.59rem\] { padding-block: 0.59rem !important; } + .\!py-\[0\.65rem\] { padding-block: 0.65rem !important; } + .\!py-\[0\.75rem\] { padding-block: 0.75rem !important; } + .\!py-\[0\.375rem\] { padding-block: 0.375rem !important; } + .\!py-\[0rem\] { padding-block: 0rem !important; } + .\!py-\[1\.10rem\] { padding-block: 1.10rem !important; } + .\!py-\[1rem\] { padding-block: 1rem !important; } + .py-0 { padding-block: calc(var(--spacing) * 0); } + .py-0\.5 { padding-block: calc(var(--spacing) * 0.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-3 { padding-block: calc(var(--spacing) * 3); } + .py-4 { padding-block: calc(var(--spacing) * 4); } + .py-5 { padding-block: calc(var(--spacing) * 5); } + .py-6 { padding-block: calc(var(--spacing) * 6); } + .py-\[0\.2rem\] { padding-block: 0.2rem; } + .py-\[0\.4rem\] { padding-block: 0.4rem; } + .py-\[0\.8rem\] { padding-block: 0.8rem; } + .py-\[0\.18rem\] { padding-block: 0.18rem; } + .py-\[0\.25\/2rem\] { padding-block: 0.25/2rem; } + .py-\[0\.25rem\/2\] { padding-block: 0.25rem/2; } + .py-\[0\.25rem\] { padding-block: 0.25rem; } + .py-\[0\.26rem\] { padding-block: 0.26rem; } + .py-\[0\.35rem\] { padding-block: 0.35rem; } + .py-\[0\.375rem\] { padding-block: 0.375rem; } + .py-\[0\.475rem\] { padding-block: 0.475rem; } + .py-\[1rem\] { padding-block: 1rem; } + .py-\[3rem\] { padding-block: 3rem; } + .\!ps-0 { padding-inline-start: calc(var(--spacing) * 0) !important; } + .\!ps-3 { padding-inline-start: calc(var(--spacing) * 3) !important; } + .\!ps-4 { padding-inline-start: calc(var(--spacing) * 4) !important; } + .\!ps-6 { padding-inline-start: calc(var(--spacing) * 6) !important; } + .\!ps-8 { padding-inline-start: calc(var(--spacing) * 8) !important; } + .\!ps-\[6rem\] { padding-inline-start: 6rem !important; } + .\!ps-\[12px\] { padding-inline-start: 12px !important; } + .ps-0 { padding-inline-start: calc(var(--spacing) * 0); } + .ps-1 { padding-inline-start: calc(var(--spacing) * 1); } + .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } + .ps-3 { padding-inline-start: calc(var(--spacing) * 3); } + .ps-4 { padding-inline-start: calc(var(--spacing) * 4); } + .ps-5 { padding-inline-start: calc(var(--spacing) * 5); } + .ps-6 { padding-inline-start: calc(var(--spacing) * 6); } + .ps-7 { padding-inline-start: calc(var(--spacing) * 7); } + .ps-8 { padding-inline-start: calc(var(--spacing) * 8); } + .ps-\[0\.5rem\] { padding-inline-start: 0.5rem; } + .ps-\[0\.725rem\] { padding-inline-start: 0.725rem; } + .ps-\[2rem\] { padding-inline-start: 2rem; } + .ps-\[3rem\] { padding-inline-start: 3rem; } + .ps-px { padding-inline-start: 1px; } + .\!pe-4 { padding-inline-end: calc(var(--spacing) * 4) !important; } + .pe-0 { padding-inline-end: calc(var(--spacing) * 0); } + .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } + .pe-3 { padding-inline-end: calc(var(--spacing) * 3); } + .pe-6 { padding-inline-end: calc(var(--spacing) * 6); } + .pe-8 { padding-inline-end: calc(var(--spacing) * 8); } + .pe-9 { padding-inline-end: calc(var(--spacing) * 9); } + .pe-11 { padding-inline-end: calc(var(--spacing) * 11); } + .pe-\[1rem\] { padding-inline-end: 1rem; } + .pe-\[2\.25rem\] { padding-inline-end: 2.25rem; } + .\!pt-0 { padding-top: calc(var(--spacing) * 0) !important; } + .\!pt-1 { padding-top: calc(var(--spacing) * 1) !important; } + .\!pt-2 { padding-top: calc(var(--spacing) * 2) !important; } + .\!pt-\[4\.45px\] { padding-top: 4.45px !important; } + .pt-0 { padding-top: calc(var(--spacing) * 0); } + .pt-1 { padding-top: calc(var(--spacing) * 1); } + .pt-2 { padding-top: calc(var(--spacing) * 2); } + .pt-3 { padding-top: calc(var(--spacing) * 3); } + .pt-4 { padding-top: calc(var(--spacing) * 4); } + .pt-5 { padding-top: calc(var(--spacing) * 5); } + .\!pb-0 { padding-bottom: calc(var(--spacing) * 0) !important; } + .\!pb-1 { padding-bottom: calc(var(--spacing) * 1) !important; } + .\!pb-2 { padding-bottom: calc(var(--spacing) * 2) !important; } + .\!pb-3 { padding-bottom: calc(var(--spacing) * 3) !important; } + .\!pb-5 { padding-bottom: calc(var(--spacing) * 5) !important; } + .\!pb-\[0\.9rem\] { padding-bottom: 0.9rem !important; } + .\!pb-\[3rem\] { padding-bottom: 3rem !important; } + .pb-0 { padding-bottom: calc(var(--spacing) * 0); } + .pb-2 { padding-bottom: calc(var(--spacing) * 2); } + .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-\[0\.4rem\] { padding-bottom: 0.4rem; } + .pl-3 { padding-left: calc(var(--spacing) * 3); } + .\!text-center { text-align: center !important; } + .\!text-end { text-align: end !important; } + .\!text-start { text-align: start !important; } + .text-center { text-align: center; } + .text-center\! { text-align: center !important; } + .text-end { text-align: end; } + .text-left { text-align: left; } + .text-right { text-align: right; } + .text-start { text-align: start; } + .\!align-middle { vertical-align: middle !important; } + .align-bottom { vertical-align: bottom; } + .align-middle { vertical-align: middle; } + .align-middle\! { vertical-align: middle !important; } + .align-top { vertical-align: top; } + .font-\[\.7rem\] { font-family: .7rem; } + .font-inter { font-family: var(--font-inter); } + .font-mono { font-family: var(--font-mono); } + .font-sans { font-family: var(--font-sans); } + .\!text-sm { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; } + .\!text-xl { font-size: var(--text-xl) !important; line-height: var(--tw-leading, var(--text-xl--line-height)) !important; } + .\!text-xs { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } + .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-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } + .text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } + .text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--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-sm\! { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; } + .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-\[\.8rem\] { font-size: .8rem !important; } + .\!text-\[\.75rem\] { font-size: .75rem !important; } + .\!text-\[\.6875rem\] { font-size: .6875rem !important; } + .\!text-\[\.9375rem\] { font-size: .9375rem !important; } + .\!text-\[0\.5rem\] { font-size: 0.5rem !important; } + .\!text-\[0\.8rem\] { font-size: 0.8rem !important; } + .\!text-\[0\.9rem\] { font-size: 0.9rem !important; } + .\!text-\[0\.65rem\] { font-size: 0.65rem !important; } + .\!text-\[0\.75em\] { font-size: 0.75em !important; } + .\!text-\[0\.75rem\] { font-size: 0.75rem !important; } + .\!text-\[0\.85rem\] { font-size: 0.85rem !important; } + .\!text-\[0\.95rem\] { font-size: 0.95rem !important; } + .\!text-\[0\.625rem\] { font-size: 0.625rem !important; } + .\!text-\[0\.813rem\] { font-size: 0.813rem !important; } + .\!text-\[0\.875rem\] { font-size: 0.875rem !important; } + .\!text-\[0\.6875rem\] { font-size: 0.6875rem !important; } + .\!text-\[0\.8125rem\] { font-size: 0.8125rem !important; } + .\!text-\[1\.2rem\] { font-size: 1.2rem !important; } + .\!text-\[1\.5rem\] { font-size: 1.5rem !important; } + .\!text-\[1\.25rem\] { font-size: 1.25rem !important; } + .\!text-\[1\.125rem\] { font-size: 1.125rem !important; } + .\!text-\[1\.0625rem\] { font-size: 1.0625rem !important; } + .\!text-\[1\.625rem\] { font-size: 1.625rem !important; } + .\!text-\[1rem\] { font-size: 1rem !important; } + .\!text-\[2\.4rem\] { font-size: 2.4rem !important; } + .text-\[\.5rem\] { font-size: .5rem; } + .text-\[\.75rem\] { font-size: .75rem; } + .text-\[\.75rem\]\! { font-size: .75rem !important; } + .text-\[\.625rem\] { font-size: .625rem; } + .text-\[\.625rem\]\! { font-size: .625rem !important; } + .text-\[\.875rem\] { font-size: .875rem; } + .text-\[\.6875rem\] { font-size: .6875rem; } + .text-\[\.6875rem\]\! { font-size: .6875rem !important; } + .text-\[\.8125rem\] { font-size: .8125rem; } + .text-\[\.8125rem\]\! { font-size: .8125rem !important; } + .text-\[\.9375rem\] { font-size: .9375rem; } + .text-\[\.9375rem\]\! { font-size: .9375rem !important; } + .text-\[0\.5rem\] { font-size: 0.5rem; } + .text-\[0\.7rem\] { font-size: 0.7rem; } + .text-\[0\.8rem\] { font-size: 0.8rem; } + .text-\[0\.9rem\]\! { font-size: 0.9rem !important; } + .text-\[0\.65rem\] { font-size: 0.65rem; } + .text-\[0\.69rem\] { font-size: 0.69rem; } + .text-\[0\.74rem\] { font-size: 0.74rem; } + .text-\[0\.75em\] { font-size: 0.75em; } + .text-\[0\.75rem\] { font-size: 0.75rem; } + .text-\[0\.75rem\]\! { font-size: 0.75rem !important; } + .text-\[0\.85rem\] { font-size: 0.85rem; } + .text-\[0\.95rem\] { font-size: 0.95rem; } + .text-\[0\.625rem\] { font-size: 0.625rem; } + .text-\[0\.665rem\] { font-size: 0.665rem; } + .text-\[0\.813rem\] { font-size: 0.813rem; } + .text-\[0\.875em\] { font-size: 0.875em; } + .text-\[0\.875rem\] { font-size: 0.875rem; } + .text-\[0\.875rem\]\! { font-size: 0.875rem !important; } + .text-\[0\.6875rem\] { font-size: 0.6875rem; } + .text-\[0\.6875rem\]\! { font-size: 0.6875rem !important; } + .text-\[0\.8125rem\] { font-size: 0.8125rem; } + .text-\[0\.9375rem\] { font-size: 0.9375rem; } + .text-\[1\.5rem\] { font-size: 1.5rem; } + .text-\[1\.25rem\] { font-size: 1.25rem; } + .text-\[1\.75rem\] { font-size: 1.75rem; } + .text-\[1\.125rem\] { font-size: 1.125rem; } + .text-\[1\.125rem\]\! { font-size: 1.125rem !important; } + .text-\[1\.375rem\] { font-size: 1.375rem; } + .text-\[1\.0625rem\] { font-size: 1.0625rem; } + .text-\[1\.0625rem\]\! { font-size: 1.0625rem !important; } + .text-\[1\.625rem\] { font-size: 1.625rem; } + .text-\[1\.5625rem\] { font-size: 1.5625rem; } + .text-\[1rem\] { font-size: 1rem; } + .text-\[2\.5rem\] { font-size: 2.5rem; } + .text-\[2rem\] { font-size: 2rem; } + .text-\[6\.5rem\] { font-size: 6.5rem; } + .text-\[8px\] { font-size: 8px; } + .text-\[10px\] { font-size: 10px; } + .text-\[11px\] { font-size: 11px; } + .\!leading-\[2\.5rem\] { --tw-leading: 2.5rem !important; line-height: 2.5rem !important; } + .\!leading-\[4rem\] { --tw-leading: 4rem !important; line-height: 4rem !important; } + .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } + .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + .leading-\[1\.25rem\] { --tw-leading: 1.25rem; line-height: 1.25rem; } + .leading-\[1\.75rem\] { --tw-leading: 1.75rem; line-height: 1.75rem; } + .leading-loose { --tw-leading: var(--leading-loose); line-height: var(--leading-loose); } + .leading-none { --tw-leading: 1; line-height: 1; } + .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } + .\!font-\[500\] { --tw-font-weight: 500 !important; font-weight: 500 !important; } + .\!font-medium { --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; } + .\!font-normal { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } + .\!font-semibold { --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; } + .font-\[600\] { --tw-font-weight: 600; font-weight: 600; } + .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } + .font-bold\! { --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; } + .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } + .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + .font-semibold\! { --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; } + .text-nowrap { text-wrap: nowrap; } + .text-wrap { text-wrap: wrap; } + .break-words { overflow-wrap: break-word; } + .whitespace-break-spaces { white-space: break-spaces; } + .whitespace-nowrap { white-space: nowrap; } + .\!text-\[\#4d5ddb\] { color: #4d5ddb !important; } + .\!text-\[\#8c9097\] { color: #8c9097 !important; } + .\!text-\[\#d63384\] { color: #d63384 !important; } + .\!text-black { color: var(--color-black) !important; } + .\!text-danger { color: var(--color-danger) !important; } + .\!text-defaulttextcolor { color: var(--color-defaulttextcolor) !important; } + .\!text-gray-600 { color: var(--color-gray-600) !important; } + .\!text-info { color: var(--color-info) !important; } + .\!text-primary { color: var(--color-primary) !important; } + .\!text-secondary { color: var(--color-secondary) !important; } + .\!text-success { color: var(--color-success) !important; } + .\!text-teal { color: var(--color-teal) !important; } + .\!text-textmuted { color: var(--color-textmuted) !important; } + .\!text-warning { color: var(--color-warning) !important; } + .\!text-white { color: var(--color-white) !important; } + .text-\[\#6c757d\] { color: #6c757d; } + .text-\[\#8c9097\] { color: #8c9097; } + .text-\[\#8c9097\]\! { color: #8c9097 !important; } + .text-\[\#8c9097\]\/25 { color: color-mix(in oklab, #8c9097 25%, transparent); } + .text-\[\#8c9097\]\/55 { color: color-mix(in oklab, #8c9097 55%, transparent); } + .text-\[\#7987a1\] { color: #7987a1; } + .text-\[\#8920ad\] { color: #8920ad; } + .text-\[\#232323\] { color: #232323; } + .text-\[\#383853\] { color: #383853; } + .text-\[\#536485\] { color: #536485; } + .text-\[0\.813\] { color: 0.813; } + .text-black { color: var(--color-black); } + .text-black\/10 { color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + .text-blue-600 { color: var(--color-blue-600); } + .text-danger { color: var(--color-danger); } + .text-danger\/80 { color: color-mix(in srgb, rgb(230, 83, 60) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-danger) 80%, transparent); } } + .text-dark { color: var(--color-dark); } + .text-defaulttextcolor { color: var(--color-defaulttextcolor); } + .text-defaulttextcolor\! { color: var(--color-defaulttextcolor) !important; } + .text-defaulttextcolor\/70 { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } + .text-gray { color: var(--color-gray); } + .text-gray-200 { color: var(--color-gray-200); } + .text-gray-300 { color: var(--color-gray-300); } + .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-700\! { color: var(--color-gray-700) !important; } + .text-gray-800 { color: var(--color-gray-800); } + .text-gray-900 { color: var(--color-gray-900); } + .text-green { color: var(--color-green); } + .text-green-600 { color: var(--color-green-600); } + .text-indigo { color: var(--color-indigo); } + .text-info { color: var(--color-info); } + .text-info\/80 { color: color-mix(in srgb, rgb(73, 182, 245) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-info) 80%, transparent); } } + .text-light { color: var(--color-light); } + .text-orange { color: var(--color-orange); } + .text-orange-600 { color: var(--color-orange-600); } + .text-pink { color: var(--color-pink); } + .text-primary { color: var(--color-primary); } + .text-purple { color: var(--color-purple); } + .text-red { color: var(--color-red); } + .text-red-600 { color: var(--color-red-600); } + .text-red-700 { color: var(--color-red-700); } + .text-secondary { color: var(--color-secondary); } + .text-slate-700 { color: var(--color-slate-700); } + .text-success { color: var(--color-success); } + .text-teal { color: var(--color-teal); } + .text-textmuted { color: var(--color-textmuted); } + .text-warning { color: var(--color-warning); } + .text-warning\/80 { color: color-mix(in srgb, rgb(245, 184, 73) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-warning) 80%, transparent); } } + .text-white { color: var(--color-white); } + .text-white\! { color: var(--color-white) !important; } + .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } + .text-white\/\[\.5\] { color: color-mix(in srgb, #fff 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } + .capitalize { text-transform: capitalize; } + .lowercase { text-transform: lowercase; } + .normal-case { text-transform: none; } + .uppercase { text-transform: uppercase; } + .italic { font-style: italic; } + .line-through { text-decoration-line: line-through; } + .no-underline { text-decoration-line: none; } + .overline { text-decoration-line: overline; } + .underline { text-decoration-line: underline; } + .decoration-2 { text-decoration-thickness: 2px; } + .\!opacity-\[0\.85\] { opacity: 0.85 !important; } + .\!opacity-\[1\] { opacity: 1 !important; } + .opacity-0 { opacity: 0%; } + .opacity-10 { opacity: 10%; } + .opacity-50 { opacity: 50%; } + .opacity-60 { opacity: 60%; } + .opacity-70 { opacity: 70%; } + .opacity-75 { opacity: 75%; } + .opacity-100 { opacity: 100%; } + .opacity-\[0\.3\] { opacity: 0.3; } + .opacity-\[0\.4\] { opacity: 0.4; } + .opacity-\[0\.5\] { opacity: 0.5; } + .opacity-\[0\.6\] { opacity: 0.6; } + .opacity-\[0\.7\] { opacity: 0.7; } + .opacity-\[0\.8\] { opacity: 0.8; } + .opacity-\[0\.9\] { opacity: 0.9; } + .opacity-\[0\.85\] { opacity: 0.85; } + .opacity-\[0\.87\] { opacity: 0.87; } + .opacity-\[0\] { opacity: 0; } + .opacity-\[5\] { opacity: 5; } + .opacity-\[7\] { opacity: 7; } + .opacity-\[8\] { opacity: 8; } + .\!shadow-none { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .shadow-\[0_0_0\.4rem_rgba\(0\,0\,0\,0\.1\)\] { - --tw-shadow: 0 0 0.4rem var(--tw-shadow-color, rgba(0,0,0,0.1)); + --tw-shadow: 0 0 0.4rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .shadow-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); } + .shadow-none\! { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .ring { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --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-0 { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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); + --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-transparent { --tw-shadow-color: transparent !important; + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent) !important; } } + .shadow-danger { --tw-shadow-color: rgb(230, 83, 60); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-danger) var(--tw-shadow-alpha), transparent); } } + .shadow-info { --tw-shadow-color: rgb(73, 182, 245); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-info) var(--tw-shadow-alpha), transparent); } } + .shadow-orange { --tw-shadow-color: rgb(255, 165, 5); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-orange) var(--tw-shadow-alpha), transparent); } } + .shadow-primary { --tw-shadow-color: rgb(132, 90, 223); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent); } } + .shadow-purple { --tw-shadow-color: rgb(137, 32, 173); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-purple) var(--tw-shadow-alpha), transparent); } } + .shadow-secondary { --tw-shadow-color: rgb(35, 183, 229); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-secondary) var(--tw-shadow-alpha), transparent); } } + .shadow-success { --tw-shadow-color: rgb(38, 191, 148); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-success) var(--tw-shadow-alpha), transparent); } } + .shadow-warning { --tw-shadow-color: rgb(245, 184, 73); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-warning) var(--tw-shadow-alpha), transparent); } } + .ring-transparent { --tw-ring-color: transparent; } + .ring-white { --tw-ring-color: var(--color-white); } + .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } + .outline-danger { outline-color: var(--color-danger); } + .outline-secondary { outline-color: var(--color-secondary); } + .blur { --tw-blur: blur(8px); - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); + filter: 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-2 { --tw-brightness: brightness(2%); - 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: 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, ); } + .contrast-2 { --tw-contrast: contrast(2%); - 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: 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,); + 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, ); } + .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, 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-\[height\] { transition-property: height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } + .transition-\[margin\,opacity\] { - transition-property: margin,opacity; + transition-property: margin, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } + .transition-\[opacity\,margin\] { - transition-property: opacity,margin; + transition-property: opacity, margin; 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-none { transition-property: none; } + .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } + .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } + .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } + .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } + .duration-\[0\.1ms\] { --tw-duration: 0.1ms; transition-duration: 0.1ms; } + .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); } + .select-none { -webkit-user-select: none; -moz-user-select: none; - user-select: none; + user-select: none; } + .\[--auto-close\:inside\] { --auto-close: inside; } + .\[--auto-close\:true\] { --auto-close: true; } + .\[--body-scroll\:true\] { --body-scroll: true; } + .\[--overlay-backdrop\:false\] { --overlay-backdrop: false; } + .\[--overlay-backdrop\:static\] { --overlay-backdrop: static; } + .\[--placement\:bottom-left\] { --placement: bottom-left; } + .\[--placement\:bottom-right\] { --placement: bottom-right; } + .\[--placement\:bottom\] { --placement: bottom; } + .\[--placement\:left-top\] { --placement: left-top; } + .\[--placement\:left\] { --placement: left; } + .\[--placement\:right-top\] { --placement: right-top; } + .\[--placement\:right\] { --placement: right; } + .\[--placement\:top-left\] { --placement: top-left; } + .\[--placement\:top-right\] { --placement: top-right; } + .\[--placement\:top\] { --placement: top; } + .\[--scrollspy-offset\:220\] { --scrollspy-offset: 220; } + .\[--strategy\:absolute\] { --strategy: absolute; } + .\[--trigger\:click\] { --trigger: click; } + .\[--trigger\:focus\] { --trigger: focus; } + .\[--trigger\:hover\] { --trigger: hover; } + .block-full { block-size: 100%; } + .group-last\:hidden { &:is(:where(.group):last-child *) { display: none; } } + .group-hover\:block { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -5386,6 +7040,7 @@ } } } + .group-hover\:hidden { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -5393,6 +7048,7 @@ } } } + .group-hover\:text-defaulttextcolor { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -5400,6 +7056,7 @@ } } } + .group-hover\:text-gray-500 { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -5407,6 +7064,7 @@ } } } + .group-hover\:text-gray-600 { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -5414,6 +7072,7 @@ } } } + .group-hover\:text-primary { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -5421,6 +7080,7 @@ } } } + .group-hover\:text-success { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -5428,334 +7088,396 @@ } } } + .group-focus\:bg-gray-200 { &:is(:where(.group):focus *) { background-color: var(--color-gray-200); } } + .peer-focus\:-translate-y-1\.5 { &:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } + .peer-focus\:-translate-y-3\.5 { &:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -3.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } + .peer-focus\:text-xs { &:is(:where(.peer):focus ~ *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } + .peer-focus\:text-gray-500 { &:is(:where(.peer):focus ~ *) { color: var(--color-gray-500); } } + .peer-disabled\:pointer-events-none { &:is(:where(.peer):disabled ~ *) { pointer-events: none; } } + .peer-disabled\:opacity-50 { &:is(:where(.peer):disabled ~ *) { opacity: 50%; } } + .peer-\[\:not\(\:-moz-placeholder\)\]\:-translate-y-1\.5 { &:is(:where(.peer):is(:not(:placeholder-shown)) ~ *) { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } + .peer-\[\:not\(\:placeholder-shown\)\]\:-translate-y-1\.5 { &:is(:where(.peer):is(:not(:-moz-placeholder)) ~ *) { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } + &:is(:where(.peer):is(:not(:placeholder-shown)) ~ *) { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } + .peer-\[\:not\(\:-moz-placeholder\)\]\:text-xs { &:is(:where(.peer):is(:not(:placeholder-shown)) ~ *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } + .peer-\[\:not\(\:placeholder-shown\)\]\:text-xs { &:is(:where(.peer):is(:not(:-moz-placeholder)) ~ *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } + &:is(:where(.peer):is(:not(:placeholder-shown)) ~ *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } + .peer-\[\:not\(\:-moz-placeholder\)\]\:text-gray-500 { &:is(:where(.peer):is(:not(:placeholder-shown)) ~ *) { color: var(--color-gray-500); } } + .peer-\[\:not\(\:placeholder-shown\)\]\:text-gray-500 { &:is(:where(.peer):is(:not(:-moz-placeholder)) ~ *) { color: var(--color-gray-500); } + &:is(:where(.peer):is(:not(:placeholder-shown)) ~ *) { color: var(--color-gray-500); } } + .first-letter\:float-start { &::first-letter { float: inline-start; } } + .first-letter\:me-3 { &::first-letter { margin-inline-end: calc(var(--spacing) * 3); } } + .first-letter\:text-7xl { &::first-letter { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } } + .first-letter\:leading-none { &::first-letter { --tw-leading: 1; line-height: 1; } } + .first-letter\:font-bold { &::first-letter { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } + .first-letter\:text-slate-900 { &::first-letter { color: var(--color-slate-900); } } + .first-line\:tracking-widest { &::first-line { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } } + .first-line\:uppercase { &::first-line { text-transform: uppercase; } } + .file\:me-4 { &::file-selector-button { margin-inline-end: calc(var(--spacing) * 4); } } + .file\:rounded-s-sm { &::file-selector-button { border-start-start-radius: var(--radius-sm); border-end-start-radius: var(--radius-sm); } } + .file\:border-0 { &::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } } + .file\:bg-gray-200 { &::file-selector-button { background-color: var(--color-gray-200); } } + .file\:bg-light { &::file-selector-button { background-color: var(--color-light); } } + .file\:bg-primary { &::file-selector-button { background-color: var(--color-primary); } } + .file\:px-4 { &::file-selector-button { padding-inline: calc(var(--spacing) * 4); } } + .file\:py-2 { &::file-selector-button { padding-block: calc(var(--spacing) * 2); } } + .file\:py-3 { &::file-selector-button { padding-block: calc(var(--spacing) * 3); } } + .file\:text-sm { &::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } + .file\:font-semibold { &::file-selector-button { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } + .file\:text-black { &::file-selector-button { color: var(--color-black); } } + .file\:text-white { &::file-selector-button { color: var(--color-white); } } + .placeholder\:\!text-transparent { &::-moz-placeholder { color: transparent !important; } + &::placeholder { color: transparent !important; } } + .placeholder\:text-gray-900 { &::-moz-placeholder { color: var(--color-gray-900); } + &::placeholder { color: var(--color-gray-900); } } + .placeholder\:text-textmuted { &::-moz-placeholder { color: var(--color-textmuted); } + &::placeholder { color: var(--color-textmuted); } } + .before\:absolute { &::before { content: var(--tw-content); position: absolute; } } + .before\:relative { &::before { content: var(--tw-content); position: relative; } } + .before\:inset-0 { &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } + .before\:start-0 { &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } } + .before\:end-3 { &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 3); } } + .before\:\!top-\[-1px\] { &::before { content: var(--tw-content); top: -1px !important; } } + .before\:\!top-\[0\.35rem\] { &::before { content: var(--tw-content); top: 0.35rem !important; } } + .before\:-top-5 { &::before { content: var(--tw-content); top: calc(var(--spacing) * -5); } } + .before\:top-0 { &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); } } + .before\:top-1\/2 { &::before { content: var(--tw-content); top: calc(1 / 2 * 100%); } } + .before\:z-1 { &::before { content: var(--tw-content); z-index: 1; } } + .before\:hidden { &::before { content: var(--tw-content); display: none; } } + .before\:h-1 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 1); } } + .before\:h-5 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 5); } } + .before\:h-full { &::before { content: var(--tw-content); height: 100%; } } + .before\:w-1 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 1); } } + .before\:w-5 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 5); } } + .before\:w-full { &::before { content: var(--tw-content); width: 100%; } } + .before\:-translate-y-1\/2 { &::before { content: var(--tw-content); @@ -5763,188 +7485,220 @@ translate: var(--tw-translate-x) var(--tw-translate-y); } } + .before\:rounded-full { &::before { content: var(--tw-content); border-radius: var(--radius-full); } } + .before\:bg-gray-300 { &::before { content: var(--tw-content); background-color: var(--color-gray-300); } } + .before\:align-\[-webkit-baseline-middle\] { &::before { content: var(--tw-content); vertical-align: -webkit-baseline-middle; } } + .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } + .after\:inset-x-\[0\.375rem\] { &::after { content: var(--tw-content); inset-inline: 0.375rem; } } + .after\:inset-y-4 { &::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 4); } } + .after\:-start-4 { &::after { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * -4); } } + .after\:top-0 { &::after { content: var(--tw-content); top: calc(var(--spacing) * 0); } } + .after\:h-full { &::after { content: var(--tw-content); height: 100%; } } + .after\:w-4 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 4); } } + .after\:w-5 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 5); } } + .after\:rounded-md { &::after { content: var(--tw-content); border-radius: var(--radius-md); } } + .after\:\!border-secondary { &::after { content: var(--tw-content); border-color: var(--color-secondary) !important; } } + .after\:\!border-success { &::after { content: var(--tw-content); border-color: var(--color-success) !important; } } + .after\:\!border-s-secondary { &::after { content: var(--tw-content); border-inline-start-color: var(--color-secondary) !important; } } + .after\:\!border-s-success { &::after { content: var(--tw-content); border-inline-start-color: var(--color-success) !important; } } + .after\:\!border-s-transparent { &::after { content: var(--tw-content); border-inline-start-color: transparent !important; } } + .after\:\!border-e-transparent { &::after { content: var(--tw-content); border-inline-end-color: transparent !important; } } + .after\:bg-white { &::after { content: var(--tw-content); background-color: var(--color-white); } } + .first\:rounded-s-full { &:first-child { border-start-start-radius: var(--radius-full); border-end-start-radius: var(--radius-full); } } + .first\:rounded-s-md { &:first-child { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); } } + .first\:rounded-t-lg { &:first-child { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } } + .first\:rounded-t-sm { &:first-child { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } } + .first\:pt-0 { &:first-child { padding-top: calc(var(--spacing) * 0); } } + .last\:mb-0 { &:last-child { margin-bottom: calc(var(--spacing) * 0); } } + .last\:rounded-e-full { &:last-child { border-start-end-radius: var(--radius-full); border-end-end-radius: var(--radius-full); } } + .last\:rounded-e-md { &:last-child { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } } + .last\:rounded-b-lg { &:last-child { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } } + .last\:rounded-b-sm { &:last-child { border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } } + .last\:pe-0 { &:last-child { padding-inline-end: calc(var(--spacing) * 0); } } + .last\:pb-0 { &:last-child { padding-bottom: calc(var(--spacing) * 0); } } + .last-of-type\:before\:hidden { &:last-of-type { &::before { @@ -5953,51 +7707,61 @@ } } } + .open\:bg-white { &:is([open], :popover-open, :open) { background-color: var(--color-white); } } + .open\:shadow-lg { &:is([open], :popover-open, :open) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + .open\:ring-1 { &:is([open], :popover-open, :open) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --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); } } + .open\:ring-black\/5 { &:is([open], :popover-open, :open) { --tw-ring-color: color-mix(in srgb, #000 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } } + .checked\:\!bg-success { &:checked { background-color: var(--color-success) !important; } } + .checked\:bg-success { &:checked { background-color: var(--color-success); } } + .checked\:\!ring-success { &:checked { --tw-ring-color: var(--color-success) !important; } } + .checked\:ring-success { &:checked { --tw-ring-color: var(--color-success); } } + .checked\:before\:\!top-\[0px\] { &:checked { &::before { @@ -6006,22 +7770,27 @@ } } } + .autofill\:pt-6 { &:-webkit-autofill { padding-top: calc(var(--spacing) * 6); } + &:autofill { padding-top: calc(var(--spacing) * 6); } } + .autofill\:pb-2 { &:-webkit-autofill { padding-bottom: calc(var(--spacing) * 2); } + &:autofill { padding-bottom: calc(var(--spacing) * 2); } } + .hover\:cursor-pointer { &:hover { @media (hover: hover) { @@ -6029,6 +7798,7 @@ } } } + .hover\:\!border-primary { &:hover { @media (hover: hover) { @@ -6036,6 +7806,7 @@ } } } + .hover\:\!border-success { &:hover { @media (hover: hover) { @@ -6043,6 +7814,7 @@ } } } + .hover\:border-danger { &:hover { @media (hover: hover) { @@ -6050,6 +7822,7 @@ } } } + .hover\:border-info { &:hover { @media (hover: hover) { @@ -6057,6 +7830,7 @@ } } } + .hover\:border-primary { &:hover { @media (hover: hover) { @@ -6064,6 +7838,7 @@ } } } + .hover\:border-success { &:hover { @media (hover: hover) { @@ -6071,26 +7846,31 @@ } } } + .hover\:\!bg-black\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } } + .hover\:\!bg-danger\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(230, 83, 60) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 20%, transparent) !important; } } } } + .hover\:\!bg-gray-100 { &:hover { @media (hover: hover) { @@ -6098,16 +7878,19 @@ } } } + .hover\:\!bg-info\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(73, 182, 245) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 20%, transparent) !important; } } } } + .hover\:\!bg-light { &:hover { @media (hover: hover) { @@ -6115,46 +7898,55 @@ } } } + .hover\:\!bg-light\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(243, 246, 248) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-light) 20%, transparent) !important; } } } } + .hover\:\!bg-primary\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important; } } } } + .hover\:\!bg-secondary\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(35, 183, 229) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent) !important; } } } } + .hover\:\!bg-success\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent) !important; } } } } + .hover\:\!bg-transparent { &:hover { @media (hover: hover) { @@ -6162,26 +7954,31 @@ } } } + .hover\:\!bg-warning\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(245, 184, 73) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 20%, transparent) !important; } } } } + .hover\:bg-black\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } } } + .hover\:bg-blue-700 { &:hover { @media (hover: hover) { @@ -6189,6 +7986,7 @@ } } } + .hover\:bg-danger { &:hover { @media (hover: hover) { @@ -6196,16 +7994,19 @@ } } } + .hover\:bg-danger\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } } } + .hover\:bg-gray-50 { &:hover { @media (hover: hover) { @@ -6213,6 +8014,7 @@ } } } + .hover\:bg-gray-100 { &:hover { @media (hover: hover) { @@ -6220,6 +8022,7 @@ } } } + .hover\:bg-gray-200 { &:hover { @media (hover: hover) { @@ -6227,6 +8030,7 @@ } } } + .hover\:bg-gray-300 { &:hover { @media (hover: hover) { @@ -6234,6 +8038,7 @@ } } } + .hover\:bg-info { &:hover { @media (hover: hover) { @@ -6241,6 +8046,7 @@ } } } + .hover\:bg-light { &:hover { @media (hover: hover) { @@ -6248,6 +8054,7 @@ } } } + .hover\:bg-orange-200 { &:hover { @media (hover: hover) { @@ -6255,6 +8062,7 @@ } } } + .hover\:bg-primary { &:hover { @media (hover: hover) { @@ -6262,36 +8070,43 @@ } } } + .hover\:bg-primary\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } } + .hover\:bg-primary\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } } + .hover\:bg-primary\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } } } + .hover\:bg-secondary { &:hover { @media (hover: hover) { @@ -6299,16 +8114,19 @@ } } } + .hover\:bg-secondary\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } } + .hover\:bg-success { &:hover { @media (hover: hover) { @@ -6316,36 +8134,43 @@ } } } + .hover\:bg-success\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } } } + .hover\:bg-warning\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } } } + .hover\:bg-white\/\[\.15\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 15%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } } } + .hover\:\!text-\[\#383853\] { &:hover { @media (hover: hover) { @@ -6353,6 +8178,7 @@ } } } + .hover\:\!text-danger { &:hover { @media (hover: hover) { @@ -6360,6 +8186,7 @@ } } } + .hover\:\!text-defaulttextcolor { &:hover { @media (hover: hover) { @@ -6367,6 +8194,7 @@ } } } + .hover\:\!text-primary { &:hover { @media (hover: hover) { @@ -6374,6 +8202,7 @@ } } } + .hover\:\!text-white { &:hover { @media (hover: hover) { @@ -6381,6 +8210,7 @@ } } } + .hover\:hover\:text-primary { &:hover { @media (hover: hover) { @@ -6392,6 +8222,7 @@ } } } + .hover\:text-\[\#8c9097\] { &:hover { @media (hover: hover) { @@ -6399,6 +8230,7 @@ } } } + .hover\:text-\[\#383853\] { &:hover { @media (hover: hover) { @@ -6406,6 +8238,7 @@ } } } + .hover\:text-black { &:hover { @media (hover: hover) { @@ -6413,6 +8246,7 @@ } } } + .hover\:text-blue-600 { &:hover { @media (hover: hover) { @@ -6420,6 +8254,7 @@ } } } + .hover\:text-blue-800 { &:hover { @media (hover: hover) { @@ -6427,6 +8262,7 @@ } } } + .hover\:text-danger { &:hover { @media (hover: hover) { @@ -6434,6 +8270,7 @@ } } } + .hover\:text-defaulttextcolor { &:hover { @media (hover: hover) { @@ -6441,6 +8278,7 @@ } } } + .hover\:text-gray-500 { &:hover { @media (hover: hover) { @@ -6448,6 +8286,7 @@ } } } + .hover\:text-gray-600 { &:hover { @media (hover: hover) { @@ -6455,6 +8294,7 @@ } } } + .hover\:text-gray-700 { &:hover { @media (hover: hover) { @@ -6462,6 +8302,7 @@ } } } + .hover\:text-gray-800 { &:hover { @media (hover: hover) { @@ -6469,6 +8310,7 @@ } } } + .hover\:text-orange-500 { &:hover { @media (hover: hover) { @@ -6476,6 +8318,7 @@ } } } + .hover\:text-primary { &:hover { @media (hover: hover) { @@ -6483,16 +8326,19 @@ } } } + .hover\:text-primary\/80 { &:hover { @media (hover: hover) { color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } } } + .hover\:text-secondary { &:hover { @media (hover: hover) { @@ -6500,6 +8346,7 @@ } } } + .hover\:text-slate-900 { &:hover { @media (hover: hover) { @@ -6507,6 +8354,7 @@ } } } + .hover\:text-success { &:hover { @media (hover: hover) { @@ -6514,6 +8362,7 @@ } } } + .hover\:text-warning { &:hover { @media (hover: hover) { @@ -6521,6 +8370,7 @@ } } } + .hover\:text-white { &:hover { @media (hover: hover) { @@ -6528,6 +8378,7 @@ } } } + .hover\:underline { &:hover { @media (hover: hover) { @@ -6535,6 +8386,7 @@ } } } + .hover\:opacity-100 { &:hover { @media (hover: hover) { @@ -6542,6 +8394,7 @@ } } } + .hover\:file\:bg-primary { &:hover { @media (hover: hover) { @@ -6551,6 +8404,7 @@ } } } + .hover\:checked\:\!bg-success { &:hover { @media (hover: hover) { @@ -6560,6 +8414,7 @@ } } } + .hover\:checked\:bg-success { &:hover { @media (hover: hover) { @@ -6569,6 +8424,7 @@ } } } + .hover\:checked\:\!ring-success { &:hover { @media (hover: hover) { @@ -6578,6 +8434,7 @@ } } } + .hover\:checked\:ring-success { &:hover { @media (hover: hover) { @@ -6587,402 +8444,483 @@ } } } + .focus\:z-10 { &:focus { z-index: 10; } } + .focus\:\!border-success { &:focus { border-color: var(--color-success) !important; } } + .focus\:border-blue-500 { &:focus { border-color: var(--color-blue-500); } } + .focus\:border-danger { &:focus { border-color: var(--color-danger); } } + .focus\:border-gray-200 { &:focus { border-color: var(--color-gray-200); } } + .focus\:border-green { &:focus { border-color: var(--color-green); } } + .focus\:border-primary { &:focus { border-color: var(--color-primary); } } + .focus\:border-red { &:focus { border-color: var(--color-red); } } + .focus\:border-success { &:focus { border-color: var(--color-success); } } + .focus\:\!border-x-transparent { &:focus { border-inline-color: transparent !important; } } + .focus\:\!border-t-transparent { &:focus { border-top-color: transparent !important; } } + .focus\:\!border-b-primary { &:focus { border-bottom-color: var(--color-primary) !important; } } + .focus\:bg-black\/10 { &:focus { background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } } + .focus\:bg-danger\/10 { &:focus { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } } + .focus\:bg-gray-50 { &:focus { background-color: var(--color-gray-50); } } + .focus\:bg-gray-100 { &:focus { background-color: var(--color-gray-100); } } + .focus\:bg-gray-200 { &:focus { background-color: var(--color-gray-200); } } + .focus\:bg-orange-200 { &:focus { background-color: var(--color-orange-200); } } + .focus\:bg-primary { &:focus { background-color: var(--color-primary); } } + .focus\:bg-primary\/10 { &:focus { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } + .focus\:bg-red-200 { &:focus { background-color: var(--color-red-200); } } + .focus\:bg-secondary { &:focus { background-color: var(--color-secondary); } } + .focus\:bg-warning\/10 { &:focus { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } } + .focus\:pt-6 { &:focus { padding-top: calc(var(--spacing) * 6); } } + .focus\:pb-2 { &:focus { padding-bottom: calc(var(--spacing) * 2); } } + .focus\:text-black\/10 { &:focus { color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 10%, transparent); } } } + .focus\:text-danger { &:focus { color: var(--color-danger); } } + .focus\:text-gray-500 { &:focus { color: var(--color-gray-500); } } + .focus\:text-gray-600 { &:focus { color: var(--color-gray-600); } } + .focus\:text-orange-500 { &:focus { color: var(--color-orange-500); } } + .focus\:text-primary { &:focus { color: var(--color-primary); } } + .focus\:text-secondary { &:focus { color: var(--color-secondary); } } + .focus\:text-success { &:focus { color: var(--color-success); } } + .focus\:text-warning { &:focus { color: var(--color-warning); } } + .focus\:text-white { &:focus { color: var(--color-white); } } + .focus\:\!shadow-none { &:focus { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } + .focus\:shadow-sm { &:focus { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + .focus\:\!ring-0 { &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } + .focus\:ring-0 { &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-primary { &:focus { --tw-ring-color: var(--color-primary) !important; } } + .focus\:\!ring-success { &:focus { --tw-ring-color: var(--color-success) !important; } } + .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } + .focus\:ring-danger { &:focus { --tw-ring-color: var(--color-danger); } } + .focus\:ring-gray-400 { &:focus { --tw-ring-color: var(--color-gray-400); } } + .focus\:ring-gray-500 { &:focus { --tw-ring-color: var(--color-gray-500); } } + .focus\:ring-gray-600 { &:focus { --tw-ring-color: var(--color-gray-600); } } + .focus\:ring-green { &:focus { --tw-ring-color: var(--color-green); } } + .focus\:ring-green-500 { &:focus { --tw-ring-color: var(--color-green-500); } } + .focus\:ring-indigo-500 { &:focus { --tw-ring-color: var(--color-indigo-500); } } + .focus\:ring-primary { &:focus { --tw-ring-color: var(--color-primary); } } + .focus\:ring-red { &:focus { --tw-ring-color: var(--color-red); } } + .focus\:ring-red-500 { &:focus { --tw-ring-color: var(--color-red-500); } } + .focus\:ring-success { &:focus { --tw-ring-color: var(--color-success); } } + .focus\:ring-teal-600 { &:focus { --tw-ring-color: var(--color-teal-600); } } + .focus\:ring-transparent { &:focus { --tw-ring-color: transparent; } } + .focus\:ring-white { &:focus { --tw-ring-color: var(--color-white); } } + .focus\:ring-yellow-500 { &:focus { --tw-ring-color: var(--color-yellow-500); } } + .focus\:\!ring-offset-0 { &:focus { --tw-ring-offset-width: 0px !important; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; } } + .focus\:ring-offset-0 { &:focus { --tw-ring-offset-width: 0px; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } + .focus\:ring-offset-gray-600 { &:focus { --tw-ring-offset-color: var(--color-gray-600); } } + .focus\:ring-offset-green-800 { &:focus { --tw-ring-offset-color: var(--color-green-800); } } + .focus\:ring-offset-indigo-800 { &:focus { --tw-ring-offset-color: var(--color-indigo-800); } } + .focus\:ring-offset-primary { &:focus { --tw-ring-offset-color: var(--color-primary); } } + .focus\:ring-offset-red-800 { &:focus { --tw-ring-offset-color: var(--color-red-800); } } + .focus\:ring-offset-secondary { &:focus { --tw-ring-offset-color: var(--color-secondary); } } + .focus\:ring-offset-teal-50 { &:focus { --tw-ring-offset-color: var(--color-teal-50); } } + .focus\:ring-offset-transparent { &:focus { --tw-ring-offset-color: transparent; } } + .focus\:ring-offset-white { &:focus { --tw-ring-offset-color: var(--color-white); } } + .focus\:ring-offset-white\/10 { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .focus\:ring-offset-yellow-800 { &:focus { --tw-ring-offset-color: var(--color-yellow-800); } } + .focus\:outline-hidden { &:focus { --tw-outline-style: none; outline-style: none; + @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } + .focus\:outline-0 { &:focus { outline-style: var(--tw-outline-style); outline-width: 0px; } } + .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } + .focus\:checked\:\!bg-success { &:focus { &:checked { @@ -6990,6 +8928,7 @@ } } } + .focus\:checked\:bg-success { &:focus { &:checked { @@ -6997,6 +8936,7 @@ } } } + .focus\:checked\:\!ring-success { &:focus { &:checked { @@ -7004,6 +8944,7 @@ } } } + .focus\:checked\:ring-success { &:focus { &:checked { @@ -7011,392 +8952,469 @@ } } } + .focus-visible\:outline-0 { &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 0px; } } + .focus-visible\:\!outline-none { &:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } } + .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } + .active\:bg-light { &:active { background-color: var(--color-light); } } + .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } + .disabled\:opacity-50 { &:disabled { opacity: 50%; } } + .sm\:absolute { - @media (width >= 40rem) { + @media (width >=40rem) { position: absolute; } } + .sm\:col-span-1 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-column: span 1 / span 1; } } + .sm\:col-span-2 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-column: span 2 / span 2; } } + .sm\:col-span-3 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-column: span 3 / span 3; } } + .sm\:col-span-4 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-column: span 4 / span 4; } } + .sm\:col-span-6 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-column: span 6 / span 6; } } + .sm\:col-span-7 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-column: span 7 / span 7; } } + .sm\:col-span-8 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-column: span 8 / span 8; } } + .sm\:col-span-10 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-column: span 10 / span 10; } } + .sm\:col-span-12 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-column: span 12 / span 12; } } + .sm\:\!m-0 { - @media (width >= 40rem) { + @media (width >=40rem) { margin: calc(var(--spacing) * 0) !important; } } + .sm\:m-0 { - @media (width >= 40rem) { + @media (width >=40rem) { margin: calc(var(--spacing) * 0); } } + .sm\:\!mx-auto { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline: auto !important; } } + .sm\:mx-2\.5 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline: calc(var(--spacing) * 2.5); } } + .sm\:mx-auto { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline: auto; } } + .sm\:my-0 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-block: calc(var(--spacing) * 0); } } + .sm\:-ms-px { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline-start: -1px; } } + .sm\:ms-2 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline-start: calc(var(--spacing) * 2); } } + .sm\:ms-4 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline-start: calc(var(--spacing) * 4); } } + .sm\:ms-6 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline-start: calc(var(--spacing) * 6); } } + .sm\:ms-\[3rem\] { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline-start: 3rem; } } + .sm\:ms-auto { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline-start: auto; } } + .sm\:me-2 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline-end: calc(var(--spacing) * 2); } } + .sm\:me-5 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-inline-end: calc(var(--spacing) * 5); } } + .sm\:\!mt-0 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-top: calc(var(--spacing) * 0) !important; } } + .sm\:mt-0 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-top: calc(var(--spacing) * 0); } } + .sm\:mt-2 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-top: calc(var(--spacing) * 2); } } + .sm\:mt-8 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-top: calc(var(--spacing) * 8); } } + .sm\:mt-\[3rem\] { - @media (width >= 40rem) { + @media (width >=40rem) { margin-top: 3rem; } } + .sm\:\!mb-0 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-bottom: calc(var(--spacing) * 0) !important; } } + .sm\:mb-0 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-bottom: calc(var(--spacing) * 0); } } + .sm\:mb-1 { - @media (width >= 40rem) { + @media (width >=40rem) { margin-bottom: calc(var(--spacing) * 1); } } + .sm\:\!flex { - @media (width >= 40rem) { + @media (width >=40rem) { display: flex !important; } } + .sm\:\!inline-flex { - @media (width >= 40rem) { + @media (width >=40rem) { display: inline-flex !important; } } + .sm\:block { - @media (width >= 40rem) { + @media (width >=40rem) { display: block; } } + .sm\:flex { - @media (width >= 40rem) { + @media (width >=40rem) { display: flex; } } + .sm\:grid { - @media (width >= 40rem) { + @media (width >=40rem) { display: grid; } } + .sm\:hidden { - @media (width >= 40rem) { + @media (width >=40rem) { display: none; } } + .sm\:inline-block { - @media (width >= 40rem) { + @media (width >=40rem) { display: inline-block; } } + .sm\:inline-flex { - @media (width >= 40rem) { + @media (width >=40rem) { display: inline-flex; } } + .sm\:w-48 { - @media (width >= 40rem) { + @media (width >=40rem) { width: calc(var(--spacing) * 48); } } + .sm\:w-auto { - @media (width >= 40rem) { + @media (width >=40rem) { width: auto; } } + .sm\:w-full { - @media (width >= 40rem) { + @media (width >=40rem) { width: 100%; } } + .sm\:\!max-w-lg { - @media (width >= 40rem) { + @media (width >=40rem) { max-width: var(--container-lg) !important; } } + .sm\:max-w-lg { - @media (width >= 40rem) { + @media (width >=40rem) { max-width: var(--container-lg); } } + .sm\:flex-shrink-0 { - @media (width >= 40rem) { + @media (width >=40rem) { flex-shrink: 0; } } + .sm\:-rotate-90 { - @media (width >= 40rem) { + @media (width >=40rem) { rotate: calc(90deg * -1); } } + .sm\:columns-3 { - @media (width >= 40rem) { + @media (width >=40rem) { -moz-columns: 3; - columns: 3; + columns: 3; } } + .sm\:grid-cols-2 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } + .sm\:grid-cols-3 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } + .sm\:grid-cols-4 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } + .sm\:grid-cols-5 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } + .sm\:grid-cols-6 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } + .sm\:grid-cols-7 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-template-columns: repeat(7, minmax(0, 1fr)); } } + .sm\:grid-cols-9 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-template-columns: repeat(9, minmax(0, 1fr)); } } + .sm\:grid-cols-12 { - @media (width >= 40rem) { + @media (width >=40rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } + .sm\:flex-row { - @media (width >= 40rem) { + @media (width >=40rem) { flex-direction: row; } } + .sm\:flex-nowrap { - @media (width >= 40rem) { + @media (width >=40rem) { flex-wrap: nowrap; } } + .sm\:flex-wrap { - @media (width >= 40rem) { + @media (width >=40rem) { flex-wrap: wrap; } } + .sm\:items-center { - @media (width >= 40rem) { + @media (width >=40rem) { align-items: center; } } + .sm\:items-end { - @media (width >= 40rem) { + @media (width >=40rem) { align-items: flex-end; } } + .sm\:justify-between { - @media (width >= 40rem) { + @media (width >=40rem) { justify-content: space-between; } } + .sm\:justify-end { - @media (width >= 40rem) { + @media (width >=40rem) { justify-content: flex-end; } } + .sm\:justify-evenly { - @media (width >= 40rem) { + @media (width >=40rem) { justify-content: space-evenly; } } + .sm\:justify-start { - @media (width >= 40rem) { + @media (width >=40rem) { justify-content: flex-start; } } + .sm\:gap-0 { - @media (width >= 40rem) { + @media (width >=40rem) { gap: calc(var(--spacing) * 0); } } + .sm\:gap-2 { - @media (width >= 40rem) { + @media (width >=40rem) { gap: calc(var(--spacing) * 2); } } + .sm\:gap-3 { - @media (width >= 40rem) { + @media (width >=40rem) { gap: calc(var(--spacing) * 3); } } + .sm\:gap-4 { - @media (width >= 40rem) { + @media (width >=40rem) { gap: calc(var(--spacing) * 4); } } + .sm\:gap-6 { - @media (width >= 40rem) { + @media (width >=40rem) { gap: calc(var(--spacing) * 6); } } + .sm\:space-y-0 { - @media (width >= 40rem) { + @media (width >=40rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); @@ -7404,26 +9422,30 @@ } } } + .sm\:gap-x-3\.5 { - @media (width >= 40rem) { + @media (width >=40rem) { -moz-column-gap: calc(var(--spacing) * 3.5); - column-gap: calc(var(--spacing) * 3.5); + column-gap: calc(var(--spacing) * 3.5); } } + .sm\:gap-x-4 { - @media (width >= 40rem) { + @media (width >=40rem) { -moz-column-gap: calc(var(--spacing) * 4); - column-gap: calc(var(--spacing) * 4); + column-gap: calc(var(--spacing) * 4); } } + .sm\:gap-x-6 { - @media (width >= 40rem) { + @media (width >=40rem) { -moz-column-gap: calc(var(--spacing) * 6); - column-gap: calc(var(--spacing) * 6); + column-gap: calc(var(--spacing) * 6); } } + .sm\:space-x-2 { - @media (width >= 40rem) { + @media (width >=40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); @@ -7431,8 +9453,9 @@ } } } + .sm\:space-x-3 { - @media (width >= 40rem) { + @media (width >=40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); @@ -7440,8 +9463,9 @@ } } } + .sm\:space-x-6 { - @media (width >= 40rem) { + @media (width >=40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); @@ -7449,13 +9473,15 @@ } } } + .sm\:gap-y-4 { - @media (width >= 40rem) { + @media (width >=40rem) { row-gap: calc(var(--spacing) * 4); } } + .sm\:divide-x { - @media (width >= 40rem) { + @media (width >=40rem) { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); @@ -7464,8 +9490,9 @@ } } } + .sm\:divide-y-0 { - @media (width >= 40rem) { + @media (width >=40rem) { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); @@ -7475,569 +9502,673 @@ } } } + .sm\:\!rounded-none { - @media (width >= 40rem) { + @media (width >=40rem) { border-radius: var(--radius-none) !important; } } + .sm\:rounded-sm { - @media (width >= 40rem) { + @media (width >=40rem) { border-radius: var(--radius-sm); } } + .sm\:rounded-t\! { - @media (width >= 40rem) { + @media (width >=40rem) { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } } + .sm\:\!rounded-tl-none { - @media (width >= 40rem) { + @media (width >=40rem) { border-top-left-radius: var(--radius-none) !important; } } + .sm\:\!rounded-tr-md { - @media (width >= 40rem) { + @media (width >=40rem) { border-top-right-radius: var(--radius-md) !important; } } + .sm\:rounded-b\! { - @media (width >= 40rem) { + @media (width >=40rem) { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } } + .sm\:\!rounded-br-none { - @media (width >= 40rem) { + @media (width >=40rem) { border-bottom-right-radius: var(--radius-none) !important; } } + .sm\:\!rounded-bl-md { - @media (width >= 40rem) { + @media (width >=40rem) { border-bottom-left-radius: var(--radius-md) !important; } } + .sm\:border { - @media (width >= 40rem) { + @media (width >=40rem) { border-style: var(--tw-border-style); border-width: 1px; } } + .sm\:border-x-0\! { - @media (width >= 40rem) { + @media (width >=40rem) { border-inline-style: var(--tw-border-style) !important; border-inline-width: 0px !important; } } + .sm\:border-y\! { - @media (width >= 40rem) { + @media (width >=40rem) { border-block-style: var(--tw-border-style) !important; border-block-width: 1px !important; } } + .sm\:\!border-e-0 { - @media (width >= 40rem) { + @media (width >=40rem) { border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 0px !important; } } + .sm\:border-e { - @media (width >= 40rem) { + @media (width >=40rem) { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } } + .sm\:\!border-b { - @media (width >= 40rem) { + @media (width >=40rem) { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; } } + .sm\:border-b { - @media (width >= 40rem) { + @media (width >=40rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } + .sm\:object-contain { - @media (width >= 40rem) { + @media (width >=40rem) { -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } } + .sm\:\!p-4 { - @media (width >= 40rem) { + @media (width >=40rem) { padding: calc(var(--spacing) * 4) !important; } } + .sm\:\!p-5 { - @media (width >= 40rem) { + @media (width >=40rem) { padding: calc(var(--spacing) * 5) !important; } } + .sm\:\!p-\[3rem\] { - @media (width >= 40rem) { + @media (width >=40rem) { padding: 3rem !important; } } + .sm\:p-0 { - @media (width >= 40rem) { + @media (width >=40rem) { padding: calc(var(--spacing) * 0); } } + .sm\:p-4 { - @media (width >= 40rem) { + @media (width >=40rem) { padding: calc(var(--spacing) * 4); } } + .sm\:p-5 { - @media (width >= 40rem) { + @media (width >=40rem) { padding: calc(var(--spacing) * 5); } } + .sm\:p-12 { - @media (width >= 40rem) { + @media (width >=40rem) { padding: calc(var(--spacing) * 12); } } + .sm\:\!px-\[0\.25rem\] { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline: 0.25rem !important; } } + .sm\:px-4 { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline: calc(var(--spacing) * 4); } } + .sm\:py-16 { - @media (width >= 40rem) { + @media (width >=40rem) { padding-block: calc(var(--spacing) * 16); } } + .sm\:\!ps-4 { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline-start: calc(var(--spacing) * 4) !important; } } + .sm\:ps-0 { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline-start: calc(var(--spacing) * 0); } } + .sm\:ps-3 { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline-start: calc(var(--spacing) * 3); } } + .sm\:ps-4 { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline-start: calc(var(--spacing) * 4); } } + .sm\:ps-5 { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline-start: calc(var(--spacing) * 5); } } + .sm\:ps-6 { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline-start: calc(var(--spacing) * 6); } } + .sm\:ps-\[0\.5rem\] { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline-start: 0.5rem; } } + .sm\:pe-3 { - @media (width >= 40rem) { + @media (width >=40rem) { padding-inline-end: calc(var(--spacing) * 3); } } + .sm\:text-center { - @media (width >= 40rem) { + @media (width >=40rem) { text-align: center; } } + .sm\:text-end { - @media (width >= 40rem) { + @media (width >=40rem) { text-align: end; } } + .sm\:text-start { - @media (width >= 40rem) { + @media (width >=40rem) { text-align: start; } } + .sm\:text-9xl { - @media (width >= 40rem) { + @media (width >=40rem) { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } } + .sm\:text-sm { - @media (width >= 40rem) { + @media (width >=40rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } + .sm\:\!text-\[0\.75rem\] { - @media (width >= 40rem) { + @media (width >=40rem) { font-size: 0.75rem !important; } } + .sm\:shadow-md { - @media (width >= 40rem) { + @media (width >=40rem) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + .sm\:shadow-sm { - @media (width >= 40rem) { + @media (width >=40rem) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + .sm\:transition-all { - @media (width >= 40rem) { + @media (width >=40rem) { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } + .sm\:duration-300 { - @media (width >= 40rem) { + @media (width >=40rem) { --tw-duration: 300ms; transition-duration: 300ms; } } + .sm\:duration-\[150ms\] { - @media (width >= 40rem) { + @media (width >=40rem) { --tw-duration: 150ms; transition-duration: 150ms; } } + .sm\:\[--placement\:bottom-right\] { - @media (width >= 40rem) { + @media (width >=40rem) { --placement: bottom-right; } } + .sm\:\[--placement\:right\] { - @media (width >= 40rem) { + @media (width >=40rem) { --placement: right; } } + .file\:sm\:py-5 { &::file-selector-button { - @media (width >= 40rem) { + @media (width >=40rem) { padding-block: calc(var(--spacing) * 5); } } } + .sm\:first\:ms-0 { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { margin-inline-start: calc(var(--spacing) * 0); } } } + .sm\:first\:rounded-s-sm { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { border-start-start-radius: var(--radius-sm); border-end-start-radius: var(--radius-sm); } } } + .sm\:first\:\!rounded-se-none { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { border-start-end-radius: var(--radius-none) !important; } } } + .sm\:first\:rounded-se-none { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { border-start-end-radius: var(--radius-none); } } } + .sm\:first\:\!rounded-es-sm { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { border-end-start-radius: var(--radius-sm) !important; } } } + .sm\:first\:rounded-es-sm { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { border-end-start-radius: var(--radius-sm); } } } + .sm\:last\:rounded-e-sm { - @media (width >= 40rem) { + @media (width >=40rem) { &:last-child { border-start-end-radius: var(--radius-sm); border-end-end-radius: var(--radius-sm); } } } + .sm\:last\:\!rounded-se-sm { - @media (width >= 40rem) { + @media (width >=40rem) { &:last-child { border-start-end-radius: var(--radius-sm) !important; } } } + .sm\:last\:rounded-se-sm { - @media (width >= 40rem) { + @media (width >=40rem) { &:last-child { border-start-end-radius: var(--radius-sm); } } } + .sm\:last\:\!rounded-es-none { - @media (width >= 40rem) { + @media (width >=40rem) { &:last-child { border-end-start-radius: var(--radius-none) !important; } } } + .sm\:last\:rounded-es-none { - @media (width >= 40rem) { + @media (width >=40rem) { &:last-child { border-end-start-radius: var(--radius-none); } } } + .md\:col-span-1 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 1 / span 1; } } + .md\:col-span-2 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 2 / span 2; } } + .md\:col-span-3 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 3 / span 3; } } + .md\:col-span-4 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 4 / span 4; } } + .md\:col-span-5 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 5 / span 5; } } + .md\:col-span-6 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 6 / span 6; } } + .md\:col-span-7 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 7 / span 7; } } + .md\:col-span-8 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 8 / span 8; } } + .md\:col-span-9 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 9 / span 9; } } + .md\:col-span-10 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 10 / span 10; } } + .md\:col-span-12 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-column: span 12 / span 12; } } + .md\:\!mx-auto { - @media (width >= 48rem) { + @media (width >=48rem) { margin-inline: auto !important; } } + .md\:mx-auto { - @media (width >= 48rem) { + @media (width >=48rem) { margin-inline: auto; } } + .md\:my-0 { - @media (width >= 48rem) { + @media (width >=48rem) { margin-block: calc(var(--spacing) * 0); } } + .md\:ms-6 { - @media (width >= 48rem) { + @media (width >=48rem) { margin-inline-start: calc(var(--spacing) * 6); } } + .md\:me-2 { - @media (width >= 48rem) { + @media (width >=48rem) { margin-inline-end: calc(var(--spacing) * 2); } } + .md\:me-\[1rem\] { - @media (width >= 48rem) { + @media (width >=48rem) { margin-inline-end: 1rem; } } + .md\:\!mt-0 { - @media (width >= 48rem) { + @media (width >=48rem) { margin-top: calc(var(--spacing) * 0) !important; } } + .md\:mt-0 { - @media (width >= 48rem) { + @media (width >=48rem) { margin-top: calc(var(--spacing) * 0); } } + .md\:\!mb-0 { - @media (width >= 48rem) { + @media (width >=48rem) { margin-bottom: calc(var(--spacing) * 0) !important; } } + .md\:mb-0 { - @media (width >= 48rem) { + @media (width >=48rem) { margin-bottom: calc(var(--spacing) * 0); } } + .md\:mb-\[3rem\] { - @media (width >= 48rem) { + @media (width >=48rem) { margin-bottom: 3rem; } } + .md\:\!block { - @media (width >= 48rem) { + @media (width >=48rem) { display: block !important; } } + .md\:block { - @media (width >= 48rem) { + @media (width >=48rem) { display: block; } } + .md\:flex { - @media (width >= 48rem) { + @media (width >=48rem) { display: flex; } } + .md\:grid { - @media (width >= 48rem) { + @media (width >=48rem) { display: grid; } } + .md\:inline-flex { - @media (width >= 48rem) { + @media (width >=48rem) { display: inline-flex; } } + .md\:h-full { - @media (width >= 48rem) { + @media (width >=48rem) { height: 100%; } } + .md\:w-\[30\%\] { - @media (width >= 48rem) { + @media (width >=48rem) { width: 30%; } } + .md\:w-full { - @media (width >= 48rem) { + @media (width >=48rem) { width: 100%; } } + .md\:\!max-w-2xl { - @media (width >= 48rem) { + @media (width >=48rem) { max-width: var(--container-2xl) !important; } } + .md\:\!max-w-lg { - @media (width >= 48rem) { + @media (width >=48rem) { max-width: var(--container-lg) !important; } } + .md\:\!grid-cols-11 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } } + .md\:grid-cols-2 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } + .md\:grid-cols-3 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } + .md\:grid-cols-4 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } + .md\:grid-cols-8 { - @media (width >= 48rem) { + @media (width >=48rem) { grid-template-columns: repeat(8, minmax(0, 1fr)); } } + .md\:flex-row { - @media (width >= 48rem) { + @media (width >=48rem) { flex-direction: row; } } + .md\:justify-between { - @media (width >= 48rem) { + @media (width >=48rem) { justify-content: space-between; } } + .md\:justify-end { - @media (width >= 48rem) { + @media (width >=48rem) { justify-content: flex-end; } } + .md\:gap-6 { - @media (width >= 48rem) { + @media (width >=48rem) { gap: calc(var(--spacing) * 6); } } + .md\:gap-\[3rem\] { - @media (width >= 48rem) { + @media (width >=48rem) { gap: 3rem; } } + .md\:gap-x-6 { - @media (width >= 48rem) { + @media (width >=48rem) { -moz-column-gap: calc(var(--spacing) * 6); - column-gap: calc(var(--spacing) * 6); + column-gap: calc(var(--spacing) * 6); } } + .md\:gap-x-\[3rem\] { - @media (width >= 48rem) { + @media (width >=48rem) { -moz-column-gap: 3rem; - column-gap: 3rem; + column-gap: 3rem; } } + .md\:space-x-6 { - @media (width >= 48rem) { + @media (width >=48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); @@ -8045,241 +10176,287 @@ } } } + .md\:gap-y-0 { - @media (width >= 48rem) { + @media (width >=48rem) { row-gap: calc(var(--spacing) * 0); } } + .md\:\!rounded-md { - @media (width >= 48rem) { + @media (width >=48rem) { border-radius: var(--radius-md) !important; } } + .md\:rounded-sm { - @media (width >= 48rem) { + @media (width >=48rem) { border-radius: var(--radius-sm); } } + .md\:rounded-s-none\! { - @media (width >= 48rem) { + @media (width >=48rem) { border-start-start-radius: var(--radius-none) !important; border-end-start-radius: var(--radius-none) !important; } } + .md\:rounded-e-none\! { - @media (width >= 48rem) { + @media (width >=48rem) { border-start-end-radius: var(--radius-none) !important; border-end-end-radius: var(--radius-none) !important; } } + .md\:border { - @media (width >= 48rem) { + @media (width >=48rem) { border-style: var(--tw-border-style); border-width: 1px; } } + .md\:\!border-x-0 { - @media (width >= 48rem) { + @media (width >=48rem) { border-inline-style: var(--tw-border-style) !important; border-inline-width: 0px !important; } } + .md\:border-e { - @media (width >= 48rem) { + @media (width >=48rem) { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } } + .md\:border-b-0 { - @media (width >= 48rem) { + @media (width >=48rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } + .md\:object-contain { - @media (width >= 48rem) { + @media (width >=48rem) { -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } } + .md\:p-7 { - @media (width >= 48rem) { + @media (width >=48rem) { padding: calc(var(--spacing) * 7); } } + .md\:\!px-\[0\.65rem\] { - @media (width >= 48rem) { + @media (width >=48rem) { padding-inline: 0.65rem !important; } } + .md\:px-\[0\.48rem\] { - @media (width >= 48rem) { + @media (width >=48rem) { padding-inline: 0.48rem; } } + .md\:px-\[0\.65rem\] { - @media (width >= 48rem) { + @media (width >=48rem) { padding-inline: 0.65rem; } } + .md\:px-\[0\.325rem\] { - @media (width >= 48rem) { + @media (width >=48rem) { padding-inline: 0.325rem; } } + .md\:text-end { - @media (width >= 48rem) { + @media (width >=48rem) { text-align: end; } } + .md\:text-gray-500 { - @media (width >= 48rem) { + @media (width >=48rem) { color: var(--color-gray-500); } } + .md\:shadow-sm { - @media (width >= 48rem) { + @media (width >=48rem) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + .md\:\[--scrollspy-offset\:70\] { - @media (width >= 48rem) { + @media (width >=48rem) { --scrollspy-offset: 70; } } + .lg\:col-span-1 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 1 / span 1; } } + .lg\:col-span-2 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 2 / span 2; } } + .lg\:col-span-3 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 3 / span 3; } } + .lg\:col-span-4 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 4 / span 4; } } + .lg\:col-span-5 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 5 / span 5; } } + .lg\:col-span-6 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 6 / span 6; } } + .lg\:col-span-7 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 7 / span 7; } } + .lg\:col-span-8 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 8 / span 8; } } + .lg\:col-span-9 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 9 / span 9; } } + .lg\:col-span-10 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 10 / span 10; } } + .lg\:col-span-12 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-column: span 12 / span 12; } } + .lg\:\!mx-auto { - @media (width >= 64rem) { + @media (width >=64rem) { margin-inline: auto !important; } } + .lg\:\!mt-0 { - @media (width >= 64rem) { + @media (width >=64rem) { margin-top: calc(var(--spacing) * 0) !important; } } + .lg\:mt-2 { - @media (width >= 64rem) { + @media (width >=64rem) { margin-top: calc(var(--spacing) * 2); } } + .lg\:mb-0 { - @media (width >= 64rem) { + @media (width >=64rem) { margin-bottom: calc(var(--spacing) * 0); } } + .lg\:\!hidden { - @media (width >= 64rem) { + @media (width >=64rem) { display: none !important; } } + .lg\:block { - @media (width >= 64rem) { + @media (width >=64rem) { display: block; } } + .lg\:flex { - @media (width >= 64rem) { + @media (width >=64rem) { display: flex; } } + .lg\:hidden { - @media (width >= 64rem) { + @media (width >=64rem) { display: none; } } + .lg\:w-full { - @media (width >= 64rem) { + @media (width >=64rem) { width: 100%; } } + .lg\:\!max-w-4xl { - @media (width >= 64rem) { + @media (width >=64rem) { max-width: var(--container-4xl) !important; } } + .lg\:\!max-w-lg { - @media (width >= 64rem) { + @media (width >=64rem) { max-width: var(--container-lg) !important; } } + .lg\:max-w-\[37rem\] { - @media (width >= 64rem) { + @media (width >=64rem) { max-width: 37rem; } } + .lg\:grid-cols-2 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } + .lg\:grid-cols-4 { - @media (width >= 64rem) { + @media (width >=64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } + .lg\:justify-start { - @media (width >= 64rem) { + @media (width >=64rem) { justify-content: flex-start; } } + .lg\:space-y-0 { - @media (width >= 64rem) { + @media (width >=64rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); @@ -8287,8 +10464,9 @@ } } } + .lg\:space-x-3 { - @media (width >= 64rem) { + @media (width >=64rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); @@ -8296,416 +10474,497 @@ } } } + .lg\:rounded-sm { - @media (width >= 64rem) { + @media (width >=64rem) { border-radius: var(--radius-sm); } } + .lg\:border { - @media (width >= 64rem) { + @media (width >=64rem) { border-style: var(--tw-border-style); border-width: 1px; } } + .lg\:object-contain { - @media (width >= 64rem) { + @media (width >=64rem) { -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } } + .lg\:px-2 { - @media (width >= 64rem) { + @media (width >=64rem) { padding-inline: calc(var(--spacing) * 2); } } + .lg\:py-\[3rem\] { - @media (width >= 64rem) { + @media (width >=64rem) { padding-block: 3rem; } } + .lg\:ps-\[3rem\] { - @media (width >= 64rem) { + @media (width >=64rem) { padding-inline-start: 3rem; } } + .lg\:text-start { - @media (width >= 64rem) { + @media (width >=64rem) { text-align: start; } } + .lg\:shadow-sm { - @media (width >= 64rem) { + @media (width >=64rem) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + .xl\:\!col-span-3 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 3 / span 3 !important; } } + .xl\:col-span-1 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 1 / span 1; } } + .xl\:col-span-2 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 2 / span 2; } } + .xl\:col-span-3 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 3 / span 3; } } + .xl\:col-span-4 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 4 / span 4; } } + .xl\:col-span-5 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 5 / span 5; } } + .xl\:col-span-6 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 6 / span 6; } } + .xl\:col-span-7 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 7 / span 7; } } + .xl\:col-span-8 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 8 / span 8; } } + .xl\:col-span-9 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 9 / span 9; } } + .xl\:col-span-10 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 10 / span 10; } } + .xl\:col-span-12 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-column: span 12 / span 12; } } + .xl\:\!mx-auto { - @media (width >= 80rem) { + @media (width >=80rem) { margin-inline: auto !important; } } + .xl\:\!mt-0 { - @media (width >= 80rem) { + @media (width >=80rem) { margin-top: calc(var(--spacing) * 0) !important; } } + .xl\:mt-0 { - @media (width >= 80rem) { + @media (width >=80rem) { margin-top: calc(var(--spacing) * 0); } } + .xl\:mb-0 { - @media (width >= 80rem) { + @media (width >=80rem) { margin-bottom: calc(var(--spacing) * 0); } } + .xl\:\!hidden { - @media (width >= 80rem) { + @media (width >=80rem) { display: none !important; } } + .xl\:block { - @media (width >= 80rem) { + @media (width >=80rem) { display: block; } } + .xl\:flex { - @media (width >= 80rem) { + @media (width >=80rem) { display: flex; } } + .xl\:\!max-w-xl { - @media (width >= 80rem) { + @media (width >=80rem) { max-width: var(--container-xl) !important; } } + .xl\:grid-cols-5 { - @media (width >= 80rem) { + @media (width >=80rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } + .xl\:gap-6 { - @media (width >= 80rem) { + @media (width >=80rem) { gap: calc(var(--spacing) * 6); } } + .xl\:gap-x-\[3rem\] { - @media (width >= 80rem) { + @media (width >=80rem) { -moz-column-gap: 3rem; - column-gap: 3rem; + column-gap: 3rem; } } + .xl\:gap-y-0 { - @media (width >= 80rem) { + @media (width >=80rem) { row-gap: calc(var(--spacing) * 0); } } + .xl\:rounded-sm { - @media (width >= 80rem) { + @media (width >=80rem) { border-radius: var(--radius-sm); } } + .xl\:border { - @media (width >= 80rem) { + @media (width >=80rem) { border-style: var(--tw-border-style); border-width: 1px; } } + .xl\:object-contain { - @media (width >= 80rem) { + @media (width >=80rem) { -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } } + .xl\:\!p-0 { - @media (width >= 80rem) { + @media (width >=80rem) { padding: calc(var(--spacing) * 0) !important; } } + .xl\:\!ps-0 { - @media (width >= 80rem) { + @media (width >=80rem) { padding-inline-start: calc(var(--spacing) * 0) !important; } } + .xl\:ps-0 { - @media (width >= 80rem) { + @media (width >=80rem) { padding-inline-start: calc(var(--spacing) * 0); } } + .xl\:ps-\[15rem\] { - @media (width >= 80rem) { + @media (width >=80rem) { padding-inline-start: 15rem; } } + .xl\:shadow-sm { - @media (width >= 80rem) { + @media (width >=80rem) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + .\32 xl\:\!col-span-3 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 3 / span 3 !important; } } + .\32 xl\:\!col-span-4 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 4 / span 4 !important; } } + .\32 xl\:col-span-1 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 1 / span 1; } } + .\32 xl\:col-span-2 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 2 / span 2; } } + .\32 xl\:col-span-3 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 3 / span 3; } } + .\32 xl\:col-span-4 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 4 / span 4; } } + .\32 xl\:col-span-5 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 5 / span 5; } } + .\32 xl\:col-span-6 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 6 / span 6; } } + .\32 xl\:col-span-7 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 7 / span 7; } } + .\32 xl\:col-span-8 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 8 / span 8; } } + .\32 xl\:col-span-9 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 9 / span 9; } } + .\32 xl\:col-span-10 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 10 / span 10; } } + .\32 xl\:col-span-12 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-column: span 12 / span 12; } } + .\32 xl\:ms-0 { - @media (width >= 100rem) { + @media (width >=100rem) { margin-inline-start: calc(var(--spacing) * 0); } } + .\32 xl\:ms-4 { - @media (width >= 100rem) { + @media (width >=100rem) { margin-inline-start: calc(var(--spacing) * 4); } } + .\32 xl\:\!mt-0 { - @media (width >= 100rem) { + @media (width >=100rem) { margin-top: calc(var(--spacing) * 0) !important; } } + .\32 xl\:mt-0 { - @media (width >= 100rem) { + @media (width >=100rem) { margin-top: calc(var(--spacing) * 0); } } + .\32 xl\:mb-0 { - @media (width >= 100rem) { + @media (width >=100rem) { margin-bottom: calc(var(--spacing) * 0); } } + .\32 xl\:\!flex { - @media (width >= 100rem) { + @media (width >=100rem) { display: flex !important; } } + .\32 xl\:block { - @media (width >= 100rem) { + @media (width >=100rem) { display: block; } } + .\32 xl\:flex { - @media (width >= 100rem) { + @media (width >=100rem) { display: flex; } } + .\32 xl\:hidden { - @media (width >= 100rem) { + @media (width >=100rem) { display: none; } } + .\32 xl\:grid-cols-3 { - @media (width >= 100rem) { + @media (width >=100rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } + .\32 xl\:items-center { - @media (width >= 100rem) { + @media (width >=100rem) { align-items: center; } } + .\32 xl\:justify-between { - @media (width >= 100rem) { + @media (width >=100rem) { justify-content: space-between; } } + .\32 xl\:justify-end { - @media (width >= 100rem) { + @media (width >=100rem) { justify-content: flex-end; } } + .\32 xl\:gap-y-0 { - @media (width >= 100rem) { + @media (width >=100rem) { row-gap: calc(var(--spacing) * 0); } } + .\32 xl\:overflow-x-visible { - @media (width >= 100rem) { + @media (width >=100rem) { overflow-x: visible; } } + .\32 xl\:object-contain { - @media (width >= 100rem) { + @media (width >=100rem) { -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } } + .\32 xl\:pb-0 { - @media (width >= 100rem) { + @media (width >=100rem) { padding-bottom: calc(var(--spacing) * 0); } } + .\32 xl\:md\:\!gap-\[4rem\] { - @media (width >= 100rem) { - @media (width >= 48rem) { + @media (width >=100rem) { + @media (width >=48rem) { gap: 4rem !important; } } } + .ltr\:right-0 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { right: calc(var(--spacing) * 0); } } + .ltr\:right-full { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { right: 100%; } } + .ltr\:left-0 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { left: calc(var(--spacing) * 0); } } + .ltr\:float-left { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { float: left; } } + .ltr\:float-right { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { float: right; } } + .ltr\:mr-3 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { margin-right: calc(var(--spacing) * 3); } } + .ltr\:mr-5 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { margin-right: calc(var(--spacing) * 5); } } + .ltr\:mr-6 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { margin-right: calc(var(--spacing) * 6); } } + .ltr\:-ml-px { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { margin-left: -1px; } } + .ltr\:ltr\:ml-auto { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { @@ -8713,170 +10972,202 @@ } } } + .ltr\:ml-2 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { margin-left: calc(var(--spacing) * 2); } } + .ltr\:ml-3 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { margin-left: calc(var(--spacing) * 3); } } + .ltr\:ml-auto { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { margin-left: auto; } } + .ltr\:-translate-x-1\/2 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } + .ltr\:\!rounded-l-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-top-left-radius: var(--radius-none) !important; border-bottom-left-radius: var(--radius-none) !important; } } + .ltr\:rounded-l-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-top-left-radius: var(--radius-none); border-bottom-left-radius: var(--radius-none); } } + .ltr\:rounded-l-sm { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } } + .ltr\:\!rounded-tl-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-top-left-radius: var(--radius-none) !important; } } + .ltr\:rounded-tl-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-top-left-radius: var(--radius-none); } } + .ltr\:\!rounded-r-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-top-right-radius: var(--radius-none) !important; border-bottom-right-radius: var(--radius-none) !important; } } + .ltr\:rounded-r-sm { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } } + .ltr\:\!rounded-tr-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-top-right-radius: var(--radius-none) !important; } } + .ltr\:\!rounded-br-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-bottom-right-radius: var(--radius-none) !important; } } + .ltr\:\!rounded-bl-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-bottom-left-radius: var(--radius-none) !important; } } + .ltr\:border-r { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } + .ltr\:border-r-0 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-right-style: var(--tw-border-style); border-right-width: 0px; } } + .ltr\:border-l-0 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-left-style: var(--tw-border-style); border-left-width: 0px; } } + .ltr\:\!pr-16 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-right: calc(var(--spacing) * 16) !important; } } + .ltr\:\!pr-20 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-right: calc(var(--spacing) * 20) !important; } } + .ltr\:pr-4 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-right: calc(var(--spacing) * 4); } } + .ltr\:pr-9 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-right: calc(var(--spacing) * 9); } } + .ltr\:pr-11 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-right: calc(var(--spacing) * 11); } } + .ltr\:pr-px { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-right: 1px; } } + .ltr\:\!pl-4 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-left: calc(var(--spacing) * 4) !important; } } + .ltr\:\!pl-9 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-left: calc(var(--spacing) * 9) !important; } } + .ltr\:\!pl-11 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-left: calc(var(--spacing) * 11) !important; } } + .ltr\:\!pl-16 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-left: calc(var(--spacing) * 16) !important; } } + .ltr\:pl-3 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-left: calc(var(--spacing) * 3); } } + .ltr\:pl-4 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { padding-left: calc(var(--spacing) * 4); } } + .ltr\:\[--placement\:bottom-right\] { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --placement: bottom-right; } } + .ltr\:\[--placement\:left\] { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --placement: left; } } + .ltr\:before\:-left-5 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { &::before { @@ -8885,6 +11176,7 @@ } } } + .ltr\:before\:left-0 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { &::before { @@ -8893,6 +11185,7 @@ } } } + .ltr\:after\:-right-5 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { &::after { @@ -8901,46 +11194,52 @@ } } } + .ltr\:sm\:float-right { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { float: right; } } } + .sm\:ltr\:float-right { - @media (width >= 40rem) { + @media (width >=40rem) { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { float: right; } } } + .sm\:ltr\:rounded-tl-none { - @media (width >= 40rem) { + @media (width >=40rem) { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { border-top-left-radius: var(--radius-none); } } } + .ltr\:sm\:pl-5 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { padding-left: calc(var(--spacing) * 5); } } } + .ltr\:sm\:first\:ml-0 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { margin-left: calc(var(--spacing) * 0); } } } } + .ltr\:sm\:first\:rounded-l-sm { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); @@ -8948,18 +11247,20 @@ } } } + .ltr\:sm\:first\:rounded-tr-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { border-top-right-radius: var(--radius-none); } } } } + .ltr\:sm\:last\:rounded-r-sm { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:last-child { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); @@ -8967,120 +11268,142 @@ } } } + .ltr\:sm\:last\:rounded-bl-none { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:last-child { border-bottom-left-radius: var(--radius-none); } } } } + .ltr\:md\:mr-6 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { - @media (width >= 48rem) { + @media (width >=48rem) { margin-right: calc(var(--spacing) * 6); } } } + .ltr\:md\:ml-6 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { - @media (width >= 48rem) { + @media (width >=48rem) { margin-left: calc(var(--spacing) * 6); } } } + .rtl\:right-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { right: calc(var(--spacing) * 0); } } + .rtl\:left-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: calc(var(--spacing) * 0); } } + .rtl\:left-full { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: 100%; } } + .rtl\:float-left { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { float: left; } } + .rtl\:float-right { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { float: right; } } + .rtl\:-mr-px { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-right: -1px; } } + .rtl\:mr-2 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-right: calc(var(--spacing) * 2); } } + .rtl\:mr-3 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-right: calc(var(--spacing) * 3); } } + .rtl\:mr-auto { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-right: auto; } } + .rtl\:ml-3 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-left: calc(var(--spacing) * 3); } } + .rtl\:ml-5 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-left: calc(var(--spacing) * 5); } } + .rtl\:ml-6 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-left: calc(var(--spacing) * 6); } } + .rtl\:inline-flex { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { display: inline-flex; } } + .rtl\:translate-x-1\/2 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } } + .rtl\:\!rotate-\[315deg\] { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 315deg !important; } } + .rtl\:rotate-90 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 90deg; } } + .rtl\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } + .rtl\:rotate-\[180deg\] { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } + .rtl\:space-x-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { @@ -9088,210 +11411,250 @@ } } } + .rtl\:\!rounded-l-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-left-radius: var(--radius-none) !important; border-bottom-left-radius: var(--radius-none) !important; } } + .rtl\:rounded-l-sm { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } } + .rtl\:\!rounded-tl-md { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-left-radius: var(--radius-md) !important; } } + .rtl\:\!rounded-tl-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-left-radius: var(--radius-none) !important; } } + .rtl\:\!rounded-tl-sm { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-left-radius: var(--radius-sm) !important; } } + .rtl\:\!rounded-r-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-right-radius: var(--radius-none) !important; border-bottom-right-radius: var(--radius-none) !important; } } + .rtl\:rounded-r-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-right-radius: var(--radius-none); border-bottom-right-radius: var(--radius-none); } } + .rtl\:rounded-r-sm { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } } + .rtl\:\!rounded-tr-md { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-right-radius: var(--radius-md) !important; } } + .rtl\:\!rounded-tr-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-right-radius: var(--radius-none) !important; } } + .rtl\:\!rounded-tr-sm { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-right-radius: var(--radius-sm) !important; } } + .rtl\:rounded-tr-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-right-radius: var(--radius-none); } } + .rtl\:\!rounded-br-md { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-bottom-right-radius: var(--radius-md) !important; } } + .rtl\:\!rounded-br-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-bottom-right-radius: var(--radius-none) !important; } } + .rtl\:\!rounded-br-sm { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-bottom-right-radius: var(--radius-sm) !important; } } + .rtl\:\!rounded-bl-md { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-bottom-left-radius: var(--radius-md) !important; } } + .rtl\:\!rounded-bl-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-bottom-left-radius: var(--radius-none) !important; } } + .rtl\:\!rounded-bl-sm { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-bottom-left-radius: var(--radius-sm) !important; } } + .rtl\:\!border-s-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0px !important; } } + .rtl\:border-r-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-right-style: var(--tw-border-style); border-right-width: 0px; } } + .rtl\:border-l { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } + .rtl\:border-l-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-left-style: var(--tw-border-style); border-left-width: 0px; } } + .rtl\:ps-2 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-inline-start: calc(var(--spacing) * 2); } } + .rtl\:pe-\[2\.25rem\] { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-inline-end: 2.25rem; } } + .rtl\:\!pr-4 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-right: calc(var(--spacing) * 4) !important; } } + .rtl\:\!pr-9 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-right: calc(var(--spacing) * 9) !important; } } + .rtl\:\!pr-11 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-right: calc(var(--spacing) * 11) !important; } } + .rtl\:\!pr-16 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-right: calc(var(--spacing) * 16) !important; } } + .rtl\:pr-4 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-right: calc(var(--spacing) * 4); } } + .rtl\:\!pl-16 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-left: calc(var(--spacing) * 16) !important; } } + .rtl\:\!pl-20 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-left: calc(var(--spacing) * 20) !important; } } + .rtl\:pl-4 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-left: calc(var(--spacing) * 4); } } + .rtl\:pl-9 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-left: calc(var(--spacing) * 9); } } + .rtl\:pl-11 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-left: calc(var(--spacing) * 11); } } + .rtl\:pl-px { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-left: 1px; } } + .rtl\:\[--placement\:bottom-left\] { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --placement: bottom-left; } } + .rtl\:\[--placement\:bottom-right\] { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --placement: bottom-right; } } + .rtl\:\[--placement\:left\] { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --placement: left; } } + .rtl\:\[--placement\:right\] { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --placement: right; } } + .rtl\:before\:-right-5 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &::before { @@ -9300,6 +11663,7 @@ } } } + .rtl\:before\:right-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &::before { @@ -9308,6 +11672,7 @@ } } } + .rtl\:before\:rotate-180\! { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &::before { @@ -9316,6 +11681,7 @@ } } } + .rtl\:after\:-left-5 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &::after { @@ -9324,55 +11690,62 @@ } } } + .rtl\:sm\:float-left { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { float: left; } } } + .sm\:rtl\:float-left { - @media (width >= 40rem) { + @media (width >=40rem) { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { float: left; } } } + .sm\:rtl\:rounded-tr-none { - @media (width >= 40rem) { + @media (width >=40rem) { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { border-top-right-radius: var(--radius-none); } } } + .rtl\:sm\:pr-5 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { padding-right: calc(var(--spacing) * 5); } } } + .rtl\:sm\:first\:mr-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { margin-right: calc(var(--spacing) * 0); } } } } + .rtl\:sm\:first\:rounded-tl-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { border-top-left-radius: var(--radius-none); } } } } + .rtl\:sm\:first\:rounded-r-sm { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:first-child { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); @@ -9380,9 +11753,10 @@ } } } + .rtl\:sm\:last\:rounded-l-sm { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:last-child { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); @@ -9390,633 +11764,771 @@ } } } + .rtl\:sm\:last\:rounded-br-none { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { - @media (width >= 40rem) { + @media (width >=40rem) { &:last-child { border-bottom-right-radius: var(--radius-none); } } } } + .dark\:block { &:where(.dark, .dark *) { display: block; } } + .dark\:hidden { &:where(.dark, .dark *) { display: none; } } + .dark\:animate-ping { &:where(.dark, .dark *) { animation: var(--animate-ping); } } + .dark\:divide-white\/10 { &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .dark\:border { &:where(.dark, .dark *) { border-style: var(--tw-border-style); border-width: 1px; } } + .dark\:\!border-\[\#323251\] { &:where(.dark, .dark *) { border-color: #323251 !important; } } + .dark\:\!border-defaultborder\/10 { &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .dark\:\!border-neutral-700 { &:where(.dark, .dark *) { border-color: var(--color-neutral-700) !important; } } + .dark\:\!border-white { &:where(.dark, .dark *) { border-color: var(--color-white) !important; } } + .dark\:border-black\/\[0\.025\] { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #000 2.5%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 2.5%, transparent); } } } + .dark\:border-defaultborder { &:where(.dark, .dark *) { border-color: var(--color-defaultborder); } } + .dark\:border-defaultborder\/10 { &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .dark\:border-defaultborder\/20 { &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 20%, transparent); } } } + .dark\:border-defaulttextcolor\/10 { &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent); } } } + .dark\:border-gray-900 { &:where(.dark, .dark *) { border-color: var(--color-gray-900); } } + .dark\:border-info\/\[0\.025\] { &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(73, 182, 245) 2.5%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 2.5%, transparent); } } } + .dark\:border-light { &:where(.dark, .dark *) { border-color: var(--color-light); } } + .dark\:border-neutral-600 { &:where(.dark, .dark *) { border-color: var(--color-neutral-600); } } + .dark\:border-neutral-700 { &:where(.dark, .dark *) { border-color: var(--color-neutral-700); } } + .dark\:border-primary { &:where(.dark, .dark *) { border-color: var(--color-primary); } } + .dark\:border-transparent { &:where(.dark, .dark *) { border-color: transparent; } } + .dark\:border-white { &:where(.dark, .dark *) { border-color: var(--color-white); } } + .dark\:border-white\/10 { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .dark\:border-white\/25 { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 25%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } } + .dark\:border-white\/50 { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } + .dark\:border-white\/75 { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 75%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 75%, transparent); } } } + .dark\:border-b-white\/10 { &:where(.dark, .dark *) { border-bottom-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .dark\:\!bg-\[\#323251\] { &:where(.dark, .dark *) { background-color: #323251 !important; } } + .dark\:\!bg-black { &:where(.dark, .dark *) { background-color: var(--color-black) !important; } } + .dark\:\!bg-black\/10 { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } } + .dark\:\!bg-black\/20 { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + .dark\:\!bg-bodybg { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .dark\:\!bg-light { &:where(.dark, .dark *) { background-color: var(--color-light) !important; } } + .dark\:\!bg-neutral-800 { &:where(.dark, .dark *) { background-color: var(--color-neutral-800) !important; } } + .dark\:\!bg-white { &:where(.dark, .dark *) { background-color: var(--color-white) !important; } } + .dark\:bg-black\/20 { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + .dark\:bg-blue-500 { &:where(.dark, .dark *) { background-color: var(--color-blue-500); } } + .dark\:bg-bodybg { &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .dark\:bg-bodybg2 { &:where(.dark, .dark *) { background-color: var(--color-bodybg2); } } + .dark\:bg-danger\/30 { &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } } + .dark\:bg-gray-700 { &:where(.dark, .dark *) { background-color: var(--color-gray-700); } } + .dark\:bg-gray-900 { &:where(.dark, .dark *) { background-color: var(--color-gray-900); } } + .dark\:bg-gray-900\/\[\.1\] { &:where(.dark, .dark *) { - background-color: color-mix(in srgb, rgb(50,50,81) 10%, transparent); + background-color: color-mix(in srgb, rgb(50, 50, 81) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } + .dark\:bg-light { &:where(.dark, .dark *) { background-color: var(--color-light); } } + .dark\:bg-neutral-700 { &:where(.dark, .dark *) { background-color: var(--color-neutral-700); } } + .dark\:bg-neutral-800 { &:where(.dark, .dark *) { background-color: var(--color-neutral-800); } } + .dark\:bg-neutral-900 { &:where(.dark, .dark *) { background-color: var(--color-neutral-900); } } + .dark\:bg-neutral-900\/80 { &:where(.dark, .dark *) { background-color: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent); } } } + .dark\:bg-primary { &:where(.dark, .dark *) { background-color: var(--color-primary); } } + .dark\:bg-secondary { &:where(.dark, .dark *) { background-color: var(--color-secondary); } } + .dark\:bg-slate-700 { &:where(.dark, .dark *) { background-color: var(--color-slate-700); } } + .dark\:bg-slate-900 { &:where(.dark, .dark *) { background-color: var(--color-slate-900); } } + .dark\:bg-success { &:where(.dark, .dark *) { background-color: var(--color-success); } } + .dark\:bg-success\/30 { &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } } + .dark\:bg-transparent { &:where(.dark, .dark *) { background-color: transparent; } } + .dark\:bg-white { &:where(.dark, .dark *) { background-color: var(--color-white); } } + .dark\:bg-white\/10 { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .dark\:bg-white\/20 { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + .dark\:bg-white\/80 { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } + .dark\:bg-yellow-600 { &:where(.dark, .dark *) { background-color: var(--color-yellow-600); } } + .dark\:fill-neutral-200 { &:where(.dark, .dark *) { fill: var(--color-neutral-200); } } + .dark\:fill-textmuted\/50 { &:where(.dark, .dark *) { fill: color-mix(in srgb, rgb(140, 144, 151) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-textmuted) 50%, transparent); } } } + .dark\:fill-white { &:where(.dark, .dark *) { fill: var(--color-white); } } + .dark\:\!text-black { &:where(.dark, .dark *) { color: var(--color-black) !important; } } + .dark\:\!text-defaulttextcolor\/70 { &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .dark\:\!text-white { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .dark\:\!text-white\/50 { &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 50%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent) !important; } } } + .dark\:\!text-white\/70 { &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent) !important; } } } + .dark\:text-\[\#8c9097\] { &:where(.dark, .dark *) { color: #8c9097; } } + .dark\:text-\[\#dbdfe1\] { &:where(.dark, .dark *) { color: #dbdfe1; } } + .dark\:text-\[\#f2f4f5\] { &:where(.dark, .dark *) { color: #f2f4f5; } } + .dark\:text-black { &:where(.dark, .dark *) { color: var(--color-black); } } + .dark\:text-blue-500 { &:where(.dark, .dark *) { color: var(--color-blue-500); } } + .dark\:text-danger { &:where(.dark, .dark *) { color: var(--color-danger); } } + .dark\:text-defaulttextcolor { &:where(.dark, .dark *) { color: var(--color-defaulttextcolor); } } + .dark\:text-defaulttextcolor\/50 { &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 50%, transparent); } } } + .dark\:text-defaulttextcolor\/70 { &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .dark\:text-defaulttextcolor\/70710 { &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70710%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70710%, transparent); } } } + .dark\:text-gray { &:where(.dark, .dark *) { color: var(--color-gray); } } + .dark\:text-gray-100 { &:where(.dark, .dark *) { color: var(--color-gray-100); } } + .dark\:text-gray-200 { &:where(.dark, .dark *) { color: var(--color-gray-200); } } + .dark\:text-gray-300 { &:where(.dark, .dark *) { color: var(--color-gray-300); } } + .dark\:text-gray-400 { &:where(.dark, .dark *) { color: var(--color-gray-400); } } + .dark\:text-gray-600 { &:where(.dark, .dark *) { color: var(--color-gray-600); } } + .dark\:text-gray-800 { &:where(.dark, .dark *) { color: var(--color-gray-800); } } + .dark\:text-neutral-200 { &:where(.dark, .dark *) { color: var(--color-neutral-200); } } + .dark\:text-neutral-400 { &:where(.dark, .dark *) { color: var(--color-neutral-400); } } + .dark\:text-neutral-500 { &:where(.dark, .dark *) { color: var(--color-neutral-500); } } + .dark\:text-primary { &:where(.dark, .dark *) { color: var(--color-primary); } } + .dark\:text-red-400 { &:where(.dark, .dark *) { color: var(--color-red-400); } } + .dark\:text-success { &:where(.dark, .dark *) { color: var(--color-success); } } + .dark\:text-textmuted { &:where(.dark, .dark *) { color: var(--color-textmuted); } } + .dark\:text-textmuted\! { &:where(.dark, .dark *) { color: var(--color-textmuted) !important; } } + .dark\:text-textmuted\/50 { &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(140, 144, 151) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-textmuted) 50%, transparent); } } } + .dark\:text-warning { &:where(.dark, .dark *) { color: var(--color-warning); } } + .dark\:text-white { &:where(.dark, .dark *) { color: var(--color-white); } } + .dark\:text-white\/10 { &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .dark\:text-white\/50 { &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } + .dark\:text-white\/70 { &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } + .dark\:text-yellow { &:where(.dark, .dark *) { color: var(--color-yellow); } } + .dark\:text-yellow-500 { &:where(.dark, .dark *) { color: var(--color-yellow-500); } } + .dark\:shadow-none { &:where(.dark, .dark *) { --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); } } + .dark\:ring-bodybg { &:where(.dark, .dark *) { --tw-ring-color: var(--color-bodybg); } } + .dark\:group-hover\:text-\[\#8c9097\] { &:where(.dark, .dark *) { &:is(:where(.group):hover *) { @@ -10026,6 +12538,7 @@ } } } + .dark\:group-focus\:bg-gray-600 { &:where(.dark, .dark *) { &:is(:where(.group):focus *) { @@ -10033,42 +12546,51 @@ } } } + .dark\:peer-focus\:text-white\/70 { &:where(.dark, .dark *) { &:is(:where(.peer):focus ~ *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } + .dark\:peer-\[\:not\(\:-moz-placeholder\)\]\:text-white\/70 { &:where(.dark, .dark *) { &:is(:where(.peer):is(:not(:placeholder-shown)) ~ *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } + .dark\:peer-\[\:not\(\:placeholder-shown\)\]\:text-white\/70 { &:where(.dark, .dark *) { &:is(:where(.peer):is(:not(:-moz-placeholder)) ~ *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } + &:is(:where(.peer):is(:not(:placeholder-shown)) ~ *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } + .dark\:first-letter\:text-white { &:where(.dark, .dark *) { &::first-letter { @@ -10076,45 +12598,54 @@ } } } + .dark\:file\:bg-black\/20 { &:where(.dark, .dark *) { &::file-selector-button { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } } + .dark\:file\:text-white\/50 { &:where(.dark, .dark *) { &::file-selector-button { color: color-mix(in srgb, #fff 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } } + .dark\:before\:bg-white\/80 { &:where(.dark, .dark *) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, #fff 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } } + .after\:dark\:bg-bodybg { &::after { content: var(--tw-content); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } } + .dark\:open\:bg-bodybg { &:where(.dark, .dark *) { &:is([open], :popover-open, :open) { @@ -10122,21 +12653,25 @@ } } } + .dark\:open\:ring-white\/10 { &:where(.dark, .dark *) { &:is([open], :popover-open, :open) { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .dark\:hover\:border-white\/\[\.1\] { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } @@ -10144,11 +12679,13 @@ } } } + .dark\:hover\:\!bg-black\/20 { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } @@ -10156,6 +12693,7 @@ } } } + .dark\:hover\:\!bg-light { &:where(.dark, .dark *) { &:hover { @@ -10165,11 +12703,13 @@ } } } + .dark\:hover\:\!bg-white\/10 { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } @@ -10177,11 +12717,13 @@ } } } + .dark\:hover\:bg-black\/20 { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } @@ -10189,11 +12731,13 @@ } } } + .dark\:hover\:bg-black\/30 { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } @@ -10201,6 +12745,7 @@ } } } + .dark\:hover\:bg-bodybg { &:where(.dark, .dark *) { &:hover { @@ -10210,6 +12755,7 @@ } } } + .dark\:hover\:bg-gray-700 { &:where(.dark, .dark *) { &:hover { @@ -10219,6 +12765,7 @@ } } } + .dark\:hover\:bg-light { &:where(.dark, .dark *) { &:hover { @@ -10228,6 +12775,7 @@ } } } + .dark\:hover\:bg-neutral-800 { &:where(.dark, .dark *) { &:hover { @@ -10237,6 +12785,7 @@ } } } + .dark\:hover\:bg-primary { &:where(.dark, .dark *) { &:hover { @@ -10246,11 +12795,13 @@ } } } + .dark\:hover\:bg-white\/10 { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } @@ -10258,11 +12809,13 @@ } } } + .dark\:hover\:bg-white\/\[\.05\] { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } @@ -10270,6 +12823,7 @@ } } } + .dark\:hover\:\!text-black { &:where(.dark, .dark *) { &:hover { @@ -10279,11 +12833,13 @@ } } } + .dark\:hover\:\!text-white\/80 { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent) !important; } @@ -10291,6 +12847,7 @@ } } } + .dark\:hover\:text-\[\#8c9097\] { &:where(.dark, .dark *) { &:hover { @@ -10300,6 +12857,7 @@ } } } + .dark\:hover\:text-blue-400 { &:where(.dark, .dark *) { &:hover { @@ -10309,6 +12867,7 @@ } } } + .dark\:hover\:text-danger { &:where(.dark, .dark *) { &:hover { @@ -10318,6 +12877,7 @@ } } } + .dark\:hover\:text-gray-300 { &:where(.dark, .dark *) { &:hover { @@ -10327,6 +12887,7 @@ } } } + .dark\:hover\:text-gray-400 { &:where(.dark, .dark *) { &:hover { @@ -10336,6 +12897,7 @@ } } } + .dark\:hover\:text-gray-500 { &:where(.dark, .dark *) { &:hover { @@ -10345,6 +12907,7 @@ } } } + .dark\:hover\:text-neutral-200 { &:where(.dark, .dark *) { &:hover { @@ -10354,6 +12917,7 @@ } } } + .dark\:hover\:text-neutral-300 { &:where(.dark, .dark *) { &:hover { @@ -10363,6 +12927,7 @@ } } } + .dark\:hover\:text-primary { &:where(.dark, .dark *) { &:hover { @@ -10372,11 +12937,13 @@ } } } + .dark\:hover\:text-primary\/80 { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 80%, transparent); } @@ -10384,6 +12951,7 @@ } } } + .dark\:hover\:text-white { &:where(.dark, .dark *) { &:hover { @@ -10393,11 +12961,13 @@ } } } + .dark\:hover\:text-white\/80 { &:where(.dark, .dark *) { &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } @@ -10405,6 +12975,7 @@ } } } + .dark\:hover\:text-yellow-500 { &:where(.dark, .dark *) { &:hover { @@ -10414,46 +12985,55 @@ } } } + .dark\:focus\:border-defaultborder\/10 { &:where(.dark, .dark *) { &:focus { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } } + .dark\:focus\:border-white\/10 { &:where(.dark, .dark *) { &:focus { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .dark\:focus\:border-b-white\/10 { &:where(.dark, .dark *) { &:focus { border-bottom-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .dark\:focus\:\!bg-white\/10 { &:where(.dark, .dark *) { &:focus { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .dark\:focus\:bg-gray-500 { &:where(.dark, .dark *) { &:focus { @@ -10461,6 +13041,7 @@ } } } + .dark\:focus\:bg-neutral-600 { &:where(.dark, .dark *) { &:focus { @@ -10468,6 +13049,7 @@ } } } + .dark\:focus\:bg-neutral-800 { &:where(.dark, .dark *) { &:focus { @@ -10475,6 +13057,7 @@ } } } + .dark\:focus\:bg-primary { &:where(.dark, .dark *) { &:focus { @@ -10482,16 +13065,19 @@ } } } + .dark\:focus\:bg-white\/10 { &:where(.dark, .dark *) { &:focus { background-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .dark\:focus\:text-gray-400 { &:where(.dark, .dark *) { &:focus { @@ -10499,6 +13085,7 @@ } } } + .dark\:focus\:text-neutral-300 { &:where(.dark, .dark *) { &:focus { @@ -10506,6 +13093,7 @@ } } } + .dark\:focus\:text-primary { &:where(.dark, .dark *) { &:focus { @@ -10513,6 +13101,7 @@ } } } + .dark\:focus\:text-white { &:where(.dark, .dark *) { &:focus { @@ -10520,6 +13109,7 @@ } } } + .dark\:focus\:shadow-none { &:where(.dark, .dark *) { &:focus { @@ -10528,32 +13118,37 @@ } } } + .dark\:focus\:ring-0 { &:where(.dark, .dark *) { &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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); } } } + .dark\:focus\:ring-1 { &:where(.dark, .dark *) { &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --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); } } } + .dark\:focus\:shadow-white\/10 { &:where(.dark, .dark *) { &:focus { --tw-shadow-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent); } } } } + .dark\:focus\:\!ring-transparent { &:where(.dark, .dark *) { &:focus { @@ -10561,6 +13156,7 @@ } } } + .dark\:focus\:ring-gray-400 { &:where(.dark, .dark *) { &:focus { @@ -10568,6 +13164,7 @@ } } } + .dark\:focus\:ring-gray-500 { &:where(.dark, .dark *) { &:focus { @@ -10575,6 +13172,7 @@ } } } + .dark\:focus\:ring-gray-600 { &:where(.dark, .dark *) { &:focus { @@ -10582,6 +13180,7 @@ } } } + .dark\:focus\:ring-green-700 { &:where(.dark, .dark *) { &:focus { @@ -10589,6 +13188,7 @@ } } } + .dark\:focus\:ring-indigo-700 { &:where(.dark, .dark *) { &:focus { @@ -10596,6 +13196,7 @@ } } } + .dark\:focus\:ring-primary { &:where(.dark, .dark *) { &:focus { @@ -10603,6 +13204,7 @@ } } } + .dark\:focus\:ring-red-700 { &:where(.dark, .dark *) { &:focus { @@ -10610,16 +13212,19 @@ } } } + .dark\:focus\:ring-white\/10 { &:where(.dark, .dark *) { &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .dark\:focus\:ring-yellow-700 { &:where(.dark, .dark *) { &:focus { @@ -10627,6 +13232,7 @@ } } } + .dark\:focus\:ring-offset-green-500 { &:where(.dark, .dark *) { &:focus { @@ -10634,6 +13240,7 @@ } } } + .dark\:focus\:ring-offset-indigo-500 { &:where(.dark, .dark *) { &:focus { @@ -10641,6 +13248,7 @@ } } } + .dark\:focus\:ring-offset-primary { &:where(.dark, .dark *) { &:focus { @@ -10648,6 +13256,7 @@ } } } + .dark\:focus\:ring-offset-red-500 { &:where(.dark, .dark *) { &:focus { @@ -10655,16 +13264,19 @@ } } } + .dark\:focus\:ring-offset-white\/10 { &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .dark\:focus\:ring-offset-yellow-500 { &:where(.dark, .dark *) { &:focus { @@ -10672,6 +13284,7 @@ } } } + .dark\:focus\:outline-none { &:where(.dark, .dark *) { &:focus { @@ -10680,64 +13293,76 @@ } } } + .sm\:dark\:border { - @media (width >= 40rem) { + @media (width >=40rem) { &:where(.dark, .dark *) { border-style: var(--tw-border-style); border-width: 1px; } } } + .sm\:dark\:border-white\/10 { - @media (width >= 40rem) { + @media (width >=40rem) { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .md\:dark\:border-white\/10 { - @media (width >= 48rem) { + @media (width >=48rem) { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .md\:dark\:text-white\/70 { - @media (width >= 48rem) { + @media (width >=48rem) { &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } + .lg\:dark\:border-white\/10 { - @media (width >= 64rem) { + @media (width >=64rem) { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .xl\:dark\:border-white\/10 { - @media (width >= 80rem) { + @media (width >=80rem) { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .hs-dropdown-open\:scale-100 { &.hs-dropdown-menu.open { --tw-scale-x: 100%; @@ -10745,18 +13370,21 @@ --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } + .hs-dropdown.open>& { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } + .hs-dropdown.open>.hs-dropdown-toggle & { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } + .hs-dropdown.open>.hs-dropdown-menu>& { --tw-scale-x: 100%; --tw-scale-y: 100%; @@ -10764,180 +13392,223 @@ scale: var(--tw-scale-x) var(--tw-scale-y); } } + .hs-dropdown-open\:rotate-90 { &.hs-dropdown-menu.open { rotate: 90deg; } + .hs-dropdown.open>& { rotate: 90deg; } + .hs-dropdown.open>.hs-dropdown-toggle & { rotate: 90deg; } + .hs-dropdown.open>.hs-dropdown-menu>& { rotate: 90deg; } } + .hs-dropdown-open\:rotate-180 { &.hs-dropdown-menu.open { rotate: 180deg; } + .hs-dropdown.open>& { rotate: 180deg; } + .hs-dropdown.open>.hs-dropdown-toggle & { rotate: 180deg; } + .hs-dropdown.open>.hs-dropdown-menu>& { rotate: 180deg; } } + .hs-dropdown-open\:opacity-100 { &.hs-dropdown-menu.open { opacity: 100%; } + .hs-dropdown.open>& { opacity: 100%; } + .hs-dropdown.open>.hs-dropdown-toggle & { opacity: 100%; } + .hs-dropdown.open>.hs-dropdown-menu>& { opacity: 100%; } } + .hs-dropdown-open\:ease-in { &.hs-dropdown-menu.open { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } + .hs-dropdown.open>& { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } + .hs-dropdown.open>.hs-dropdown-toggle & { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } + .hs-dropdown.open>.hs-dropdown-menu>& { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } } + .hs-removing\:translate-x-5 { &.hs-removing { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } } + .hs-removing\:opacity-0 { &.hs-removing { opacity: 0%; } } + .hs-tooltip-shown\:visible { &.hs-tooltip-content.show { visibility: visible; } + .hs-tooltip.show & { visibility: visible; } } + .hs-tooltip-shown\:opacity-100 { &.hs-tooltip-content.show { opacity: 100%; } + .hs-tooltip.show & { opacity: 100%; } } + .hs-accordion-active\:block { &.hs-accordion.active { display: block; } + .hs-accordion.active>& { display: block; } + .hs-accordion.active>.hs-accordion-toggle & { display: block; } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { display: block; } + &.hs-accordion-toggle { .hs-accordion.active>& { display: block; } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { display: block; } } + &.hs-accordion-force-active { .hs-accordion.active & { display: block; } } } + .hs-accordion-active\:hidden { &.hs-accordion.active { display: none; } + .hs-accordion.active>& { display: none; } + .hs-accordion.active>.hs-accordion-toggle & { display: none; } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { display: none; } + &.hs-accordion-toggle { .hs-accordion.active>& { display: none; } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { display: none; } } + &.hs-accordion-force-active { .hs-accordion.active & { display: none; } } } + .hs-accordion-active\:border-b { &.hs-accordion.active { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } + .hs-accordion.active>& { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } + .hs-accordion.active>.hs-accordion-toggle & { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } + &.hs-accordion-toggle { .hs-accordion.active>& { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } + &.hs-accordion-force-active { .hs-accordion.active & { border-bottom-style: var(--tw-border-style); @@ -10945,454 +13616,567 @@ } } } + .hs-accordion-active\:border-gray-200 { &.hs-accordion.active { border-color: var(--color-gray-200); } + .hs-accordion.active>& { border-color: var(--color-gray-200); } + .hs-accordion.active>.hs-accordion-toggle & { border-color: var(--color-gray-200); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { border-color: var(--color-gray-200); } + &.hs-accordion-toggle { .hs-accordion.active>& { border-color: var(--color-gray-200); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { border-color: var(--color-gray-200); } } + &.hs-accordion-force-active { .hs-accordion.active & { border-color: var(--color-gray-200); } } } + .hs-accordion-active\:bg-primary { &.hs-accordion.active { background-color: var(--color-primary); } + .hs-accordion.active>& { background-color: var(--color-primary); } + .hs-accordion.active>.hs-accordion-toggle & { background-color: var(--color-primary); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { background-color: var(--color-primary); } + &.hs-accordion-toggle { .hs-accordion.active>& { background-color: var(--color-primary); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { background-color: var(--color-primary); } } + &.hs-accordion-force-active { .hs-accordion.active & { background-color: var(--color-primary); } } } + .hs-accordion-active\:bg-primary\/10 { &.hs-accordion.active { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .hs-accordion.active>& { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .hs-accordion.active>.hs-accordion-toggle & { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + &.hs-accordion-toggle { .hs-accordion.active>& { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } + &.hs-accordion-force-active { .hs-accordion.active & { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } } + .hs-accordion-active\:bg-secondary { &.hs-accordion.active { background-color: var(--color-secondary); } + .hs-accordion.active>& { background-color: var(--color-secondary); } + .hs-accordion.active>.hs-accordion-toggle & { background-color: var(--color-secondary); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { background-color: var(--color-secondary); } + &.hs-accordion-toggle { .hs-accordion.active>& { background-color: var(--color-secondary); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { background-color: var(--color-secondary); } } + &.hs-accordion-force-active { .hs-accordion.active & { background-color: var(--color-secondary); } } } + .hs-accordion-active\:bg-secondary\/10 { &.hs-accordion.active { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + .hs-accordion.active>& { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + .hs-accordion.active>.hs-accordion-toggle & { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + &.hs-accordion-toggle { .hs-accordion.active>& { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } + &.hs-accordion-force-active { .hs-accordion.active & { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } } + .hs-accordion-active\:pb-0 { &.hs-accordion.active { padding-bottom: calc(var(--spacing) * 0); } + .hs-accordion.active>& { padding-bottom: calc(var(--spacing) * 0); } + .hs-accordion.active>.hs-accordion-toggle & { padding-bottom: calc(var(--spacing) * 0); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { padding-bottom: calc(var(--spacing) * 0); } + &.hs-accordion-toggle { .hs-accordion.active>& { padding-bottom: calc(var(--spacing) * 0); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { padding-bottom: calc(var(--spacing) * 0); } } + &.hs-accordion-force-active { .hs-accordion.active & { padding-bottom: calc(var(--spacing) * 0); } } } + .hs-accordion-active\:pb-3 { &.hs-accordion.active { padding-bottom: calc(var(--spacing) * 3); } + .hs-accordion.active>& { padding-bottom: calc(var(--spacing) * 3); } + .hs-accordion.active>.hs-accordion-toggle & { padding-bottom: calc(var(--spacing) * 3); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { padding-bottom: calc(var(--spacing) * 3); } + &.hs-accordion-toggle { .hs-accordion.active>& { padding-bottom: calc(var(--spacing) * 3); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { padding-bottom: calc(var(--spacing) * 3); } } + &.hs-accordion-force-active { .hs-accordion.active & { padding-bottom: calc(var(--spacing) * 3); } } } + .hs-accordion-active\:\!text-primary { &.hs-accordion.active { color: var(--color-primary) !important; } + .hs-accordion.active>& { color: var(--color-primary) !important; } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-primary) !important; } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-primary) !important; } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-primary) !important; } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-primary) !important; } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-primary) !important; } } } + .hs-accordion-active\:text-blue-600 { &.hs-accordion.active { color: var(--color-blue-600); } + .hs-accordion.active>& { color: var(--color-blue-600); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-blue-600); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-blue-600); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-blue-600); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-blue-600); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-blue-600); } } } + .hs-accordion-active\:text-gray-600 { &.hs-accordion.active { color: var(--color-gray-600); } + .hs-accordion.active>& { color: var(--color-gray-600); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-gray-600); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-gray-600); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-gray-600); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-gray-600); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-gray-600); } } } + .hs-accordion-active\:text-primary { &.hs-accordion.active { color: var(--color-primary); } + .hs-accordion.active>& { color: var(--color-primary); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-primary); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-primary); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-primary); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-primary); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-primary); } } } + .hs-accordion-active\:text-secondary { &.hs-accordion.active { color: var(--color-secondary); } + .hs-accordion.active>& { color: var(--color-secondary); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-secondary); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-secondary); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-secondary); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-secondary); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-secondary); } } } + .hs-accordion-active\:text-success { &.hs-accordion.active { color: var(--color-success); } + .hs-accordion.active>& { color: var(--color-success); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-success); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-success); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-success); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-success); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-success); } } } + .hs-accordion-active\:text-white { &.hs-accordion.active { color: var(--color-white); } + .hs-accordion.active>& { color: var(--color-white); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-white); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-white); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-white); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-white); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-white); } } } + .hs-accordion-active\:group-hover\:\!text-primary { &.hs-accordion.active { &:is(:where(.group):hover *) { @@ -11401,6 +14185,7 @@ } } } + .hs-accordion.active>& { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11408,6 +14193,7 @@ } } } + .hs-accordion.active>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11415,6 +14201,7 @@ } } } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11422,6 +14209,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>& { &:is(:where(.group):hover *) { @@ -11431,6 +14219,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { &:is(:where(.group):hover *) { @@ -11440,6 +14229,7 @@ } } } + &.hs-accordion-force-active { .hs-accordion.active & { &:is(:where(.group):hover *) { @@ -11450,6 +14240,7 @@ } } } + .hs-accordion-active\:group-hover\:text-gray-600 { &.hs-accordion.active { &:is(:where(.group):hover *) { @@ -11458,6 +14249,7 @@ } } } + .hs-accordion.active>& { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11465,6 +14257,7 @@ } } } + .hs-accordion.active>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11472,6 +14265,7 @@ } } } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11479,6 +14273,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>& { &:is(:where(.group):hover *) { @@ -11488,6 +14283,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { &:is(:where(.group):hover *) { @@ -11497,6 +14293,7 @@ } } } + &.hs-accordion-force-active { .hs-accordion.active & { &:is(:where(.group):hover *) { @@ -11507,6 +14304,7 @@ } } } + .hs-accordion-active\:group-hover\:text-primary { &.hs-accordion.active { &:is(:where(.group):hover *) { @@ -11515,6 +14313,7 @@ } } } + .hs-accordion.active>& { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11522,6 +14321,7 @@ } } } + .hs-accordion.active>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11529,6 +14329,7 @@ } } } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11536,6 +14337,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>& { &:is(:where(.group):hover *) { @@ -11545,6 +14347,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { &:is(:where(.group):hover *) { @@ -11554,6 +14357,7 @@ } } } + &.hs-accordion-force-active { .hs-accordion.active & { &:is(:where(.group):hover *) { @@ -11564,6 +14368,7 @@ } } } + .hs-accordion-active\:group-hover\:text-secondary { &.hs-accordion.active { &:is(:where(.group):hover *) { @@ -11572,6 +14377,7 @@ } } } + .hs-accordion.active>& { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11579,6 +14385,7 @@ } } } + .hs-accordion.active>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11586,6 +14393,7 @@ } } } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11593,6 +14401,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>& { &:is(:where(.group):hover *) { @@ -11602,6 +14411,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { &:is(:where(.group):hover *) { @@ -11611,6 +14421,7 @@ } } } + &.hs-accordion-force-active { .hs-accordion.active & { &:is(:where(.group):hover *) { @@ -11621,6 +14432,7 @@ } } } + .hs-accordion-active\:group-hover\:text-success { &.hs-accordion.active { &:is(:where(.group):hover *) { @@ -11629,6 +14441,7 @@ } } } + .hs-accordion.active>& { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11636,6 +14449,7 @@ } } } + .hs-accordion.active>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11643,6 +14457,7 @@ } } } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11650,6 +14465,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>& { &:is(:where(.group):hover *) { @@ -11659,6 +14475,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { &:is(:where(.group):hover *) { @@ -11668,6 +14485,7 @@ } } } + &.hs-accordion-force-active { .hs-accordion.active & { &:is(:where(.group):hover *) { @@ -11678,6 +14496,7 @@ } } } + .hs-accordion-active\:group-hover\:text-white { &.hs-accordion.active { &:is(:where(.group):hover *) { @@ -11686,6 +14505,7 @@ } } } + .hs-accordion.active>& { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11693,6 +14513,7 @@ } } } + .hs-accordion.active>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11700,6 +14521,7 @@ } } } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { &:is(:where(.group):hover *) { @media (hover: hover) { @@ -11707,6 +14529,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>& { &:is(:where(.group):hover *) { @@ -11716,6 +14539,7 @@ } } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { &:is(:where(.group):hover *) { @@ -11725,6 +14549,7 @@ } } } + &.hs-accordion-force-active { .hs-accordion.active & { &:is(:where(.group):hover *) { @@ -11735,51 +14560,65 @@ } } } + .dark\:hs-accordion-active\:border-white\/10 { &:where(.dark, .dark *) { &.hs-accordion.active { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + .hs-accordion.active>& { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + .hs-accordion.active>.hs-accordion-toggle & { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &.hs-accordion-toggle { .hs-accordion.active>& { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + &.hs-accordion-force-active { .hs-accordion.active & { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } @@ -11787,30 +14626,37 @@ } } } + .dark\:hs-accordion-active\:\!text-primary { &:where(.dark, .dark *) { &.hs-accordion.active { color: var(--color-primary) !important; } + .hs-accordion.active>& { color: var(--color-primary) !important; } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-primary) !important; } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-primary) !important; } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-primary) !important; } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-primary) !important; } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-primary) !important; @@ -11818,30 +14664,37 @@ } } } + .dark\:hs-accordion-active\:text-blue-500 { &:where(.dark, .dark *) { &.hs-accordion.active { color: var(--color-blue-500); } + .hs-accordion.active>& { color: var(--color-blue-500); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-blue-500); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-blue-500); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-blue-500); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-blue-500); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-blue-500); @@ -11849,30 +14702,37 @@ } } } + .dark\:hs-accordion-active\:text-primary { &:where(.dark, .dark *) { &.hs-accordion.active { color: var(--color-primary); } + .hs-accordion.active>& { color: var(--color-primary); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-primary); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-primary); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-primary); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-primary); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-primary); @@ -11880,30 +14740,37 @@ } } } + .dark\:hs-accordion-active\:text-secondary { &:where(.dark, .dark *) { &.hs-accordion.active { color: var(--color-secondary); } + .hs-accordion.active>& { color: var(--color-secondary); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-secondary); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-secondary); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-secondary); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-secondary); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-secondary); @@ -11911,30 +14778,37 @@ } } } + .dark\:hs-accordion-active\:text-white { &:where(.dark, .dark *) { &.hs-accordion.active { color: var(--color-white); } + .hs-accordion.active>& { color: var(--color-white); } + .hs-accordion.active>.hs-accordion-toggle & { color: var(--color-white); } + .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & { color: var(--color-white); } + &.hs-accordion-toggle { .hs-accordion.active>& { color: var(--color-white); } } + &.hs-accordion-toggle { .hs-accordion.active>.hs-accordion-heading>& { color: var(--color-white); } } + &.hs-accordion-force-active { .hs-accordion.active & { color: var(--color-white); @@ -11942,268 +14816,337 @@ } } } + .hs-collapse-open\:block { &.hs-collapse.open { display: block; } + &.hs-collapse-toggle.open { display: block; } + .hs-collapse.open & { display: block; } + .hs-collapse-toggle.open & { display: block; } } + .hs-collapse-open\:hidden { &.hs-collapse.open { display: none; } + &.hs-collapse-toggle.open { display: none; } + .hs-collapse.open & { display: none; } + .hs-collapse-toggle.open & { display: none; } } + .hs-collapse-open\:rotate-180 { &.hs-collapse.open { rotate: 180deg; } + &.hs-collapse-toggle.open { rotate: 180deg; } + .hs-collapse.open & { rotate: 180deg; } + .hs-collapse-toggle.open & { rotate: 180deg; } } + .hs-tab-active\:relative { &[data-hs-tab].active { position: relative; } + [data-hs-tab].active & { position: relative; } } + .hs-tab-active\:border-b-2 { &[data-hs-tab].active { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } + [data-hs-tab].active & { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } } + .hs-tab-active\:border-primary { &[data-hs-tab].active { border-color: var(--color-primary); } + [data-hs-tab].active & { border-color: var(--color-primary); } } + .hs-tab-active\:\!border-b-primary { &[data-hs-tab].active { border-bottom-color: var(--color-primary) !important; } + [data-hs-tab].active & { border-bottom-color: var(--color-primary) !important; } } + .hs-tab-active\:border-b-primary { &[data-hs-tab].active { border-bottom-color: var(--color-primary); } + [data-hs-tab].active & { border-bottom-color: var(--color-primary); } } + .hs-tab-active\:border-b-transparent { &[data-hs-tab].active { border-bottom-color: transparent; } + [data-hs-tab].active & { border-bottom-color: transparent; } } + .hs-tab-active\:\!bg-transparent { &[data-hs-tab].active { background-color: transparent !important; } + [data-hs-tab].active & { background-color: transparent !important; } } + .hs-tab-active\:bg-gray-200 { &[data-hs-tab].active { background-color: var(--color-gray-200); } + [data-hs-tab].active & { background-color: var(--color-gray-200); } } + .hs-tab-active\:bg-primary { &[data-hs-tab].active { background-color: var(--color-primary); } + [data-hs-tab].active & { background-color: var(--color-primary); } } + .hs-tab-active\:bg-primary\/10 { &[data-hs-tab].active { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + [data-hs-tab].active & { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } + .hs-tab-active\:bg-secondary\/10 { &[data-hs-tab].active { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + [data-hs-tab].active & { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } + .hs-tab-active\:bg-success\/10 { &[data-hs-tab].active { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } + [data-hs-tab].active & { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } } + .hs-tab-active\:bg-success\/20 { &[data-hs-tab].active { background-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } + [data-hs-tab].active & { background-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } } + .hs-tab-active\:bg-white { &[data-hs-tab].active { background-color: var(--color-white); } + [data-hs-tab].active & { background-color: var(--color-white); } } + .hs-tab-active\:font-semibold { &[data-hs-tab].active { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + [data-hs-tab].active & { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } + .hs-tab-active\:\!text-primary { &[data-hs-tab].active { color: var(--color-primary) !important; } + [data-hs-tab].active & { color: var(--color-primary) !important; } } + .hs-tab-active\:\!text-success { &[data-hs-tab].active { color: var(--color-success) !important; } + [data-hs-tab].active & { color: var(--color-success) !important; } } + .hs-tab-active\:text-gray-700 { &[data-hs-tab].active { color: var(--color-gray-700); } + [data-hs-tab].active & { color: var(--color-gray-700); } } + .hs-tab-active\:text-gray-800 { &[data-hs-tab].active { color: var(--color-gray-800); } + [data-hs-tab].active & { color: var(--color-gray-800); } } + .hs-tab-active\:text-gray-900 { &[data-hs-tab].active { color: var(--color-gray-900); } + [data-hs-tab].active & { color: var(--color-gray-900); } } + .hs-tab-active\:text-primary { &[data-hs-tab].active { color: var(--color-primary); } + [data-hs-tab].active & { color: var(--color-primary); } } + .hs-tab-active\:text-secondary { &[data-hs-tab].active { color: var(--color-secondary); } + [data-hs-tab].active & { color: var(--color-secondary); } } + .hs-tab-active\:text-success { &[data-hs-tab].active { color: var(--color-success); } + [data-hs-tab].active & { color: var(--color-success); } } + .hs-tab-active\:text-white { &[data-hs-tab].active { color: var(--color-white); } + [data-hs-tab].active & { color: var(--color-white); } } + .hs-tab-active\:before\:absolute { &[data-hs-tab].active { &::before { @@ -12211,6 +15154,7 @@ position: absolute; } } + [data-hs-tab].active & { &::before { content: var(--tw-content); @@ -12218,6 +15162,7 @@ } } } + .hs-tab-active\:before\:start-0 { &[data-hs-tab].active { &::before { @@ -12225,6 +15170,7 @@ inset-inline-start: calc(var(--spacing) * 0); } } + [data-hs-tab].active & { &::before { content: var(--tw-content); @@ -12232,6 +15178,7 @@ } } } + .hs-tab-active\:before\:end-0 { &[data-hs-tab].active { &::before { @@ -12239,6 +15186,7 @@ inset-inline-end: calc(var(--spacing) * 0); } } + [data-hs-tab].active & { &::before { content: var(--tw-content); @@ -12246,6 +15194,7 @@ } } } + .hs-tab-active\:before\:bottom-0 { &[data-hs-tab].active { &::before { @@ -12253,6 +15202,7 @@ bottom: calc(var(--spacing) * 0); } } + [data-hs-tab].active & { &::before { content: var(--tw-content); @@ -12260,6 +15210,7 @@ } } } + .hs-tab-active\:before\:h-\[0\.175rem\] { &[data-hs-tab].active { &::before { @@ -12267,6 +15218,7 @@ height: 0.175rem; } } + [data-hs-tab].active & { &::before { content: var(--tw-content); @@ -12274,6 +15226,7 @@ } } } + .hs-tab-active\:before\:w-full { &[data-hs-tab].active { &::before { @@ -12281,6 +15234,7 @@ width: 100%; } } + [data-hs-tab].active & { &::before { content: var(--tw-content); @@ -12288,6 +15242,7 @@ } } } + .hs-tab-active\:before\:rounded-full { &[data-hs-tab].active { &::before { @@ -12295,6 +15250,7 @@ border-radius: var(--radius-full); } } + [data-hs-tab].active & { &::before { content: var(--tw-content); @@ -12302,6 +15258,7 @@ } } } + .hs-tab-active\:before\:bg-primary { &[data-hs-tab].active { &::before { @@ -12309,6 +15266,7 @@ background-color: var(--color-primary); } } + [data-hs-tab].active & { &::before { content: var(--tw-content); @@ -12316,6 +15274,7 @@ } } } + .hs-tab-active\:hover\:text-gray-800 { &[data-hs-tab].active { &:hover { @@ -12324,6 +15283,7 @@ } } } + [data-hs-tab].active & { &:hover { @media (hover: hover) { @@ -12332,345 +15292,423 @@ } } } + .ltr\:hs-tab-active\:border-r-transparent { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { &[data-hs-tab].active { border-right-color: transparent; } + [data-hs-tab].active & { border-right-color: transparent; } } } + .rtl\:hs-tab-active\:border-l-transparent { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &[data-hs-tab].active { border-left-color: transparent; } + [data-hs-tab].active & { border-left-color: transparent; } } } + .dark\:hs-tab-active\:border-b-white\/10 { &:where(.dark, .dark *) { &[data-hs-tab].active { border-bottom-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + [data-hs-tab].active & { border-bottom-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .dark\:hs-tab-active\:\!bg-success\/20 { &:where(.dark, .dark *) { &[data-hs-tab].active { background-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent) !important; } } + [data-hs-tab].active & { background-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent) !important; } } } } + .dark\:hs-tab-active\:bg-light { &:where(.dark, .dark *) { &[data-hs-tab].active { background-color: var(--color-light); } + [data-hs-tab].active & { background-color: var(--color-light); } } } + .dark\:hs-tab-active\:bg-primary { &:where(.dark, .dark *) { &[data-hs-tab].active { background-color: var(--color-primary); } + [data-hs-tab].active & { background-color: var(--color-primary); } } } + .dark\:hs-tab-active\:bg-transparent { &:where(.dark, .dark *) { &[data-hs-tab].active { background-color: transparent; } + [data-hs-tab].active & { background-color: transparent; } } } + .dark\:hs-tab-active\:\!text-success { &:where(.dark, .dark *) { &[data-hs-tab].active { color: var(--color-success) !important; } + [data-hs-tab].active & { color: var(--color-success) !important; } } } + .dark\:hs-tab-active\:text-defaulttextcolor\/70 { &:where(.dark, .dark *) { &[data-hs-tab].active { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } + [data-hs-tab].active & { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } } + .dark\:hs-tab-active\:text-primary { &:where(.dark, .dark *) { &[data-hs-tab].active { color: var(--color-primary); } + [data-hs-tab].active & { color: var(--color-primary); } } } + .dark\:hs-tab-active\:text-white { &:where(.dark, .dark *) { &[data-hs-tab].active { color: var(--color-white); } + [data-hs-tab].active & { color: var(--color-white); } } } + .ltr\:dark\:hs-tab-active\:border-r-gray-800 { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { &:where(.dark, .dark *) { &[data-hs-tab].active { border-right-color: var(--color-gray-800); } + [data-hs-tab].active & { border-right-color: var(--color-gray-800); } } } } + .rtl\:dark\:hs-tab-active\:border-l-gray-800 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &:where(.dark, .dark *) { &[data-hs-tab].active { border-left-color: var(--color-gray-800); } + [data-hs-tab].active & { border-left-color: var(--color-gray-800); } } } } + .hs-overlay-open\:mt-0 { &.open { margin-top: calc(var(--spacing) * 0); } + .open & { margin-top: calc(var(--spacing) * 0); } } + .hs-overlay-open\:mt-7 { &.open { margin-top: calc(var(--spacing) * 7); } + .open & { margin-top: calc(var(--spacing) * 7); } } + .hs-overlay-open\:opacity-100 { &.open { opacity: 100%; } + .open & { opacity: 100%; } } + .hs-overlay-open\:duration-500 { &.open { --tw-duration: 500ms; transition-duration: 500ms; } + .open & { --tw-duration: 500ms; transition-duration: 500ms; } } + .sm\:hs-overlay-open\:\!mt-10 { - @media (width >= 40rem) { + @media (width >=40rem) { &.open { margin-top: calc(var(--spacing) * 10) !important; } + .open & { margin-top: calc(var(--spacing) * 10) !important; } } } + .md\:hs-overlay-open\:\!mt-10 { - @media (width >= 48rem) { + @media (width >=48rem) { &.open { margin-top: calc(var(--spacing) * 10) !important; } + .open & { margin-top: calc(var(--spacing) * 10) !important; } } } + .lg\:hs-overlay-open\:\!mt-10 { - @media (width >= 64rem) { + @media (width >=64rem) { &.open { margin-top: calc(var(--spacing) * 10) !important; } + .open & { margin-top: calc(var(--spacing) * 10) !important; } } } + .xl\:hs-overlay-open\:\!mt-10 { - @media (width >= 80rem) { + @media (width >=80rem) { &.open { margin-top: calc(var(--spacing) * 10) !important; } + .open & { margin-top: calc(var(--spacing) * 10) !important; } } } + .hs-overlay-backdrop-open\:\!bg-\[\#32325180\] { &.hs-overlay-backdrop { background-color: #32325180 !important; } + .hs-overlay-backdrop & { background-color: #32325180 !important; } } + .hs-overlay-backdrop-open\:\!bg-primary\/50 { &.hs-overlay-backdrop { background-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 50%, transparent) !important; } } + .hs-overlay-backdrop & { background-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 50%, transparent) !important; } } } + .hs-overlay-backdrop-open\:bg-\[\#32325180\] { &.hs-overlay-backdrop { background-color: #32325180; } + .hs-overlay-backdrop & { background-color: #32325180; } } + .hs-overlay-backdrop-open\:bg-gray-900\/70 { &.hs-overlay-backdrop { - background-color: color-mix(in srgb, rgb(50,50,81) 70%, transparent); + background-color: color-mix(in srgb, rgb(50, 50, 81) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 70%, transparent); } } + .hs-overlay-backdrop & { - background-color: color-mix(in srgb, rgb(50,50,81) 70%, transparent); + background-color: color-mix(in srgb, rgb(50, 50, 81) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 70%, transparent); } } } + .hs-overlay-backdrop-open\:bg-gray-900\/80 { &.hs-overlay-backdrop { - background-color: color-mix(in srgb, rgb(50,50,81) 80%, transparent); + background-color: color-mix(in srgb, rgb(50, 50, 81) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } + .hs-overlay-backdrop & { - background-color: color-mix(in srgb, rgb(50,50,81) 80%, transparent); + background-color: color-mix(in srgb, rgb(50, 50, 81) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } } + .hs-overlay-backdrop-open\:bg-primary\/50 { &.hs-overlay-backdrop { background-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } + .hs-overlay-backdrop & { background-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } } + .dark\:hs-overlay-backdrop-open\:\!bg-\[\#323251cc\] { &:where(.dark, .dark *) { &.hs-overlay-backdrop { background-color: #323251cc !important; } + .hs-overlay-backdrop & { background-color: #323251cc !important; } } } + .dark\:hs-overlay-backdrop-open\:bg-\[\#323251cc\] { &:where(.dark, .dark *) { &.hs-overlay-backdrop { background-color: #323251cc; } + .hs-overlay-backdrop & { background-color: #323251cc; } } } + .dark\:hs-overlay-backdrop-open\:bg-primary\/50 { &:where(.dark, .dark *) { &.hs-overlay-backdrop { background-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } + .hs-overlay-backdrop & { background-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } } } + .hs-scrollspy-active\:text-primary { &.active { color: var(--color-primary); } } + .dark\:hs-scrollspy-active\:text-primary { &:where(.dark, .dark *) { &.active { @@ -12678,319 +15716,393 @@ } } } + .hs-selected\:block { &.selected { display: block; } + .selected & { display: block; } } + .hs-selected\:bg-gray-100 { &.selected { background-color: var(--color-gray-100); } + .selected & { background-color: var(--color-gray-100); } } + .dark\:hs-selected\:bg-gray-700 { &:where(.dark, .dark *) { &.selected { background-color: var(--color-gray-700); } + .selected & { background-color: var(--color-gray-700); } } } + .dark\:hs-selected\:bg-neutral-800 { &:where(.dark, .dark *) { &.selected { background-color: var(--color-neutral-800); } + .selected & { background-color: var(--color-neutral-800); } } } + .hs-select-disabled\:pointer-events-none { &.disabled { pointer-events: none; } + .disabled & { pointer-events: none; } } + .hs-select-disabled\:opacity-50 { &.disabled { opacity: 50%; } + .disabled & { opacity: 50%; } } + .hs-stepper-active\:\!bg-primary { &.active { background-color: var(--color-primary) !important; } + .active & { background-color: var(--color-primary) !important; } } + .hs-stepper-active\:\!text-primary { &.active { color: var(--color-primary) !important; } + .active & { color: var(--color-primary) !important; } } + .hs-stepper-active\:\!text-white { &.active { color: var(--color-white) !important; } + .active & { color: var(--color-white) !important; } } + .hs-stepper-active\:text-white { &.active { color: var(--color-white); } + .active & { color: var(--color-white); } } + .hs-stepper-success\:block { &.success { display: block; } + .success & { display: block; } } + .hs-stepper-success\:hidden { &.success { display: none; } + .success & { display: none; } } + .hs-stepper-success\:\!bg-primary { &.success { background-color: var(--color-primary) !important; } + .success & { background-color: var(--color-primary) !important; } } + .hs-stepper-success\:\!text-primary { &.success { color: var(--color-primary) !important; } + .success & { color: var(--color-primary) !important; } } + .hs-stepper-success\:\!text-white { &.success { color: var(--color-white) !important; } + .success & { color: var(--color-white) !important; } } + .hs-stepper-success\:text-white { &.success { color: var(--color-white); } + .success & { color: var(--color-white); } } + .hs-stepper-completed\:hidden { &.completed { display: none; } + .completed & { display: none; } } + .hs-stepper-completed\:\!bg-success { &.completed { background-color: var(--color-success) !important; } + .completed & { background-color: var(--color-success) !important; } } + .hs-stepper-completed\:\!text-success { &.completed { color: var(--color-success) !important; } + .completed & { color: var(--color-success) !important; } } + .hs-stepper-completed\:group-focus\:\!bg-success { &.completed { &:is(:where(.group):focus *) { background-color: var(--color-success) !important; } } + .completed & { &:is(:where(.group):focus *) { background-color: var(--color-success) !important; } } } + .hs-stepper-error\:block { &.error { display: block; } + .error & { display: block; } } + .hs-stepper-error\:hidden { &.error { display: none; } + .error & { display: none; } } + .hs-stepper-error\:\!bg-danger { &.error { background-color: var(--color-danger) !important; } + .error & { background-color: var(--color-danger) !important; } } + .hs-stepper-error\:\!text-danger { &.error { color: var(--color-danger) !important; } + .error & { color: var(--color-danger) !important; } } + .hs-stepper-processed\:hidden { &.processed { display: none; } + .processed & { display: none; } } + .hs-stepper-processed\:inline-block { &.processed { display: inline-block; } + .processed & { display: inline-block; } } + .hs-stepper-processed\:border { &.processed { border-style: var(--tw-border-style); border-width: 1px; } + .processed & { border-style: var(--tw-border-style); border-width: 1px; } } + .hs-stepper-processed\:border-gray-200 { &.processed { border-color: var(--color-gray-200); } + .processed & { border-color: var(--color-gray-200); } } + .hs-stepper-processed\:bg-white { &.processed { background-color: var(--color-white); } + .processed & { background-color: var(--color-white); } } + .hs-stepper-processed\:dark\:border-white\/10 { &.processed { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .processed & { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .hs-combo-box-selected\:block { &.selected { display: block; } + .selected & { display: block; } } + .hs-file-upload-complete\:bg-green-600 { &.complete { background-color: var(--color-green-600); } + .complete & { background-color: var(--color-green-600); } } + .hs-dark-mode-active\:flex { .dark:not(.auto) & { display: flex; } } + .hs-dark-mode-active\:hidden { .dark:not(.auto) & { display: none; } } + .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none { &::-webkit-inner-spin-button { -webkit-appearance: none; - appearance: none; + appearance: none; } } + .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none { &::-webkit-outer-spin-button { -webkit-appearance: none; - appearance: none; + appearance: none; } } + .\[\&\:\:-webkit-scrollbar\]\:w-2 { &::-webkit-scrollbar { width: calc(var(--spacing) * 2); } } + .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full { &::-webkit-scrollbar-thumb { border-radius: var(--radius-full); } } + .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300 { &::-webkit-scrollbar-thumb { background-color: var(--color-gray-300); } } + .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500 { &:where(.dark, .dark *) { &::-webkit-scrollbar-thumb { @@ -12998,6 +16110,7 @@ } } } + .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-500 { &:where(.dark, .dark *) { &::-webkit-scrollbar-thumb { @@ -13005,16 +16118,19 @@ } } } + .\[\&\:\:-webkit-scrollbar-track\]\:rounded-full { &::-webkit-scrollbar-track { border-radius: var(--radius-full); } } + .\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-100 { &::-webkit-scrollbar-track { background-color: var(--color-gray-100); } } + .dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-700 { &:where(.dark, .dark *) { &::-webkit-scrollbar-track { @@ -13022,6 +16138,7 @@ } } } + .dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-slate-700 { &:where(.dark, .dark *) { &::-webkit-scrollbar-track { @@ -13029,33 +16146,40 @@ } } } + .\[\&\:not\(\:-moz-placeholder\)\]\:pt-6 { &:not(:placeholder-shown) { padding-top: calc(var(--spacing) * 6); } } + .\[\&\:not\(\:placeholder-shown\)\]\:pt-6 { &:not(:-moz-placeholder) { padding-top: calc(var(--spacing) * 6); } + &:not(:placeholder-shown) { padding-top: calc(var(--spacing) * 6); } } + .\[\&\:not\(\:-moz-placeholder\)\]\:pb-2 { &:not(:placeholder-shown) { padding-bottom: calc(var(--spacing) * 2); } } + .\[\&\:not\(\:placeholder-shown\)\]\:pb-2 { &:not(:-moz-placeholder) { padding-bottom: calc(var(--spacing) * 2); } + &:not(:placeholder-shown) { padding-bottom: calc(var(--spacing) * 2); } } } + [class=dark], html.dark, .dark { @@ -13067,8417 +16191,11216 @@ html.dark, --color-inputborder: rgb(49 51 53); --color-formcontrolbg: rgb(35 38 40); --color-defaulttextcolor: rgb(255 255 255); - --color-gray-100: rgb(249,250,251); - --color-gray-200: rgb(242,244,245); - --color-gray-300: rgb(230,234,235); - --color-gray-400: rgb(219,223,225); - --color-gray-500: rgb(148,158,183); - --color-gray-600: rgb(121,135,161); - --color-gray-700: rgb(77,88,117); - --color-gray-800: rgb(56,56,83); - --color-gray-900: rgb(50,50,81); + --color-gray-100: rgb(249, 250, 251); + --color-gray-200: rgb(242, 244, 245); + --color-gray-300: rgb(230, 234, 235); + --color-gray-400: rgb(219, 223, 225); + --color-gray-500: rgb(148, 158, 183); + --color-gray-600: rgb(121, 135, 161); + --color-gray-700: rgb(77, 88, 117); + --color-gray-800: rgb(56, 56, 83); + --color-gray-900: rgb(50, 50, 81); } + @keyframes particles { 0% { transform: translateY(0) rotate(0); opacity: 1; } + 100% { transform: translateY(-90px) rotate(180deg); opacity: 0; } } + @keyframes pulse { - 0%, 100% { + + 0%, + 100% { opacity: 1; } + 50% { opacity: 0.5; } } + @keyframes ping { 0% { transform: scale(1); opacity: 1; } - 75%, 100% { + + 75%, + 100% { transform: scale(2); opacity: 0; } } + @keyframes bounce { - 0%, 100% { + + 0%, + 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } + 50% { transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } + @keyframes ring { 0% { transform: rotateZ(0); } + 1% { transform: rotateZ(30deg); } + 3% { transform: rotateZ(-28deg); } + 5% { transform: rotateZ(34deg); } + 7% { transform: rotateZ(-32deg); } + 9% { transform: rotateZ(30deg); } + 11% { transform: rotateZ(-28deg); } + 13% { transform: rotateZ(26deg); } + 15% { transform: rotateZ(-24deg); } + 17% { transform: rotateZ(22deg); } + 19% { transform: rotateZ(-20deg); } + 21% { transform: rotateZ(18deg); } + 23% { transform: rotateZ(-16deg); } + 25% { transform: rotateZ(14deg); } + 27% { transform: rotateZ(-12deg); } + 29% { transform: rotateZ(10deg); } + 31% { transform: rotateZ(-8deg); } + 33% { transform: rotateZ(6deg); } + 35% { transform: rotateZ(-4deg); } + 37% { transform: rotateZ(2deg); } + 39% { transform: rotateZ(-1deg); } + 41% { transform: rotateZ(1deg); } + 43% { transform: rotateZ(0); } + 100% { transform: rotateZ(0); } } + @keyframes wase { - 0%, 100% { + + 0%, + 100% { transform: rotate(-3deg); } + 50% { transform: rotate(3deg); } } + @keyframes spin { from { transform: rotate(0deg); } + to { transform: rotate(360deg); } } + @font-face { font-family: "remixicon"; src: url("../icon-fonts/RemixIcons/fonts/remixicon.eot?t=1705244689813"); src: url("../icon-fonts/RemixIcons/fonts/remixicon.eot?t=1705244689813#iefix") format("embedded-opentype"), url("../icon-fonts/RemixIcons/fonts/remixicon.woff2?t=1705244689813") format("woff2"), url("../icon-fonts/RemixIcons/fonts/remixicon.woff?t=1705244689813") format("woff"), url("../icon-fonts/RemixIcons/fonts/remixicon.ttf?t=1705244689813") format("truetype"), url("../icon-fonts/RemixIcons/fonts/remixicon.svg?t=1705244689813#remixicon") format("svg"); font-display: swap; } -[class^=ri-], [class*=" ri-"] { + +[class^=ri-], +[class*=" ri-"] { font-family: "remixicon" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + .ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -0.0667em; } + .ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -0.075em; } + .ri-xxs { font-size: 0.5em; } + .ri-xs { font-size: 0.75em; } + .ri-sm { font-size: 0.875em; } + .ri-1x { font-size: 1em; } + .ri-2x { font-size: 2em; } + .ri-3x { font-size: 3em; } + .ri-4x { font-size: 4em; } + .ri-5x { font-size: 5em; } + .ri-6x { font-size: 6em; } + .ri-7x { font-size: 7em; } + .ri-8x { font-size: 8em; } + .ri-9x { font-size: 9em; } + .ri-10x { font-size: 10em; } + .ri-fw { text-align: center; width: 1.25em; } + .ri-24-hours-fill:before { content: "\ea01"; } + .ri-24-hours-line:before { content: "\ea02"; } + .ri-4k-fill:before { content: "\ea03"; } + .ri-4k-line:before { content: "\ea04"; } + .ri-a-b:before { content: "\ea05"; } + .ri-account-box-fill:before { content: "\ea06"; } + .ri-account-box-line:before { content: "\ea07"; } + .ri-account-circle-fill:before { content: "\ea08"; } + .ri-account-circle-line:before { content: "\ea09"; } + .ri-account-pin-box-fill:before { content: "\ea0a"; } + .ri-account-pin-box-line:before { content: "\ea0b"; } + .ri-account-pin-circle-fill:before { content: "\ea0c"; } + .ri-account-pin-circle-line:before { content: "\ea0d"; } + .ri-add-box-fill:before { content: "\ea0e"; } + .ri-add-box-line:before { content: "\ea0f"; } + .ri-add-circle-fill:before { content: "\ea10"; } + .ri-add-circle-line:before { content: "\ea11"; } + .ri-add-fill:before { content: "\ea12"; } + .ri-add-line:before { content: "\ea13"; } + .ri-admin-fill:before { content: "\ea14"; } + .ri-admin-line:before { content: "\ea15"; } + .ri-advertisement-fill:before { content: "\ea16"; } + .ri-advertisement-line:before { content: "\ea17"; } + .ri-airplay-fill:before { content: "\ea18"; } + .ri-airplay-line:before { content: "\ea19"; } + .ri-alarm-fill:before { content: "\ea1a"; } + .ri-alarm-line:before { content: "\ea1b"; } + .ri-alarm-warning-fill:before { content: "\ea1c"; } + .ri-alarm-warning-line:before { content: "\ea1d"; } + .ri-album-fill:before { content: "\ea1e"; } + .ri-album-line:before { content: "\ea1f"; } + .ri-alert-fill:before { content: "\ea20"; } + .ri-alert-line:before { content: "\ea21"; } + .ri-aliens-fill:before { content: "\ea22"; } + .ri-aliens-line:before { content: "\ea23"; } + .ri-align-bottom:before { content: "\ea24"; } + .ri-align-center:before { content: "\ea25"; } + .ri-align-justify:before { content: "\ea26"; } + .ri-align-left:before { content: "\ea27"; } + .ri-align-right:before { content: "\ea28"; } + .ri-align-top:before { content: "\ea29"; } + .ri-align-vertically:before { content: "\ea2a"; } + .ri-alipay-fill:before { content: "\ea2b"; } + .ri-alipay-line:before { content: "\ea2c"; } + .ri-amazon-fill:before { content: "\ea2d"; } + .ri-amazon-line:before { content: "\ea2e"; } + .ri-anchor-fill:before { content: "\ea2f"; } + .ri-anchor-line:before { content: "\ea30"; } + .ri-ancient-gate-fill:before { content: "\ea31"; } + .ri-ancient-gate-line:before { content: "\ea32"; } + .ri-ancient-pavilion-fill:before { content: "\ea33"; } + .ri-ancient-pavilion-line:before { content: "\ea34"; } + .ri-android-fill:before { content: "\ea35"; } + .ri-android-line:before { content: "\ea36"; } + .ri-angularjs-fill:before { content: "\ea37"; } + .ri-angularjs-line:before { content: "\ea38"; } + .ri-anticlockwise-2-fill:before { content: "\ea39"; } + .ri-anticlockwise-2-line:before { content: "\ea3a"; } + .ri-anticlockwise-fill:before { content: "\ea3b"; } + .ri-anticlockwise-line:before { content: "\ea3c"; } + .ri-app-store-fill:before { content: "\ea3d"; } + .ri-app-store-line:before { content: "\ea3e"; } + .ri-apple-fill:before { content: "\ea3f"; } + .ri-apple-line:before { content: "\ea40"; } + .ri-apps-2-fill:before { content: "\ea41"; } + .ri-apps-2-line:before { content: "\ea42"; } + .ri-apps-fill:before { content: "\ea43"; } + .ri-apps-line:before { content: "\ea44"; } + .ri-archive-drawer-fill:before { content: "\ea45"; } + .ri-archive-drawer-line:before { content: "\ea46"; } + .ri-archive-fill:before { content: "\ea47"; } + .ri-archive-line:before { content: "\ea48"; } + .ri-arrow-down-circle-fill:before { content: "\ea49"; } + .ri-arrow-down-circle-line:before { content: "\ea4a"; } + .ri-arrow-down-fill:before { content: "\ea4b"; } + .ri-arrow-down-line:before { content: "\ea4c"; } + .ri-arrow-down-s-fill:before { content: "\ea4d"; } + .ri-arrow-down-s-line:before { content: "\ea4e"; } + .ri-arrow-drop-down-fill:before { content: "\ea4f"; } + .ri-arrow-drop-down-line:before { content: "\ea50"; } + .ri-arrow-drop-left-fill:before { content: "\ea51"; } + .ri-arrow-drop-left-line:before { content: "\ea52"; } + .ri-arrow-drop-right-fill:before { content: "\ea53"; } + .ri-arrow-drop-right-line:before { content: "\ea54"; } + .ri-arrow-drop-up-fill:before { content: "\ea55"; } + .ri-arrow-drop-up-line:before { content: "\ea56"; } + .ri-arrow-go-back-fill:before { content: "\ea57"; } + .ri-arrow-go-back-line:before { content: "\ea58"; } + .ri-arrow-go-forward-fill:before { content: "\ea59"; } + .ri-arrow-go-forward-line:before { content: "\ea5a"; } + .ri-arrow-left-circle-fill:before { content: "\ea5b"; } + .ri-arrow-left-circle-line:before { content: "\ea5c"; } + .ri-arrow-left-down-fill:before { content: "\ea5d"; } + .ri-arrow-left-down-line:before { content: "\ea5e"; } + .ri-arrow-left-fill:before { content: "\ea5f"; } + .ri-arrow-left-line:before { content: "\ea60"; } + .ri-arrow-left-right-fill:before { content: "\ea61"; } + .ri-arrow-left-right-line:before { content: "\ea62"; } + .ri-arrow-left-s-fill:before { content: "\ea63"; } + .ri-arrow-left-s-line:before { content: "\ea64"; } + .ri-arrow-left-up-fill:before { content: "\ea65"; } + .ri-arrow-left-up-line:before { content: "\ea66"; } + .ri-arrow-right-circle-fill:before { content: "\ea67"; } + .ri-arrow-right-circle-line:before { content: "\ea68"; } + .ri-arrow-right-down-fill:before { content: "\ea69"; } + .ri-arrow-right-down-line:before { content: "\ea6a"; } + .ri-arrow-right-fill:before { content: "\ea6b"; } + .ri-arrow-right-line:before { content: "\ea6c"; } + .ri-arrow-right-s-fill:before { content: "\ea6d"; } + .ri-arrow-right-s-line:before { content: "\ea6e"; } + .ri-arrow-right-up-fill:before { content: "\ea6f"; } + .ri-arrow-right-up-line:before { content: "\ea70"; } + .ri-arrow-up-circle-fill:before { content: "\ea71"; } + .ri-arrow-up-circle-line:before { content: "\ea72"; } + .ri-arrow-up-down-fill:before { content: "\ea73"; } + .ri-arrow-up-down-line:before { content: "\ea74"; } + .ri-arrow-up-fill:before { content: "\ea75"; } + .ri-arrow-up-line:before { content: "\ea76"; } + .ri-arrow-up-s-fill:before { content: "\ea77"; } + .ri-arrow-up-s-line:before { content: "\ea78"; } + .ri-artboard-2-fill:before { content: "\ea79"; } + .ri-artboard-2-line:before { content: "\ea7a"; } + .ri-artboard-fill:before { content: "\ea7b"; } + .ri-artboard-line:before { content: "\ea7c"; } + .ri-article-fill:before { content: "\ea7d"; } + .ri-article-line:before { content: "\ea7e"; } + .ri-aspect-ratio-fill:before { content: "\ea7f"; } + .ri-aspect-ratio-line:before { content: "\ea80"; } + .ri-asterisk:before { content: "\ea81"; } + .ri-at-fill:before { content: "\ea82"; } + .ri-at-line:before { content: "\ea83"; } + .ri-attachment-2:before { content: "\ea84"; } + .ri-attachment-fill:before { content: "\ea85"; } + .ri-attachment-line:before { content: "\ea86"; } + .ri-auction-fill:before { content: "\ea87"; } + .ri-auction-line:before { content: "\ea88"; } + .ri-award-fill:before { content: "\ea89"; } + .ri-award-line:before { content: "\ea8a"; } + .ri-baidu-fill:before { content: "\ea8b"; } + .ri-baidu-line:before { content: "\ea8c"; } + .ri-ball-pen-fill:before { content: "\ea8d"; } + .ri-ball-pen-line:before { content: "\ea8e"; } + .ri-bank-card-2-fill:before { content: "\ea8f"; } + .ri-bank-card-2-line:before { content: "\ea90"; } + .ri-bank-card-fill:before { content: "\ea91"; } + .ri-bank-card-line:before { content: "\ea92"; } + .ri-bank-fill:before { content: "\ea93"; } + .ri-bank-line:before { content: "\ea94"; } + .ri-bar-chart-2-fill:before { content: "\ea95"; } + .ri-bar-chart-2-line:before { content: "\ea96"; } + .ri-bar-chart-box-fill:before { content: "\ea97"; } + .ri-bar-chart-box-line:before { content: "\ea98"; } + .ri-bar-chart-fill:before { content: "\ea99"; } + .ri-bar-chart-grouped-fill:before { content: "\ea9a"; } + .ri-bar-chart-grouped-line:before { content: "\ea9b"; } + .ri-bar-chart-horizontal-fill:before { content: "\ea9c"; } + .ri-bar-chart-horizontal-line:before { content: "\ea9d"; } + .ri-bar-chart-line:before { content: "\ea9e"; } + .ri-barcode-box-fill:before { content: "\ea9f"; } + .ri-barcode-box-line:before { content: "\eaa0"; } + .ri-barcode-fill:before { content: "\eaa1"; } + .ri-barcode-line:before { content: "\eaa2"; } + .ri-barricade-fill:before { content: "\eaa3"; } + .ri-barricade-line:before { content: "\eaa4"; } + .ri-base-station-fill:before { content: "\eaa5"; } + .ri-base-station-line:before { content: "\eaa6"; } + .ri-basketball-fill:before { content: "\eaa7"; } + .ri-basketball-line:before { content: "\eaa8"; } + .ri-battery-2-charge-fill:before { content: "\eaa9"; } + .ri-battery-2-charge-line:before { content: "\eaaa"; } + .ri-battery-2-fill:before { content: "\eaab"; } + .ri-battery-2-line:before { content: "\eaac"; } + .ri-battery-charge-fill:before { content: "\eaad"; } + .ri-battery-charge-line:before { content: "\eaae"; } + .ri-battery-fill:before { content: "\eaaf"; } + .ri-battery-line:before { content: "\eab0"; } + .ri-battery-low-fill:before { content: "\eab1"; } + .ri-battery-low-line:before { content: "\eab2"; } + .ri-battery-saver-fill:before { content: "\eab3"; } + .ri-battery-saver-line:before { content: "\eab4"; } + .ri-battery-share-fill:before { content: "\eab5"; } + .ri-battery-share-line:before { content: "\eab6"; } + .ri-bear-smile-fill:before { content: "\eab7"; } + .ri-bear-smile-line:before { content: "\eab8"; } + .ri-behance-fill:before { content: "\eab9"; } + .ri-behance-line:before { content: "\eaba"; } + .ri-bell-fill:before { content: "\eabb"; } + .ri-bell-line:before { content: "\eabc"; } + .ri-bike-fill:before { content: "\eabd"; } + .ri-bike-line:before { content: "\eabe"; } + .ri-bilibili-fill:before { content: "\eabf"; } + .ri-bilibili-line:before { content: "\eac0"; } + .ri-bill-fill:before { content: "\eac1"; } + .ri-bill-line:before { content: "\eac2"; } + .ri-billiards-fill:before { content: "\eac3"; } + .ri-billiards-line:before { content: "\eac4"; } + .ri-bit-coin-fill:before { content: "\eac5"; } + .ri-bit-coin-line:before { content: "\eac6"; } + .ri-blaze-fill:before { content: "\eac7"; } + .ri-blaze-line:before { content: "\eac8"; } + .ri-bluetooth-connect-fill:before { content: "\eac9"; } + .ri-bluetooth-connect-line:before { content: "\eaca"; } + .ri-bluetooth-fill:before { content: "\eacb"; } + .ri-bluetooth-line:before { content: "\eacc"; } + .ri-blur-off-fill:before { content: "\eacd"; } + .ri-blur-off-line:before { content: "\eace"; } + .ri-body-scan-fill:before { content: "\eacf"; } + .ri-body-scan-line:before { content: "\ead0"; } + .ri-bold:before { content: "\ead1"; } + .ri-book-2-fill:before { content: "\ead2"; } + .ri-book-2-line:before { content: "\ead3"; } + .ri-book-3-fill:before { content: "\ead4"; } + .ri-book-3-line:before { content: "\ead5"; } + .ri-book-fill:before { content: "\ead6"; } + .ri-book-line:before { content: "\ead7"; } + .ri-book-marked-fill:before { content: "\ead8"; } + .ri-book-marked-line:before { content: "\ead9"; } + .ri-book-open-fill:before { content: "\eada"; } + .ri-book-open-line:before { content: "\eadb"; } + .ri-book-read-fill:before { content: "\eadc"; } + .ri-book-read-line:before { content: "\eadd"; } + .ri-booklet-fill:before { content: "\eade"; } + .ri-booklet-line:before { content: "\eadf"; } + .ri-bookmark-2-fill:before { content: "\eae0"; } + .ri-bookmark-2-line:before { content: "\eae1"; } + .ri-bookmark-3-fill:before { content: "\eae2"; } + .ri-bookmark-3-line:before { content: "\eae3"; } + .ri-bookmark-fill:before { content: "\eae4"; } + .ri-bookmark-line:before { content: "\eae5"; } + .ri-boxing-fill:before { content: "\eae6"; } + .ri-boxing-line:before { content: "\eae7"; } + .ri-braces-fill:before { content: "\eae8"; } + .ri-braces-line:before { content: "\eae9"; } + .ri-brackets-fill:before { content: "\eaea"; } + .ri-brackets-line:before { content: "\eaeb"; } + .ri-briefcase-2-fill:before { content: "\eaec"; } + .ri-briefcase-2-line:before { content: "\eaed"; } + .ri-briefcase-3-fill:before { content: "\eaee"; } + .ri-briefcase-3-line:before { content: "\eaef"; } + .ri-briefcase-4-fill:before { content: "\eaf0"; } + .ri-briefcase-4-line:before { content: "\eaf1"; } + .ri-briefcase-5-fill:before { content: "\eaf2"; } + .ri-briefcase-5-line:before { content: "\eaf3"; } + .ri-briefcase-fill:before { content: "\eaf4"; } + .ri-briefcase-line:before { content: "\eaf5"; } + .ri-bring-forward:before { content: "\eaf6"; } + .ri-bring-to-front:before { content: "\eaf7"; } + .ri-broadcast-fill:before { content: "\eaf8"; } + .ri-broadcast-line:before { content: "\eaf9"; } + .ri-brush-2-fill:before { content: "\eafa"; } + .ri-brush-2-line:before { content: "\eafb"; } + .ri-brush-3-fill:before { content: "\eafc"; } + .ri-brush-3-line:before { content: "\eafd"; } + .ri-brush-4-fill:before { content: "\eafe"; } + .ri-brush-4-line:before { content: "\eaff"; } + .ri-brush-fill:before { content: "\eb00"; } + .ri-brush-line:before { content: "\eb01"; } + .ri-bubble-chart-fill:before { content: "\eb02"; } + .ri-bubble-chart-line:before { content: "\eb03"; } + .ri-bug-2-fill:before { content: "\eb04"; } + .ri-bug-2-line:before { content: "\eb05"; } + .ri-bug-fill:before { content: "\eb06"; } + .ri-bug-line:before { content: "\eb07"; } + .ri-building-2-fill:before { content: "\eb08"; } + .ri-building-2-line:before { content: "\eb09"; } + .ri-building-3-fill:before { content: "\eb0a"; } + .ri-building-3-line:before { content: "\eb0b"; } + .ri-building-4-fill:before { content: "\eb0c"; } + .ri-building-4-line:before { content: "\eb0d"; } + .ri-building-fill:before { content: "\eb0e"; } + .ri-building-line:before { content: "\eb0f"; } + .ri-bus-2-fill:before { content: "\eb10"; } + .ri-bus-2-line:before { content: "\eb11"; } + .ri-bus-fill:before { content: "\eb12"; } + .ri-bus-line:before { content: "\eb13"; } + .ri-bus-wifi-fill:before { content: "\eb14"; } + .ri-bus-wifi-line:before { content: "\eb15"; } + .ri-cactus-fill:before { content: "\eb16"; } + .ri-cactus-line:before { content: "\eb17"; } + .ri-cake-2-fill:before { content: "\eb18"; } + .ri-cake-2-line:before { content: "\eb19"; } + .ri-cake-3-fill:before { content: "\eb1a"; } + .ri-cake-3-line:before { content: "\eb1b"; } + .ri-cake-fill:before { content: "\eb1c"; } + .ri-cake-line:before { content: "\eb1d"; } + .ri-calculator-fill:before { content: "\eb1e"; } + .ri-calculator-line:before { content: "\eb1f"; } + .ri-calendar-2-fill:before { content: "\eb20"; } + .ri-calendar-2-line:before { content: "\eb21"; } + .ri-calendar-check-fill:before { content: "\eb22"; } + .ri-calendar-check-line:before { content: "\eb23"; } + .ri-calendar-event-fill:before { content: "\eb24"; } + .ri-calendar-event-line:before { content: "\eb25"; } + .ri-calendar-fill:before { content: "\eb26"; } + .ri-calendar-line:before { content: "\eb27"; } + .ri-calendar-todo-fill:before { content: "\eb28"; } + .ri-calendar-todo-line:before { content: "\eb29"; } + .ri-camera-2-fill:before { content: "\eb2a"; } + .ri-camera-2-line:before { content: "\eb2b"; } + .ri-camera-3-fill:before { content: "\eb2c"; } + .ri-camera-3-line:before { content: "\eb2d"; } + .ri-camera-fill:before { content: "\eb2e"; } + .ri-camera-lens-fill:before { content: "\eb2f"; } + .ri-camera-lens-line:before { content: "\eb30"; } + .ri-camera-line:before { content: "\eb31"; } + .ri-camera-off-fill:before { content: "\eb32"; } + .ri-camera-off-line:before { content: "\eb33"; } + .ri-camera-switch-fill:before { content: "\eb34"; } + .ri-camera-switch-line:before { content: "\eb35"; } + .ri-capsule-fill:before { content: "\eb36"; } + .ri-capsule-line:before { content: "\eb37"; } + .ri-car-fill:before { content: "\eb38"; } + .ri-car-line:before { content: "\eb39"; } + .ri-car-washing-fill:before { content: "\eb3a"; } + .ri-car-washing-line:before { content: "\eb3b"; } + .ri-caravan-fill:before { content: "\eb3c"; } + .ri-caravan-line:before { content: "\eb3d"; } + .ri-cast-fill:before { content: "\eb3e"; } + .ri-cast-line:before { content: "\eb3f"; } + .ri-cellphone-fill:before { content: "\eb40"; } + .ri-cellphone-line:before { content: "\eb41"; } + .ri-celsius-fill:before { content: "\eb42"; } + .ri-celsius-line:before { content: "\eb43"; } + .ri-centos-fill:before { content: "\eb44"; } + .ri-centos-line:before { content: "\eb45"; } + .ri-character-recognition-fill:before { content: "\eb46"; } + .ri-character-recognition-line:before { content: "\eb47"; } + .ri-charging-pile-2-fill:before { content: "\eb48"; } + .ri-charging-pile-2-line:before { content: "\eb49"; } + .ri-charging-pile-fill:before { content: "\eb4a"; } + .ri-charging-pile-line:before { content: "\eb4b"; } + .ri-chat-1-fill:before { content: "\eb4c"; } + .ri-chat-1-line:before { content: "\eb4d"; } + .ri-chat-2-fill:before { content: "\eb4e"; } + .ri-chat-2-line:before { content: "\eb4f"; } + .ri-chat-3-fill:before { content: "\eb50"; } + .ri-chat-3-line:before { content: "\eb51"; } + .ri-chat-4-fill:before { content: "\eb52"; } + .ri-chat-4-line:before { content: "\eb53"; } + .ri-chat-check-fill:before { content: "\eb54"; } + .ri-chat-check-line:before { content: "\eb55"; } + .ri-chat-delete-fill:before { content: "\eb56"; } + .ri-chat-delete-line:before { content: "\eb57"; } + .ri-chat-download-fill:before { content: "\eb58"; } + .ri-chat-download-line:before { content: "\eb59"; } + .ri-chat-follow-up-fill:before { content: "\eb5a"; } + .ri-chat-follow-up-line:before { content: "\eb5b"; } + .ri-chat-forward-fill:before { content: "\eb5c"; } + .ri-chat-forward-line:before { content: "\eb5d"; } + .ri-chat-heart-fill:before { content: "\eb5e"; } + .ri-chat-heart-line:before { content: "\eb5f"; } + .ri-chat-history-fill:before { content: "\eb60"; } + .ri-chat-history-line:before { content: "\eb61"; } + .ri-chat-new-fill:before { content: "\eb62"; } + .ri-chat-new-line:before { content: "\eb63"; } + .ri-chat-off-fill:before { content: "\eb64"; } + .ri-chat-off-line:before { content: "\eb65"; } + .ri-chat-poll-fill:before { content: "\eb66"; } + .ri-chat-poll-line:before { content: "\eb67"; } + .ri-chat-private-fill:before { content: "\eb68"; } + .ri-chat-private-line:before { content: "\eb69"; } + .ri-chat-quote-fill:before { content: "\eb6a"; } + .ri-chat-quote-line:before { content: "\eb6b"; } + .ri-chat-settings-fill:before { content: "\eb6c"; } + .ri-chat-settings-line:before { content: "\eb6d"; } + .ri-chat-smile-2-fill:before { content: "\eb6e"; } + .ri-chat-smile-2-line:before { content: "\eb6f"; } + .ri-chat-smile-3-fill:before { content: "\eb70"; } + .ri-chat-smile-3-line:before { content: "\eb71"; } + .ri-chat-smile-fill:before { content: "\eb72"; } + .ri-chat-smile-line:before { content: "\eb73"; } + .ri-chat-upload-fill:before { content: "\eb74"; } + .ri-chat-upload-line:before { content: "\eb75"; } + .ri-chat-voice-fill:before { content: "\eb76"; } + .ri-chat-voice-line:before { content: "\eb77"; } + .ri-check-double-fill:before { content: "\eb78"; } + .ri-check-double-line:before { content: "\eb79"; } + .ri-check-fill:before { content: "\eb7a"; } + .ri-check-line:before { content: "\eb7b"; } + .ri-checkbox-blank-circle-fill:before { content: "\eb7c"; } + .ri-checkbox-blank-circle-line:before { content: "\eb7d"; } + .ri-checkbox-blank-fill:before { content: "\eb7e"; } + .ri-checkbox-blank-line:before { content: "\eb7f"; } + .ri-checkbox-circle-fill:before { content: "\eb80"; } + .ri-checkbox-circle-line:before { content: "\eb81"; } + .ri-checkbox-fill:before { content: "\eb82"; } + .ri-checkbox-indeterminate-fill:before { content: "\eb83"; } + .ri-checkbox-indeterminate-line:before { content: "\eb84"; } + .ri-checkbox-line:before { content: "\eb85"; } + .ri-checkbox-multiple-blank-fill:before { content: "\eb86"; } + .ri-checkbox-multiple-blank-line:before { content: "\eb87"; } + .ri-checkbox-multiple-fill:before { content: "\eb88"; } + .ri-checkbox-multiple-line:before { content: "\eb89"; } + .ri-china-railway-fill:before { content: "\eb8a"; } + .ri-china-railway-line:before { content: "\eb8b"; } + .ri-chrome-fill:before { content: "\eb8c"; } + .ri-chrome-line:before { content: "\eb8d"; } + .ri-clapperboard-fill:before { content: "\eb8e"; } + .ri-clapperboard-line:before { content: "\eb8f"; } + .ri-clipboard-fill:before { content: "\eb90"; } + .ri-clipboard-line:before { content: "\eb91"; } + .ri-clockwise-2-fill:before { content: "\eb92"; } + .ri-clockwise-2-line:before { content: "\eb93"; } + .ri-clockwise-fill:before { content: "\eb94"; } + .ri-clockwise-line:before { content: "\eb95"; } + .ri-close-circle-fill:before { content: "\eb96"; } + .ri-close-circle-line:before { content: "\eb97"; } + .ri-close-fill:before { content: "\eb98"; } + .ri-close-line:before { content: "\eb99"; } + .ri-closed-captioning-fill:before { content: "\eb9a"; } + .ri-closed-captioning-line:before { content: "\eb9b"; } + .ri-cloud-fill:before { content: "\eb9c"; } + .ri-cloud-line:before { content: "\eb9d"; } + .ri-cloud-off-fill:before { content: "\eb9e"; } + .ri-cloud-off-line:before { content: "\eb9f"; } + .ri-cloud-windy-fill:before { content: "\eba0"; } + .ri-cloud-windy-line:before { content: "\eba1"; } + .ri-cloudy-2-fill:before { content: "\eba2"; } + .ri-cloudy-2-line:before { content: "\eba3"; } + .ri-cloudy-fill:before { content: "\eba4"; } + .ri-cloudy-line:before { content: "\eba5"; } + .ri-code-box-fill:before { content: "\eba6"; } + .ri-code-box-line:before { content: "\eba7"; } + .ri-code-fill:before { content: "\eba8"; } + .ri-code-line:before { content: "\eba9"; } + .ri-code-s-fill:before { content: "\ebaa"; } + .ri-code-s-line:before { content: "\ebab"; } + .ri-code-s-slash-fill:before { content: "\ebac"; } + .ri-code-s-slash-line:before { content: "\ebad"; } + .ri-code-view:before { content: "\ebae"; } + .ri-codepen-fill:before { content: "\ebaf"; } + .ri-codepen-line:before { content: "\ebb0"; } + .ri-coin-fill:before { content: "\ebb1"; } + .ri-coin-line:before { content: "\ebb2"; } + .ri-coins-fill:before { content: "\ebb3"; } + .ri-coins-line:before { content: "\ebb4"; } + .ri-collage-fill:before { content: "\ebb5"; } + .ri-collage-line:before { content: "\ebb6"; } + .ri-command-fill:before { content: "\ebb7"; } + .ri-command-line:before { content: "\ebb8"; } + .ri-community-fill:before { content: "\ebb9"; } + .ri-community-line:before { content: "\ebba"; } + .ri-compass-2-fill:before { content: "\ebbb"; } + .ri-compass-2-line:before { content: "\ebbc"; } + .ri-compass-3-fill:before { content: "\ebbd"; } + .ri-compass-3-line:before { content: "\ebbe"; } + .ri-compass-4-fill:before { content: "\ebbf"; } + .ri-compass-4-line:before { content: "\ebc0"; } + .ri-compass-discover-fill:before { content: "\ebc1"; } + .ri-compass-discover-line:before { content: "\ebc2"; } + .ri-compass-fill:before { content: "\ebc3"; } + .ri-compass-line:before { content: "\ebc4"; } + .ri-compasses-2-fill:before { content: "\ebc5"; } + .ri-compasses-2-line:before { content: "\ebc6"; } + .ri-compasses-fill:before { content: "\ebc7"; } + .ri-compasses-line:before { content: "\ebc8"; } + .ri-computer-fill:before { content: "\ebc9"; } + .ri-computer-line:before { content: "\ebca"; } + .ri-contacts-book-2-fill:before { content: "\ebcb"; } + .ri-contacts-book-2-line:before { content: "\ebcc"; } + .ri-contacts-book-fill:before { content: "\ebcd"; } + .ri-contacts-book-line:before { content: "\ebce"; } + .ri-contacts-book-upload-fill:before { content: "\ebcf"; } + .ri-contacts-book-upload-line:before { content: "\ebd0"; } + .ri-contacts-fill:before { content: "\ebd1"; } + .ri-contacts-line:before { content: "\ebd2"; } + .ri-contrast-2-fill:before { content: "\ebd3"; } + .ri-contrast-2-line:before { content: "\ebd4"; } + .ri-contrast-drop-2-fill:before { content: "\ebd5"; } + .ri-contrast-drop-2-line:before { content: "\ebd6"; } + .ri-contrast-drop-fill:before { content: "\ebd7"; } + .ri-contrast-drop-line:before { content: "\ebd8"; } + .ri-contrast-fill:before { content: "\ebd9"; } + .ri-contrast-line:before { content: "\ebda"; } + .ri-copper-coin-fill:before { content: "\ebdb"; } + .ri-copper-coin-line:before { content: "\ebdc"; } + .ri-copper-diamond-fill:before { content: "\ebdd"; } + .ri-copper-diamond-line:before { content: "\ebde"; } + .ri-copyleft-fill:before { content: "\ebdf"; } + .ri-copyleft-line:before { content: "\ebe0"; } + .ri-copyright-fill:before { content: "\ebe1"; } + .ri-copyright-line:before { content: "\ebe2"; } + .ri-coreos-fill:before { content: "\ebe3"; } + .ri-coreos-line:before { content: "\ebe4"; } + .ri-coupon-2-fill:before { content: "\ebe5"; } + .ri-coupon-2-line:before { content: "\ebe6"; } + .ri-coupon-3-fill:before { content: "\ebe7"; } + .ri-coupon-3-line:before { content: "\ebe8"; } + .ri-coupon-4-fill:before { content: "\ebe9"; } + .ri-coupon-4-line:before { content: "\ebea"; } + .ri-coupon-5-fill:before { content: "\ebeb"; } + .ri-coupon-5-line:before { content: "\ebec"; } + .ri-coupon-fill:before { content: "\ebed"; } + .ri-coupon-line:before { content: "\ebee"; } + .ri-cpu-fill:before { content: "\ebef"; } + .ri-cpu-line:before { content: "\ebf0"; } + .ri-creative-commons-by-fill:before { content: "\ebf1"; } + .ri-creative-commons-by-line:before { content: "\ebf2"; } + .ri-creative-commons-fill:before { content: "\ebf3"; } + .ri-creative-commons-line:before { content: "\ebf4"; } + .ri-creative-commons-nc-fill:before { content: "\ebf5"; } + .ri-creative-commons-nc-line:before { content: "\ebf6"; } + .ri-creative-commons-nd-fill:before { content: "\ebf7"; } + .ri-creative-commons-nd-line:before { content: "\ebf8"; } + .ri-creative-commons-sa-fill:before { content: "\ebf9"; } + .ri-creative-commons-sa-line:before { content: "\ebfa"; } + .ri-creative-commons-zero-fill:before { content: "\ebfb"; } + .ri-creative-commons-zero-line:before { content: "\ebfc"; } + .ri-criminal-fill:before { content: "\ebfd"; } + .ri-criminal-line:before { content: "\ebfe"; } + .ri-crop-2-fill:before { content: "\ebff"; } + .ri-crop-2-line:before { content: "\ec00"; } + .ri-crop-fill:before { content: "\ec01"; } + .ri-crop-line:before { content: "\ec02"; } + .ri-css3-fill:before { content: "\ec03"; } + .ri-css3-line:before { content: "\ec04"; } + .ri-cup-fill:before { content: "\ec05"; } + .ri-cup-line:before { content: "\ec06"; } + .ri-currency-fill:before { content: "\ec07"; } + .ri-currency-line:before { content: "\ec08"; } + .ri-cursor-fill:before { content: "\ec09"; } + .ri-cursor-line:before { content: "\ec0a"; } + .ri-customer-service-2-fill:before { content: "\ec0b"; } + .ri-customer-service-2-line:before { content: "\ec0c"; } + .ri-customer-service-fill:before { content: "\ec0d"; } + .ri-customer-service-line:before { content: "\ec0e"; } + .ri-dashboard-2-fill:before { content: "\ec0f"; } + .ri-dashboard-2-line:before { content: "\ec10"; } + .ri-dashboard-3-fill:before { content: "\ec11"; } + .ri-dashboard-3-line:before { content: "\ec12"; } + .ri-dashboard-fill:before { content: "\ec13"; } + .ri-dashboard-line:before { content: "\ec14"; } + .ri-database-2-fill:before { content: "\ec15"; } + .ri-database-2-line:before { content: "\ec16"; } + .ri-database-fill:before { content: "\ec17"; } + .ri-database-line:before { content: "\ec18"; } + .ri-delete-back-2-fill:before { content: "\ec19"; } + .ri-delete-back-2-line:before { content: "\ec1a"; } + .ri-delete-back-fill:before { content: "\ec1b"; } + .ri-delete-back-line:before { content: "\ec1c"; } + .ri-delete-bin-2-fill:before { content: "\ec1d"; } + .ri-delete-bin-2-line:before { content: "\ec1e"; } + .ri-delete-bin-3-fill:before { content: "\ec1f"; } + .ri-delete-bin-3-line:before { content: "\ec20"; } + .ri-delete-bin-4-fill:before { content: "\ec21"; } + .ri-delete-bin-4-line:before { content: "\ec22"; } + .ri-delete-bin-5-fill:before { content: "\ec23"; } + .ri-delete-bin-5-line:before { content: "\ec24"; } + .ri-delete-bin-6-fill:before { content: "\ec25"; } + .ri-delete-bin-6-line:before { content: "\ec26"; } + .ri-delete-bin-7-fill:before { content: "\ec27"; } + .ri-delete-bin-7-line:before { content: "\ec28"; } + .ri-delete-bin-fill:before { content: "\ec29"; } + .ri-delete-bin-line:before { content: "\ec2a"; } + .ri-delete-column:before { content: "\ec2b"; } + .ri-delete-row:before { content: "\ec2c"; } + .ri-device-fill:before { content: "\ec2d"; } + .ri-device-line:before { content: "\ec2e"; } + .ri-device-recover-fill:before { content: "\ec2f"; } + .ri-device-recover-line:before { content: "\ec30"; } + .ri-dingding-fill:before { content: "\ec31"; } + .ri-dingding-line:before { content: "\ec32"; } + .ri-direction-fill:before { content: "\ec33"; } + .ri-direction-line:before { content: "\ec34"; } + .ri-disc-fill:before { content: "\ec35"; } + .ri-disc-line:before { content: "\ec36"; } + .ri-discord-fill:before { content: "\ec37"; } + .ri-discord-line:before { content: "\ec38"; } + .ri-discuss-fill:before { content: "\ec39"; } + .ri-discuss-line:before { content: "\ec3a"; } + .ri-dislike-fill:before { content: "\ec3b"; } + .ri-dislike-line:before { content: "\ec3c"; } + .ri-disqus-fill:before { content: "\ec3d"; } + .ri-disqus-line:before { content: "\ec3e"; } + .ri-divide-fill:before { content: "\ec3f"; } + .ri-divide-line:before { content: "\ec40"; } + .ri-donut-chart-fill:before { content: "\ec41"; } + .ri-donut-chart-line:before { content: "\ec42"; } + .ri-door-closed-fill:before { content: "\ec43"; } + .ri-door-closed-line:before { content: "\ec44"; } + .ri-door-fill:before { content: "\ec45"; } + .ri-door-line:before { content: "\ec46"; } + .ri-door-lock-box-fill:before { content: "\ec47"; } + .ri-door-lock-box-line:before { content: "\ec48"; } + .ri-door-lock-fill:before { content: "\ec49"; } + .ri-door-lock-line:before { content: "\ec4a"; } + .ri-door-open-fill:before { content: "\ec4b"; } + .ri-door-open-line:before { content: "\ec4c"; } + .ri-dossier-fill:before { content: "\ec4d"; } + .ri-dossier-line:before { content: "\ec4e"; } + .ri-douban-fill:before { content: "\ec4f"; } + .ri-douban-line:before { content: "\ec50"; } + .ri-double-quotes-l:before { content: "\ec51"; } + .ri-double-quotes-r:before { content: "\ec52"; } + .ri-download-2-fill:before { content: "\ec53"; } + .ri-download-2-line:before { content: "\ec54"; } + .ri-download-cloud-2-fill:before { content: "\ec55"; } + .ri-download-cloud-2-line:before { content: "\ec56"; } + .ri-download-cloud-fill:before { content: "\ec57"; } + .ri-download-cloud-line:before { content: "\ec58"; } + .ri-download-fill:before { content: "\ec59"; } + .ri-download-line:before { content: "\ec5a"; } + .ri-draft-fill:before { content: "\ec5b"; } + .ri-draft-line:before { content: "\ec5c"; } + .ri-drag-drop-fill:before { content: "\ec5d"; } + .ri-drag-drop-line:before { content: "\ec5e"; } + .ri-drag-move-2-fill:before { content: "\ec5f"; } + .ri-drag-move-2-line:before { content: "\ec60"; } + .ri-drag-move-fill:before { content: "\ec61"; } + .ri-drag-move-line:before { content: "\ec62"; } + .ri-dribbble-fill:before { content: "\ec63"; } + .ri-dribbble-line:before { content: "\ec64"; } + .ri-drive-fill:before { content: "\ec65"; } + .ri-drive-line:before { content: "\ec66"; } + .ri-drizzle-fill:before { content: "\ec67"; } + .ri-drizzle-line:before { content: "\ec68"; } + .ri-drop-fill:before { content: "\ec69"; } + .ri-drop-line:before { content: "\ec6a"; } + .ri-dropbox-fill:before { content: "\ec6b"; } + .ri-dropbox-line:before { content: "\ec6c"; } + .ri-dual-sim-1-fill:before { content: "\ec6d"; } + .ri-dual-sim-1-line:before { content: "\ec6e"; } + .ri-dual-sim-2-fill:before { content: "\ec6f"; } + .ri-dual-sim-2-line:before { content: "\ec70"; } + .ri-dv-fill:before { content: "\ec71"; } + .ri-dv-line:before { content: "\ec72"; } + .ri-dvd-fill:before { content: "\ec73"; } + .ri-dvd-line:before { content: "\ec74"; } + .ri-e-bike-2-fill:before { content: "\ec75"; } + .ri-e-bike-2-line:before { content: "\ec76"; } + .ri-e-bike-fill:before { content: "\ec77"; } + .ri-e-bike-line:before { content: "\ec78"; } + .ri-earth-fill:before { content: "\ec79"; } + .ri-earth-line:before { content: "\ec7a"; } + .ri-earthquake-fill:before { content: "\ec7b"; } + .ri-earthquake-line:before { content: "\ec7c"; } + .ri-edge-fill:before { content: "\ec7d"; } + .ri-edge-line:before { content: "\ec7e"; } + .ri-edit-2-fill:before { content: "\ec7f"; } + .ri-edit-2-line:before { content: "\ec80"; } + .ri-edit-box-fill:before { content: "\ec81"; } + .ri-edit-box-line:before { content: "\ec82"; } + .ri-edit-circle-fill:before { content: "\ec83"; } + .ri-edit-circle-line:before { content: "\ec84"; } + .ri-edit-fill:before { content: "\ec85"; } + .ri-edit-line:before { content: "\ec86"; } + .ri-eject-fill:before { content: "\ec87"; } + .ri-eject-line:before { content: "\ec88"; } + .ri-emotion-2-fill:before { content: "\ec89"; } + .ri-emotion-2-line:before { content: "\ec8a"; } + .ri-emotion-fill:before { content: "\ec8b"; } + .ri-emotion-happy-fill:before { content: "\ec8c"; } + .ri-emotion-happy-line:before { content: "\ec8d"; } + .ri-emotion-laugh-fill:before { content: "\ec8e"; } + .ri-emotion-laugh-line:before { content: "\ec8f"; } + .ri-emotion-line:before { content: "\ec90"; } + .ri-emotion-normal-fill:before { content: "\ec91"; } + .ri-emotion-normal-line:before { content: "\ec92"; } + .ri-emotion-sad-fill:before { content: "\ec93"; } + .ri-emotion-sad-line:before { content: "\ec94"; } + .ri-emotion-unhappy-fill:before { content: "\ec95"; } + .ri-emotion-unhappy-line:before { content: "\ec96"; } + .ri-empathize-fill:before { content: "\ec97"; } + .ri-empathize-line:before { content: "\ec98"; } + .ri-emphasis-cn:before { content: "\ec99"; } + .ri-emphasis:before { content: "\ec9a"; } + .ri-english-input:before { content: "\ec9b"; } + .ri-equalizer-fill:before { content: "\ec9c"; } + .ri-equalizer-line:before { content: "\ec9d"; } + .ri-eraser-fill:before { content: "\ec9e"; } + .ri-eraser-line:before { content: "\ec9f"; } + .ri-error-warning-fill:before { content: "\eca0"; } + .ri-error-warning-line:before { content: "\eca1"; } + .ri-evernote-fill:before { content: "\eca2"; } + .ri-evernote-line:before { content: "\eca3"; } + .ri-exchange-box-fill:before { content: "\eca4"; } + .ri-exchange-box-line:before { content: "\eca5"; } + .ri-exchange-cny-fill:before { content: "\eca6"; } + .ri-exchange-cny-line:before { content: "\eca7"; } + .ri-exchange-dollar-fill:before { content: "\eca8"; } + .ri-exchange-dollar-line:before { content: "\eca9"; } + .ri-exchange-fill:before { content: "\ecaa"; } + .ri-exchange-funds-fill:before { content: "\ecab"; } + .ri-exchange-funds-line:before { content: "\ecac"; } + .ri-exchange-line:before { content: "\ecad"; } + .ri-external-link-fill:before { content: "\ecae"; } + .ri-external-link-line:before { content: "\ecaf"; } + .ri-eye-2-fill:before { content: "\ecb0"; } + .ri-eye-2-line:before { content: "\ecb1"; } + .ri-eye-close-fill:before { content: "\ecb2"; } + .ri-eye-close-line:before { content: "\ecb3"; } + .ri-eye-fill:before { content: "\ecb4"; } + .ri-eye-line:before { content: "\ecb5"; } + .ri-eye-off-fill:before { content: "\ecb6"; } + .ri-eye-off-line:before { content: "\ecb7"; } + .ri-facebook-box-fill:before { content: "\ecb8"; } + .ri-facebook-box-line:before { content: "\ecb9"; } + .ri-facebook-circle-fill:before { content: "\ecba"; } + .ri-facebook-circle-line:before { content: "\ecbb"; } + .ri-facebook-fill:before { content: "\ecbc"; } + .ri-facebook-line:before { content: "\ecbd"; } + .ri-fahrenheit-fill:before { content: "\ecbe"; } + .ri-fahrenheit-line:before { content: "\ecbf"; } + .ri-feedback-fill:before { content: "\ecc0"; } + .ri-feedback-line:before { content: "\ecc1"; } + .ri-file-2-fill:before { content: "\ecc2"; } + .ri-file-2-line:before { content: "\ecc3"; } + .ri-file-3-fill:before { content: "\ecc4"; } + .ri-file-3-line:before { content: "\ecc5"; } + .ri-file-4-fill:before { content: "\ecc6"; } + .ri-file-4-line:before { content: "\ecc7"; } + .ri-file-add-fill:before { content: "\ecc8"; } + .ri-file-add-line:before { content: "\ecc9"; } + .ri-file-chart-2-fill:before { content: "\ecca"; } + .ri-file-chart-2-line:before { content: "\eccb"; } + .ri-file-chart-fill:before { content: "\eccc"; } + .ri-file-chart-line:before { content: "\eccd"; } + .ri-file-cloud-fill:before { content: "\ecce"; } + .ri-file-cloud-line:before { content: "\eccf"; } + .ri-file-code-fill:before { content: "\ecd0"; } + .ri-file-code-line:before { content: "\ecd1"; } + .ri-file-copy-2-fill:before { content: "\ecd2"; } + .ri-file-copy-2-line:before { content: "\ecd3"; } + .ri-file-copy-fill:before { content: "\ecd4"; } + .ri-file-copy-line:before { content: "\ecd5"; } + .ri-file-damage-fill:before { content: "\ecd6"; } + .ri-file-damage-line:before { content: "\ecd7"; } + .ri-file-download-fill:before { content: "\ecd8"; } + .ri-file-download-line:before { content: "\ecd9"; } + .ri-file-edit-fill:before { content: "\ecda"; } + .ri-file-edit-line:before { content: "\ecdb"; } + .ri-file-excel-2-fill:before { content: "\ecdc"; } + .ri-file-excel-2-line:before { content: "\ecdd"; } + .ri-file-excel-fill:before { content: "\ecde"; } + .ri-file-excel-line:before { content: "\ecdf"; } + .ri-file-fill:before { content: "\ece0"; } + .ri-file-forbid-fill:before { content: "\ece1"; } + .ri-file-forbid-line:before { content: "\ece2"; } + .ri-file-gif-fill:before { content: "\ece3"; } + .ri-file-gif-line:before { content: "\ece4"; } + .ri-file-history-fill:before { content: "\ece5"; } + .ri-file-history-line:before { content: "\ece6"; } + .ri-file-hwp-fill:before { content: "\ece7"; } + .ri-file-hwp-line:before { content: "\ece8"; } + .ri-file-info-fill:before { content: "\ece9"; } + .ri-file-info-line:before { content: "\ecea"; } + .ri-file-line:before { content: "\eceb"; } + .ri-file-list-2-fill:before { content: "\ecec"; } + .ri-file-list-2-line:before { content: "\eced"; } + .ri-file-list-3-fill:before { content: "\ecee"; } + .ri-file-list-3-line:before { content: "\ecef"; } + .ri-file-list-fill:before { content: "\ecf0"; } + .ri-file-list-line:before { content: "\ecf1"; } + .ri-file-lock-fill:before { content: "\ecf2"; } + .ri-file-lock-line:before { content: "\ecf3"; } + .ri-file-marked-fill:before { content: "\ecf4"; } + .ri-file-marked-line:before { content: "\ecf5"; } + .ri-file-music-fill:before { content: "\ecf6"; } + .ri-file-music-line:before { content: "\ecf7"; } + .ri-file-paper-2-fill:before { content: "\ecf8"; } + .ri-file-paper-2-line:before { content: "\ecf9"; } + .ri-file-paper-fill:before { content: "\ecfa"; } + .ri-file-paper-line:before { content: "\ecfb"; } + .ri-file-pdf-fill:before { content: "\ecfc"; } + .ri-file-pdf-line:before { content: "\ecfd"; } + .ri-file-ppt-2-fill:before { content: "\ecfe"; } + .ri-file-ppt-2-line:before { content: "\ecff"; } + .ri-file-ppt-fill:before { content: "\ed00"; } + .ri-file-ppt-line:before { content: "\ed01"; } + .ri-file-reduce-fill:before { content: "\ed02"; } + .ri-file-reduce-line:before { content: "\ed03"; } + .ri-file-search-fill:before { content: "\ed04"; } + .ri-file-search-line:before { content: "\ed05"; } + .ri-file-settings-fill:before { content: "\ed06"; } + .ri-file-settings-line:before { content: "\ed07"; } + .ri-file-shield-2-fill:before { content: "\ed08"; } + .ri-file-shield-2-line:before { content: "\ed09"; } + .ri-file-shield-fill:before { content: "\ed0a"; } + .ri-file-shield-line:before { content: "\ed0b"; } + .ri-file-shred-fill:before { content: "\ed0c"; } + .ri-file-shred-line:before { content: "\ed0d"; } + .ri-file-text-fill:before { content: "\ed0e"; } + .ri-file-text-line:before { content: "\ed0f"; } + .ri-file-transfer-fill:before { content: "\ed10"; } + .ri-file-transfer-line:before { content: "\ed11"; } + .ri-file-unknow-fill:before { content: "\ed12"; } + .ri-file-unknow-line:before { content: "\ed13"; } + .ri-file-upload-fill:before { content: "\ed14"; } + .ri-file-upload-line:before { content: "\ed15"; } + .ri-file-user-fill:before { content: "\ed16"; } + .ri-file-user-line:before { content: "\ed17"; } + .ri-file-warning-fill:before { content: "\ed18"; } + .ri-file-warning-line:before { content: "\ed19"; } + .ri-file-word-2-fill:before { content: "\ed1a"; } + .ri-file-word-2-line:before { content: "\ed1b"; } + .ri-file-word-fill:before { content: "\ed1c"; } + .ri-file-word-line:before { content: "\ed1d"; } + .ri-file-zip-fill:before { content: "\ed1e"; } + .ri-file-zip-line:before { content: "\ed1f"; } + .ri-film-fill:before { content: "\ed20"; } + .ri-film-line:before { content: "\ed21"; } + .ri-filter-2-fill:before { content: "\ed22"; } + .ri-filter-2-line:before { content: "\ed23"; } + .ri-filter-3-fill:before { content: "\ed24"; } + .ri-filter-3-line:before { content: "\ed25"; } + .ri-filter-fill:before { content: "\ed26"; } + .ri-filter-line:before { content: "\ed27"; } + .ri-filter-off-fill:before { content: "\ed28"; } + .ri-filter-off-line:before { content: "\ed29"; } + .ri-find-replace-fill:before { content: "\ed2a"; } + .ri-find-replace-line:before { content: "\ed2b"; } + .ri-finder-fill:before { content: "\ed2c"; } + .ri-finder-line:before { content: "\ed2d"; } + .ri-fingerprint-2-fill:before { content: "\ed2e"; } + .ri-fingerprint-2-line:before { content: "\ed2f"; } + .ri-fingerprint-fill:before { content: "\ed30"; } + .ri-fingerprint-line:before { content: "\ed31"; } + .ri-fire-fill:before { content: "\ed32"; } + .ri-fire-line:before { content: "\ed33"; } + .ri-firefox-fill:before { content: "\ed34"; } + .ri-firefox-line:before { content: "\ed35"; } + .ri-first-aid-kit-fill:before { content: "\ed36"; } + .ri-first-aid-kit-line:before { content: "\ed37"; } + .ri-flag-2-fill:before { content: "\ed38"; } + .ri-flag-2-line:before { content: "\ed39"; } + .ri-flag-fill:before { content: "\ed3a"; } + .ri-flag-line:before { content: "\ed3b"; } + .ri-flashlight-fill:before { content: "\ed3c"; } + .ri-flashlight-line:before { content: "\ed3d"; } + .ri-flask-fill:before { content: "\ed3e"; } + .ri-flask-line:before { content: "\ed3f"; } + .ri-flight-land-fill:before { content: "\ed40"; } + .ri-flight-land-line:before { content: "\ed41"; } + .ri-flight-takeoff-fill:before { content: "\ed42"; } + .ri-flight-takeoff-line:before { content: "\ed43"; } + .ri-flood-fill:before { content: "\ed44"; } + .ri-flood-line:before { content: "\ed45"; } + .ri-flow-chart:before { content: "\ed46"; } + .ri-flutter-fill:before { content: "\ed47"; } + .ri-flutter-line:before { content: "\ed48"; } + .ri-focus-2-fill:before { content: "\ed49"; } + .ri-focus-2-line:before { content: "\ed4a"; } + .ri-focus-3-fill:before { content: "\ed4b"; } + .ri-focus-3-line:before { content: "\ed4c"; } + .ri-focus-fill:before { content: "\ed4d"; } + .ri-focus-line:before { content: "\ed4e"; } + .ri-foggy-fill:before { content: "\ed4f"; } + .ri-foggy-line:before { content: "\ed50"; } + .ri-folder-2-fill:before { content: "\ed51"; } + .ri-folder-2-line:before { content: "\ed52"; } + .ri-folder-3-fill:before { content: "\ed53"; } + .ri-folder-3-line:before { content: "\ed54"; } + .ri-folder-4-fill:before { content: "\ed55"; } + .ri-folder-4-line:before { content: "\ed56"; } + .ri-folder-5-fill:before { content: "\ed57"; } + .ri-folder-5-line:before { content: "\ed58"; } + .ri-folder-add-fill:before { content: "\ed59"; } + .ri-folder-add-line:before { content: "\ed5a"; } + .ri-folder-chart-2-fill:before { content: "\ed5b"; } + .ri-folder-chart-2-line:before { content: "\ed5c"; } + .ri-folder-chart-fill:before { content: "\ed5d"; } + .ri-folder-chart-line:before { content: "\ed5e"; } + .ri-folder-download-fill:before { content: "\ed5f"; } + .ri-folder-download-line:before { content: "\ed60"; } + .ri-folder-fill:before { content: "\ed61"; } + .ri-folder-forbid-fill:before { content: "\ed62"; } + .ri-folder-forbid-line:before { content: "\ed63"; } + .ri-folder-history-fill:before { content: "\ed64"; } + .ri-folder-history-line:before { content: "\ed65"; } + .ri-folder-info-fill:before { content: "\ed66"; } + .ri-folder-info-line:before { content: "\ed67"; } + .ri-folder-keyhole-fill:before { content: "\ed68"; } + .ri-folder-keyhole-line:before { content: "\ed69"; } + .ri-folder-line:before { content: "\ed6a"; } + .ri-folder-lock-fill:before { content: "\ed6b"; } + .ri-folder-lock-line:before { content: "\ed6c"; } + .ri-folder-music-fill:before { content: "\ed6d"; } + .ri-folder-music-line:before { content: "\ed6e"; } + .ri-folder-open-fill:before { content: "\ed6f"; } + .ri-folder-open-line:before { content: "\ed70"; } + .ri-folder-received-fill:before { content: "\ed71"; } + .ri-folder-received-line:before { content: "\ed72"; } + .ri-folder-reduce-fill:before { content: "\ed73"; } + .ri-folder-reduce-line:before { content: "\ed74"; } + .ri-folder-settings-fill:before { content: "\ed75"; } + .ri-folder-settings-line:before { content: "\ed76"; } + .ri-folder-shared-fill:before { content: "\ed77"; } + .ri-folder-shared-line:before { content: "\ed78"; } + .ri-folder-shield-2-fill:before { content: "\ed79"; } + .ri-folder-shield-2-line:before { content: "\ed7a"; } + .ri-folder-shield-fill:before { content: "\ed7b"; } + .ri-folder-shield-line:before { content: "\ed7c"; } + .ri-folder-transfer-fill:before { content: "\ed7d"; } + .ri-folder-transfer-line:before { content: "\ed7e"; } + .ri-folder-unknow-fill:before { content: "\ed7f"; } + .ri-folder-unknow-line:before { content: "\ed80"; } + .ri-folder-upload-fill:before { content: "\ed81"; } + .ri-folder-upload-line:before { content: "\ed82"; } + .ri-folder-user-fill:before { content: "\ed83"; } + .ri-folder-user-line:before { content: "\ed84"; } + .ri-folder-warning-fill:before { content: "\ed85"; } + .ri-folder-warning-line:before { content: "\ed86"; } + .ri-folder-zip-fill:before { content: "\ed87"; } + .ri-folder-zip-line:before { content: "\ed88"; } + .ri-folders-fill:before { content: "\ed89"; } + .ri-folders-line:before { content: "\ed8a"; } + .ri-font-color:before { content: "\ed8b"; } + .ri-font-size-2:before { content: "\ed8c"; } + .ri-font-size:before { content: "\ed8d"; } + .ri-football-fill:before { content: "\ed8e"; } + .ri-football-line:before { content: "\ed8f"; } + .ri-footprint-fill:before { content: "\ed90"; } + .ri-footprint-line:before { content: "\ed91"; } + .ri-forbid-2-fill:before { content: "\ed92"; } + .ri-forbid-2-line:before { content: "\ed93"; } + .ri-forbid-fill:before { content: "\ed94"; } + .ri-forbid-line:before { content: "\ed95"; } + .ri-format-clear:before { content: "\ed96"; } + .ri-fridge-fill:before { content: "\ed97"; } + .ri-fridge-line:before { content: "\ed98"; } + .ri-fullscreen-exit-fill:before { content: "\ed99"; } + .ri-fullscreen-exit-line:before { content: "\ed9a"; } + .ri-fullscreen-fill:before { content: "\ed9b"; } + .ri-fullscreen-line:before { content: "\ed9c"; } + .ri-function-fill:before { content: "\ed9d"; } + .ri-function-line:before { content: "\ed9e"; } + .ri-functions:before { content: "\ed9f"; } + .ri-funds-box-fill:before { content: "\eda0"; } + .ri-funds-box-line:before { content: "\eda1"; } + .ri-funds-fill:before { content: "\eda2"; } + .ri-funds-line:before { content: "\eda3"; } + .ri-gallery-fill:before { content: "\eda4"; } + .ri-gallery-line:before { content: "\eda5"; } + .ri-gallery-upload-fill:before { content: "\eda6"; } + .ri-gallery-upload-line:before { content: "\eda7"; } + .ri-game-fill:before { content: "\eda8"; } + .ri-game-line:before { content: "\eda9"; } + .ri-gamepad-fill:before { content: "\edaa"; } + .ri-gamepad-line:before { content: "\edab"; } + .ri-gas-station-fill:before { content: "\edac"; } + .ri-gas-station-line:before { content: "\edad"; } + .ri-gatsby-fill:before { content: "\edae"; } + .ri-gatsby-line:before { content: "\edaf"; } + .ri-genderless-fill:before { content: "\edb0"; } + .ri-genderless-line:before { content: "\edb1"; } + .ri-ghost-2-fill:before { content: "\edb2"; } + .ri-ghost-2-line:before { content: "\edb3"; } + .ri-ghost-fill:before { content: "\edb4"; } + .ri-ghost-line:before { content: "\edb5"; } + .ri-ghost-smile-fill:before { content: "\edb6"; } + .ri-ghost-smile-line:before { content: "\edb7"; } + .ri-gift-2-fill:before { content: "\edb8"; } + .ri-gift-2-line:before { content: "\edb9"; } + .ri-gift-fill:before { content: "\edba"; } + .ri-gift-line:before { content: "\edbb"; } + .ri-git-branch-fill:before { content: "\edbc"; } + .ri-git-branch-line:before { content: "\edbd"; } + .ri-git-commit-fill:before { content: "\edbe"; } + .ri-git-commit-line:before { content: "\edbf"; } + .ri-git-merge-fill:before { content: "\edc0"; } + .ri-git-merge-line:before { content: "\edc1"; } + .ri-git-pull-request-fill:before { content: "\edc2"; } + .ri-git-pull-request-line:before { content: "\edc3"; } + .ri-git-repository-commits-fill:before { content: "\edc4"; } + .ri-git-repository-commits-line:before { content: "\edc5"; } + .ri-git-repository-fill:before { content: "\edc6"; } + .ri-git-repository-line:before { content: "\edc7"; } + .ri-git-repository-private-fill:before { content: "\edc8"; } + .ri-git-repository-private-line:before { content: "\edc9"; } + .ri-github-fill:before { content: "\edca"; } + .ri-github-line:before { content: "\edcb"; } + .ri-gitlab-fill:before { content: "\edcc"; } + .ri-gitlab-line:before { content: "\edcd"; } + .ri-global-fill:before { content: "\edce"; } + .ri-global-line:before { content: "\edcf"; } + .ri-globe-fill:before { content: "\edd0"; } + .ri-globe-line:before { content: "\edd1"; } + .ri-goblet-fill:before { content: "\edd2"; } + .ri-goblet-line:before { content: "\edd3"; } + .ri-google-fill:before { content: "\edd4"; } + .ri-google-line:before { content: "\edd5"; } + .ri-google-play-fill:before { content: "\edd6"; } + .ri-google-play-line:before { content: "\edd7"; } + .ri-government-fill:before { content: "\edd8"; } + .ri-government-line:before { content: "\edd9"; } + .ri-gps-fill:before { content: "\edda"; } + .ri-gps-line:before { content: "\eddb"; } + .ri-gradienter-fill:before { content: "\eddc"; } + .ri-gradienter-line:before { content: "\eddd"; } + .ri-grid-fill:before { content: "\edde"; } + .ri-grid-line:before { content: "\eddf"; } + .ri-group-2-fill:before { content: "\ede0"; } + .ri-group-2-line:before { content: "\ede1"; } + .ri-group-fill:before { content: "\ede2"; } + .ri-group-line:before { content: "\ede3"; } + .ri-guide-fill:before { content: "\ede4"; } + .ri-guide-line:before { content: "\ede5"; } + .ri-h-1:before { content: "\ede6"; } + .ri-h-2:before { content: "\ede7"; } + .ri-h-3:before { content: "\ede8"; } + .ri-h-4:before { content: "\ede9"; } + .ri-h-5:before { content: "\edea"; } + .ri-h-6:before { content: "\edeb"; } + .ri-hail-fill:before { content: "\edec"; } + .ri-hail-line:before { content: "\eded"; } + .ri-hammer-fill:before { content: "\edee"; } + .ri-hammer-line:before { content: "\edef"; } + .ri-hand-coin-fill:before { content: "\edf0"; } + .ri-hand-coin-line:before { content: "\edf1"; } + .ri-hand-heart-fill:before { content: "\edf2"; } + .ri-hand-heart-line:before { content: "\edf3"; } + .ri-hand-sanitizer-fill:before { content: "\edf4"; } + .ri-hand-sanitizer-line:before { content: "\edf5"; } + .ri-handbag-fill:before { content: "\edf6"; } + .ri-handbag-line:before { content: "\edf7"; } + .ri-hard-drive-2-fill:before { content: "\edf8"; } + .ri-hard-drive-2-line:before { content: "\edf9"; } + .ri-hard-drive-fill:before { content: "\edfa"; } + .ri-hard-drive-line:before { content: "\edfb"; } + .ri-hashtag:before { content: "\edfc"; } + .ri-haze-2-fill:before { content: "\edfd"; } + .ri-haze-2-line:before { content: "\edfe"; } + .ri-haze-fill:before { content: "\edff"; } + .ri-haze-line:before { content: "\ee00"; } + .ri-hd-fill:before { content: "\ee01"; } + .ri-hd-line:before { content: "\ee02"; } + .ri-heading:before { content: "\ee03"; } + .ri-headphone-fill:before { content: "\ee04"; } + .ri-headphone-line:before { content: "\ee05"; } + .ri-health-book-fill:before { content: "\ee06"; } + .ri-health-book-line:before { content: "\ee07"; } + .ri-heart-2-fill:before { content: "\ee08"; } + .ri-heart-2-line:before { content: "\ee09"; } + .ri-heart-3-fill:before { content: "\ee0a"; } + .ri-heart-3-line:before { content: "\ee0b"; } + .ri-heart-add-fill:before { content: "\ee0c"; } + .ri-heart-add-line:before { content: "\ee0d"; } + .ri-heart-fill:before { content: "\ee0e"; } + .ri-heart-line:before { content: "\ee0f"; } + .ri-heart-pulse-fill:before { content: "\ee10"; } + .ri-heart-pulse-line:before { content: "\ee11"; } + .ri-hearts-fill:before { content: "\ee12"; } + .ri-hearts-line:before { content: "\ee13"; } + .ri-heavy-showers-fill:before { content: "\ee14"; } + .ri-heavy-showers-line:before { content: "\ee15"; } + .ri-history-fill:before { content: "\ee16"; } + .ri-history-line:before { content: "\ee17"; } + .ri-home-2-fill:before { content: "\ee18"; } + .ri-home-2-line:before { content: "\ee19"; } + .ri-home-3-fill:before { content: "\ee1a"; } + .ri-home-3-line:before { content: "\ee1b"; } + .ri-home-4-fill:before { content: "\ee1c"; } + .ri-home-4-line:before { content: "\ee1d"; } + .ri-home-5-fill:before { content: "\ee1e"; } + .ri-home-5-line:before { content: "\ee1f"; } + .ri-home-6-fill:before { content: "\ee20"; } + .ri-home-6-line:before { content: "\ee21"; } + .ri-home-7-fill:before { content: "\ee22"; } + .ri-home-7-line:before { content: "\ee23"; } + .ri-home-8-fill:before { content: "\ee24"; } + .ri-home-8-line:before { content: "\ee25"; } + .ri-home-fill:before { content: "\ee26"; } + .ri-home-gear-fill:before { content: "\ee27"; } + .ri-home-gear-line:before { content: "\ee28"; } + .ri-home-heart-fill:before { content: "\ee29"; } + .ri-home-heart-line:before { content: "\ee2a"; } + .ri-home-line:before { content: "\ee2b"; } + .ri-home-smile-2-fill:before { content: "\ee2c"; } + .ri-home-smile-2-line:before { content: "\ee2d"; } + .ri-home-smile-fill:before { content: "\ee2e"; } + .ri-home-smile-line:before { content: "\ee2f"; } + .ri-home-wifi-fill:before { content: "\ee30"; } + .ri-home-wifi-line:before { content: "\ee31"; } + .ri-honor-of-kings-fill:before { content: "\ee32"; } + .ri-honor-of-kings-line:before { content: "\ee33"; } + .ri-honour-fill:before { content: "\ee34"; } + .ri-honour-line:before { content: "\ee35"; } + .ri-hospital-fill:before { content: "\ee36"; } + .ri-hospital-line:before { content: "\ee37"; } + .ri-hotel-bed-fill:before { content: "\ee38"; } + .ri-hotel-bed-line:before { content: "\ee39"; } + .ri-hotel-fill:before { content: "\ee3a"; } + .ri-hotel-line:before { content: "\ee3b"; } + .ri-hotspot-fill:before { content: "\ee3c"; } + .ri-hotspot-line:before { content: "\ee3d"; } + .ri-hq-fill:before { content: "\ee3e"; } + .ri-hq-line:before { content: "\ee3f"; } + .ri-html5-fill:before { content: "\ee40"; } + .ri-html5-line:before { content: "\ee41"; } + .ri-ie-fill:before { content: "\ee42"; } + .ri-ie-line:before { content: "\ee43"; } + .ri-image-2-fill:before { content: "\ee44"; } + .ri-image-2-line:before { content: "\ee45"; } + .ri-image-add-fill:before { content: "\ee46"; } + .ri-image-add-line:before { content: "\ee47"; } + .ri-image-edit-fill:before { content: "\ee48"; } + .ri-image-edit-line:before { content: "\ee49"; } + .ri-image-fill:before { content: "\ee4a"; } + .ri-image-line:before { content: "\ee4b"; } + .ri-inbox-archive-fill:before { content: "\ee4c"; } + .ri-inbox-archive-line:before { content: "\ee4d"; } + .ri-inbox-fill:before { content: "\ee4e"; } + .ri-inbox-line:before { content: "\ee4f"; } + .ri-inbox-unarchive-fill:before { content: "\ee50"; } + .ri-inbox-unarchive-line:before { content: "\ee51"; } + .ri-increase-decrease-fill:before { content: "\ee52"; } + .ri-increase-decrease-line:before { content: "\ee53"; } + .ri-indent-decrease:before { content: "\ee54"; } + .ri-indent-increase:before { content: "\ee55"; } + .ri-indeterminate-circle-fill:before { content: "\ee56"; } + .ri-indeterminate-circle-line:before { content: "\ee57"; } + .ri-information-fill:before { content: "\ee58"; } + .ri-information-line:before { content: "\ee59"; } + .ri-infrared-thermometer-fill:before { content: "\ee5a"; } + .ri-infrared-thermometer-line:before { content: "\ee5b"; } + .ri-ink-bottle-fill:before { content: "\ee5c"; } + .ri-ink-bottle-line:before { content: "\ee5d"; } + .ri-input-cursor-move:before { content: "\ee5e"; } + .ri-input-method-fill:before { content: "\ee5f"; } + .ri-input-method-line:before { content: "\ee60"; } + .ri-insert-column-left:before { content: "\ee61"; } + .ri-insert-column-right:before { content: "\ee62"; } + .ri-insert-row-bottom:before { content: "\ee63"; } + .ri-insert-row-top:before { content: "\ee64"; } + .ri-instagram-fill:before { content: "\ee65"; } + .ri-instagram-line:before { content: "\ee66"; } + .ri-install-fill:before { content: "\ee67"; } + .ri-install-line:before { content: "\ee68"; } + .ri-invision-fill:before { content: "\ee69"; } + .ri-invision-line:before { content: "\ee6a"; } + .ri-italic:before { content: "\ee6b"; } + .ri-kakao-talk-fill:before { content: "\ee6c"; } + .ri-kakao-talk-line:before { content: "\ee6d"; } + .ri-key-2-fill:before { content: "\ee6e"; } + .ri-key-2-line:before { content: "\ee6f"; } + .ri-key-fill:before { content: "\ee70"; } + .ri-key-line:before { content: "\ee71"; } + .ri-keyboard-box-fill:before { content: "\ee72"; } + .ri-keyboard-box-line:before { content: "\ee73"; } + .ri-keyboard-fill:before { content: "\ee74"; } + .ri-keyboard-line:before { content: "\ee75"; } + .ri-keynote-fill:before { content: "\ee76"; } + .ri-keynote-line:before { content: "\ee77"; } + .ri-knife-blood-fill:before { content: "\ee78"; } + .ri-knife-blood-line:before { content: "\ee79"; } + .ri-knife-fill:before { content: "\ee7a"; } + .ri-knife-line:before { content: "\ee7b"; } + .ri-landscape-fill:before { content: "\ee7c"; } + .ri-landscape-line:before { content: "\ee7d"; } + .ri-layout-2-fill:before { content: "\ee7e"; } + .ri-layout-2-line:before { content: "\ee7f"; } + .ri-layout-3-fill:before { content: "\ee80"; } + .ri-layout-3-line:before { content: "\ee81"; } + .ri-layout-4-fill:before { content: "\ee82"; } + .ri-layout-4-line:before { content: "\ee83"; } + .ri-layout-5-fill:before { content: "\ee84"; } + .ri-layout-5-line:before { content: "\ee85"; } + .ri-layout-6-fill:before { content: "\ee86"; } + .ri-layout-6-line:before { content: "\ee87"; } + .ri-layout-bottom-2-fill:before { content: "\ee88"; } + .ri-layout-bottom-2-line:before { content: "\ee89"; } + .ri-layout-bottom-fill:before { content: "\ee8a"; } + .ri-layout-bottom-line:before { content: "\ee8b"; } + .ri-layout-column-fill:before { content: "\ee8c"; } + .ri-layout-column-line:before { content: "\ee8d"; } + .ri-layout-fill:before { content: "\ee8e"; } + .ri-layout-grid-fill:before { content: "\ee8f"; } + .ri-layout-grid-line:before { content: "\ee90"; } + .ri-layout-left-2-fill:before { content: "\ee91"; } + .ri-layout-left-2-line:before { content: "\ee92"; } + .ri-layout-left-fill:before { content: "\ee93"; } + .ri-layout-left-line:before { content: "\ee94"; } + .ri-layout-line:before { content: "\ee95"; } + .ri-layout-masonry-fill:before { content: "\ee96"; } + .ri-layout-masonry-line:before { content: "\ee97"; } + .ri-layout-right-2-fill:before { content: "\ee98"; } + .ri-layout-right-2-line:before { content: "\ee99"; } + .ri-layout-right-fill:before { content: "\ee9a"; } + .ri-layout-right-line:before { content: "\ee9b"; } + .ri-layout-row-fill:before { content: "\ee9c"; } + .ri-layout-row-line:before { content: "\ee9d"; } + .ri-layout-top-2-fill:before { content: "\ee9e"; } + .ri-layout-top-2-line:before { content: "\ee9f"; } + .ri-layout-top-fill:before { content: "\eea0"; } + .ri-layout-top-line:before { content: "\eea1"; } + .ri-leaf-fill:before { content: "\eea2"; } + .ri-leaf-line:before { content: "\eea3"; } + .ri-lifebuoy-fill:before { content: "\eea4"; } + .ri-lifebuoy-line:before { content: "\eea5"; } + .ri-lightbulb-fill:before { content: "\eea6"; } + .ri-lightbulb-flash-fill:before { content: "\eea7"; } + .ri-lightbulb-flash-line:before { content: "\eea8"; } + .ri-lightbulb-line:before { content: "\eea9"; } + .ri-line-chart-fill:before { content: "\eeaa"; } + .ri-line-chart-line:before { content: "\eeab"; } + .ri-line-fill:before { content: "\eeac"; } + .ri-line-height:before { content: "\eead"; } + .ri-line-line:before { content: "\eeae"; } + .ri-link-m:before { content: "\eeaf"; } + .ri-link-unlink-m:before { content: "\eeb0"; } + .ri-link-unlink:before { content: "\eeb1"; } + .ri-link:before { content: "\eeb2"; } + .ri-linkedin-box-fill:before { content: "\eeb3"; } + .ri-linkedin-box-line:before { content: "\eeb4"; } + .ri-linkedin-fill:before { content: "\eeb5"; } + .ri-linkedin-line:before { content: "\eeb6"; } + .ri-links-fill:before { content: "\eeb7"; } + .ri-links-line:before { content: "\eeb8"; } + .ri-list-check-2:before { content: "\eeb9"; } + .ri-list-check:before { content: "\eeba"; } + .ri-list-ordered:before { content: "\eebb"; } + .ri-list-settings-fill:before { content: "\eebc"; } + .ri-list-settings-line:before { content: "\eebd"; } + .ri-list-unordered:before { content: "\eebe"; } + .ri-live-fill:before { content: "\eebf"; } + .ri-live-line:before { content: "\eec0"; } + .ri-loader-2-fill:before { content: "\eec1"; } + .ri-loader-2-line:before { content: "\eec2"; } + .ri-loader-3-fill:before { content: "\eec3"; } + .ri-loader-3-line:before { content: "\eec4"; } + .ri-loader-4-fill:before { content: "\eec5"; } + .ri-loader-4-line:before { content: "\eec6"; } + .ri-loader-5-fill:before { content: "\eec7"; } + .ri-loader-5-line:before { content: "\eec8"; } + .ri-loader-fill:before { content: "\eec9"; } + .ri-loader-line:before { content: "\eeca"; } + .ri-lock-2-fill:before { content: "\eecb"; } + .ri-lock-2-line:before { content: "\eecc"; } + .ri-lock-fill:before { content: "\eecd"; } + .ri-lock-line:before { content: "\eece"; } + .ri-lock-password-fill:before { content: "\eecf"; } + .ri-lock-password-line:before { content: "\eed0"; } + .ri-lock-unlock-fill:before { content: "\eed1"; } + .ri-lock-unlock-line:before { content: "\eed2"; } + .ri-login-box-fill:before { content: "\eed3"; } + .ri-login-box-line:before { content: "\eed4"; } + .ri-login-circle-fill:before { content: "\eed5"; } + .ri-login-circle-line:before { content: "\eed6"; } + .ri-logout-box-fill:before { content: "\eed7"; } + .ri-logout-box-line:before { content: "\eed8"; } + .ri-logout-box-r-fill:before { content: "\eed9"; } + .ri-logout-box-r-line:before { content: "\eeda"; } + .ri-logout-circle-fill:before { content: "\eedb"; } + .ri-logout-circle-line:before { content: "\eedc"; } + .ri-logout-circle-r-fill:before { content: "\eedd"; } + .ri-logout-circle-r-line:before { content: "\eede"; } + .ri-luggage-cart-fill:before { content: "\eedf"; } + .ri-luggage-cart-line:before { content: "\eee0"; } + .ri-luggage-deposit-fill:before { content: "\eee1"; } + .ri-luggage-deposit-line:before { content: "\eee2"; } + .ri-lungs-fill:before { content: "\eee3"; } + .ri-lungs-line:before { content: "\eee4"; } + .ri-mac-fill:before { content: "\eee5"; } + .ri-mac-line:before { content: "\eee6"; } + .ri-macbook-fill:before { content: "\eee7"; } + .ri-macbook-line:before { content: "\eee8"; } + .ri-magic-fill:before { content: "\eee9"; } + .ri-magic-line:before { content: "\eeea"; } + .ri-mail-add-fill:before { content: "\eeeb"; } + .ri-mail-add-line:before { content: "\eeec"; } + .ri-mail-check-fill:before { content: "\eeed"; } + .ri-mail-check-line:before { content: "\eeee"; } + .ri-mail-close-fill:before { content: "\eeef"; } + .ri-mail-close-line:before { content: "\eef0"; } + .ri-mail-download-fill:before { content: "\eef1"; } + .ri-mail-download-line:before { content: "\eef2"; } + .ri-mail-fill:before { content: "\eef3"; } + .ri-mail-forbid-fill:before { content: "\eef4"; } + .ri-mail-forbid-line:before { content: "\eef5"; } + .ri-mail-line:before { content: "\eef6"; } + .ri-mail-lock-fill:before { content: "\eef7"; } + .ri-mail-lock-line:before { content: "\eef8"; } + .ri-mail-open-fill:before { content: "\eef9"; } + .ri-mail-open-line:before { content: "\eefa"; } + .ri-mail-send-fill:before { content: "\eefb"; } + .ri-mail-send-line:before { content: "\eefc"; } + .ri-mail-settings-fill:before { content: "\eefd"; } + .ri-mail-settings-line:before { content: "\eefe"; } + .ri-mail-star-fill:before { content: "\eeff"; } + .ri-mail-star-line:before { content: "\ef00"; } + .ri-mail-unread-fill:before { content: "\ef01"; } + .ri-mail-unread-line:before { content: "\ef02"; } + .ri-mail-volume-fill:before { content: "\ef03"; } + .ri-mail-volume-line:before { content: "\ef04"; } + .ri-map-2-fill:before { content: "\ef05"; } + .ri-map-2-line:before { content: "\ef06"; } + .ri-map-fill:before { content: "\ef07"; } + .ri-map-line:before { content: "\ef08"; } + .ri-map-pin-2-fill:before { content: "\ef09"; } + .ri-map-pin-2-line:before { content: "\ef0a"; } + .ri-map-pin-3-fill:before { content: "\ef0b"; } + .ri-map-pin-3-line:before { content: "\ef0c"; } + .ri-map-pin-4-fill:before { content: "\ef0d"; } + .ri-map-pin-4-line:before { content: "\ef0e"; } + .ri-map-pin-5-fill:before { content: "\ef0f"; } + .ri-map-pin-5-line:before { content: "\ef10"; } + .ri-map-pin-add-fill:before { content: "\ef11"; } + .ri-map-pin-add-line:before { content: "\ef12"; } + .ri-map-pin-fill:before { content: "\ef13"; } + .ri-map-pin-line:before { content: "\ef14"; } + .ri-map-pin-range-fill:before { content: "\ef15"; } + .ri-map-pin-range-line:before { content: "\ef16"; } + .ri-map-pin-time-fill:before { content: "\ef17"; } + .ri-map-pin-time-line:before { content: "\ef18"; } + .ri-map-pin-user-fill:before { content: "\ef19"; } + .ri-map-pin-user-line:before { content: "\ef1a"; } + .ri-mark-pen-fill:before { content: "\ef1b"; } + .ri-mark-pen-line:before { content: "\ef1c"; } + .ri-markdown-fill:before { content: "\ef1d"; } + .ri-markdown-line:before { content: "\ef1e"; } + .ri-markup-fill:before { content: "\ef1f"; } + .ri-markup-line:before { content: "\ef20"; } + .ri-mastercard-fill:before { content: "\ef21"; } + .ri-mastercard-line:before { content: "\ef22"; } + .ri-mastodon-fill:before { content: "\ef23"; } + .ri-mastodon-line:before { content: "\ef24"; } + .ri-medal-2-fill:before { content: "\ef25"; } + .ri-medal-2-line:before { content: "\ef26"; } + .ri-medal-fill:before { content: "\ef27"; } + .ri-medal-line:before { content: "\ef28"; } + .ri-medicine-bottle-fill:before { content: "\ef29"; } + .ri-medicine-bottle-line:before { content: "\ef2a"; } + .ri-medium-fill:before { content: "\ef2b"; } + .ri-medium-line:before { content: "\ef2c"; } + .ri-men-fill:before { content: "\ef2d"; } + .ri-men-line:before { content: "\ef2e"; } + .ri-mental-health-fill:before { content: "\ef2f"; } + .ri-mental-health-line:before { content: "\ef30"; } + .ri-menu-2-fill:before { content: "\ef31"; } + .ri-menu-2-line:before { content: "\ef32"; } + .ri-menu-3-fill:before { content: "\ef33"; } + .ri-menu-3-line:before { content: "\ef34"; } + .ri-menu-4-fill:before { content: "\ef35"; } + .ri-menu-4-line:before { content: "\ef36"; } + .ri-menu-5-fill:before { content: "\ef37"; } + .ri-menu-5-line:before { content: "\ef38"; } + .ri-menu-add-fill:before { content: "\ef39"; } + .ri-menu-add-line:before { content: "\ef3a"; } + .ri-menu-fill:before { content: "\ef3b"; } + .ri-menu-fold-fill:before { content: "\ef3c"; } + .ri-menu-fold-line:before { content: "\ef3d"; } + .ri-menu-line:before { content: "\ef3e"; } + .ri-menu-unfold-fill:before { content: "\ef3f"; } + .ri-menu-unfold-line:before { content: "\ef40"; } + .ri-merge-cells-horizontal:before { content: "\ef41"; } + .ri-merge-cells-vertical:before { content: "\ef42"; } + .ri-message-2-fill:before { content: "\ef43"; } + .ri-message-2-line:before { content: "\ef44"; } + .ri-message-3-fill:before { content: "\ef45"; } + .ri-message-3-line:before { content: "\ef46"; } + .ri-message-fill:before { content: "\ef47"; } + .ri-message-line:before { content: "\ef48"; } + .ri-messenger-fill:before { content: "\ef49"; } + .ri-messenger-line:before { content: "\ef4a"; } + .ri-meteor-fill:before { content: "\ef4b"; } + .ri-meteor-line:before { content: "\ef4c"; } + .ri-mic-2-fill:before { content: "\ef4d"; } + .ri-mic-2-line:before { content: "\ef4e"; } + .ri-mic-fill:before { content: "\ef4f"; } + .ri-mic-line:before { content: "\ef50"; } + .ri-mic-off-fill:before { content: "\ef51"; } + .ri-mic-off-line:before { content: "\ef52"; } + .ri-mickey-fill:before { content: "\ef53"; } + .ri-mickey-line:before { content: "\ef54"; } + .ri-microscope-fill:before { content: "\ef55"; } + .ri-microscope-line:before { content: "\ef56"; } + .ri-microsoft-fill:before { content: "\ef57"; } + .ri-microsoft-line:before { content: "\ef58"; } + .ri-mind-map:before { content: "\ef59"; } + .ri-mini-program-fill:before { content: "\ef5a"; } + .ri-mini-program-line:before { content: "\ef5b"; } + .ri-mist-fill:before { content: "\ef5c"; } + .ri-mist-line:before { content: "\ef5d"; } + .ri-money-cny-box-fill:before { content: "\ef5e"; } + .ri-money-cny-box-line:before { content: "\ef5f"; } + .ri-money-cny-circle-fill:before { content: "\ef60"; } + .ri-money-cny-circle-line:before { content: "\ef61"; } + .ri-money-dollar-box-fill:before { content: "\ef62"; } + .ri-money-dollar-box-line:before { content: "\ef63"; } + .ri-money-dollar-circle-fill:before { content: "\ef64"; } + .ri-money-dollar-circle-line:before { content: "\ef65"; } + .ri-money-euro-box-fill:before { content: "\ef66"; } + .ri-money-euro-box-line:before { content: "\ef67"; } + .ri-money-euro-circle-fill:before { content: "\ef68"; } + .ri-money-euro-circle-line:before { content: "\ef69"; } + .ri-money-pound-box-fill:before { content: "\ef6a"; } + .ri-money-pound-box-line:before { content: "\ef6b"; } + .ri-money-pound-circle-fill:before { content: "\ef6c"; } + .ri-money-pound-circle-line:before { content: "\ef6d"; } + .ri-moon-clear-fill:before { content: "\ef6e"; } + .ri-moon-clear-line:before { content: "\ef6f"; } + .ri-moon-cloudy-fill:before { content: "\ef70"; } + .ri-moon-cloudy-line:before { content: "\ef71"; } + .ri-moon-fill:before { content: "\ef72"; } + .ri-moon-foggy-fill:before { content: "\ef73"; } + .ri-moon-foggy-line:before { content: "\ef74"; } + .ri-moon-line:before { content: "\ef75"; } + .ri-more-2-fill:before { content: "\ef76"; } + .ri-more-2-line:before { content: "\ef77"; } + .ri-more-fill:before { content: "\ef78"; } + .ri-more-line:before { content: "\ef79"; } + .ri-motorbike-fill:before { content: "\ef7a"; } + .ri-motorbike-line:before { content: "\ef7b"; } + .ri-mouse-fill:before { content: "\ef7c"; } + .ri-mouse-line:before { content: "\ef7d"; } + .ri-movie-2-fill:before { content: "\ef7e"; } + .ri-movie-2-line:before { content: "\ef7f"; } + .ri-movie-fill:before { content: "\ef80"; } + .ri-movie-line:before { content: "\ef81"; } + .ri-music-2-fill:before { content: "\ef82"; } + .ri-music-2-line:before { content: "\ef83"; } + .ri-music-fill:before { content: "\ef84"; } + .ri-music-line:before { content: "\ef85"; } + .ri-mv-fill:before { content: "\ef86"; } + .ri-mv-line:before { content: "\ef87"; } + .ri-navigation-fill:before { content: "\ef88"; } + .ri-navigation-line:before { content: "\ef89"; } + .ri-netease-cloud-music-fill:before { content: "\ef8a"; } + .ri-netease-cloud-music-line:before { content: "\ef8b"; } + .ri-netflix-fill:before { content: "\ef8c"; } + .ri-netflix-line:before { content: "\ef8d"; } + .ri-newspaper-fill:before { content: "\ef8e"; } + .ri-newspaper-line:before { content: "\ef8f"; } + .ri-node-tree:before { content: "\ef90"; } + .ri-notification-2-fill:before { content: "\ef91"; } + .ri-notification-2-line:before { content: "\ef92"; } + .ri-notification-3-fill:before { content: "\ef93"; } + .ri-notification-3-line:before { content: "\ef94"; } + .ri-notification-4-fill:before { content: "\ef95"; } + .ri-notification-4-line:before { content: "\ef96"; } + .ri-notification-badge-fill:before { content: "\ef97"; } + .ri-notification-badge-line:before { content: "\ef98"; } + .ri-notification-fill:before { content: "\ef99"; } + .ri-notification-line:before { content: "\ef9a"; } + .ri-notification-off-fill:before { content: "\ef9b"; } + .ri-notification-off-line:before { content: "\ef9c"; } + .ri-npmjs-fill:before { content: "\ef9d"; } + .ri-npmjs-line:before { content: "\ef9e"; } + .ri-number-0:before { content: "\ef9f"; } + .ri-number-1:before { content: "\efa0"; } + .ri-number-2:before { content: "\efa1"; } + .ri-number-3:before { content: "\efa2"; } + .ri-number-4:before { content: "\efa3"; } + .ri-number-5:before { content: "\efa4"; } + .ri-number-6:before { content: "\efa5"; } + .ri-number-7:before { content: "\efa6"; } + .ri-number-8:before { content: "\efa7"; } + .ri-number-9:before { content: "\efa8"; } + .ri-numbers-fill:before { content: "\efa9"; } + .ri-numbers-line:before { content: "\efaa"; } + .ri-nurse-fill:before { content: "\efab"; } + .ri-nurse-line:before { content: "\efac"; } + .ri-oil-fill:before { content: "\efad"; } + .ri-oil-line:before { content: "\efae"; } + .ri-omega:before { content: "\efaf"; } + .ri-open-arm-fill:before { content: "\efb0"; } + .ri-open-arm-line:before { content: "\efb1"; } + .ri-open-source-fill:before { content: "\efb2"; } + .ri-open-source-line:before { content: "\efb3"; } + .ri-opera-fill:before { content: "\efb4"; } + .ri-opera-line:before { content: "\efb5"; } + .ri-order-play-fill:before { content: "\efb6"; } + .ri-order-play-line:before { content: "\efb7"; } + .ri-organization-chart:before { content: "\efb8"; } + .ri-outlet-2-fill:before { content: "\efb9"; } + .ri-outlet-2-line:before { content: "\efba"; } + .ri-outlet-fill:before { content: "\efbb"; } + .ri-outlet-line:before { content: "\efbc"; } + .ri-page-separator:before { content: "\efbd"; } + .ri-pages-fill:before { content: "\efbe"; } + .ri-pages-line:before { content: "\efbf"; } + .ri-paint-brush-fill:before { content: "\efc0"; } + .ri-paint-brush-line:before { content: "\efc1"; } + .ri-paint-fill:before { content: "\efc2"; } + .ri-paint-line:before { content: "\efc3"; } + .ri-palette-fill:before { content: "\efc4"; } + .ri-palette-line:before { content: "\efc5"; } + .ri-pantone-fill:before { content: "\efc6"; } + .ri-pantone-line:before { content: "\efc7"; } + .ri-paragraph:before { content: "\efc8"; } + .ri-parent-fill:before { content: "\efc9"; } + .ri-parent-line:before { content: "\efca"; } + .ri-parentheses-fill:before { content: "\efcb"; } + .ri-parentheses-line:before { content: "\efcc"; } + .ri-parking-box-fill:before { content: "\efcd"; } + .ri-parking-box-line:before { content: "\efce"; } + .ri-parking-fill:before { content: "\efcf"; } + .ri-parking-line:before { content: "\efd0"; } + .ri-passport-fill:before { content: "\efd1"; } + .ri-passport-line:before { content: "\efd2"; } + .ri-patreon-fill:before { content: "\efd3"; } + .ri-patreon-line:before { content: "\efd4"; } + .ri-pause-circle-fill:before { content: "\efd5"; } + .ri-pause-circle-line:before { content: "\efd6"; } + .ri-pause-fill:before { content: "\efd7"; } + .ri-pause-line:before { content: "\efd8"; } + .ri-pause-mini-fill:before { content: "\efd9"; } + .ri-pause-mini-line:before { content: "\efda"; } + .ri-paypal-fill:before { content: "\efdb"; } + .ri-paypal-line:before { content: "\efdc"; } + .ri-pen-nib-fill:before { content: "\efdd"; } + .ri-pen-nib-line:before { content: "\efde"; } + .ri-pencil-fill:before { content: "\efdf"; } + .ri-pencil-line:before { content: "\efe0"; } + .ri-pencil-ruler-2-fill:before { content: "\efe1"; } + .ri-pencil-ruler-2-line:before { content: "\efe2"; } + .ri-pencil-ruler-fill:before { content: "\efe3"; } + .ri-pencil-ruler-line:before { content: "\efe4"; } + .ri-percent-fill:before { content: "\efe5"; } + .ri-percent-line:before { content: "\efe6"; } + .ri-phone-camera-fill:before { content: "\efe7"; } + .ri-phone-camera-line:before { content: "\efe8"; } + .ri-phone-fill:before { content: "\efe9"; } + .ri-phone-find-fill:before { content: "\efea"; } + .ri-phone-find-line:before { content: "\efeb"; } + .ri-phone-line:before { content: "\efec"; } + .ri-phone-lock-fill:before { content: "\efed"; } + .ri-phone-lock-line:before { content: "\efee"; } + .ri-picture-in-picture-2-fill:before { content: "\efef"; } + .ri-picture-in-picture-2-line:before { content: "\eff0"; } + .ri-picture-in-picture-exit-fill:before { content: "\eff1"; } + .ri-picture-in-picture-exit-line:before { content: "\eff2"; } + .ri-picture-in-picture-fill:before { content: "\eff3"; } + .ri-picture-in-picture-line:before { content: "\eff4"; } + .ri-pie-chart-2-fill:before { content: "\eff5"; } + .ri-pie-chart-2-line:before { content: "\eff6"; } + .ri-pie-chart-box-fill:before { content: "\eff7"; } + .ri-pie-chart-box-line:before { content: "\eff8"; } + .ri-pie-chart-fill:before { content: "\eff9"; } + .ri-pie-chart-line:before { content: "\effa"; } + .ri-pin-distance-fill:before { content: "\effb"; } + .ri-pin-distance-line:before { content: "\effc"; } + .ri-ping-pong-fill:before { content: "\effd"; } + .ri-ping-pong-line:before { content: "\effe"; } + .ri-pinterest-fill:before { content: "\efff"; } + .ri-pinterest-line:before { content: "\f000"; } + .ri-pinyin-input:before { content: "\f001"; } + .ri-pixelfed-fill:before { content: "\f002"; } + .ri-pixelfed-line:before { content: "\f003"; } + .ri-plane-fill:before { content: "\f004"; } + .ri-plane-line:before { content: "\f005"; } + .ri-plant-fill:before { content: "\f006"; } + .ri-plant-line:before { content: "\f007"; } + .ri-play-circle-fill:before { content: "\f008"; } + .ri-play-circle-line:before { content: "\f009"; } + .ri-play-fill:before { content: "\f00a"; } + .ri-play-line:before { content: "\f00b"; } + .ri-play-list-2-fill:before { content: "\f00c"; } + .ri-play-list-2-line:before { content: "\f00d"; } + .ri-play-list-add-fill:before { content: "\f00e"; } + .ri-play-list-add-line:before { content: "\f00f"; } + .ri-play-list-fill:before { content: "\f010"; } + .ri-play-list-line:before { content: "\f011"; } + .ri-play-mini-fill:before { content: "\f012"; } + .ri-play-mini-line:before { content: "\f013"; } + .ri-playstation-fill:before { content: "\f014"; } + .ri-playstation-line:before { content: "\f015"; } + .ri-plug-2-fill:before { content: "\f016"; } + .ri-plug-2-line:before { content: "\f017"; } + .ri-plug-fill:before { content: "\f018"; } + .ri-plug-line:before { content: "\f019"; } + .ri-polaroid-2-fill:before { content: "\f01a"; } + .ri-polaroid-2-line:before { content: "\f01b"; } + .ri-polaroid-fill:before { content: "\f01c"; } + .ri-polaroid-line:before { content: "\f01d"; } + .ri-police-car-fill:before { content: "\f01e"; } + .ri-police-car-line:before { content: "\f01f"; } + .ri-price-tag-2-fill:before { content: "\f020"; } + .ri-price-tag-2-line:before { content: "\f021"; } + .ri-price-tag-3-fill:before { content: "\f022"; } + .ri-price-tag-3-line:before { content: "\f023"; } + .ri-price-tag-fill:before { content: "\f024"; } + .ri-price-tag-line:before { content: "\f025"; } + .ri-printer-cloud-fill:before { content: "\f026"; } + .ri-printer-cloud-line:before { content: "\f027"; } + .ri-printer-fill:before { content: "\f028"; } + .ri-printer-line:before { content: "\f029"; } + .ri-product-hunt-fill:before { content: "\f02a"; } + .ri-product-hunt-line:before { content: "\f02b"; } + .ri-profile-fill:before { content: "\f02c"; } + .ri-profile-line:before { content: "\f02d"; } + .ri-projector-2-fill:before { content: "\f02e"; } + .ri-projector-2-line:before { content: "\f02f"; } + .ri-projector-fill:before { content: "\f030"; } + .ri-projector-line:before { content: "\f031"; } + .ri-psychotherapy-fill:before { content: "\f032"; } + .ri-psychotherapy-line:before { content: "\f033"; } + .ri-pulse-fill:before { content: "\f034"; } + .ri-pulse-line:before { content: "\f035"; } + .ri-pushpin-2-fill:before { content: "\f036"; } + .ri-pushpin-2-line:before { content: "\f037"; } + .ri-pushpin-fill:before { content: "\f038"; } + .ri-pushpin-line:before { content: "\f039"; } + .ri-qq-fill:before { content: "\f03a"; } + .ri-qq-line:before { content: "\f03b"; } + .ri-qr-code-fill:before { content: "\f03c"; } + .ri-qr-code-line:before { content: "\f03d"; } + .ri-qr-scan-2-fill:before { content: "\f03e"; } + .ri-qr-scan-2-line:before { content: "\f03f"; } + .ri-qr-scan-fill:before { content: "\f040"; } + .ri-qr-scan-line:before { content: "\f041"; } + .ri-question-answer-fill:before { content: "\f042"; } + .ri-question-answer-line:before { content: "\f043"; } + .ri-question-fill:before { content: "\f044"; } + .ri-question-line:before { content: "\f045"; } + .ri-question-mark:before { content: "\f046"; } + .ri-questionnaire-fill:before { content: "\f047"; } + .ri-questionnaire-line:before { content: "\f048"; } + .ri-quill-pen-fill:before { content: "\f049"; } + .ri-quill-pen-line:before { content: "\f04a"; } + .ri-radar-fill:before { content: "\f04b"; } + .ri-radar-line:before { content: "\f04c"; } + .ri-radio-2-fill:before { content: "\f04d"; } + .ri-radio-2-line:before { content: "\f04e"; } + .ri-radio-button-fill:before { content: "\f04f"; } + .ri-radio-button-line:before { content: "\f050"; } + .ri-radio-fill:before { content: "\f051"; } + .ri-radio-line:before { content: "\f052"; } + .ri-rainbow-fill:before { content: "\f053"; } + .ri-rainbow-line:before { content: "\f054"; } + .ri-rainy-fill:before { content: "\f055"; } + .ri-rainy-line:before { content: "\f056"; } + .ri-reactjs-fill:before { content: "\f057"; } + .ri-reactjs-line:before { content: "\f058"; } + .ri-record-circle-fill:before { content: "\f059"; } + .ri-record-circle-line:before { content: "\f05a"; } + .ri-record-mail-fill:before { content: "\f05b"; } + .ri-record-mail-line:before { content: "\f05c"; } + .ri-recycle-fill:before { content: "\f05d"; } + .ri-recycle-line:before { content: "\f05e"; } + .ri-red-packet-fill:before { content: "\f05f"; } + .ri-red-packet-line:before { content: "\f060"; } + .ri-reddit-fill:before { content: "\f061"; } + .ri-reddit-line:before { content: "\f062"; } + .ri-refresh-fill:before { content: "\f063"; } + .ri-refresh-line:before { content: "\f064"; } + .ri-refund-2-fill:before { content: "\f065"; } + .ri-refund-2-line:before { content: "\f066"; } + .ri-refund-fill:before { content: "\f067"; } + .ri-refund-line:before { content: "\f068"; } + .ri-registered-fill:before { content: "\f069"; } + .ri-registered-line:before { content: "\f06a"; } + .ri-remixicon-fill:before { content: "\f06b"; } + .ri-remixicon-line:before { content: "\f06c"; } + .ri-remote-control-2-fill:before { content: "\f06d"; } + .ri-remote-control-2-line:before { content: "\f06e"; } + .ri-remote-control-fill:before { content: "\f06f"; } + .ri-remote-control-line:before { content: "\f070"; } + .ri-repeat-2-fill:before { content: "\f071"; } + .ri-repeat-2-line:before { content: "\f072"; } + .ri-repeat-fill:before { content: "\f073"; } + .ri-repeat-line:before { content: "\f074"; } + .ri-repeat-one-fill:before { content: "\f075"; } + .ri-repeat-one-line:before { content: "\f076"; } + .ri-reply-all-fill:before { content: "\f077"; } + .ri-reply-all-line:before { content: "\f078"; } + .ri-reply-fill:before { content: "\f079"; } + .ri-reply-line:before { content: "\f07a"; } + .ri-reserved-fill:before { content: "\f07b"; } + .ri-reserved-line:before { content: "\f07c"; } + .ri-rest-time-fill:before { content: "\f07d"; } + .ri-rest-time-line:before { content: "\f07e"; } + .ri-restart-fill:before { content: "\f07f"; } + .ri-restart-line:before { content: "\f080"; } + .ri-restaurant-2-fill:before { content: "\f081"; } + .ri-restaurant-2-line:before { content: "\f082"; } + .ri-restaurant-fill:before { content: "\f083"; } + .ri-restaurant-line:before { content: "\f084"; } + .ri-rewind-fill:before { content: "\f085"; } + .ri-rewind-line:before { content: "\f086"; } + .ri-rewind-mini-fill:before { content: "\f087"; } + .ri-rewind-mini-line:before { content: "\f088"; } + .ri-rhythm-fill:before { content: "\f089"; } + .ri-rhythm-line:before { content: "\f08a"; } + .ri-riding-fill:before { content: "\f08b"; } + .ri-riding-line:before { content: "\f08c"; } + .ri-road-map-fill:before { content: "\f08d"; } + .ri-road-map-line:before { content: "\f08e"; } + .ri-roadster-fill:before { content: "\f08f"; } + .ri-roadster-line:before { content: "\f090"; } + .ri-robot-fill:before { content: "\f091"; } + .ri-robot-line:before { content: "\f092"; } + .ri-rocket-2-fill:before { content: "\f093"; } + .ri-rocket-2-line:before { content: "\f094"; } + .ri-rocket-fill:before { content: "\f095"; } + .ri-rocket-line:before { content: "\f096"; } + .ri-rotate-lock-fill:before { content: "\f097"; } + .ri-rotate-lock-line:before { content: "\f098"; } + .ri-rounded-corner:before { content: "\f099"; } + .ri-route-fill:before { content: "\f09a"; } + .ri-route-line:before { content: "\f09b"; } + .ri-router-fill:before { content: "\f09c"; } + .ri-router-line:before { content: "\f09d"; } + .ri-rss-fill:before { content: "\f09e"; } + .ri-rss-line:before { content: "\f09f"; } + .ri-ruler-2-fill:before { content: "\f0a0"; } + .ri-ruler-2-line:before { content: "\f0a1"; } + .ri-ruler-fill:before { content: "\f0a2"; } + .ri-ruler-line:before { content: "\f0a3"; } + .ri-run-fill:before { content: "\f0a4"; } + .ri-run-line:before { content: "\f0a5"; } + .ri-safari-fill:before { content: "\f0a6"; } + .ri-safari-line:before { content: "\f0a7"; } + .ri-safe-2-fill:before { content: "\f0a8"; } + .ri-safe-2-line:before { content: "\f0a9"; } + .ri-safe-fill:before { content: "\f0aa"; } + .ri-safe-line:before { content: "\f0ab"; } + .ri-sailboat-fill:before { content: "\f0ac"; } + .ri-sailboat-line:before { content: "\f0ad"; } + .ri-save-2-fill:before { content: "\f0ae"; } + .ri-save-2-line:before { content: "\f0af"; } + .ri-save-3-fill:before { content: "\f0b0"; } + .ri-save-3-line:before { content: "\f0b1"; } + .ri-save-fill:before { content: "\f0b2"; } + .ri-save-line:before { content: "\f0b3"; } + .ri-scales-2-fill:before { content: "\f0b4"; } + .ri-scales-2-line:before { content: "\f0b5"; } + .ri-scales-3-fill:before { content: "\f0b6"; } + .ri-scales-3-line:before { content: "\f0b7"; } + .ri-scales-fill:before { content: "\f0b8"; } + .ri-scales-line:before { content: "\f0b9"; } + .ri-scan-2-fill:before { content: "\f0ba"; } + .ri-scan-2-line:before { content: "\f0bb"; } + .ri-scan-fill:before { content: "\f0bc"; } + .ri-scan-line:before { content: "\f0bd"; } + .ri-scissors-2-fill:before { content: "\f0be"; } + .ri-scissors-2-line:before { content: "\f0bf"; } + .ri-scissors-cut-fill:before { content: "\f0c0"; } + .ri-scissors-cut-line:before { content: "\f0c1"; } + .ri-scissors-fill:before { content: "\f0c2"; } + .ri-scissors-line:before { content: "\f0c3"; } + .ri-screenshot-2-fill:before { content: "\f0c4"; } + .ri-screenshot-2-line:before { content: "\f0c5"; } + .ri-screenshot-fill:before { content: "\f0c6"; } + .ri-screenshot-line:before { content: "\f0c7"; } + .ri-sd-card-fill:before { content: "\f0c8"; } + .ri-sd-card-line:before { content: "\f0c9"; } + .ri-sd-card-mini-fill:before { content: "\f0ca"; } + .ri-sd-card-mini-line:before { content: "\f0cb"; } + .ri-search-2-fill:before { content: "\f0cc"; } + .ri-search-2-line:before { content: "\f0cd"; } + .ri-search-eye-fill:before { content: "\f0ce"; } + .ri-search-eye-line:before { content: "\f0cf"; } + .ri-search-fill:before { content: "\f0d0"; } + .ri-search-line:before { content: "\f0d1"; } + .ri-secure-payment-fill:before { content: "\f0d2"; } + .ri-secure-payment-line:before { content: "\f0d3"; } + .ri-seedling-fill:before { content: "\f0d4"; } + .ri-seedling-line:before { content: "\f0d5"; } + .ri-send-backward:before { content: "\f0d6"; } + .ri-send-plane-2-fill:before { content: "\f0d7"; } + .ri-send-plane-2-line:before { content: "\f0d8"; } + .ri-send-plane-fill:before { content: "\f0d9"; } + .ri-send-plane-line:before { content: "\f0da"; } + .ri-send-to-back:before { content: "\f0db"; } + .ri-sensor-fill:before { content: "\f0dc"; } + .ri-sensor-line:before { content: "\f0dd"; } + .ri-separator:before { content: "\f0de"; } + .ri-server-fill:before { content: "\f0df"; } + .ri-server-line:before { content: "\f0e0"; } + .ri-service-fill:before { content: "\f0e1"; } + .ri-service-line:before { content: "\f0e2"; } + .ri-settings-2-fill:before { content: "\f0e3"; } + .ri-settings-2-line:before { content: "\f0e4"; } + .ri-settings-3-fill:before { content: "\f0e5"; } + .ri-settings-3-line:before { content: "\f0e6"; } + .ri-settings-4-fill:before { content: "\f0e7"; } + .ri-settings-4-line:before { content: "\f0e8"; } + .ri-settings-5-fill:before { content: "\f0e9"; } + .ri-settings-5-line:before { content: "\f0ea"; } + .ri-settings-6-fill:before { content: "\f0eb"; } + .ri-settings-6-line:before { content: "\f0ec"; } + .ri-settings-fill:before { content: "\f0ed"; } + .ri-settings-line:before { content: "\f0ee"; } + .ri-shape-2-fill:before { content: "\f0ef"; } + .ri-shape-2-line:before { content: "\f0f0"; } + .ri-shape-fill:before { content: "\f0f1"; } + .ri-shape-line:before { content: "\f0f2"; } + .ri-share-box-fill:before { content: "\f0f3"; } + .ri-share-box-line:before { content: "\f0f4"; } + .ri-share-circle-fill:before { content: "\f0f5"; } + .ri-share-circle-line:before { content: "\f0f6"; } + .ri-share-fill:before { content: "\f0f7"; } + .ri-share-forward-2-fill:before { content: "\f0f8"; } + .ri-share-forward-2-line:before { content: "\f0f9"; } + .ri-share-forward-box-fill:before { content: "\f0fa"; } + .ri-share-forward-box-line:before { content: "\f0fb"; } + .ri-share-forward-fill:before { content: "\f0fc"; } + .ri-share-forward-line:before { content: "\f0fd"; } + .ri-share-line:before { content: "\f0fe"; } + .ri-shield-check-fill:before { content: "\f0ff"; } + .ri-shield-check-line:before { content: "\f100"; } + .ri-shield-cross-fill:before { content: "\f101"; } + .ri-shield-cross-line:before { content: "\f102"; } + .ri-shield-fill:before { content: "\f103"; } + .ri-shield-flash-fill:before { content: "\f104"; } + .ri-shield-flash-line:before { content: "\f105"; } + .ri-shield-keyhole-fill:before { content: "\f106"; } + .ri-shield-keyhole-line:before { content: "\f107"; } + .ri-shield-line:before { content: "\f108"; } + .ri-shield-star-fill:before { content: "\f109"; } + .ri-shield-star-line:before { content: "\f10a"; } + .ri-shield-user-fill:before { content: "\f10b"; } + .ri-shield-user-line:before { content: "\f10c"; } + .ri-ship-2-fill:before { content: "\f10d"; } + .ri-ship-2-line:before { content: "\f10e"; } + .ri-ship-fill:before { content: "\f10f"; } + .ri-ship-line:before { content: "\f110"; } + .ri-shirt-fill:before { content: "\f111"; } + .ri-shirt-line:before { content: "\f112"; } + .ri-shopping-bag-2-fill:before { content: "\f113"; } + .ri-shopping-bag-2-line:before { content: "\f114"; } + .ri-shopping-bag-3-fill:before { content: "\f115"; } + .ri-shopping-bag-3-line:before { content: "\f116"; } + .ri-shopping-bag-fill:before { content: "\f117"; } + .ri-shopping-bag-line:before { content: "\f118"; } + .ri-shopping-basket-2-fill:before { content: "\f119"; } + .ri-shopping-basket-2-line:before { content: "\f11a"; } + .ri-shopping-basket-fill:before { content: "\f11b"; } + .ri-shopping-basket-line:before { content: "\f11c"; } + .ri-shopping-cart-2-fill:before { content: "\f11d"; } + .ri-shopping-cart-2-line:before { content: "\f11e"; } + .ri-shopping-cart-fill:before { content: "\f11f"; } + .ri-shopping-cart-line:before { content: "\f120"; } + .ri-showers-fill:before { content: "\f121"; } + .ri-showers-line:before { content: "\f122"; } + .ri-shuffle-fill:before { content: "\f123"; } + .ri-shuffle-line:before { content: "\f124"; } + .ri-shut-down-fill:before { content: "\f125"; } + .ri-shut-down-line:before { content: "\f126"; } + .ri-side-bar-fill:before { content: "\f127"; } + .ri-side-bar-line:before { content: "\f128"; } + .ri-signal-tower-fill:before { content: "\f129"; } + .ri-signal-tower-line:before { content: "\f12a"; } + .ri-signal-wifi-1-fill:before { content: "\f12b"; } + .ri-signal-wifi-1-line:before { content: "\f12c"; } + .ri-signal-wifi-2-fill:before { content: "\f12d"; } + .ri-signal-wifi-2-line:before { content: "\f12e"; } + .ri-signal-wifi-3-fill:before { content: "\f12f"; } + .ri-signal-wifi-3-line:before { content: "\f130"; } + .ri-signal-wifi-error-fill:before { content: "\f131"; } + .ri-signal-wifi-error-line:before { content: "\f132"; } + .ri-signal-wifi-fill:before { content: "\f133"; } + .ri-signal-wifi-line:before { content: "\f134"; } + .ri-signal-wifi-off-fill:before { content: "\f135"; } + .ri-signal-wifi-off-line:before { content: "\f136"; } + .ri-sim-card-2-fill:before { content: "\f137"; } + .ri-sim-card-2-line:before { content: "\f138"; } + .ri-sim-card-fill:before { content: "\f139"; } + .ri-sim-card-line:before { content: "\f13a"; } + .ri-single-quotes-l:before { content: "\f13b"; } + .ri-single-quotes-r:before { content: "\f13c"; } + .ri-sip-fill:before { content: "\f13d"; } + .ri-sip-line:before { content: "\f13e"; } + .ri-skip-back-fill:before { content: "\f13f"; } + .ri-skip-back-line:before { content: "\f140"; } + .ri-skip-back-mini-fill:before { content: "\f141"; } + .ri-skip-back-mini-line:before { content: "\f142"; } + .ri-skip-forward-fill:before { content: "\f143"; } + .ri-skip-forward-line:before { content: "\f144"; } + .ri-skip-forward-mini-fill:before { content: "\f145"; } + .ri-skip-forward-mini-line:before { content: "\f146"; } + .ri-skull-2-fill:before { content: "\f147"; } + .ri-skull-2-line:before { content: "\f148"; } + .ri-skull-fill:before { content: "\f149"; } + .ri-skull-line:before { content: "\f14a"; } + .ri-skype-fill:before { content: "\f14b"; } + .ri-skype-line:before { content: "\f14c"; } + .ri-slack-fill:before { content: "\f14d"; } + .ri-slack-line:before { content: "\f14e"; } + .ri-slice-fill:before { content: "\f14f"; } + .ri-slice-line:before { content: "\f150"; } + .ri-slideshow-2-fill:before { content: "\f151"; } + .ri-slideshow-2-line:before { content: "\f152"; } + .ri-slideshow-3-fill:before { content: "\f153"; } + .ri-slideshow-3-line:before { content: "\f154"; } + .ri-slideshow-4-fill:before { content: "\f155"; } + .ri-slideshow-4-line:before { content: "\f156"; } + .ri-slideshow-fill:before { content: "\f157"; } + .ri-slideshow-line:before { content: "\f158"; } + .ri-smartphone-fill:before { content: "\f159"; } + .ri-smartphone-line:before { content: "\f15a"; } + .ri-snapchat-fill:before { content: "\f15b"; } + .ri-snapchat-line:before { content: "\f15c"; } + .ri-snowy-fill:before { content: "\f15d"; } + .ri-snowy-line:before { content: "\f15e"; } + .ri-sort-asc:before { content: "\f15f"; } + .ri-sort-desc:before { content: "\f160"; } + .ri-sound-module-fill:before { content: "\f161"; } + .ri-sound-module-line:before { content: "\f162"; } + .ri-soundcloud-fill:before { content: "\f163"; } + .ri-soundcloud-line:before { content: "\f164"; } + .ri-space-ship-fill:before { content: "\f165"; } + .ri-space-ship-line:before { content: "\f166"; } + .ri-space:before { content: "\f167"; } + .ri-spam-2-fill:before { content: "\f168"; } + .ri-spam-2-line:before { content: "\f169"; } + .ri-spam-3-fill:before { content: "\f16a"; } + .ri-spam-3-line:before { content: "\f16b"; } + .ri-spam-fill:before { content: "\f16c"; } + .ri-spam-line:before { content: "\f16d"; } + .ri-speaker-2-fill:before { content: "\f16e"; } + .ri-speaker-2-line:before { content: "\f16f"; } + .ri-speaker-3-fill:before { content: "\f170"; } + .ri-speaker-3-line:before { content: "\f171"; } + .ri-speaker-fill:before { content: "\f172"; } + .ri-speaker-line:before { content: "\f173"; } + .ri-spectrum-fill:before { content: "\f174"; } + .ri-spectrum-line:before { content: "\f175"; } + .ri-speed-fill:before { content: "\f176"; } + .ri-speed-line:before { content: "\f177"; } + .ri-speed-mini-fill:before { content: "\f178"; } + .ri-speed-mini-line:before { content: "\f179"; } + .ri-split-cells-horizontal:before { content: "\f17a"; } + .ri-split-cells-vertical:before { content: "\f17b"; } + .ri-spotify-fill:before { content: "\f17c"; } + .ri-spotify-line:before { content: "\f17d"; } + .ri-spy-fill:before { content: "\f17e"; } + .ri-spy-line:before { content: "\f17f"; } + .ri-stack-fill:before { content: "\f180"; } + .ri-stack-line:before { content: "\f181"; } + .ri-stack-overflow-fill:before { content: "\f182"; } + .ri-stack-overflow-line:before { content: "\f183"; } + .ri-stackshare-fill:before { content: "\f184"; } + .ri-stackshare-line:before { content: "\f185"; } + .ri-star-fill:before { content: "\f186"; } + .ri-star-half-fill:before { content: "\f187"; } + .ri-star-half-line:before { content: "\f188"; } + .ri-star-half-s-fill:before { content: "\f189"; } + .ri-star-half-s-line:before { content: "\f18a"; } + .ri-star-line:before { content: "\f18b"; } + .ri-star-s-fill:before { content: "\f18c"; } + .ri-star-s-line:before { content: "\f18d"; } + .ri-star-smile-fill:before { content: "\f18e"; } + .ri-star-smile-line:before { content: "\f18f"; } + .ri-steam-fill:before { content: "\f190"; } + .ri-steam-line:before { content: "\f191"; } + .ri-steering-2-fill:before { content: "\f192"; } + .ri-steering-2-line:before { content: "\f193"; } + .ri-steering-fill:before { content: "\f194"; } + .ri-steering-line:before { content: "\f195"; } + .ri-stethoscope-fill:before { content: "\f196"; } + .ri-stethoscope-line:before { content: "\f197"; } + .ri-sticky-note-2-fill:before { content: "\f198"; } + .ri-sticky-note-2-line:before { content: "\f199"; } + .ri-sticky-note-fill:before { content: "\f19a"; } + .ri-sticky-note-line:before { content: "\f19b"; } + .ri-stock-fill:before { content: "\f19c"; } + .ri-stock-line:before { content: "\f19d"; } + .ri-stop-circle-fill:before { content: "\f19e"; } + .ri-stop-circle-line:before { content: "\f19f"; } + .ri-stop-fill:before { content: "\f1a0"; } + .ri-stop-line:before { content: "\f1a1"; } + .ri-stop-mini-fill:before { content: "\f1a2"; } + .ri-stop-mini-line:before { content: "\f1a3"; } + .ri-store-2-fill:before { content: "\f1a4"; } + .ri-store-2-line:before { content: "\f1a5"; } + .ri-store-3-fill:before { content: "\f1a6"; } + .ri-store-3-line:before { content: "\f1a7"; } + .ri-store-fill:before { content: "\f1a8"; } + .ri-store-line:before { content: "\f1a9"; } + .ri-strikethrough-2:before { content: "\f1aa"; } + .ri-strikethrough:before { content: "\f1ab"; } + .ri-subscript-2:before { content: "\f1ac"; } + .ri-subscript:before { content: "\f1ad"; } + .ri-subtract-fill:before { content: "\f1ae"; } + .ri-subtract-line:before { content: "\f1af"; } + .ri-subway-fill:before { content: "\f1b0"; } + .ri-subway-line:before { content: "\f1b1"; } + .ri-subway-wifi-fill:before { content: "\f1b2"; } + .ri-subway-wifi-line:before { content: "\f1b3"; } + .ri-suitcase-2-fill:before { content: "\f1b4"; } + .ri-suitcase-2-line:before { content: "\f1b5"; } + .ri-suitcase-3-fill:before { content: "\f1b6"; } + .ri-suitcase-3-line:before { content: "\f1b7"; } + .ri-suitcase-fill:before { content: "\f1b8"; } + .ri-suitcase-line:before { content: "\f1b9"; } + .ri-sun-cloudy-fill:before { content: "\f1ba"; } + .ri-sun-cloudy-line:before { content: "\f1bb"; } + .ri-sun-fill:before { content: "\f1bc"; } + .ri-sun-foggy-fill:before { content: "\f1bd"; } + .ri-sun-foggy-line:before { content: "\f1be"; } + .ri-sun-line:before { content: "\f1bf"; } + .ri-superscript-2:before { content: "\f1c0"; } + .ri-superscript:before { content: "\f1c1"; } + .ri-surgical-mask-fill:before { content: "\f1c2"; } + .ri-surgical-mask-line:before { content: "\f1c3"; } + .ri-surround-sound-fill:before { content: "\f1c4"; } + .ri-surround-sound-line:before { content: "\f1c5"; } + .ri-survey-fill:before { content: "\f1c6"; } + .ri-survey-line:before { content: "\f1c7"; } + .ri-swap-box-fill:before { content: "\f1c8"; } + .ri-swap-box-line:before { content: "\f1c9"; } + .ri-swap-fill:before { content: "\f1ca"; } + .ri-swap-line:before { content: "\f1cb"; } + .ri-switch-fill:before { content: "\f1cc"; } + .ri-switch-line:before { content: "\f1cd"; } + .ri-sword-fill:before { content: "\f1ce"; } + .ri-sword-line:before { content: "\f1cf"; } + .ri-syringe-fill:before { content: "\f1d0"; } + .ri-syringe-line:before { content: "\f1d1"; } + .ri-t-box-fill:before { content: "\f1d2"; } + .ri-t-box-line:before { content: "\f1d3"; } + .ri-t-shirt-2-fill:before { content: "\f1d4"; } + .ri-t-shirt-2-line:before { content: "\f1d5"; } + .ri-t-shirt-air-fill:before { content: "\f1d6"; } + .ri-t-shirt-air-line:before { content: "\f1d7"; } + .ri-t-shirt-fill:before { content: "\f1d8"; } + .ri-t-shirt-line:before { content: "\f1d9"; } + .ri-table-2:before { content: "\f1da"; } + .ri-table-alt-fill:before { content: "\f1db"; } + .ri-table-alt-line:before { content: "\f1dc"; } + .ri-table-fill:before { content: "\f1dd"; } + .ri-table-line:before { content: "\f1de"; } + .ri-tablet-fill:before { content: "\f1df"; } + .ri-tablet-line:before { content: "\f1e0"; } + .ri-takeaway-fill:before { content: "\f1e1"; } + .ri-takeaway-line:before { content: "\f1e2"; } + .ri-taobao-fill:before { content: "\f1e3"; } + .ri-taobao-line:before { content: "\f1e4"; } + .ri-tape-fill:before { content: "\f1e5"; } + .ri-tape-line:before { content: "\f1e6"; } + .ri-task-fill:before { content: "\f1e7"; } + .ri-task-line:before { content: "\f1e8"; } + .ri-taxi-fill:before { content: "\f1e9"; } + .ri-taxi-line:before { content: "\f1ea"; } + .ri-taxi-wifi-fill:before { content: "\f1eb"; } + .ri-taxi-wifi-line:before { content: "\f1ec"; } + .ri-team-fill:before { content: "\f1ed"; } + .ri-team-line:before { content: "\f1ee"; } + .ri-telegram-fill:before { content: "\f1ef"; } + .ri-telegram-line:before { content: "\f1f0"; } + .ri-temp-cold-fill:before { content: "\f1f1"; } + .ri-temp-cold-line:before { content: "\f1f2"; } + .ri-temp-hot-fill:before { content: "\f1f3"; } + .ri-temp-hot-line:before { content: "\f1f4"; } + .ri-terminal-box-fill:before { content: "\f1f5"; } + .ri-terminal-box-line:before { content: "\f1f6"; } + .ri-terminal-fill:before { content: "\f1f7"; } + .ri-terminal-line:before { content: "\f1f8"; } + .ri-terminal-window-fill:before { content: "\f1f9"; } + .ri-terminal-window-line:before { content: "\f1fa"; } + .ri-test-tube-fill:before { content: "\f1fb"; } + .ri-test-tube-line:before { content: "\f1fc"; } + .ri-text-direction-l:before { content: "\f1fd"; } + .ri-text-direction-r:before { content: "\f1fe"; } + .ri-text-spacing:before { content: "\f1ff"; } + .ri-text-wrap:before { content: "\f200"; } + .ri-text:before { content: "\f201"; } + .ri-thermometer-fill:before { content: "\f202"; } + .ri-thermometer-line:before { content: "\f203"; } + .ri-thumb-down-fill:before { content: "\f204"; } + .ri-thumb-down-line:before { content: "\f205"; } + .ri-thumb-up-fill:before { content: "\f206"; } + .ri-thumb-up-line:before { content: "\f207"; } + .ri-thunderstorms-fill:before { content: "\f208"; } + .ri-thunderstorms-line:before { content: "\f209"; } + .ri-ticket-2-fill:before { content: "\f20a"; } + .ri-ticket-2-line:before { content: "\f20b"; } + .ri-ticket-fill:before { content: "\f20c"; } + .ri-ticket-line:before { content: "\f20d"; } + .ri-time-fill:before { content: "\f20e"; } + .ri-time-line:before { content: "\f20f"; } + .ri-timer-2-fill:before { content: "\f210"; } + .ri-timer-2-line:before { content: "\f211"; } + .ri-timer-fill:before { content: "\f212"; } + .ri-timer-flash-fill:before { content: "\f213"; } + .ri-timer-flash-line:before { content: "\f214"; } + .ri-timer-line:before { content: "\f215"; } + .ri-todo-fill:before { content: "\f216"; } + .ri-todo-line:before { content: "\f217"; } + .ri-toggle-fill:before { content: "\f218"; } + .ri-toggle-line:before { content: "\f219"; } + .ri-tools-fill:before { content: "\f21a"; } + .ri-tools-line:before { content: "\f21b"; } + .ri-tornado-fill:before { content: "\f21c"; } + .ri-tornado-line:before { content: "\f21d"; } + .ri-trademark-fill:before { content: "\f21e"; } + .ri-trademark-line:before { content: "\f21f"; } + .ri-traffic-light-fill:before { content: "\f220"; } + .ri-traffic-light-line:before { content: "\f221"; } + .ri-train-fill:before { content: "\f222"; } + .ri-train-line:before { content: "\f223"; } + .ri-train-wifi-fill:before { content: "\f224"; } + .ri-train-wifi-line:before { content: "\f225"; } + .ri-translate-2:before { content: "\f226"; } + .ri-translate:before { content: "\f227"; } + .ri-travesti-fill:before { content: "\f228"; } + .ri-travesti-line:before { content: "\f229"; } + .ri-treasure-map-fill:before { content: "\f22a"; } + .ri-treasure-map-line:before { content: "\f22b"; } + .ri-trello-fill:before { content: "\f22c"; } + .ri-trello-line:before { content: "\f22d"; } + .ri-trophy-fill:before { content: "\f22e"; } + .ri-trophy-line:before { content: "\f22f"; } + .ri-truck-fill:before { content: "\f230"; } + .ri-truck-line:before { content: "\f231"; } + .ri-tumblr-fill:before { content: "\f232"; } + .ri-tumblr-line:before { content: "\f233"; } + .ri-tv-2-fill:before { content: "\f234"; } + .ri-tv-2-line:before { content: "\f235"; } + .ri-tv-fill:before { content: "\f236"; } + .ri-tv-line:before { content: "\f237"; } + .ri-twitch-fill:before { content: "\f238"; } + .ri-twitch-line:before { content: "\f239"; } + .ri-twitter-fill:before { content: "\f23a"; } + .ri-twitter-line:before { content: "\f23b"; } + .ri-typhoon-fill:before { content: "\f23c"; } + .ri-typhoon-line:before { content: "\f23d"; } + .ri-u-disk-fill:before { content: "\f23e"; } + .ri-u-disk-line:before { content: "\f23f"; } + .ri-ubuntu-fill:before { content: "\f240"; } + .ri-ubuntu-line:before { content: "\f241"; } + .ri-umbrella-fill:before { content: "\f242"; } + .ri-umbrella-line:before { content: "\f243"; } + .ri-underline:before { content: "\f244"; } + .ri-uninstall-fill:before { content: "\f245"; } + .ri-uninstall-line:before { content: "\f246"; } + .ri-unsplash-fill:before { content: "\f247"; } + .ri-unsplash-line:before { content: "\f248"; } + .ri-upload-2-fill:before { content: "\f249"; } + .ri-upload-2-line:before { content: "\f24a"; } + .ri-upload-cloud-2-fill:before { content: "\f24b"; } + .ri-upload-cloud-2-line:before { content: "\f24c"; } + .ri-upload-cloud-fill:before { content: "\f24d"; } + .ri-upload-cloud-line:before { content: "\f24e"; } + .ri-upload-fill:before { content: "\f24f"; } + .ri-upload-line:before { content: "\f250"; } + .ri-usb-fill:before { content: "\f251"; } + .ri-usb-line:before { content: "\f252"; } + .ri-user-2-fill:before { content: "\f253"; } + .ri-user-2-line:before { content: "\f254"; } + .ri-user-3-fill:before { content: "\f255"; } + .ri-user-3-line:before { content: "\f256"; } + .ri-user-4-fill:before { content: "\f257"; } + .ri-user-4-line:before { content: "\f258"; } + .ri-user-5-fill:before { content: "\f259"; } + .ri-user-5-line:before { content: "\f25a"; } + .ri-user-6-fill:before { content: "\f25b"; } + .ri-user-6-line:before { content: "\f25c"; } + .ri-user-add-fill:before { content: "\f25d"; } + .ri-user-add-line:before { content: "\f25e"; } + .ri-user-fill:before { content: "\f25f"; } + .ri-user-follow-fill:before { content: "\f260"; } + .ri-user-follow-line:before { content: "\f261"; } + .ri-user-heart-fill:before { content: "\f262"; } + .ri-user-heart-line:before { content: "\f263"; } + .ri-user-line:before { content: "\f264"; } + .ri-user-location-fill:before { content: "\f265"; } + .ri-user-location-line:before { content: "\f266"; } + .ri-user-received-2-fill:before { content: "\f267"; } + .ri-user-received-2-line:before { content: "\f268"; } + .ri-user-received-fill:before { content: "\f269"; } + .ri-user-received-line:before { content: "\f26a"; } + .ri-user-search-fill:before { content: "\f26b"; } + .ri-user-search-line:before { content: "\f26c"; } + .ri-user-settings-fill:before { content: "\f26d"; } + .ri-user-settings-line:before { content: "\f26e"; } + .ri-user-shared-2-fill:before { content: "\f26f"; } + .ri-user-shared-2-line:before { content: "\f270"; } + .ri-user-shared-fill:before { content: "\f271"; } + .ri-user-shared-line:before { content: "\f272"; } + .ri-user-smile-fill:before { content: "\f273"; } + .ri-user-smile-line:before { content: "\f274"; } + .ri-user-star-fill:before { content: "\f275"; } + .ri-user-star-line:before { content: "\f276"; } + .ri-user-unfollow-fill:before { content: "\f277"; } + .ri-user-unfollow-line:before { content: "\f278"; } + .ri-user-voice-fill:before { content: "\f279"; } + .ri-user-voice-line:before { content: "\f27a"; } + .ri-video-add-fill:before { content: "\f27b"; } + .ri-video-add-line:before { content: "\f27c"; } + .ri-video-chat-fill:before { content: "\f27d"; } + .ri-video-chat-line:before { content: "\f27e"; } + .ri-video-download-fill:before { content: "\f27f"; } + .ri-video-download-line:before { content: "\f280"; } + .ri-video-fill:before { content: "\f281"; } + .ri-video-line:before { content: "\f282"; } + .ri-video-upload-fill:before { content: "\f283"; } + .ri-video-upload-line:before { content: "\f284"; } + .ri-vidicon-2-fill:before { content: "\f285"; } + .ri-vidicon-2-line:before { content: "\f286"; } + .ri-vidicon-fill:before { content: "\f287"; } + .ri-vidicon-line:before { content: "\f288"; } + .ri-vimeo-fill:before { content: "\f289"; } + .ri-vimeo-line:before { content: "\f28a"; } + .ri-vip-crown-2-fill:before { content: "\f28b"; } + .ri-vip-crown-2-line:before { content: "\f28c"; } + .ri-vip-crown-fill:before { content: "\f28d"; } + .ri-vip-crown-line:before { content: "\f28e"; } + .ri-vip-diamond-fill:before { content: "\f28f"; } + .ri-vip-diamond-line:before { content: "\f290"; } + .ri-vip-fill:before { content: "\f291"; } + .ri-vip-line:before { content: "\f292"; } + .ri-virus-fill:before { content: "\f293"; } + .ri-virus-line:before { content: "\f294"; } + .ri-visa-fill:before { content: "\f295"; } + .ri-visa-line:before { content: "\f296"; } + .ri-voice-recognition-fill:before { content: "\f297"; } + .ri-voice-recognition-line:before { content: "\f298"; } + .ri-voiceprint-fill:before { content: "\f299"; } + .ri-voiceprint-line:before { content: "\f29a"; } + .ri-volume-down-fill:before { content: "\f29b"; } + .ri-volume-down-line:before { content: "\f29c"; } + .ri-volume-mute-fill:before { content: "\f29d"; } + .ri-volume-mute-line:before { content: "\f29e"; } + .ri-volume-off-vibrate-fill:before { content: "\f29f"; } + .ri-volume-off-vibrate-line:before { content: "\f2a0"; } + .ri-volume-up-fill:before { content: "\f2a1"; } + .ri-volume-up-line:before { content: "\f2a2"; } + .ri-volume-vibrate-fill:before { content: "\f2a3"; } + .ri-volume-vibrate-line:before { content: "\f2a4"; } + .ri-vuejs-fill:before { content: "\f2a5"; } + .ri-vuejs-line:before { content: "\f2a6"; } + .ri-walk-fill:before { content: "\f2a7"; } + .ri-walk-line:before { content: "\f2a8"; } + .ri-wallet-2-fill:before { content: "\f2a9"; } + .ri-wallet-2-line:before { content: "\f2aa"; } + .ri-wallet-3-fill:before { content: "\f2ab"; } + .ri-wallet-3-line:before { content: "\f2ac"; } + .ri-wallet-fill:before { content: "\f2ad"; } + .ri-wallet-line:before { content: "\f2ae"; } + .ri-water-flash-fill:before { content: "\f2af"; } + .ri-water-flash-line:before { content: "\f2b0"; } + .ri-webcam-fill:before { content: "\f2b1"; } + .ri-webcam-line:before { content: "\f2b2"; } + .ri-wechat-2-fill:before { content: "\f2b3"; } + .ri-wechat-2-line:before { content: "\f2b4"; } + .ri-wechat-fill:before { content: "\f2b5"; } + .ri-wechat-line:before { content: "\f2b6"; } + .ri-wechat-pay-fill:before { content: "\f2b7"; } + .ri-wechat-pay-line:before { content: "\f2b8"; } + .ri-weibo-fill:before { content: "\f2b9"; } + .ri-weibo-line:before { content: "\f2ba"; } + .ri-whatsapp-fill:before { content: "\f2bb"; } + .ri-whatsapp-line:before { content: "\f2bc"; } + .ri-wheelchair-fill:before { content: "\f2bd"; } + .ri-wheelchair-line:before { content: "\f2be"; } + .ri-wifi-fill:before { content: "\f2bf"; } + .ri-wifi-line:before { content: "\f2c0"; } + .ri-wifi-off-fill:before { content: "\f2c1"; } + .ri-wifi-off-line:before { content: "\f2c2"; } + .ri-window-2-fill:before { content: "\f2c3"; } + .ri-window-2-line:before { content: "\f2c4"; } + .ri-window-fill:before { content: "\f2c5"; } + .ri-window-line:before { content: "\f2c6"; } + .ri-windows-fill:before { content: "\f2c7"; } + .ri-windows-line:before { content: "\f2c8"; } + .ri-windy-fill:before { content: "\f2c9"; } + .ri-windy-line:before { content: "\f2ca"; } + .ri-wireless-charging-fill:before { content: "\f2cb"; } + .ri-wireless-charging-line:before { content: "\f2cc"; } + .ri-women-fill:before { content: "\f2cd"; } + .ri-women-line:before { content: "\f2ce"; } + .ri-wubi-input:before { content: "\f2cf"; } + .ri-xbox-fill:before { content: "\f2d0"; } + .ri-xbox-line:before { content: "\f2d1"; } + .ri-xing-fill:before { content: "\f2d2"; } + .ri-xing-line:before { content: "\f2d3"; } + .ri-youtube-fill:before { content: "\f2d4"; } + .ri-youtube-line:before { content: "\f2d5"; } + .ri-zcool-fill:before { content: "\f2d6"; } + .ri-zcool-line:before { content: "\f2d7"; } + .ri-zhihu-fill:before { content: "\f2d8"; } + .ri-zhihu-line:before { content: "\f2d9"; } + .ri-zoom-in-fill:before { content: "\f2da"; } + .ri-zoom-in-line:before { content: "\f2db"; } + .ri-zoom-out-fill:before { content: "\f2dc"; } + .ri-zoom-out-line:before { content: "\f2dd"; } + .ri-zzz-fill:before { content: "\f2de"; } + .ri-zzz-line:before { content: "\f2df"; } + .ri-arrow-down-double-fill:before { content: "\f2e0"; } + .ri-arrow-down-double-line:before { content: "\f2e1"; } + .ri-arrow-left-double-fill:before { content: "\f2e2"; } + .ri-arrow-left-double-line:before { content: "\f2e3"; } + .ri-arrow-right-double-fill:before { content: "\f2e4"; } + .ri-arrow-right-double-line:before { content: "\f2e5"; } + .ri-arrow-turn-back-fill:before { content: "\f2e6"; } + .ri-arrow-turn-back-line:before { content: "\f2e7"; } + .ri-arrow-turn-forward-fill:before { content: "\f2e8"; } + .ri-arrow-turn-forward-line:before { content: "\f2e9"; } + .ri-arrow-up-double-fill:before { content: "\f2ea"; } + .ri-arrow-up-double-line:before { content: "\f2eb"; } + .ri-bard-fill:before { content: "\f2ec"; } + .ri-bard-line:before { content: "\f2ed"; } + .ri-bootstrap-fill:before { content: "\f2ee"; } + .ri-bootstrap-line:before { content: "\f2ef"; } + .ri-box-1-fill:before { content: "\f2f0"; } + .ri-box-1-line:before { content: "\f2f1"; } + .ri-box-2-fill:before { content: "\f2f2"; } + .ri-box-2-line:before { content: "\f2f3"; } + .ri-box-3-fill:before { content: "\f2f4"; } + .ri-box-3-line:before { content: "\f2f5"; } + .ri-brain-fill:before { content: "\f2f6"; } + .ri-brain-line:before { content: "\f2f7"; } + .ri-candle-fill:before { content: "\f2f8"; } + .ri-candle-line:before { content: "\f2f9"; } + .ri-cash-fill:before { content: "\f2fa"; } + .ri-cash-line:before { content: "\f2fb"; } + .ri-contract-left-fill:before { content: "\f2fc"; } + .ri-contract-left-line:before { content: "\f2fd"; } + .ri-contract-left-right-fill:before { content: "\f2fe"; } + .ri-contract-left-right-line:before { content: "\f2ff"; } + .ri-contract-right-fill:before { content: "\f300"; } + .ri-contract-right-line:before { content: "\f301"; } + .ri-contract-up-down-fill:before { content: "\f302"; } + .ri-contract-up-down-line:before { content: "\f303"; } + .ri-copilot-fill:before { content: "\f304"; } + .ri-copilot-line:before { content: "\f305"; } + .ri-corner-down-left-fill:before { content: "\f306"; } + .ri-corner-down-left-line:before { content: "\f307"; } + .ri-corner-down-right-fill:before { content: "\f308"; } + .ri-corner-down-right-line:before { content: "\f309"; } + .ri-corner-left-down-fill:before { content: "\f30a"; } + .ri-corner-left-down-line:before { content: "\f30b"; } + .ri-corner-left-up-fill:before { content: "\f30c"; } + .ri-corner-left-up-line:before { content: "\f30d"; } + .ri-corner-right-down-fill:before { content: "\f30e"; } + .ri-corner-right-down-line:before { content: "\f30f"; } + .ri-corner-right-up-fill:before { content: "\f310"; } + .ri-corner-right-up-line:before { content: "\f311"; } + .ri-corner-up-left-double-fill:before { content: "\f312"; } + .ri-corner-up-left-double-line:before { content: "\f313"; } + .ri-corner-up-left-fill:before { content: "\f314"; } + .ri-corner-up-left-line:before { content: "\f315"; } + .ri-corner-up-right-double-fill:before { content: "\f316"; } + .ri-corner-up-right-double-line:before { content: "\f317"; } + .ri-corner-up-right-fill:before { content: "\f318"; } + .ri-corner-up-right-line:before { content: "\f319"; } + .ri-cross-fill:before { content: "\f31a"; } + .ri-cross-line:before { content: "\f31b"; } + .ri-edge-new-fill:before { content: "\f31c"; } + .ri-edge-new-line:before { content: "\f31d"; } + .ri-equal-fill:before { content: "\f31e"; } + .ri-equal-line:before { content: "\f31f"; } + .ri-expand-left-fill:before { content: "\f320"; } + .ri-expand-left-line:before { content: "\f321"; } + .ri-expand-left-right-fill:before { content: "\f322"; } + .ri-expand-left-right-line:before { content: "\f323"; } + .ri-expand-right-fill:before { content: "\f324"; } + .ri-expand-right-line:before { content: "\f325"; } + .ri-expand-up-down-fill:before { content: "\f326"; } + .ri-expand-up-down-line:before { content: "\f327"; } + .ri-flickr-fill:before { content: "\f328"; } + .ri-flickr-line:before { content: "\f329"; } + .ri-forward-10-fill:before { content: "\f32a"; } + .ri-forward-10-line:before { content: "\f32b"; } + .ri-forward-15-fill:before { content: "\f32c"; } + .ri-forward-15-line:before { content: "\f32d"; } + .ri-forward-30-fill:before { content: "\f32e"; } + .ri-forward-30-line:before { content: "\f32f"; } + .ri-forward-5-fill:before { content: "\f330"; } + .ri-forward-5-line:before { content: "\f331"; } + .ri-graduation-cap-fill:before { content: "\f332"; } + .ri-graduation-cap-line:before { content: "\f333"; } + .ri-home-office-fill:before { content: "\f334"; } + .ri-home-office-line:before { content: "\f335"; } + .ri-hourglass-2-fill:before { content: "\f336"; } + .ri-hourglass-2-line:before { content: "\f337"; } + .ri-hourglass-fill:before { content: "\f338"; } + .ri-hourglass-line:before { content: "\f339"; } + .ri-javascript-fill:before { content: "\f33a"; } + .ri-javascript-line:before { content: "\f33b"; } + .ri-loop-left-fill:before { content: "\f33c"; } + .ri-loop-left-line:before { content: "\f33d"; } + .ri-loop-right-fill:before { content: "\f33e"; } + .ri-loop-right-line:before { content: "\f33f"; } + .ri-memories-fill:before { content: "\f340"; } + .ri-memories-line:before { content: "\f341"; } + .ri-meta-fill:before { content: "\f342"; } + .ri-meta-line:before { content: "\f343"; } + .ri-microsoft-loop-fill:before { content: "\f344"; } + .ri-microsoft-loop-line:before { content: "\f345"; } + .ri-nft-fill:before { content: "\f346"; } + .ri-nft-line:before { content: "\f347"; } + .ri-notion-fill:before { content: "\f348"; } + .ri-notion-line:before { content: "\f349"; } + .ri-openai-fill:before { content: "\f34a"; } + .ri-openai-line:before { content: "\f34b"; } + .ri-overline:before { content: "\f34c"; } + .ri-p2p-fill:before { content: "\f34d"; } + .ri-p2p-line:before { content: "\f34e"; } + .ri-presentation-fill:before { content: "\f34f"; } + .ri-presentation-line:before { content: "\f350"; } + .ri-replay-10-fill:before { content: "\f351"; } + .ri-replay-10-line:before { content: "\f352"; } + .ri-replay-15-fill:before { content: "\f353"; } + .ri-replay-15-line:before { content: "\f354"; } + .ri-replay-30-fill:before { content: "\f355"; } + .ri-replay-30-line:before { content: "\f356"; } + .ri-replay-5-fill:before { content: "\f357"; } + .ri-replay-5-line:before { content: "\f358"; } + .ri-school-fill:before { content: "\f359"; } + .ri-school-line:before { content: "\f35a"; } + .ri-shining-2-fill:before { content: "\f35b"; } + .ri-shining-2-line:before { content: "\f35c"; } + .ri-shining-fill:before { content: "\f35d"; } + .ri-shining-line:before { content: "\f35e"; } + .ri-sketching:before { content: "\f35f"; } + .ri-skip-down-fill:before { content: "\f360"; } + .ri-skip-down-line:before { content: "\f361"; } + .ri-skip-left-fill:before { content: "\f362"; } + .ri-skip-left-line:before { content: "\f363"; } + .ri-skip-right-fill:before { content: "\f364"; } + .ri-skip-right-line:before { content: "\f365"; } + .ri-skip-up-fill:before { content: "\f366"; } + .ri-skip-up-line:before { content: "\f367"; } + .ri-slow-down-fill:before { content: "\f368"; } + .ri-slow-down-line:before { content: "\f369"; } + .ri-sparkling-2-fill:before { content: "\f36a"; } + .ri-sparkling-2-line:before { content: "\f36b"; } + .ri-sparkling-fill:before { content: "\f36c"; } + .ri-sparkling-line:before { content: "\f36d"; } + .ri-speak-fill:before { content: "\f36e"; } + .ri-speak-line:before { content: "\f36f"; } + .ri-speed-up-fill:before { content: "\f370"; } + .ri-speed-up-line:before { content: "\f371"; } + .ri-tiktok-fill:before { content: "\f372"; } + .ri-tiktok-line:before { content: "\f373"; } + .ri-token-swap-fill:before { content: "\f374"; } + .ri-token-swap-line:before { content: "\f375"; } + .ri-unpin-fill:before { content: "\f376"; } + .ri-unpin-line:before { content: "\f377"; } + .ri-wechat-channels-fill:before { content: "\f378"; } + .ri-wechat-channels-line:before { content: "\f379"; } + .ri-wordpress-fill:before { content: "\f37a"; } + .ri-wordpress-line:before { content: "\f37b"; } + .ri-blender-fill:before { content: "\f37c"; } + .ri-blender-line:before { content: "\f37d"; } + .ri-emoji-sticker-fill:before { content: "\f37e"; } + .ri-emoji-sticker-line:before { content: "\f37f"; } + .ri-git-close-pull-request-fill:before { content: "\f380"; } + .ri-git-close-pull-request-line:before { content: "\f381"; } + .ri-instance-fill:before { content: "\f382"; } + .ri-instance-line:before { content: "\f383"; } + .ri-megaphone-fill:before { content: "\f384"; } + .ri-megaphone-line:before { content: "\f385"; } + .ri-pass-expired-fill:before { content: "\f386"; } + .ri-pass-expired-line:before { content: "\f387"; } + .ri-pass-pending-fill:before { content: "\f388"; } + .ri-pass-pending-line:before { content: "\f389"; } + .ri-pass-valid-fill:before { content: "\f38a"; } + .ri-pass-valid-line:before { content: "\f38b"; } + .ri-ai-generate:before { content: "\f38c"; } + .ri-calendar-close-fill:before { content: "\f38d"; } + .ri-calendar-close-line:before { content: "\f38e"; } + .ri-draggable:before { content: "\f38f"; } + .ri-font-family:before { content: "\f390"; } + .ri-font-mono:before { content: "\f391"; } + .ri-font-sans-serif:before { content: "\f392"; } + .ri-font-sans:before { content: "\f393"; } + .ri-hard-drive-3-fill:before { content: "\f394"; } + .ri-hard-drive-3-line:before { content: "\f395"; } + .ri-kick-fill:before { content: "\f396"; } + .ri-kick-line:before { content: "\f397"; } + .ri-list-check-3:before { content: "\f398"; } + .ri-list-indefinite:before { content: "\f399"; } + .ri-list-ordered-2:before { content: "\f39a"; } + .ri-list-radio:before { content: "\f39b"; } + .ri-openbase-fill:before { content: "\f39c"; } + .ri-openbase-line:before { content: "\f39d"; } + .ri-planet-fill:before { content: "\f39e"; } + .ri-planet-line:before { content: "\f39f"; } + .ri-prohibited-fill:before { content: "\f3a0"; } + .ri-prohibited-line:before { content: "\f3a1"; } + .ri-quote-text:before { content: "\f3a2"; } + .ri-seo-fill:before { content: "\f3a3"; } + .ri-seo-line:before { content: "\f3a4"; } + .ri-slash-commands:before { content: "\f3a5"; } + .ri-archive-2-fill:before { content: "\f3a6"; } + .ri-archive-2-line:before { content: "\f3a7"; } + .ri-inbox-2-fill:before { content: "\f3a8"; } + .ri-inbox-2-line:before { content: "\f3a9"; } + .ri-shake-hands-fill:before { content: "\f3aa"; } + .ri-shake-hands-line:before { content: "\f3ab"; } + .ri-supabase-fill:before { content: "\f3ac"; } + .ri-supabase-line:before { content: "\f3ad"; } + .ri-water-percent-fill:before { content: "\f3ae"; } + .ri-water-percent-line:before { content: "\f3af"; } + .ri-yuque-fill:before { content: "\f3b0"; } + .ri-yuque-line:before { content: "\f3b1"; } + .ri-crosshair-2-fill:before { content: "\f3b2"; } + .ri-crosshair-2-line:before { content: "\f3b3"; } + .ri-crosshair-fill:before { content: "\f3b4"; } + .ri-crosshair-line:before { content: "\f3b5"; } + .ri-file-close-fill:before { content: "\f3b6"; } + .ri-file-close-line:before { content: "\f3b7"; } + .ri-infinity-fill:before { content: "\f3b8"; } + .ri-infinity-line:before { content: "\f3b9"; } + .ri-rfid-fill:before { content: "\f3ba"; } + .ri-rfid-line:before { content: "\f3bb"; } + .ri-slash-commands-2:before { content: "\f3bc"; } + .ri-user-forbid-fill:before { content: "\f3bd"; } + .ri-user-forbid-line:before { content: "\f3be"; } + .ri-beer-fill:before { content: "\f3bf"; } + .ri-beer-line:before { content: "\f3c0"; } + .ri-circle-fill:before { content: "\f3c1"; } + .ri-circle-line:before { content: "\f3c2"; } + .ri-dropdown-list:before { content: "\f3c3"; } + .ri-file-image-fill:before { content: "\f3c4"; } + .ri-file-image-line:before { content: "\f3c5"; } + .ri-file-pdf-2-fill:before { content: "\f3c6"; } + .ri-file-pdf-2-line:before { content: "\f3c7"; } + .ri-file-video-fill:before { content: "\f3c8"; } + .ri-file-video-line:before { content: "\f3c9"; } + .ri-folder-image-fill:before { content: "\f3ca"; } + .ri-folder-image-line:before { content: "\f3cb"; } + .ri-folder-video-fill:before { content: "\f3cc"; } + .ri-folder-video-line:before { content: "\f3cd"; } + .ri-hexagon-fill:before { content: "\f3ce"; } + .ri-hexagon-line:before { content: "\f3cf"; } + .ri-menu-search-fill:before { content: "\f3d0"; } + .ri-menu-search-line:before { content: "\f3d1"; } + .ri-octagon-fill:before { content: "\f3d2"; } + .ri-octagon-line:before { content: "\f3d3"; } + .ri-pentagon-fill:before { content: "\f3d4"; } + .ri-pentagon-line:before { content: "\f3d5"; } + .ri-rectangle-fill:before { content: "\f3d6"; } + .ri-rectangle-line:before { content: "\f3d7"; } + .ri-robot-2-fill:before { content: "\f3d8"; } + .ri-robot-2-line:before { content: "\f3d9"; } + .ri-shapes-fill:before { content: "\f3da"; } + .ri-shapes-line:before { content: "\f3db"; } + .ri-square-fill:before { content: "\f3dc"; } + .ri-square-line:before { content: "\f3dd"; } + .ri-tent-fill:before { content: "\f3de"; } + .ri-tent-line:before { content: "\f3df"; } + .ri-threads-fill:before { content: "\f3e0"; } + .ri-threads-line:before { content: "\f3e1"; } + .ri-tree-fill:before { content: "\f3e2"; } + .ri-tree-line:before { content: "\f3e3"; } + .ri-triangle-fill:before { content: "\f3e4"; } + .ri-triangle-line:before { content: "\f3e5"; } + .ri-twitter-x-fill:before { content: "\f3e6"; } + .ri-twitter-x-line:before { content: "\f3e7"; } + .ri-verified-badge-fill:before { content: "\f3e8"; } + .ri-verified-badge-line:before { content: "\f3e9"; } + .ri-armchair-fill:before { content: "\f3ea"; } + .ri-armchair-line:before { content: "\f3eb"; } + .ri-bnb-fill:before { content: "\f3ec"; } + .ri-bnb-line:before { content: "\f3ed"; } + .ri-bread-fill:before { content: "\f3ee"; } + .ri-bread-line:before { content: "\f3ef"; } + .ri-btc-fill:before { content: "\f3f0"; } + .ri-btc-line:before { content: "\f3f1"; } + .ri-calendar-schedule-fill:before { content: "\f3f2"; } + .ri-calendar-schedule-line:before { content: "\f3f3"; } + .ri-dice-1-fill:before { content: "\f3f4"; } + .ri-dice-1-line:before { content: "\f3f5"; } + .ri-dice-2-fill:before { content: "\f3f6"; } + .ri-dice-2-line:before { content: "\f3f7"; } + .ri-dice-3-fill:before { content: "\f3f8"; } + .ri-dice-3-line:before { content: "\f3f9"; } + .ri-dice-4-fill:before { content: "\f3fa"; } + .ri-dice-4-line:before { content: "\f3fb"; } + .ri-dice-5-fill:before { content: "\f3fc"; } + .ri-dice-5-line:before { content: "\f3fd"; } + .ri-dice-6-fill:before { content: "\f3fe"; } + .ri-dice-6-line:before { content: "\f3ff"; } + .ri-dice-fill:before { content: "\f400"; } + .ri-dice-line:before { content: "\f401"; } + .ri-drinks-fill:before { content: "\f402"; } + .ri-drinks-line:before { content: "\f403"; } + .ri-equalizer-2-fill:before { content: "\f404"; } + .ri-equalizer-2-line:before { content: "\f405"; } + .ri-equalizer-3-fill:before { content: "\f406"; } + .ri-equalizer-3-line:before { content: "\f407"; } + .ri-eth-fill:before { content: "\f408"; } + .ri-eth-line:before { content: "\f409"; } + .ri-flower-fill:before { content: "\f40a"; } + .ri-flower-line:before { content: "\f40b"; } + .ri-glasses-2-fill:before { content: "\f40c"; } + .ri-glasses-2-line:before { content: "\f40d"; } + .ri-glasses-fill:before { content: "\f40e"; } + .ri-glasses-line:before { content: "\f40f"; } + .ri-goggles-fill:before { content: "\f410"; } + .ri-goggles-line:before { content: "\f411"; } + .ri-image-circle-fill:before { content: "\f412"; } + .ri-image-circle-line:before { content: "\f413"; } + .ri-info-i:before { content: "\f414"; } + .ri-money-rupee-circle-fill:before { content: "\f415"; } + .ri-money-rupee-circle-line:before { content: "\f416"; } + .ri-news-fill:before { content: "\f417"; } + .ri-news-line:before { content: "\f418"; } + .ri-robot-3-fill:before { content: "\f419"; } + .ri-robot-3-line:before { content: "\f41a"; } + .ri-share-2-fill:before { content: "\f41b"; } + .ri-share-2-line:before { content: "\f41c"; } + .ri-sofa-fill:before { content: "\f41d"; } + .ri-sofa-line:before { content: "\f41e"; } + .ri-svelte-fill:before { content: "\f41f"; } + .ri-svelte-line:before { content: "\f420"; } + .ri-vk-fill:before { content: "\f421"; } + .ri-vk-line:before { content: "\f422"; } + .ri-xrp-fill:before { content: "\f423"; } + .ri-xrp-line:before { content: "\f424"; } + .ri-xtz-fill:before { content: "\f425"; } + .ri-xtz-line:before { content: "\f426"; } + .ri-archive-stack-fill:before { content: "\f427"; } + .ri-archive-stack-line:before { content: "\f428"; } + .ri-bowl-fill:before { content: "\f429"; } + .ri-bowl-line:before { content: "\f42a"; } + .ri-calendar-view:before { content: "\f42b"; } + .ri-carousel-view:before { content: "\f42c"; } + .ri-code-block:before { content: "\f42d"; } + .ri-color-filter-fill:before { content: "\f42e"; } + .ri-color-filter-line:before { content: "\f42f"; } + .ri-contacts-book-3-fill:before { content: "\f430"; } + .ri-contacts-book-3-line:before { content: "\f431"; } + .ri-contract-fill:before { content: "\f432"; } + .ri-contract-line:before { content: "\f433"; } + .ri-drinks-2-fill:before { content: "\f434"; } + .ri-drinks-2-line:before { content: "\f435"; } + .ri-export-fill:before { content: "\f436"; } + .ri-export-line:before { content: "\f437"; } + .ri-file-check-fill:before { content: "\f438"; } + .ri-file-check-line:before { content: "\f439"; } + .ri-focus-mode:before { content: "\f43a"; } + .ri-folder-6-fill:before { content: "\f43b"; } + .ri-folder-6-line:before { content: "\f43c"; } + .ri-folder-check-fill:before { content: "\f43d"; } + .ri-folder-check-line:before { content: "\f43e"; } + .ri-folder-close-fill:before { content: "\f43f"; } + .ri-folder-close-line:before { content: "\f440"; } + .ri-folder-cloud-fill:before { content: "\f441"; } + .ri-folder-cloud-line:before { content: "\f442"; } + .ri-gallery-view-2:before { content: "\f443"; } + .ri-gallery-view:before { content: "\f444"; } + .ri-hand:before { content: "\f445"; } + .ri-import-fill:before { content: "\f446"; } + .ri-import-line:before { content: "\f447"; } + .ri-information-2-fill:before { content: "\f448"; } + .ri-information-2-line:before { content: "\f449"; } + .ri-kanban-view-2:before { content: "\f44a"; } + .ri-kanban-view:before { content: "\f44b"; } + .ri-list-view:before { content: "\f44c"; } + .ri-lock-star-fill:before { content: "\f44d"; } + .ri-lock-star-line:before { content: "\f44e"; } + .ri-puzzle-2-fill:before { content: "\f44f"; } + .ri-puzzle-2-line:before { content: "\f450"; } + .ri-puzzle-fill:before { content: "\f451"; } + .ri-puzzle-line:before { content: "\f452"; } + .ri-ram-2-fill:before { content: "\f453"; } + .ri-ram-2-line:before { content: "\f454"; } + .ri-ram-fill:before { content: "\f455"; } + .ri-ram-line:before { content: "\f456"; } + .ri-receipt-fill:before { content: "\f457"; } + .ri-receipt-line:before { content: "\f458"; } + .ri-shadow-fill:before { content: "\f459"; } + .ri-shadow-line:before { content: "\f45a"; } + .ri-sidebar-fold-fill:before { content: "\f45b"; } + .ri-sidebar-fold-line:before { content: "\f45c"; } + .ri-sidebar-unfold-fill:before { content: "\f45d"; } + .ri-sidebar-unfold-line:before { content: "\f45e"; } + .ri-slideshow-view:before { content: "\f45f"; } + .ri-sort-alphabet-asc:before { content: "\f460"; } + .ri-sort-alphabet-desc:before { content: "\f461"; } + .ri-sort-number-asc:before { content: "\f462"; } + .ri-sort-number-desc:before { content: "\f463"; } + .ri-stacked-view:before { content: "\f464"; } + .ri-sticky-note-add-fill:before { content: "\f465"; } + .ri-sticky-note-add-line:before { content: "\f466"; } + .ri-swap-2-fill:before { content: "\f467"; } + .ri-swap-2-line:before { content: "\f468"; } + .ri-swap-3-fill:before { content: "\f469"; } + .ri-swap-3-line:before { content: "\f46a"; } + .ri-table-3:before { content: "\f46b"; } + .ri-table-view:before { content: "\f46c"; } + .ri-text-block:before { content: "\f46d"; } + .ri-text-snippet:before { content: "\f46e"; } + .ri-timeline-view:before { content: "\f46f"; } + .ri-blogger-fill:before { content: "\f470"; } + .ri-blogger-line:before { content: "\f471"; } + .ri-chat-thread-fill:before { content: "\f472"; } + .ri-chat-thread-line:before { content: "\f473"; } + .ri-discount-percent-fill:before { content: "\f474"; } + .ri-discount-percent-line:before { content: "\f475"; } + .ri-exchange-2-fill:before { content: "\f476"; } + .ri-exchange-2-line:before { content: "\f477"; } + .ri-git-fork-fill:before { content: "\f478"; } + .ri-git-fork-line:before { content: "\f479"; } + .ri-input-field:before { content: "\f47a"; } + .ri-progress-1-fill:before { content: "\f47b"; } + .ri-progress-1-line:before { content: "\f47c"; } + .ri-progress-2-fill:before { content: "\f47d"; } + .ri-progress-2-line:before { content: "\f47e"; } + .ri-progress-3-fill:before { content: "\f47f"; } + .ri-progress-3-line:before { content: "\f480"; } + .ri-progress-4-fill:before { content: "\f481"; } + .ri-progress-4-line:before { content: "\f482"; } + .ri-progress-5-fill:before { content: "\f483"; } + .ri-progress-5-line:before { content: "\f484"; } + .ri-progress-6-fill:before { content: "\f485"; } + .ri-progress-6-line:before { content: "\f486"; } + .ri-progress-7-fill:before { content: "\f487"; } + .ri-progress-7-line:before { content: "\f488"; } + .ri-progress-8-fill:before { content: "\f489"; } + .ri-progress-8-line:before { content: "\f48a"; } + .ri-remix-run-fill:before { content: "\f48b"; } + .ri-remix-run-line:before { content: "\f48c"; } + .ri-signpost-fill:before { content: "\f48d"; } + .ri-signpost-line:before { content: "\f48e"; } + .ri-time-zone-fill:before { content: "\f48f"; } + .ri-time-zone-line:before { content: "\f490"; } + .ri-arrow-down-wide-fill:before { content: "\f491"; } + .ri-arrow-down-wide-line:before { content: "\f492"; } + .ri-arrow-left-wide-fill:before { content: "\f493"; } + .ri-arrow-left-wide-line:before { content: "\f494"; } + .ri-arrow-right-wide-fill:before { content: "\f495"; } + .ri-arrow-right-wide-line:before { content: "\f496"; } + .ri-arrow-up-wide-fill:before { content: "\f497"; } + .ri-arrow-up-wide-line:before { content: "\f498"; } + .ri-bluesky-fill:before { content: "\f499"; } + .ri-bluesky-line:before { content: "\f49a"; } + .ri-expand-height-fill:before { content: "\f49b"; } + .ri-expand-height-line:before { content: "\f49c"; } + .ri-expand-width-fill:before { content: "\f49d"; } + .ri-expand-width-line:before { content: "\f49e"; } + .ri-forward-end-fill:before { content: "\f49f"; } + .ri-forward-end-line:before { content: "\f4a0"; } + .ri-forward-end-mini-fill:before { content: "\f4a1"; } + .ri-forward-end-mini-line:before { content: "\f4a2"; } + .ri-friendica-fill:before { content: "\f4a3"; } + .ri-friendica-line:before { content: "\f4a4"; } + .ri-git-pr-draft-fill:before { content: "\f4a5"; } + .ri-git-pr-draft-line:before { content: "\f4a6"; } + .ri-play-reverse-fill:before { content: "\f4a7"; } + .ri-play-reverse-line:before { content: "\f4a8"; } + .ri-play-reverse-mini-fill:before { content: "\f4a9"; } + .ri-play-reverse-mini-line:before { content: "\f4aa"; } + .ri-rewind-start-fill:before { content: "\f4ab"; } + .ri-rewind-start-line:before { content: "\f4ac"; } + .ri-rewind-start-mini-fill:before { content: "\f4ad"; } + .ri-rewind-start-mini-line:before { content: "\f4ae"; } + .ri-scroll-to-bottom-fill:before { content: "\f4af"; } + .ri-scroll-to-bottom-line:before { content: "\f4b0"; } + /*! * Tabler Icons 1.68.0 by tabler - https://tabler.io * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE*/ @@ -21488,12 +27411,14 @@ html.dark, src: url("../icon-fonts/tabler-icons/iconfont/fonts/tabler-icons.eot"); src: url("../icon-fonts/tabler-icons/iconfont/fonts/tabler-icons.eot?#iefix") format("embedded-opentype"), url("../icon-fonts/tabler-icons/iconfont/fonts/tabler-icons.woff2") format("woff2"), url("../icon-fonts/tabler-icons/iconfont/fonts/tabler-icons.woff") format("woff"), url("../icon-fonts/tabler-icons/iconfont/fonts/tabler-icons.ttf") format("truetype"), url("../icon-fonts/tabler-icons/iconfont/fonts/tabler-icons.svg#tabler-icons") format("svg"); } + @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "tabler-icons"; src: url("../icon-fonts/tabler-icons/iconfont/fonts/tabler-icons.svg#tabler-icons") format("svg"); } } + .ti { font-family: "tabler-icons" !important; speak: none; @@ -21505,5945 +27430,7925 @@ html.dark, -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + .ti-2fa:before { content: "\eca0"; } + .ti-3d-cube-sphere:before { content: "\ecd7"; } + .ti-3d-rotate:before { content: "\f020"; } + .ti-a-b:before { content: "\ec36"; } + .ti-a-b-off:before { content: "\f0a6"; } + .ti-abacus:before { content: "\f05c"; } + .ti-access-point:before { content: "\ed1b"; } + .ti-access-point-off:before { content: "\ed1a"; } + .ti-accessible:before { content: "\eba9"; } + .ti-accessible-off:before { content: "\f0a7"; } + .ti-activity:before { content: "\ed23"; } + .ti-activity-heartbeat:before { content: "\f0db"; } + .ti-ad:before { content: "\ea02"; } + .ti-ad-2:before { content: "\ef1f"; } + .ti-address-book:before { content: "\f021"; } + .ti-adjustments:before { content: "\ea03"; } + .ti-adjustments-alt:before { content: "\ec37"; } + .ti-adjustments-horizontal:before { content: "\ec38"; } + .ti-adjustments-off:before { content: "\f0a8"; } + .ti-aerial-lift:before { content: "\edfe"; } + .ti-affiliate:before { content: "\edff"; } + .ti-alarm:before { content: "\ea04"; } + .ti-alarm-off:before { content: "\f0a9"; } + .ti-album:before { content: "\f022"; } + .ti-alert-circle:before { content: "\ea05"; } + .ti-alert-octagon:before { content: "\ecc6"; } + .ti-alert-triangle:before { content: "\ea06"; } + .ti-alien:before { content: "\ebde"; } + .ti-align-center:before { content: "\ea07"; } + .ti-align-justified:before { content: "\ea08"; } + .ti-align-left:before { content: "\ea09"; } + .ti-align-right:before { content: "\ea0a"; } + .ti-ambulance:before { content: "\ebf5"; } + .ti-anchor:before { content: "\eb76"; } + .ti-anchor-off:before { content: "\f0f7"; } + .ti-angle:before { content: "\ef20"; } + .ti-ankh:before { content: "\f1cd"; } + .ti-antenna:before { content: "\f094"; } + .ti-antenna-bars-1:before { content: "\ecc7"; } + .ti-antenna-bars-2:before { content: "\ecc8"; } + .ti-antenna-bars-3:before { content: "\ecc9"; } + .ti-antenna-bars-4:before { content: "\ecca"; } + .ti-antenna-bars-5:before { content: "\eccb"; } + .ti-antenna-bars-off:before { content: "\f0aa"; } + .ti-aperture:before { content: "\eb58"; } + .ti-api:before { content: "\effd"; } + .ti-api-app:before { content: "\effc"; } + .ti-api-app-off:before { content: "\f0ab"; } + .ti-api-off:before { content: "\f0f8"; } + .ti-app-window:before { content: "\efe6"; } + .ti-apple:before { content: "\ef21"; } + .ti-apps:before { content: "\ebb6"; } + .ti-apps-off:before { content: "\f0ac"; } + .ti-archive:before { content: "\ea0b"; } + .ti-archive-off:before { content: "\f0ad"; } + .ti-armchair:before { content: "\ef9e"; } + .ti-armchair-2:before { content: "\efe7"; } + .ti-arrow-autofit-content:before { content: "\ef31"; } + .ti-arrow-autofit-down:before { content: "\ef32"; } + .ti-arrow-autofit-height:before { content: "\ef33"; } + .ti-arrow-autofit-left:before { content: "\ef34"; } + .ti-arrow-autofit-right:before { content: "\ef35"; } + .ti-arrow-autofit-up:before { content: "\ef36"; } + .ti-arrow-autofit-width:before { content: "\ef37"; } + .ti-arrow-back:before { content: "\ea0c"; } + .ti-arrow-back-up:before { content: "\eb77"; } + .ti-arrow-bar-down:before { content: "\ea0d"; } + .ti-arrow-bar-left:before { content: "\ea0e"; } + .ti-arrow-bar-right:before { content: "\ea0f"; } + .ti-arrow-bar-to-down:before { content: "\ec88"; } + .ti-arrow-bar-to-left:before { content: "\ec89"; } + .ti-arrow-bar-to-right:before { content: "\ec8a"; } + .ti-arrow-bar-to-up:before { content: "\ec8b"; } + .ti-arrow-bar-up:before { content: "\ea10"; } + .ti-arrow-bear-left:before { content: "\f045"; } + .ti-arrow-bear-left-2:before { content: "\f044"; } + .ti-arrow-bear-right:before { content: "\f047"; } + .ti-arrow-bear-right-2:before { content: "\f046"; } + .ti-arrow-big-down:before { content: "\edda"; } + .ti-arrow-big-down-line:before { content: "\efe8"; } + .ti-arrow-big-down-lines:before { content: "\efe9"; } + .ti-arrow-big-left:before { content: "\eddb"; } + .ti-arrow-big-left-line:before { content: "\efea"; } + .ti-arrow-big-left-lines:before { content: "\efeb"; } + .ti-arrow-big-right:before { content: "\eddc"; } + .ti-arrow-big-right-line:before { content: "\efec"; } + .ti-arrow-big-right-lines:before { content: "\efed"; } + .ti-arrow-big-top:before { content: "\eddd"; } + .ti-arrow-big-up-line:before { content: "\efee"; } + .ti-arrow-big-up-lines:before { content: "\efef"; } + .ti-arrow-bottom-bar:before { content: "\ed98"; } + .ti-arrow-bottom-circle:before { content: "\ed99"; } + .ti-arrow-bottom-square:before { content: "\ed9a"; } + .ti-arrow-bottom-tail:before { content: "\ed9b"; } + .ti-arrow-curve-left:before { content: "\f048"; } + .ti-arrow-curve-right:before { content: "\f049"; } + .ti-arrow-down:before { content: "\ea16"; } + .ti-arrow-down-circle:before { content: "\ea11"; } + .ti-arrow-down-left:before { content: "\ea13"; } + .ti-arrow-down-left-circle:before { content: "\ea12"; } + .ti-arrow-down-right:before { content: "\ea15"; } + .ti-arrow-down-right-circle:before { content: "\ea14"; } + .ti-arrow-fork:before { content: "\f04a"; } + .ti-arrow-forward:before { content: "\ea17"; } + .ti-arrow-forward-up:before { content: "\eb78"; } + .ti-arrow-left:before { content: "\ea19"; } + .ti-arrow-left-bar:before { content: "\ed9c"; } + .ti-arrow-left-circle:before { content: "\ea18"; } + .ti-arrow-left-right:before { content: "\f04b"; } + .ti-arrow-left-square:before { content: "\ed9d"; } + .ti-arrow-left-tail:before { content: "\ed9e"; } + .ti-arrow-loop-left:before { content: "\ed9f"; } + .ti-arrow-loop-left-2:before { content: "\f04c"; } + .ti-arrow-loop-right:before { content: "\eda0"; } + .ti-arrow-loop-right-2:before { content: "\f04d"; } + .ti-arrow-merge:before { content: "\f04e"; } + .ti-arrow-narrow-down:before { content: "\ea1a"; } + .ti-arrow-narrow-left:before { content: "\ea1b"; } + .ti-arrow-narrow-right:before { content: "\ea1c"; } + .ti-arrow-narrow-up:before { content: "\ea1d"; } + .ti-arrow-ramp-left:before { content: "\ed3c"; } + .ti-arrow-ramp-left-2:before { content: "\f04f"; } + .ti-arrow-ramp-left-3:before { content: "\f050"; } + .ti-arrow-ramp-right:before { content: "\ed3d"; } + .ti-arrow-ramp-right-2:before { content: "\f051"; } + .ti-arrow-ramp-right-3:before { content: "\f052"; } + .ti-arrow-right:before { content: "\ea1f"; } + .ti-arrow-right-bar:before { content: "\eda1"; } + .ti-arrow-right-circle:before { content: "\ea1e"; } + .ti-arrow-right-square:before { content: "\eda2"; } + .ti-arrow-right-tail:before { content: "\eda3"; } + .ti-arrow-rotary-first-left:before { content: "\f053"; } + .ti-arrow-rotary-first-right:before { content: "\f054"; } + .ti-arrow-rotary-last-left:before { content: "\f055"; } + .ti-arrow-rotary-last-right:before { content: "\f056"; } + .ti-arrow-rotary-left:before { content: "\f057"; } + .ti-arrow-rotary-right:before { content: "\f058"; } + .ti-arrow-rotary-straight:before { content: "\f059"; } + .ti-arrow-sharp-turn-left:before { content: "\f05a"; } + .ti-arrow-sharp-turn-right:before { content: "\f05b"; } + .ti-arrow-top-bar:before { content: "\eda4"; } + .ti-arrow-top-circle:before { content: "\eda5"; } + .ti-arrow-top-square:before { content: "\eda6"; } + .ti-arrow-top-tail:before { content: "\eda7"; } + .ti-arrow-up:before { content: "\ea25"; } + .ti-arrow-up-circle:before { content: "\ea20"; } + .ti-arrow-up-left:before { content: "\ea22"; } + .ti-arrow-up-left-circle:before { content: "\ea21"; } + .ti-arrow-up-right:before { content: "\ea24"; } + .ti-arrow-up-right-circle:before { content: "\ea23"; } + .ti-arrow-wave-left-down:before { content: "\eda8"; } + .ti-arrow-wave-left-up:before { content: "\eda9"; } + .ti-arrow-wave-right-down:before { content: "\edaa"; } + .ti-arrow-wave-right-up:before { content: "\edab"; } + .ti-arrows-cross:before { content: "\effe"; } + .ti-arrows-diagonal:before { content: "\ea27"; } + .ti-arrows-diagonal-2:before { content: "\ea26"; } + .ti-arrows-diagonal-minimize:before { content: "\ef39"; } + .ti-arrows-diagonal-minimize-2:before { content: "\ef38"; } + .ti-arrows-double-ne-sw:before { content: "\edde"; } + .ti-arrows-double-nw-se:before { content: "\eddf"; } + .ti-arrows-double-se-nw:before { content: "\ede0"; } + .ti-arrows-double-sw-ne:before { content: "\ede1"; } + .ti-arrows-down:before { content: "\edad"; } + .ti-arrows-down-up:before { content: "\edac"; } + .ti-arrows-horizontal:before { content: "\eb59"; } + .ti-arrows-join:before { content: "\edaf"; } + .ti-arrows-join-2:before { content: "\edae"; } + .ti-arrows-left:before { content: "\edb1"; } + .ti-arrows-left-down:before { content: "\ee00"; } + .ti-arrows-left-right:before { content: "\edb0"; } + .ti-arrows-maximize:before { content: "\ea28"; } + .ti-arrows-minimize:before { content: "\ea29"; } + .ti-arrows-random:before { content: "\f095"; } + .ti-arrows-right:before { content: "\edb3"; } + .ti-arrows-right-down:before { content: "\ee01"; } + .ti-arrows-right-left:before { content: "\edb2"; } + .ti-arrows-shuffle:before { content: "\f000"; } + .ti-arrows-shuffle-2:before { content: "\efff"; } + .ti-arrows-sort:before { content: "\eb5a"; } + .ti-arrows-split:before { content: "\edb5"; } + .ti-arrows-split-2:before { content: "\edb4"; } + .ti-arrows-up:before { content: "\edb7"; } + .ti-arrows-up-down:before { content: "\edb6"; } + .ti-arrows-up-left:before { content: "\ee02"; } + .ti-arrows-up-right:before { content: "\ee03"; } + .ti-arrows-vertical:before { content: "\eb5b"; } + .ti-artboard:before { content: "\ea2a"; } + .ti-artboard-off:before { content: "\f0ae"; } + .ti-aspect-ratio:before { content: "\ed30"; } + .ti-aspect-ratio-off:before { content: "\f0af"; } + .ti-asset:before { content: "\f1ce"; } + .ti-asterisk:before { content: "\efd5"; } + .ti-asterisk-simple:before { content: "\efd4"; } + .ti-at:before { content: "\ea2b"; } + .ti-at-off:before { content: "\f0b0"; } + .ti-atom:before { content: "\eb79"; } + .ti-atom-2:before { content: "\ebdf"; } + .ti-atom-off:before { content: "\f0f9"; } + .ti-augmented-reality:before { content: "\f023"; } + .ti-award:before { content: "\ea2c"; } + .ti-award-off:before { content: "\f0fa"; } + .ti-axe:before { content: "\ef9f"; } + .ti-axis-x:before { content: "\ef45"; } + .ti-axis-y:before { content: "\ef46"; } + .ti-baby-carriage:before { content: "\f05d"; } + .ti-backhoe:before { content: "\ed86"; } + .ti-backpack:before { content: "\ef47"; } + .ti-backspace:before { content: "\ea2d"; } + .ti-badge:before { content: "\efc2"; } + .ti-badge-off:before { content: "\f0fb"; } + .ti-badges:before { content: "\efc3"; } + .ti-badges-off:before { content: "\f0fc"; } + .ti-ball-american-football:before { content: "\ee04"; } + .ti-ball-baseball:before { content: "\efa0"; } + .ti-ball-basketball:before { content: "\ec28"; } + .ti-ball-bowling:before { content: "\ec29"; } + .ti-ball-football:before { content: "\ee06"; } + .ti-ball-football-off:before { content: "\ee05"; } + .ti-ball-tennis:before { content: "\ec2a"; } + .ti-ball-volleyball:before { content: "\ec2b"; } + .ti-ballon:before { content: "\ef3a"; } + .ti-ballon-off:before { content: "\f0fd"; } + .ti-ballpen:before { content: "\f06e"; } + .ti-ballpen-off:before { content: "\f0b1"; } + .ti-ban:before { content: "\ea2e"; } + .ti-bandage:before { content: "\eb7a"; } + .ti-barbell:before { content: "\eff0"; } + .ti-barbell-off:before { content: "\f0b2"; } + .ti-barcode:before { content: "\ebc6"; } + .ti-barcode-off:before { content: "\f0b3"; } + .ti-barrel:before { content: "\f0b4"; } + .ti-barrel-off:before { content: "\f0fe"; } + .ti-barrier-block:before { content: "\f00e"; } + .ti-barrier-block-off:before { content: "\f0b5"; } + .ti-baseline:before { content: "\f024"; } + .ti-basket:before { content: "\ebe1"; } + .ti-basket-off:before { content: "\f0b6"; } + .ti-bath:before { content: "\ef48"; } + .ti-bath-off:before { content: "\f0ff"; } + .ti-battery:before { content: "\ea34"; } + .ti-battery-1:before { content: "\ea2f"; } + .ti-battery-2:before { content: "\ea30"; } + .ti-battery-3:before { content: "\ea31"; } + .ti-battery-4:before { content: "\ea32"; } + .ti-battery-automotive:before { content: "\ee07"; } + .ti-battery-charging:before { content: "\ea33"; } + .ti-battery-charging-2:before { content: "\ef3b"; } + .ti-battery-eco:before { content: "\ef3c"; } + .ti-battery-off:before { content: "\ed1c"; } + .ti-beach:before { content: "\ef3d"; } + .ti-beach-off:before { content: "\f0b7"; } + .ti-bed:before { content: "\eb5c"; } + .ti-bed-off:before { content: "\f100"; } + .ti-beer:before { content: "\efa1"; } + .ti-beer-off:before { content: "\f101"; } + .ti-bell:before { content: "\ea35"; } + .ti-bell-minus:before { content: "\ede2"; } + .ti-bell-off:before { content: "\ece9"; } + .ti-bell-plus:before { content: "\ede3"; } + .ti-bell-ringing:before { content: "\ed07"; } + .ti-bell-ringing-2:before { content: "\ede4"; } + .ti-bell-school:before { content: "\f05e"; } + .ti-bell-x:before { content: "\ede5"; } + .ti-bell-z:before { content: "\eff1"; } + .ti-bible:before { content: "\efc4"; } + .ti-bike:before { content: "\ea36"; } + .ti-bike-off:before { content: "\f0b8"; } + .ti-binary:before { content: "\ee08"; } + .ti-biohazard:before { content: "\ecb8"; } + .ti-biohazard-off:before { content: "\f0b9"; } + .ti-blockquote:before { content: "\ee09"; } + .ti-bluetooth:before { content: "\ea37"; } + .ti-bluetooth-connected:before { content: "\ecea"; } + .ti-bluetooth-off:before { content: "\eceb"; } + .ti-bluetooth-x:before { content: "\f081"; } + .ti-blur:before { content: "\ef8c"; } + .ti-bold:before { content: "\eb7b"; } + .ti-bold-off:before { content: "\f0ba"; } + .ti-bolt:before { content: "\ea38"; } + .ti-bolt-off:before { content: "\ecec"; } + .ti-bone:before { content: "\edb8"; } + .ti-bone-off:before { content: "\f0bb"; } + .ti-book:before { content: "\ea39"; } + .ti-book-2:before { content: "\efc5"; } + .ti-book-download:before { content: "\f070"; } + .ti-book-off:before { content: "\f0bc"; } + .ti-book-upload:before { content: "\f071"; } + .ti-bookmark:before { content: "\ea3a"; } + .ti-bookmark-off:before { content: "\eced"; } + .ti-bookmarks:before { content: "\ed08"; } + .ti-bookmarks-off:before { content: "\f0bd"; } + .ti-books:before { content: "\eff2"; } + .ti-books-off:before { content: "\f0be"; } + .ti-border-all:before { content: "\ea3b"; } + .ti-border-bottom:before { content: "\ea3c"; } + .ti-border-horizontal:before { content: "\ea3d"; } + .ti-border-inner:before { content: "\ea3e"; } + .ti-border-left:before { content: "\ea3f"; } + .ti-border-none:before { content: "\ea40"; } + .ti-border-outer:before { content: "\ea41"; } + .ti-border-radius:before { content: "\eb7c"; } + .ti-border-right:before { content: "\ea42"; } + .ti-border-style:before { content: "\ee0a"; } + .ti-border-style-2:before { content: "\ef22"; } + .ti-border-top:before { content: "\ea43"; } + .ti-border-vertical:before { content: "\ea44"; } + .ti-bottle:before { content: "\ef0b"; } + .ti-bow:before { content: "\f096"; } + .ti-box:before { content: "\ea45"; } + .ti-box-margin:before { content: "\ee0b"; } + .ti-box-model:before { content: "\ee0c"; } + .ti-box-model-2:before { content: "\ef23"; } + .ti-box-multiple:before { content: "\ee17"; } + .ti-box-multiple-0:before { content: "\ee0d"; } + .ti-box-multiple-1:before { content: "\ee0e"; } + .ti-box-multiple-2:before { content: "\ee0f"; } + .ti-box-multiple-3:before { content: "\ee10"; } + .ti-box-multiple-4:before { content: "\ee11"; } + .ti-box-multiple-5:before { content: "\ee12"; } + .ti-box-multiple-6:before { content: "\ee13"; } + .ti-box-multiple-7:before { content: "\ee14"; } + .ti-box-multiple-8:before { content: "\ee15"; } + .ti-box-multiple-9:before { content: "\ee16"; } + .ti-box-off:before { content: "\f102"; } + .ti-box-padding:before { content: "\ee18"; } + .ti-braces:before { content: "\ebcc"; } + .ti-braces-off:before { content: "\f0bf"; } + .ti-brackets:before { content: "\ebcd"; } + .ti-brackets-off:before { content: "\f0c0"; } + .ti-brand-adobe:before { content: "\f0dc"; } + .ti-brand-airbnb:before { content: "\ed68"; } + .ti-brand-airtable:before { content: "\ef6a"; } + .ti-brand-android:before { content: "\ec16"; } + .ti-brand-angular:before { content: "\ef6b"; } + .ti-brand-apple:before { content: "\ec17"; } + .ti-brand-apple-arcade:before { content: "\ed69"; } + .ti-brand-appstore:before { content: "\ed24"; } + .ti-brand-asana:before { content: "\edc5"; } + .ti-brand-behance:before { content: "\ec6e"; } + .ti-brand-bing:before { content: "\edc6"; } + .ti-brand-bitbucket:before { content: "\edc7"; } + .ti-brand-booking:before { content: "\edc8"; } + .ti-brand-bootstrap:before { content: "\ef3e"; } + .ti-brand-chrome:before { content: "\ec18"; } + .ti-brand-codepen:before { content: "\ec6f"; } + .ti-brand-codesandbox:before { content: "\ed6a"; } + .ti-brand-css3:before { content: "\ed6b"; } + .ti-brand-cucumber:before { content: "\ef6c"; } + .ti-brand-debian:before { content: "\ef57"; } + .ti-brand-deviantart:before { content: "\ecfb"; } + .ti-brand-discord:before { content: "\ece3"; } + .ti-brand-disqus:before { content: "\edc9"; } + .ti-brand-docker:before { content: "\edca"; } + .ti-brand-doctrine:before { content: "\ef6d"; } + .ti-brand-dribbble:before { content: "\ec19"; } + .ti-brand-edge:before { content: "\ecfc"; } + .ti-brand-facebook:before { content: "\ec1a"; } + .ti-brand-figma:before { content: "\ec93"; } + .ti-brand-firebase:before { content: "\ef6e"; } + .ti-brand-firefox:before { content: "\ecfd"; } + .ti-brand-flickr:before { content: "\ecfe"; } + .ti-brand-foursquare:before { content: "\ecff"; } + .ti-brand-framer:before { content: "\ec1b"; } + .ti-brand-git:before { content: "\ef6f"; } + .ti-brand-github:before { content: "\ec1c"; } + .ti-brand-gitlab:before { content: "\ec1d"; } + .ti-brand-gmail:before { content: "\efa2"; } + .ti-brand-google:before { content: "\ec1f"; } + .ti-brand-google-analytics:before { content: "\edcb"; } + .ti-brand-google-drive:before { content: "\ec1e"; } + .ti-brand-google-play:before { content: "\ed25"; } + .ti-brand-gravatar:before { content: "\edcc"; } + .ti-brand-hipchat:before { content: "\edcd"; } + .ti-brand-html5:before { content: "\ed6c"; } + .ti-brand-instagram:before { content: "\ec20"; } + .ti-brand-intercom:before { content: "\f1cf"; } + .ti-brand-javascript:before { content: "\ef0c"; } + .ti-brand-kickstarter:before { content: "\edce"; } + .ti-brand-kotlin:before { content: "\ed6d"; } + .ti-brand-lastfm:before { content: "\f001"; } + .ti-brand-linkedin:before { content: "\ec8c"; } + .ti-brand-loom:before { content: "\ef70"; } + .ti-brand-mastercard:before { content: "\ef49"; } + .ti-brand-medium:before { content: "\ec70"; } + .ti-brand-mercedes:before { content: "\f072"; } + .ti-brand-messenger:before { content: "\ec71"; } + .ti-brand-meta:before { content: "\efb0"; } + .ti-brand-netbeans:before { content: "\ef71"; } + .ti-brand-netflix:before { content: "\edcf"; } + .ti-brand-nextjs:before { content: "\f0dd"; } + .ti-brand-notion:before { content: "\ef7b"; } + .ti-brand-nuxt:before { content: "\f0de"; } + .ti-brand-nytimes:before { content: "\ef8d"; } + .ti-brand-open-source:before { content: "\edd0"; } + .ti-brand-opera:before { content: "\ec21"; } + .ti-brand-pagekit:before { content: "\edd1"; } + .ti-brand-patreon:before { content: "\edd2"; } + .ti-brand-paypal:before { content: "\ec22"; } + .ti-brand-php:before { content: "\ef72"; } + .ti-brand-pinterest:before { content: "\ec8d"; } + .ti-brand-pocket:before { content: "\ed00"; } + .ti-brand-producthunt:before { content: "\edd3"; } + .ti-brand-python:before { content: "\ed01"; } + .ti-brand-react-native:before { content: "\ef73"; } + .ti-brand-reddit:before { content: "\ec8e"; } + .ti-brand-safari:before { content: "\ec23"; } + .ti-brand-sass:before { content: "\edd4"; } + .ti-brand-sentry:before { content: "\edd5"; } + .ti-brand-shazam:before { content: "\edd6"; } + .ti-brand-sketch:before { content: "\ec24"; } + .ti-brand-skype:before { content: "\ed02"; } + .ti-brand-slack:before { content: "\ec72"; } + .ti-brand-snapchat:before { content: "\ec25"; } + .ti-brand-soundcloud:before { content: "\ed6e"; } + .ti-brand-spotify:before { content: "\ed03"; } + .ti-brand-stackoverflow:before { content: "\ef58"; } + .ti-brand-steam:before { content: "\ed6f"; } + .ti-brand-stripe:before { content: "\edd7"; } + .ti-brand-sublime-text:before { content: "\ef74"; } + .ti-brand-svelte:before { content: "\f0df"; } + .ti-brand-tabler:before { content: "\ec8f"; } + .ti-brand-tailwind:before { content: "\eca1"; } + .ti-brand-telegram:before { content: "\ec26"; } + .ti-brand-tidal:before { content: "\ed70"; } + .ti-brand-tiktok:before { content: "\ec73"; } + .ti-brand-tinder:before { content: "\ed71"; } + .ti-brand-tripadvisor:before { content: "\f002"; } + .ti-brand-tumblr:before { content: "\ed04"; } + .ti-brand-twitch:before { content: "\ed05"; } + .ti-brand-twitter:before { content: "\ec27"; } + .ti-brand-uber:before { content: "\ef75"; } + .ti-brand-ubuntu:before { content: "\ef59"; } + .ti-brand-unsplash:before { content: "\edd8"; } + .ti-brand-vercel:before { content: "\ef24"; } + .ti-brand-vimeo:before { content: "\ed06"; } + .ti-brand-visual-studio:before { content: "\ef76"; } + .ti-brand-vk:before { content: "\ed72"; } + .ti-brand-vue:before { content: "\f0e0"; } + .ti-brand-whatsapp:before { content: "\ec74"; } + .ti-brand-windows:before { content: "\ecd8"; } + .ti-brand-yahoo:before { content: "\ed73"; } + .ti-brand-ycombinator:before { content: "\edd9"; } + .ti-brand-youtube:before { content: "\ec90"; } + .ti-bread:before { content: "\efa3"; } + .ti-briefcase:before { content: "\ea46"; } + .ti-brightness:before { content: "\eb7f"; } + .ti-brightness-2:before { content: "\ee19"; } + .ti-brightness-down:before { content: "\eb7d"; } + .ti-brightness-half:before { content: "\ee1a"; } + .ti-brightness-up:before { content: "\eb7e"; } + .ti-browser:before { content: "\ebb7"; } + .ti-browser-check:before { content: "\efd6"; } + .ti-browser-off:before { content: "\f0c1"; } + .ti-browser-plus:before { content: "\efd7"; } + .ti-browser-x:before { content: "\efd8"; } + .ti-brush:before { content: "\ebb8"; } + .ti-brush-off:before { content: "\f0c2"; } + .ti-bucket:before { content: "\ea47"; } + .ti-bucket-off:before { content: "\f103"; } + .ti-bug:before { content: "\ea48"; } + .ti-bug-off:before { content: "\f0c3"; } + .ti-building:before { content: "\ea4f"; } + .ti-building-arch:before { content: "\ea49"; } + .ti-building-bank:before { content: "\ebe2"; } + .ti-building-bridge:before { content: "\ea4b"; } + .ti-building-bridge-2:before { content: "\ea4a"; } + .ti-building-carousel:before { content: "\ed87"; } + .ti-building-castle:before { content: "\ed88"; } + .ti-building-church:before { content: "\ea4c"; } + .ti-building-community:before { content: "\ebf6"; } + .ti-building-cottage:before { content: "\ee1b"; } + .ti-building-factory:before { content: "\ee1c"; } + .ti-building-factory-2:before { content: "\f082"; } + .ti-building-fortress:before { content: "\ed89"; } + .ti-building-hospital:before { content: "\ea4d"; } + .ti-building-lighthouse:before { content: "\ed8a"; } + .ti-building-monument:before { content: "\ed26"; } + .ti-building-pavilon:before { content: "\ebf7"; } + .ti-building-skyscraper:before { content: "\ec39"; } + .ti-building-store:before { content: "\ea4e"; } + .ti-building-warehouse:before { content: "\ebe3"; } + .ti-bulb:before { content: "\ea51"; } + .ti-bulb-off:before { content: "\ea50"; } + .ti-bulldozer:before { content: "\ee1d"; } + .ti-bus:before { content: "\ebe4"; } + .ti-businessplan:before { content: "\ee1e"; } + .ti-butterfly:before { content: "\efd9"; } + .ti-c-sharp:before { content: "\f003"; } + .ti-cake:before { content: "\f00f"; } + .ti-cake-off:before { content: "\f104"; } + .ti-calculator:before { content: "\eb80"; } + .ti-calculator-off:before { content: "\f0c4"; } + .ti-calendar:before { content: "\ea53"; } + .ti-calendar-event:before { content: "\ea52"; } + .ti-calendar-minus:before { content: "\ebb9"; } + .ti-calendar-off:before { content: "\ee1f"; } + .ti-calendar-plus:before { content: "\ebba"; } + .ti-calendar-stats:before { content: "\ee20"; } + .ti-calendar-time:before { content: "\ee21"; } + .ti-camera:before { content: "\ea54"; } + .ti-camera-minus:before { content: "\ec3a"; } + .ti-camera-off:before { content: "\ecee"; } + .ti-camera-plus:before { content: "\ec3b"; } + .ti-camera-rotate:before { content: "\ee22"; } + .ti-camera-selfie:before { content: "\ee23"; } + .ti-candle:before { content: "\efc6"; } + .ti-candy:before { content: "\ef0d"; } + .ti-candy-off:before { content: "\f0c5"; } + .ti-capture:before { content: "\ec3c"; } + .ti-capture-off:before { content: "\f0c6"; } + .ti-car:before { content: "\ebbb"; } + .ti-car-crane:before { content: "\ef25"; } + .ti-car-crash:before { content: "\efa4"; } + .ti-car-off:before { content: "\f0c7"; } + .ti-caravan:before { content: "\ec7c"; } + .ti-cardboards:before { content: "\ed74"; } + .ti-cardboards-off:before { content: "\f0c8"; } + .ti-caret-down:before { content: "\eb5d"; } + .ti-caret-left:before { content: "\eb5e"; } + .ti-caret-right:before { content: "\eb5f"; } + .ti-caret-up:before { content: "\eb60"; } + .ti-cash:before { content: "\ea55"; } + .ti-cash-banknote:before { content: "\ee25"; } + .ti-cash-banknote-off:before { content: "\ee24"; } + .ti-cash-off:before { content: "\f105"; } + .ti-cast:before { content: "\ea56"; } + .ti-cast-off:before { content: "\f0c9"; } + .ti-ce:before { content: "\ed75"; } + .ti-ce-off:before { content: "\f0ca"; } + .ti-cell:before { content: "\f05f"; } + .ti-cell-signal-1:before { content: "\f083"; } + .ti-cell-signal-2:before { content: "\f084"; } + .ti-cell-signal-3:before { content: "\f085"; } + .ti-cell-signal-4:before { content: "\f086"; } + .ti-cell-signal-5:before { content: "\f087"; } + .ti-cell-signal-off:before { content: "\f088"; } + .ti-certificate:before { content: "\ed76"; } + .ti-certificate-2:before { content: "\f073"; } + .ti-certificate-2-off:before { content: "\f0cb"; } + .ti-certificate-off:before { content: "\f0cc"; } + .ti-charging-pile:before { content: "\ee26"; } + .ti-chart-arcs:before { content: "\ee28"; } + .ti-chart-arcs-3:before { content: "\ee27"; } + .ti-chart-area:before { content: "\ea58"; } + .ti-chart-area-line:before { content: "\ea57"; } + .ti-chart-arrows:before { content: "\ee2a"; } + .ti-chart-arrows-vertical:before { content: "\ee29"; } + .ti-chart-bar:before { content: "\ea59"; } + .ti-chart-bubble:before { content: "\ec75"; } + .ti-chart-candle:before { content: "\ea5a"; } + .ti-chart-circles:before { content: "\ee2b"; } + .ti-chart-donut:before { content: "\ea5b"; } + .ti-chart-donut-2:before { content: "\ee2c"; } + .ti-chart-donut-3:before { content: "\ee2d"; } + .ti-chart-donut-4:before { content: "\ee2e"; } + .ti-chart-dots:before { content: "\ee2f"; } + .ti-chart-dots-2:before { content: "\f097"; } + .ti-chart-dots-3:before { content: "\f098"; } + .ti-chart-infographic:before { content: "\ee30"; } + .ti-chart-line:before { content: "\ea5c"; } + .ti-chart-pie:before { content: "\ea5d"; } + .ti-chart-pie-2:before { content: "\ee31"; } + .ti-chart-pie-3:before { content: "\ee32"; } + .ti-chart-pie-4:before { content: "\ee33"; } + .ti-chart-radar:before { content: "\ed77"; } + .ti-check:before { content: "\ea5e"; } + .ti-checkbox:before { content: "\eba6"; } + .ti-checklist:before { content: "\f074"; } + .ti-checks:before { content: "\ebaa"; } + .ti-checkup-list:before { content: "\ef5a"; } + .ti-cheese:before { content: "\ef26"; } + .ti-chevron-down:before { content: "\ea5f"; } + .ti-chevron-down-left:before { content: "\ed09"; } + .ti-chevron-down-right:before { content: "\ed0a"; } + .ti-chevron-left:before { content: "\ea60"; } + .ti-chevron-right:before { content: "\ea61"; } + .ti-chevron-up:before { content: "\ea62"; } + .ti-chevron-up-left:before { content: "\ed0b"; } + .ti-chevron-up-right:before { content: "\ed0c"; } + .ti-chevrons-down:before { content: "\ea63"; } + .ti-chevrons-down-left:before { content: "\ed0d"; } + .ti-chevrons-down-right:before { content: "\ed0e"; } + .ti-chevrons-left:before { content: "\ea64"; } + .ti-chevrons-right:before { content: "\ea65"; } + .ti-chevrons-up:before { content: "\ea66"; } + .ti-chevrons-up-left:before { content: "\ed0f"; } + .ti-chevrons-up-right:before { content: "\ed10"; } + .ti-christmas-tree:before { content: "\ed78"; } + .ti-circle:before { content: "\ea6b"; } + .ti-circle-0:before { content: "\ee34"; } + .ti-circle-1:before { content: "\ee35"; } + .ti-circle-2:before { content: "\ee36"; } + .ti-circle-3:before { content: "\ee37"; } + .ti-circle-4:before { content: "\ee38"; } + .ti-circle-5:before { content: "\ee39"; } + .ti-circle-6:before { content: "\ee3a"; } + .ti-circle-7:before { content: "\ee3b"; } + .ti-circle-8:before { content: "\ee3c"; } + .ti-circle-9:before { content: "\ee3d"; } + .ti-circle-check:before { content: "\ea67"; } + .ti-circle-dashed:before { content: "\ed27"; } + .ti-circle-dot:before { content: "\efb1"; } + .ti-circle-dotted:before { content: "\ed28"; } + .ti-circle-half:before { content: "\ee3f"; } + .ti-circle-half-2:before { content: "\eff3"; } + .ti-circle-half-vertical:before { content: "\ee3e"; } + .ti-circle-minus:before { content: "\ea68"; } + .ti-circle-off:before { content: "\ee40"; } + .ti-circle-plus:before { content: "\ea69"; } + .ti-circle-rectangle:before { content: "\f010"; } + .ti-circle-rectangle-off:before { content: "\f0cd"; } + .ti-circle-square:before { content: "\ece4"; } + .ti-circle-triangle:before { content: "\f011"; } + .ti-circle-x:before { content: "\ea6a"; } + .ti-circles:before { content: "\ece5"; } + .ti-clear-all:before { content: "\ee41"; } + .ti-clear-formatting:before { content: "\ebe5"; } + .ti-click:before { content: "\ebbc"; } + .ti-clipboard:before { content: "\ea6f"; } + .ti-clipboard-check:before { content: "\ea6c"; } + .ti-clipboard-list:before { content: "\ea6d"; } + .ti-clipboard-off:before { content: "\f0ce"; } + .ti-clipboard-plus:before { content: "\efb2"; } + .ti-clipboard-text:before { content: "\f089"; } + .ti-clipboard-x:before { content: "\ea6e"; } + .ti-clock:before { content: "\ea70"; } + .ti-clock-2:before { content: "\f099"; } + .ti-clock-off:before { content: "\f0cf"; } + .ti-cloud:before { content: "\ea76"; } + .ti-cloud-computing:before { content: "\f1d0"; } + .ti-cloud-data-connection:before { content: "\f1d1"; } + .ti-cloud-download:before { content: "\ea71"; } + .ti-cloud-fog:before { content: "\ecd9"; } + .ti-cloud-lock:before { content: "\efdb"; } + .ti-cloud-lock-open:before { content: "\efda"; } + .ti-cloud-off:before { content: "\ed3e"; } + .ti-cloud-rain:before { content: "\ea72"; } + .ti-cloud-snow:before { content: "\ea73"; } + .ti-cloud-storm:before { content: "\ea74"; } + .ti-cloud-upload:before { content: "\ea75"; } + .ti-clubs:before { content: "\eff4"; } + .ti-code:before { content: "\ea77"; } + .ti-code-minus:before { content: "\ee42"; } + .ti-code-off:before { content: "\f0d0"; } + .ti-code-plus:before { content: "\ee43"; } + .ti-coffee:before { content: "\ef0e"; } + .ti-coffee-off:before { content: "\f106"; } + .ti-coin:before { content: "\eb82"; } + .ti-coin-off:before { content: "\f0d1"; } + .ti-color-picker:before { content: "\ebe6"; } + .ti-color-picker-off:before { content: "\f0d2"; } + .ti-color-swatch:before { content: "\eb61"; } + .ti-color-swatch-off:before { content: "\f0d3"; } + .ti-column-insert-left:before { content: "\ee44"; } + .ti-column-insert-right:before { content: "\ee45"; } + .ti-columns:before { content: "\eb83"; } + .ti-columns-off:before { content: "\f0d4"; } + .ti-comet:before { content: "\ec76"; } + .ti-command:before { content: "\ea78"; } + .ti-compass:before { content: "\ea79"; } + .ti-compass-off:before { content: "\f0d5"; } + .ti-components:before { content: "\efa5"; } + .ti-components-off:before { content: "\f0d6"; } + .ti-cone:before { content: "\efdd"; } + .ti-cone-2:before { content: "\efdc"; } + .ti-confetti:before { content: "\ee46"; } + .ti-container:before { content: "\ee47"; } + .ti-container-off:before { content: "\f107"; } + .ti-contrast:before { content: "\ec4e"; } + .ti-contrast-2:before { content: "\efc7"; } + .ti-cookie:before { content: "\ef0f"; } + .ti-cookie-off:before { content: "\f0d7"; } + .ti-copy:before { content: "\ea7a"; } + .ti-copy-off:before { content: "\f0d8"; } + .ti-copyleft:before { content: "\ec3d"; } + .ti-copyleft-off:before { content: "\f0d9"; } + .ti-copyright:before { content: "\ea7b"; } + .ti-copyright-off:before { content: "\f0da"; } + .ti-corner-down-left:before { content: "\ea7c"; } + .ti-corner-down-left-double:before { content: "\ee48"; } + .ti-corner-down-right:before { content: "\ea7d"; } + .ti-corner-down-right-double:before { content: "\ee49"; } + .ti-corner-left-down:before { content: "\ea7e"; } + .ti-corner-left-down-double:before { content: "\ee4a"; } + .ti-corner-left-up:before { content: "\ea7f"; } + .ti-corner-left-up-double:before { content: "\ee4b"; } + .ti-corner-right-down:before { content: "\ea80"; } + .ti-corner-right-down-double:before { content: "\ee4c"; } + .ti-corner-right-up:before { content: "\ea81"; } + .ti-corner-right-up-double:before { content: "\ee4d"; } + .ti-corner-up-left:before { content: "\ea82"; } + .ti-corner-up-left-double:before { content: "\ee4e"; } + .ti-corner-up-right:before { content: "\ea83"; } + .ti-corner-up-right-double:before { content: "\ee4f"; } + .ti-cpu:before { content: "\ef8e"; } + .ti-cpu-2:before { content: "\f075"; } + .ti-cpu-off:before { content: "\f108"; } + .ti-crane:before { content: "\ef27"; } + .ti-crane-off:before { content: "\f109"; } + .ti-creative-commons:before { content: "\efb3"; } + .ti-creative-commons-off:before { content: "\f10a"; } + .ti-credit-card:before { content: "\ea84"; } + .ti-credit-card-off:before { content: "\ed11"; } + .ti-cricket:before { content: "\f09a"; } + .ti-crop:before { content: "\ea85"; } + .ti-cross:before { content: "\ef8f"; } + .ti-cross-off:before { content: "\f10b"; } + .ti-crosshair:before { content: "\ec3e"; } + .ti-crown:before { content: "\ed12"; } + .ti-crown-off:before { content: "\ee50"; } + .ti-crutches:before { content: "\ef5b"; } + .ti-crutches-off:before { content: "\f10c"; } + .ti-cup:before { content: "\ef28"; } + .ti-cup-off:before { content: "\f10d"; } + .ti-curling:before { content: "\efc8"; } + .ti-curly-loop:before { content: "\ecda"; } + .ti-currency:before { content: "\efa6"; } + .ti-currency-bahraini:before { content: "\ee51"; } + .ti-currency-baht:before { content: "\f08a"; } + .ti-currency-bitcoin:before { content: "\ebab"; } + .ti-currency-cent:before { content: "\ee53"; } + .ti-currency-dinar:before { content: "\ee54"; } + .ti-currency-dirham:before { content: "\ee55"; } + .ti-currency-dogecoin:before { content: "\ef4b"; } + .ti-currency-dollar:before { content: "\eb84"; } + .ti-currency-dollar-australian:before { content: "\ee56"; } + .ti-currency-dollar-canadian:before { content: "\ee57"; } + .ti-currency-dollar-singapore:before { content: "\ee58"; } + .ti-currency-ethereum:before { content: "\ee59"; } + .ti-currency-euro:before { content: "\eb85"; } + .ti-currency-forint:before { content: "\ee5a"; } + .ti-currency-frank:before { content: "\ee5b"; } + .ti-currency-krone-czech:before { content: "\ee5c"; } + .ti-currency-krone-danish:before { content: "\ee5d"; } + .ti-currency-krone-swedish:before { content: "\ee5e"; } + .ti-currency-leu:before { content: "\ee5f"; } + .ti-currency-lira:before { content: "\ee60"; } + .ti-currency-litecoin:before { content: "\ee61"; } + .ti-currency-naira:before { content: "\ee62"; } + .ti-currency-pound:before { content: "\ebac"; } + .ti-currency-real:before { content: "\ee63"; } + .ti-currency-renminbi:before { content: "\ee64"; } + .ti-currency-ripple:before { content: "\ee65"; } + .ti-currency-riyal:before { content: "\ee66"; } + .ti-currency-rubel:before { content: "\ee67"; } + .ti-currency-rupee:before { content: "\ebad"; } + .ti-currency-shekel:before { content: "\ee68"; } + .ti-currency-taka:before { content: "\ee69"; } + .ti-currency-tugrik:before { content: "\ee6a"; } + .ti-currency-won:before { content: "\ee6b"; } + .ti-currency-yen:before { content: "\ebae"; } + .ti-currency-zloty:before { content: "\ee6c"; } + .ti-current-location:before { content: "\ecef"; } + .ti-current-location-off:before { content: "\f10e"; } + .ti-cursor-off:before { content: "\f10f"; } + .ti-cursor-text:before { content: "\ee6d"; } + .ti-cut:before { content: "\ea86"; } + .ti-dashboard:before { content: "\ea87"; } + .ti-database:before { content: "\ea88"; } + .ti-database-export:before { content: "\ee6e"; } + .ti-database-import:before { content: "\ee6f"; } + .ti-database-off:before { content: "\ee70"; } + .ti-dental:before { content: "\f025"; } + .ti-dental-off:before { content: "\f110"; } + .ti-details:before { content: "\ee71"; } + .ti-device-analytics:before { content: "\ee72"; } + .ti-device-audio-tape:before { content: "\ee73"; } + .ti-device-cctv:before { content: "\ee74"; } + .ti-device-computer-camera:before { content: "\ee76"; } + .ti-device-computer-camera-off:before { content: "\ee75"; } + .ti-device-desktop:before { content: "\ea89"; } + .ti-device-desktop-analytics:before { content: "\ee77"; } + .ti-device-desktop-off:before { content: "\ee78"; } + .ti-device-floppy:before { content: "\eb62"; } + .ti-device-gamepad:before { content: "\eb63"; } + .ti-device-gamepad-2:before { content: "\f1d2"; } + .ti-device-heart-monitor:before { content: "\f060"; } + .ti-device-laptop:before { content: "\eb64"; } + .ti-device-laptop-off:before { content: "\f061"; } + .ti-device-mobile:before { content: "\ea8a"; } + .ti-device-mobile-message:before { content: "\ee79"; } + .ti-device-mobile-off:before { content: "\f062"; } + .ti-device-mobile-rotated:before { content: "\ecdb"; } + .ti-device-mobile-vibration:before { content: "\eb86"; } + .ti-device-nintendo:before { content: "\f026"; } + .ti-device-nintendo-off:before { content: "\f111"; } + .ti-device-speaker:before { content: "\ea8b"; } + .ti-device-speaker-off:before { content: "\f112"; } + .ti-device-tablet:before { content: "\ea8c"; } + .ti-device-tablet-off:before { content: "\f063"; } + .ti-device-tv:before { content: "\ea8d"; } + .ti-device-tv-off:before { content: "\f064"; } + .ti-device-tv-old:before { content: "\f1d3"; } + .ti-device-watch:before { content: "\ebf9"; } + .ti-device-watch-off:before { content: "\f065"; } + .ti-device-watch-stats:before { content: "\ef7d"; } + .ti-device-watch-stats-2:before { content: "\ef7c"; } + .ti-devices:before { content: "\eb87"; } + .ti-devices-2:before { content: "\ed29"; } + .ti-devices-off:before { content: "\f066"; } + .ti-devices-pc:before { content: "\ee7a"; } + .ti-devices-pc-off:before { content: "\f113"; } + .ti-dialpad:before { content: "\f067"; } + .ti-dialpad-off:before { content: "\f114"; } + .ti-diamond:before { content: "\eb65"; } + .ti-diamond-off:before { content: "\f115"; } + .ti-diamonds:before { content: "\eff5"; } + .ti-dice:before { content: "\eb66"; } + .ti-dice-1:before { content: "\f08b"; } + .ti-dice-2:before { content: "\f08c"; } + .ti-dice-3:before { content: "\f08d"; } + .ti-dice-4:before { content: "\f08e"; } + .ti-dice-5:before { content: "\f08f"; } + .ti-dice-6:before { content: "\f090"; } + .ti-dimensions:before { content: "\ee7b"; } + .ti-direction:before { content: "\ebfb"; } + .ti-direction-horizontal:before { content: "\ebfa"; } + .ti-directions:before { content: "\ea8e"; } + .ti-directions-off:before { content: "\f116"; } + .ti-disabled:before { content: "\ea8f"; } + .ti-disabled-2:before { content: "\ebaf"; } + .ti-disabled-off:before { content: "\f117"; } + .ti-disc:before { content: "\ea90"; } + .ti-disc-off:before { content: "\f118"; } + .ti-discount:before { content: "\ebbd"; } + .ti-discount-2:before { content: "\ee7c"; } + .ti-divide:before { content: "\ed5c"; } + .ti-dna:before { content: "\ee7d"; } + .ti-dna-2:before { content: "\ef5c"; } + .ti-dna-2-off:before { content: "\f119"; } + .ti-dna-off:before { content: "\f11a"; } + .ti-dog-bowl:before { content: "\ef29"; } + .ti-door:before { content: "\ef4e"; } + .ti-door-enter:before { content: "\ef4c"; } + .ti-door-exit:before { content: "\ef4d"; } + .ti-door-off:before { content: "\f11b"; } + .ti-dots:before { content: "\ea95"; } + .ti-dots-circle-horizontal:before { content: "\ea91"; } + .ti-dots-diagonal:before { content: "\ea93"; } + .ti-dots-diagonal-2:before { content: "\ea92"; } + .ti-dots-vertical:before { content: "\ea94"; } + .ti-download:before { content: "\ea96"; } + .ti-download-off:before { content: "\f11c"; } + .ti-drag-drop:before { content: "\eb89"; } + .ti-drag-drop-2:before { content: "\eb88"; } + .ti-drone:before { content: "\ed79"; } + .ti-drone-off:before { content: "\ee7e"; } + .ti-drop-circle:before { content: "\efde"; } + .ti-droplet:before { content: "\ea97"; } + .ti-droplet-filled:before { content: "\ee80"; } + .ti-droplet-filled-2:before { content: "\ee7f"; } + .ti-droplet-half:before { content: "\ee82"; } + .ti-droplet-half-2:before { content: "\ee81"; } + .ti-droplet-off:before { content: "\ee83"; } + .ti-ear:before { content: "\ebce"; } + .ti-ear-off:before { content: "\ee84"; } + .ti-edit:before { content: "\ea98"; } + .ti-edit-circle:before { content: "\ee85"; } + .ti-edit-circle-off:before { content: "\f11d"; } + .ti-edit-off:before { content: "\f11e"; } + .ti-egg:before { content: "\eb8a"; } + .ti-egg-off:before { content: "\f11f"; } + .ti-elevator:before { content: "\efdf"; } + .ti-emergency-bed:before { content: "\ef5d"; } + .ti-emphasis:before { content: "\ebcf"; } + .ti-engine:before { content: "\ef7e"; } + .ti-engine-off:before { content: "\f120"; } + .ti-equal:before { content: "\ee87"; } + .ti-equal-not:before { content: "\ee86"; } + .ti-eraser:before { content: "\eb8b"; } + .ti-eraser-off:before { content: "\f121"; } + .ti-error-404:before { content: "\f027"; } + .ti-error-404-off:before { content: "\f122"; } + .ti-exchange:before { content: "\ebe7"; } + .ti-exchange-off:before { content: "\f123"; } + .ti-exclamation-mark:before { content: "\efb4"; } + .ti-exclamation-mark-off:before { content: "\f124"; } + .ti-exposure:before { content: "\eb8c"; } + .ti-external-link:before { content: "\ea99"; } + .ti-external-link-off:before { content: "\f125"; } + .ti-eye:before { content: "\ea9a"; } + .ti-eye-check:before { content: "\ee88"; } + .ti-eye-off:before { content: "\ecf0"; } + .ti-eye-table:before { content: "\ef5e"; } + .ti-eyeglass:before { content: "\ee8a"; } + .ti-eyeglass-2:before { content: "\ee89"; } + .ti-eyeglass-off:before { content: "\f126"; } + .ti-face-id:before { content: "\ea9b"; } + .ti-face-id-error:before { content: "\efa7"; } + .ti-face-mask:before { content: "\efb5"; } + .ti-face-mask-off:before { content: "\f127"; } + .ti-fall:before { content: "\ecb9"; } + .ti-feather:before { content: "\ee8b"; } + .ti-feather-off:before { content: "\f128"; } + .ti-fence:before { content: "\ef2a"; } + .ti-fence-off:before { content: "\f129"; } + .ti-fidget-spinner:before { content: "\f068"; } + .ti-file:before { content: "\eaa4"; } + .ti-file-3d:before { content: "\f032"; } + .ti-file-alert:before { content: "\ede6"; } + .ti-file-analytics:before { content: "\ede7"; } + .ti-file-arrow-left:before { content: "\f033"; } + .ti-file-arrow-right:before { content: "\f034"; } + .ti-file-barcode:before { content: "\f035"; } + .ti-file-certificate:before { content: "\ed4d"; } + .ti-file-chart:before { content: "\f036"; } + .ti-file-check:before { content: "\ea9c"; } + .ti-file-code:before { content: "\ebd0"; } + .ti-file-code-2:before { content: "\ede8"; } + .ti-file-database:before { content: "\f037"; } + .ti-file-description:before { content: "\f028"; } + .ti-file-diff:before { content: "\ecf1"; } + .ti-file-digit:before { content: "\efa8"; } + .ti-file-dislike:before { content: "\ed2a"; } + .ti-file-dollar:before { content: "\efe0"; } + .ti-file-dots:before { content: "\f038"; } + .ti-file-download:before { content: "\ea9d"; } + .ti-file-euro:before { content: "\efe1"; } + .ti-file-export:before { content: "\ede9"; } + .ti-file-horizontal:before { content: "\ebb0"; } + .ti-file-import:before { content: "\edea"; } + .ti-file-info:before { content: "\edec"; } + .ti-file-invoice:before { content: "\eb67"; } + .ti-file-like:before { content: "\ed2b"; } + .ti-file-minus:before { content: "\ea9e"; } + .ti-file-music:before { content: "\ea9f"; } + .ti-file-off:before { content: "\ecf2"; } + .ti-file-pencil:before { content: "\f039"; } + .ti-file-phone:before { content: "\ecdc"; } + .ti-file-plus:before { content: "\eaa0"; } + .ti-file-power:before { content: "\f03a"; } + .ti-file-report:before { content: "\eded"; } + .ti-file-rss:before { content: "\f03b"; } + .ti-file-scissors:before { content: "\f03c"; } + .ti-file-search:before { content: "\ed5d"; } + .ti-file-settings:before { content: "\f029"; } + .ti-file-shredder:before { content: "\eaa1"; } + .ti-file-signal:before { content: "\f03d"; } + .ti-file-spreadsheet:before { content: "\f03e"; } + .ti-file-star:before { content: "\f03f"; } + .ti-file-symlink:before { content: "\ed53"; } + .ti-file-text:before { content: "\eaa2"; } + .ti-file-time:before { content: "\f040"; } + .ti-file-typography:before { content: "\f041"; } + .ti-file-unknown:before { content: "\f042"; } + .ti-file-upload:before { content: "\ec91"; } + .ti-file-vector:before { content: "\f043"; } + .ti-file-x:before { content: "\eaa3"; } + .ti-file-zip:before { content: "\ed4e"; } + .ti-files:before { content: "\edef"; } + .ti-files-off:before { content: "\edee"; } + .ti-filter:before { content: "\eaa5"; } + .ti-filter-off:before { content: "\ed2c"; } + .ti-fingerprint:before { content: "\ebd1"; } + .ti-fingerprint-off:before { content: "\f12a"; } + .ti-firetruck:before { content: "\ebe8"; } + .ti-first-aid-kit:before { content: "\ef5f"; } + .ti-fish:before { content: "\ef2b"; } + .ti-fish-off:before { content: "\f12b"; } + .ti-flag:before { content: "\eaa6"; } + .ti-flag-2:before { content: "\ee8c"; } + .ti-flag-2-off:before { content: "\f12c"; } + .ti-flag-3:before { content: "\ee8d"; } + .ti-flag-off:before { content: "\f12d"; } + .ti-flame:before { content: "\ec2c"; } + .ti-flame-off:before { content: "\f12e"; } + .ti-flare:before { content: "\ee8e"; } + .ti-flask:before { content: "\ebd2"; } + .ti-flask-2:before { content: "\ef60"; } + .ti-flask-2-off:before { content: "\f12f"; } + .ti-flask-off:before { content: "\f130"; } + .ti-flip-horizontal:before { content: "\eaa7"; } + .ti-flip-vertical:before { content: "\eaa8"; } + .ti-float-center:before { content: "\ebb1"; } + .ti-float-left:before { content: "\ebb2"; } + .ti-float-none:before { content: "\ed13"; } + .ti-float-right:before { content: "\ebb3"; } + .ti-flower:before { content: "\eff6"; } + .ti-flower-off:before { content: "\f131"; } + .ti-focus:before { content: "\eb8d"; } + .ti-focus-2:before { content: "\ebd3"; } + .ti-focus-centered:before { content: "\f02a"; } + .ti-fold:before { content: "\ed56"; } + .ti-fold-down:before { content: "\ed54"; } + .ti-fold-up:before { content: "\ed55"; } + .ti-folder:before { content: "\eaad"; } + .ti-folder-minus:before { content: "\eaaa"; } + .ti-folder-off:before { content: "\ed14"; } + .ti-folder-plus:before { content: "\eaab"; } + .ti-folder-x:before { content: "\eaac"; } + .ti-folders:before { content: "\eaae"; } + .ti-folders-off:before { content: "\f133"; } + .ti-forbid:before { content: "\ebd5"; } + .ti-forbid-2:before { content: "\ebd4"; } + .ti-forklift:before { content: "\ebe9"; } + .ti-forms:before { content: "\ee8f"; } + .ti-fountain:before { content: "\f09b"; } + .ti-fountain-off:before { content: "\f134"; } + .ti-frame:before { content: "\eaaf"; } + .ti-frame-off:before { content: "\f135"; } + .ti-free-rights:before { content: "\efb6"; } + .ti-friends:before { content: "\eab0"; } + .ti-friends-off:before { content: "\f136"; } + .ti-gas-station:before { content: "\ec7d"; } + .ti-gas-station-off:before { content: "\f137"; } + .ti-gauge:before { content: "\eab1"; } + .ti-gauge-off:before { content: "\f138"; } + .ti-gavel:before { content: "\ef90"; } + .ti-gender-agender:before { content: "\f0e1"; } + .ti-gender-androgyne:before { content: "\f0e2"; } + .ti-gender-bigender:before { content: "\f0e3"; } + .ti-gender-demiboy:before { content: "\f0e4"; } + .ti-gender-demigirl:before { content: "\f0e5"; } + .ti-gender-epicene:before { content: "\f0e6"; } + .ti-gender-female:before { content: "\f0e7"; } + .ti-gender-femme:before { content: "\f0e8"; } + .ti-gender-genderfluid:before { content: "\f0e9"; } + .ti-gender-genderless:before { content: "\f0ea"; } + .ti-gender-genderqueer:before { content: "\f0eb"; } + .ti-gender-hermaphrodite:before { content: "\f0ec"; } + .ti-gender-intergender:before { content: "\f0ed"; } + .ti-gender-male:before { content: "\f0ee"; } + .ti-gender-neutrois:before { content: "\f0ef"; } + .ti-gender-third:before { content: "\f0f0"; } + .ti-gender-transgender:before { content: "\f0f1"; } + .ti-gender-trasvesti:before { content: "\f0f2"; } + .ti-geometry:before { content: "\ee90"; } + .ti-ghost:before { content: "\eb8e"; } + .ti-gift:before { content: "\eb68"; } + .ti-git-branch:before { content: "\eab2"; } + .ti-git-commit:before { content: "\eab3"; } + .ti-git-compare:before { content: "\eab4"; } + .ti-git-fork:before { content: "\eb8f"; } + .ti-git-merge:before { content: "\eab5"; } + .ti-git-pull-request:before { content: "\eab6"; } + .ti-git-pull-request-closed:before { content: "\ef7f"; } + .ti-git-pull-request-draft:before { content: "\efb7"; } + .ti-gizmo:before { content: "\f02b"; } + .ti-glass:before { content: "\eab8"; } + .ti-glass-full:before { content: "\eab7"; } + .ti-glass-off:before { content: "\ee91"; } + .ti-globe:before { content: "\eab9"; } + .ti-globe-off:before { content: "\f139"; } + .ti-golf:before { content: "\ed8c"; } + .ti-golf-off:before { content: "\f13a"; } + .ti-gps:before { content: "\ed7a"; } + .ti-grain:before { content: "\ee92"; } + .ti-grid-dots:before { content: "\eaba"; } + .ti-grid-pattern:before { content: "\efc9"; } + .ti-grill:before { content: "\efa9"; } + .ti-grill-off:before { content: "\f13b"; } + .ti-grip-horizontal:before { content: "\ec00"; } + .ti-grip-vertical:before { content: "\ec01"; } + .ti-growth:before { content: "\ee93"; } + .ti-h-1:before { content: "\ec94"; } + .ti-h-2:before { content: "\ec95"; } + .ti-h-3:before { content: "\ec96"; } + .ti-h-4:before { content: "\ec97"; } + .ti-h-5:before { content: "\ec98"; } + .ti-h-6:before { content: "\ec99"; } + .ti-hammer:before { content: "\ef91"; } + .ti-hammer-off:before { content: "\f13c"; } + .ti-hand-click:before { content: "\ef4f"; } + .ti-hand-finger:before { content: "\ee94"; } + .ti-hand-finger-off:before { content: "\f13d"; } + .ti-hand-grab:before { content: "\f091"; } + .ti-hand-little-finger:before { content: "\ee95"; } + .ti-hand-middle-finger:before { content: "\ec2d"; } + .ti-hand-move:before { content: "\ef50"; } + .ti-hand-off:before { content: "\ed15"; } + .ti-hand-ring-finger:before { content: "\ee96"; } + .ti-hand-rock:before { content: "\ee97"; } + .ti-hand-stop:before { content: "\ec2e"; } + .ti-hand-three-fingers:before { content: "\ee98"; } + .ti-hand-two-fingers:before { content: "\ee99"; } + .ti-hanger:before { content: "\ee9a"; } + .ti-hanger-2:before { content: "\f09c"; } + .ti-hanger-off:before { content: "\f13e"; } + .ti-hash:before { content: "\eabc"; } + .ti-haze:before { content: "\efaa"; } + .ti-heading:before { content: "\ee9b"; } + .ti-heading-off:before { content: "\f13f"; } + .ti-headphones:before { content: "\eabd"; } + .ti-headphones-off:before { content: "\ed1d"; } + .ti-headset:before { content: "\eb90"; } + .ti-heart:before { content: "\eabe"; } + .ti-heart-broken:before { content: "\ecba"; } + .ti-heart-handshake:before { content: "\f0f3"; } + .ti-heart-minus:before { content: "\f140"; } + .ti-heart-off:before { content: "\f141"; } + .ti-heart-plus:before { content: "\f142"; } + .ti-heart-rate-monitor:before { content: "\ef61"; } + .ti-heartbeat:before { content: "\ef92"; } + .ti-helicopter:before { content: "\ed8e"; } + .ti-helicopter-landing:before { content: "\ed8d"; } + .ti-helmet:before { content: "\efca"; } + .ti-helmet-off:before { content: "\f143"; } + .ti-help:before { content: "\eabf"; } + .ti-hexagon:before { content: "\ec02"; } + .ti-hexagon-off:before { content: "\ee9c"; } + .ti-hexagons:before { content: "\f09d"; } + .ti-hierarchy:before { content: "\ee9e"; } + .ti-hierarchy-2:before { content: "\ee9d"; } + .ti-highlight:before { content: "\ef3f"; } + .ti-highlight-off:before { content: "\f144"; } + .ti-history:before { content: "\ebea"; } + .ti-home:before { content: "\eac1"; } + .ti-home-2:before { content: "\eac0"; } + .ti-home-off:before { content: "\f145"; } + .ti-hotel-service:before { content: "\ef80"; } + .ti-hourglass:before { content: "\ef93"; } + .ti-hourglass-empty:before { content: "\f146"; } + .ti-hourglass-high:before { content: "\f092"; } + .ti-hourglass-low:before { content: "\f093"; } + .ti-hourglass-off:before { content: "\f147"; } + .ti-ice-cream:before { content: "\eac2"; } + .ti-ice-cream-2:before { content: "\ee9f"; } + .ti-ice-cream-off:before { content: "\f148"; } + .ti-ice-skating:before { content: "\efcb"; } + .ti-icons:before { content: "\f1d4"; } + .ti-id:before { content: "\eac3"; } + .ti-id-badge:before { content: "\eff7"; } + .ti-id-badge-2:before { content: "\f076"; } + .ti-id-off:before { content: "\f149"; } + .ti-inbox:before { content: "\eac4"; } + .ti-inbox-off:before { content: "\f14a"; } + .ti-indent-decrease:before { content: "\eb91"; } + .ti-indent-increase:before { content: "\eb92"; } + .ti-infinity:before { content: "\eb69"; } + .ti-info-circle:before { content: "\eac5"; } + .ti-info-square:before { content: "\eac6"; } + .ti-italic:before { content: "\eb93"; } + .ti-jewish-star:before { content: "\f1d5"; } + .ti-jump-rope:before { content: "\ed8f"; } + .ti-karate:before { content: "\ed32"; } + .ti-kayak:before { content: "\f1d6"; } + .ti-kering:before { content: "\efb8"; } + .ti-key:before { content: "\eac7"; } + .ti-key-off:before { content: "\f14b"; } + .ti-keyboard:before { content: "\ebd6"; } + .ti-keyboard-hide:before { content: "\ec7e"; } + .ti-keyboard-off:before { content: "\eea0"; } + .ti-keyboard-show:before { content: "\ec7f"; } + .ti-ladder:before { content: "\efe2"; } + .ti-ladder-off:before { content: "\f14c"; } + .ti-lamp:before { content: "\efab"; } + .ti-lamp-2:before { content: "\f09e"; } + .ti-lamp-off:before { content: "\f14d"; } + .ti-language:before { content: "\ebbe"; } + .ti-language-hiragana:before { content: "\ef77"; } + .ti-language-katakana:before { content: "\ef78"; } + .ti-language-off:before { content: "\f14e"; } + .ti-lasso:before { content: "\efac"; } + .ti-lasso-off:before { content: "\f14f"; } + .ti-layers-difference:before { content: "\eac8"; } + .ti-layers-intersect:before { content: "\eac9"; } + .ti-layers-intersect-2:before { content: "\eff8"; } + .ti-layers-linked:before { content: "\eea1"; } + .ti-layers-off:before { content: "\f150"; } + .ti-layers-subtract:before { content: "\eaca"; } + .ti-layers-union:before { content: "\eacb"; } + .ti-layout:before { content: "\eadb"; } + .ti-layout-2:before { content: "\eacc"; } + .ti-layout-align-bottom:before { content: "\eacd"; } + .ti-layout-align-center:before { content: "\eace"; } + .ti-layout-align-left:before { content: "\eacf"; } + .ti-layout-align-middle:before { content: "\ead0"; } + .ti-layout-align-right:before { content: "\ead1"; } + .ti-layout-align-top:before { content: "\ead2"; } + .ti-layout-board:before { content: "\ef95"; } + .ti-layout-board-split:before { content: "\ef94"; } + .ti-layout-bottombar:before { content: "\ead3"; } + .ti-layout-cards:before { content: "\ec13"; } + .ti-layout-columns:before { content: "\ead4"; } + .ti-layout-dashboard:before { content: "\f02c"; } + .ti-layout-distribute-horizontal:before { content: "\ead5"; } + .ti-layout-distribute-vertical:before { content: "\ead6"; } + .ti-layout-grid:before { content: "\edba"; } + .ti-layout-grid-add:before { content: "\edb9"; } + .ti-layout-kanban:before { content: "\ec3f"; } + .ti-layout-list:before { content: "\ec14"; } + .ti-layout-navbar:before { content: "\ead7"; } + .ti-layout-off:before { content: "\f151"; } + .ti-layout-rows:before { content: "\ead8"; } + .ti-layout-sidebar:before { content: "\eada"; } + .ti-layout-sidebar-left-collapse:before { content: "\f004"; } + .ti-layout-sidebar-left-expand:before { content: "\f005"; } + .ti-layout-sidebar-right:before { content: "\ead9"; } + .ti-layout-sidebar-right-collapse:before { content: "\f006"; } + .ti-layout-sidebar-right-expand:before { content: "\f007"; } + .ti-leaf:before { content: "\ed4f"; } + .ti-leaf-off:before { content: "\f152"; } + .ti-lego:before { content: "\eadc"; } + .ti-lemon:before { content: "\ef10"; } + .ti-lemon-2:before { content: "\ef81"; } + .ti-letter-a:before { content: "\ec50"; } + .ti-letter-b:before { content: "\ec51"; } + .ti-letter-c:before { content: "\ec52"; } + .ti-letter-case:before { content: "\eea5"; } + .ti-letter-case-lower:before { content: "\eea2"; } + .ti-letter-case-toggle:before { content: "\eea3"; } + .ti-letter-case-upper:before { content: "\eea4"; } + .ti-letter-d:before { content: "\ec53"; } + .ti-letter-e:before { content: "\ec54"; } + .ti-letter-f:before { content: "\ec55"; } + .ti-letter-g:before { content: "\ec56"; } + .ti-letter-h:before { content: "\ec57"; } + .ti-letter-i:before { content: "\ec58"; } + .ti-letter-j:before { content: "\ec59"; } + .ti-letter-k:before { content: "\ec5a"; } + .ti-letter-l:before { content: "\ec5b"; } + .ti-letter-m:before { content: "\ec5c"; } + .ti-letter-n:before { content: "\ec5d"; } + .ti-letter-o:before { content: "\ec5e"; } + .ti-letter-p:before { content: "\ec5f"; } + .ti-letter-q:before { content: "\ec60"; } + .ti-letter-r:before { content: "\ec61"; } + .ti-letter-s:before { content: "\ec62"; } + .ti-letter-spacing:before { content: "\eea6"; } + .ti-letter-t:before { content: "\ec63"; } + .ti-letter-u:before { content: "\ec64"; } + .ti-letter-v:before { content: "\ec65"; } + .ti-letter-w:before { content: "\ec66"; } + .ti-letter-x:before { content: "\ec67"; } + .ti-letter-y:before { content: "\ec68"; } + .ti-letter-z:before { content: "\ec69"; } + .ti-license:before { content: "\ebc0"; } + .ti-license-off:before { content: "\f153"; } + .ti-lifebuoy:before { content: "\eadd"; } + .ti-lifebuoy-off:before { content: "\f154"; } + .ti-line:before { content: "\ec40"; } + .ti-line-dashed:before { content: "\eea7"; } + .ti-line-dotted:before { content: "\eea8"; } + .ti-line-height:before { content: "\eb94"; } + .ti-link:before { content: "\eade"; } + .ti-list:before { content: "\eb6b"; } + .ti-list-check:before { content: "\eb6a"; } + .ti-list-details:before { content: "\ef40"; } + .ti-list-numbers:before { content: "\ef11"; } + .ti-list-search:before { content: "\eea9"; } + .ti-live-photo:before { content: "\eadf"; } + .ti-live-view:before { content: "\ec6b"; } + .ti-loader:before { content: "\eca3"; } + .ti-loader-quarter:before { content: "\eca2"; } + .ti-location:before { content: "\eae0"; } + .ti-location-off:before { content: "\f155"; } + .ti-lock:before { content: "\eae2"; } + .ti-lock-access:before { content: "\eeaa"; } + .ti-lock-off:before { content: "\ed1e"; } + .ti-lock-open:before { content: "\eae1"; } + .ti-lock-open-off:before { content: "\f156"; } + .ti-lock-square:before { content: "\ef51"; } + .ti-login:before { content: "\eba7"; } + .ti-logout:before { content: "\eba8"; } + .ti-lollipop:before { content: "\efcc"; } + .ti-lollipop-off:before { content: "\f157"; } + .ti-luggage:before { content: "\efad"; } + .ti-luggage-off:before { content: "\f158"; } + .ti-lungs:before { content: "\ef62"; } + .ti-macro:before { content: "\eeab"; } + .ti-magnet:before { content: "\eae3"; } + .ti-magnet-off:before { content: "\f159"; } + .ti-mail:before { content: "\eae5"; } + .ti-mail-fast:before { content: "\f069"; } + .ti-mail-forward:before { content: "\eeac"; } + .ti-mail-off:before { content: "\f15a"; } + .ti-mail-opened:before { content: "\eae4"; } + .ti-mailbox:before { content: "\eead"; } + .ti-mailbox-off:before { content: "\f15b"; } + .ti-man:before { content: "\eae6"; } + .ti-manual-gearbox:before { content: "\ed7b"; } + .ti-map:before { content: "\eae9"; } + .ti-map-2:before { content: "\eae7"; } + .ti-map-off:before { content: "\f15c"; } + .ti-map-pin:before { content: "\eae8"; } + .ti-map-pin-off:before { content: "\ecf3"; } + .ti-map-pins:before { content: "\ed5e"; } + .ti-map-search:before { content: "\ef82"; } + .ti-markdown:before { content: "\ec41"; } + .ti-marquee:before { content: "\ec77"; } + .ti-marquee-2:before { content: "\eeae"; } + .ti-marquee-off:before { content: "\f15d"; } + .ti-mars:before { content: "\ec80"; } + .ti-mask:before { content: "\eeb0"; } + .ti-mask-off:before { content: "\eeaf"; } + .ti-massage:before { content: "\eeb1"; } + .ti-math:before { content: "\ebeb"; } + .ti-math-avg:before { content: "\f0f4"; } + .ti-math-function:before { content: "\eeb2"; } + .ti-math-function-off:before { content: "\f15e"; } + .ti-math-max:before { content: "\f0f5"; } + .ti-math-min:before { content: "\f0f6"; } + .ti-math-symbols:before { content: "\eeb3"; } + .ti-maximize:before { content: "\eaea"; } + .ti-maximize-off:before { content: "\f15f"; } + .ti-meat:before { content: "\ef12"; } + .ti-medal:before { content: "\ec78"; } + .ti-medal-2:before { content: "\efcd"; } + .ti-medical-cross:before { content: "\ec2f"; } + .ti-medical-cross-off:before { content: "\f160"; } + .ti-medicine-syrup:before { content: "\ef63"; } + .ti-menu:before { content: "\eaeb"; } + .ti-menu-2:before { content: "\ec42"; } + .ti-message:before { content: "\eaef"; } + .ti-message-2:before { content: "\eaec"; } + .ti-message-2-code:before { content: "\f012"; } + .ti-message-2-share:before { content: "\f077"; } + .ti-message-circle:before { content: "\eaed"; } + .ti-message-circle-2:before { content: "\ed3f"; } + .ti-message-circle-off:before { content: "\ed40"; } + .ti-message-code:before { content: "\f013"; } + .ti-message-dots:before { content: "\eaee"; } + .ti-message-language:before { content: "\efae"; } + .ti-message-off:before { content: "\ed41"; } + .ti-message-plus:before { content: "\ec9a"; } + .ti-message-report:before { content: "\ec9b"; } + .ti-message-share:before { content: "\f078"; } + .ti-messages:before { content: "\eb6c"; } + .ti-messages-off:before { content: "\ed42"; } + .ti-microphone:before { content: "\eaf0"; } + .ti-microphone-2:before { content: "\ef2c"; } + .ti-microphone-off:before { content: "\ed16"; } + .ti-microscope:before { content: "\ef64"; } + .ti-military-award:before { content: "\f079"; } + .ti-military-rank:before { content: "\efcf"; } + .ti-milk:before { content: "\ef13"; } + .ti-minimize:before { content: "\eaf1"; } + .ti-minus:before { content: "\eaf2"; } + .ti-minus-vertical:before { content: "\eeb4"; } + .ti-mist:before { content: "\ec30"; } + .ti-mood-boy:before { content: "\ed2d"; } + .ti-mood-confuzed:before { content: "\eaf3"; } + .ti-mood-crazy-happy:before { content: "\ed90"; } + .ti-mood-cry:before { content: "\ecbb"; } + .ti-mood-empty:before { content: "\eeb5"; } + .ti-mood-happy:before { content: "\eaf4"; } + .ti-mood-kid:before { content: "\ec03"; } + .ti-mood-nervous:before { content: "\ef96"; } + .ti-mood-neutral:before { content: "\eaf5"; } + .ti-mood-off:before { content: "\f161"; } + .ti-mood-sad:before { content: "\eaf6"; } + .ti-mood-smile:before { content: "\eaf7"; } + .ti-mood-suprised:before { content: "\ec04"; } + .ti-mood-tongue:before { content: "\eb95"; } + .ti-moon:before { content: "\eaf8"; } + .ti-moon-2:before { content: "\ece6"; } + .ti-moon-off:before { content: "\f162"; } + .ti-moon-stars:before { content: "\ece7"; } + .ti-moped:before { content: "\ecbc"; } + .ti-motorbike:before { content: "\eeb6"; } + .ti-mountain:before { content: "\ef97"; } + .ti-mouse:before { content: "\eaf9"; } + .ti-mouse-2:before { content: "\f1d7"; } + .ti-mouse-off:before { content: "\f163"; } + .ti-movie:before { content: "\eafa"; } + .ti-movie-off:before { content: "\f164"; } + .ti-mug:before { content: "\eafb"; } + .ti-mug-off:before { content: "\f165"; } + .ti-multiplier-0-5x:before { content: "\ef41"; } + .ti-multiplier-1-5x:before { content: "\ef42"; } + .ti-multiplier-1x:before { content: "\ef43"; } + .ti-multiplier-2x:before { content: "\ef44"; } + .ti-mushroom:before { content: "\ef14"; } + .ti-music:before { content: "\eafc"; } + .ti-music-off:before { content: "\f166"; } + .ti-network:before { content: "\f09f"; } + .ti-new-section:before { content: "\ebc1"; } + .ti-news:before { content: "\eafd"; } + .ti-news-off:before { content: "\f167"; } + .ti-nfc:before { content: "\eeb7"; } + .ti-nfc-off:before { content: "\f168"; } + .ti-no-copyright:before { content: "\efb9"; } + .ti-no-creative-commons:before { content: "\efba"; } + .ti-no-derivatives:before { content: "\efbb"; } + .ti-north-star:before { content: "\f014"; } + .ti-note:before { content: "\eb6d"; } + .ti-note-off:before { content: "\f169"; } + .ti-notebook:before { content: "\eb96"; } + .ti-notes:before { content: "\eb6e"; } + .ti-notes-off:before { content: "\f16a"; } + .ti-notification:before { content: "\eafe"; } + .ti-notification-off:before { content: "\f16b"; } + .ti-number-0:before { content: "\edf0"; } + .ti-number-1:before { content: "\edf1"; } + .ti-number-2:before { content: "\edf2"; } + .ti-number-3:before { content: "\edf3"; } + .ti-number-4:before { content: "\edf4"; } + .ti-number-5:before { content: "\edf5"; } + .ti-number-6:before { content: "\edf6"; } + .ti-number-7:before { content: "\edf7"; } + .ti-number-8:before { content: "\edf8"; } + .ti-number-9:before { content: "\edf9"; } + .ti-numbers:before { content: "\f015"; } + .ti-nurse:before { content: "\ef65"; } + .ti-octagon:before { content: "\ecbd"; } + .ti-octagon-off:before { content: "\eeb8"; } + .ti-old:before { content: "\eeb9"; } + .ti-olympics:before { content: "\eeba"; } + .ti-omega:before { content: "\eb97"; } + .ti-outlet:before { content: "\ebd7"; } + .ti-oval:before { content: "\f02e"; } + .ti-oval-vertical:before { content: "\f02d"; } + .ti-overline:before { content: "\eebb"; } + .ti-package:before { content: "\eaff"; } + .ti-package-off:before { content: "\f16c"; } + .ti-packge-export:before { content: "\f07a"; } + .ti-packge-import:before { content: "\f07b"; } + .ti-pacman:before { content: "\eebc"; } + .ti-page-break:before { content: "\ec81"; } + .ti-paint:before { content: "\eb00"; } + .ti-paint-off:before { content: "\f16d"; } + .ti-palette:before { content: "\eb01"; } + .ti-palette-off:before { content: "\f16e"; } + .ti-panorama-horizontal:before { content: "\ed33"; } + .ti-panorama-vertical:before { content: "\ed34"; } + .ti-paper-bag:before { content: "\f02f"; } + .ti-paper-bag-off:before { content: "\f16f"; } + .ti-paperclip:before { content: "\eb02"; } + .ti-parachute:before { content: "\ed7c"; } + .ti-parachute-off:before { content: "\f170"; } + .ti-parentheses:before { content: "\ebd8"; } + .ti-parentheses-off:before { content: "\f171"; } + .ti-parking:before { content: "\eb03"; } + .ti-parking-off:before { content: "\f172"; } + .ti-paw:before { content: "\eff9"; } + .ti-peace:before { content: "\ecbe"; } + .ti-pencil:before { content: "\eb04"; } + .ti-pencil-off:before { content: "\f173"; } + .ti-pennant:before { content: "\ed7d"; } + .ti-pennant-2:before { content: "\f06a"; } + .ti-pennant-off:before { content: "\f174"; } + .ti-pentagon:before { content: "\efe3"; } + .ti-pepper:before { content: "\ef15"; } + .ti-pepper-off:before { content: "\f175"; } + .ti-percentage:before { content: "\ecf4"; } + .ti-perspective:before { content: "\eebd"; } + .ti-perspective-off:before { content: "\f176"; } + .ti-phone:before { content: "\eb09"; } + .ti-phone-call:before { content: "\eb05"; } + .ti-phone-calling:before { content: "\ec43"; } + .ti-phone-check:before { content: "\ec05"; } + .ti-phone-incoming:before { content: "\eb06"; } + .ti-phone-off:before { content: "\ecf5"; } + .ti-phone-outgoing:before { content: "\eb07"; } + .ti-phone-pause:before { content: "\eb08"; } + .ti-phone-plus:before { content: "\ec06"; } + .ti-phone-x:before { content: "\ec07"; } + .ti-photo:before { content: "\eb0a"; } + .ti-photo-off:before { content: "\ecf6"; } + .ti-physotherapist:before { content: "\eebe"; } + .ti-picture-in-picture:before { content: "\ed35"; } + .ti-picture-in-picture-off:before { content: "\ed43"; } + .ti-picture-in-picture-on:before { content: "\ed44"; } + .ti-picture-in-picture-top:before { content: "\efe4"; } + .ti-pig:before { content: "\ef52"; } + .ti-pig-off:before { content: "\f177"; } + .ti-pill:before { content: "\ec44"; } + .ti-pill-off:before { content: "\f178"; } + .ti-pills:before { content: "\ef66"; } + .ti-pin:before { content: "\ec9c"; } + .ti-pinned:before { content: "\ed60"; } + .ti-pinned-off:before { content: "\ed5f"; } + .ti-pizza:before { content: "\edbb"; } + .ti-pizza-off:before { content: "\f179"; } + .ti-plane:before { content: "\eb6f"; } + .ti-plane-arrival:before { content: "\eb99"; } + .ti-plane-departure:before { content: "\eb9a"; } + .ti-plane-inflight:before { content: "\ef98"; } + .ti-plane-off:before { content: "\f17a"; } + .ti-planet:before { content: "\ec08"; } + .ti-planet-off:before { content: "\f17b"; } + .ti-plant:before { content: "\ed50"; } + .ti-plant-2:before { content: "\ed7e"; } + .ti-plant-2-off:before { content: "\f17c"; } + .ti-plant-off:before { content: "\f17d"; } + .ti-play-card:before { content: "\eebf"; } + .ti-play-card-off:before { content: "\f17e"; } + .ti-player-eject:before { content: "\efbc"; } + .ti-player-pause:before { content: "\ed45"; } + .ti-player-play:before { content: "\ed46"; } + .ti-player-record:before { content: "\ed47"; } + .ti-player-skip-back:before { content: "\ed48"; } + .ti-player-skip-forward:before { content: "\ed49"; } + .ti-player-stop:before { content: "\ed4a"; } + .ti-player-track-next:before { content: "\ed4b"; } + .ti-player-track-prev:before { content: "\ed4c"; } + .ti-playlist:before { content: "\eec0"; } + .ti-playlist-add:before { content: "\f008"; } + .ti-playlist-off:before { content: "\f17f"; } + .ti-playlist-x:before { content: "\f009"; } + .ti-plug:before { content: "\ebd9"; } + .ti-plug-connected:before { content: "\f00a"; } + .ti-plug-connected-x:before { content: "\f0a0"; } + .ti-plug-off:before { content: "\f180"; } + .ti-plug-x:before { content: "\f0a1"; } + .ti-plus:before { content: "\eb0b"; } + .ti-podium:before { content: "\f1d8"; } + .ti-point:before { content: "\eb0c"; } + .ti-point-off:before { content: "\f181"; } + .ti-pokeball:before { content: "\eec1"; } + .ti-polaroid:before { content: "\eec2"; } + .ti-polygon:before { content: "\efd0"; } + .ti-polygon-off:before { content: "\f182"; } + .ti-pool:before { content: "\ed91"; } + .ti-power:before { content: "\eb0d"; } + .ti-pray:before { content: "\ecbf"; } + .ti-premium-rights:before { content: "\efbd"; } + .ti-prescription:before { content: "\ef99"; } + .ti-presentation:before { content: "\eb70"; } + .ti-presentation-analytics:before { content: "\eec3"; } + .ti-presentation-off:before { content: "\f183"; } + .ti-printer:before { content: "\eb0e"; } + .ti-printer-off:before { content: "\f184"; } + .ti-prison:before { content: "\ef79"; } + .ti-prompt:before { content: "\eb0f"; } + .ti-propeller:before { content: "\eec4"; } + .ti-propeller-off:before { content: "\f185"; } + .ti-puzzle:before { content: "\eb10"; } + .ti-puzzle-2:before { content: "\ef83"; } + .ti-puzzle-off:before { content: "\f186"; } + .ti-pyramid:before { content: "\eec5"; } + .ti-pyramid-off:before { content: "\f187"; } + .ti-qrcode:before { content: "\eb11"; } + .ti-question-mark:before { content: "\ec9d"; } + .ti-quote:before { content: "\efbe"; } + .ti-quote-off:before { content: "\f188"; } + .ti-radar:before { content: "\f017"; } + .ti-radar-2:before { content: "\f016"; } + .ti-radio:before { content: "\ef2d"; } + .ti-radioactive:before { content: "\ecc0"; } + .ti-radioactive-off:before { content: "\f189"; } + .ti-radius-bottom-left:before { content: "\eec6"; } + .ti-radius-bottom-right:before { content: "\eec7"; } + .ti-radius-top-left:before { content: "\eec8"; } + .ti-radius-top-right:before { content: "\eec9"; } + .ti-rainbow:before { content: "\edbc"; } + .ti-rainbow-off:before { content: "\f18a"; } + .ti-receipt:before { content: "\edfd"; } + .ti-receipt-2:before { content: "\edfa"; } + .ti-receipt-off:before { content: "\edfb"; } + .ti-receipt-refund:before { content: "\edfc"; } + .ti-receipt-tax:before { content: "\edbd"; } + .ti-recharging:before { content: "\eeca"; } + .ti-record-mail:before { content: "\eb12"; } + .ti-record-mail-off:before { content: "\f18b"; } + .ti-rectangle:before { content: "\ed37"; } + .ti-rectangle-vertical:before { content: "\ed36"; } + .ti-recycle:before { content: "\eb9b"; } + .ti-recycle-off:before { content: "\f18c"; } + .ti-refresh:before { content: "\eb13"; } + .ti-refresh-alert:before { content: "\ed57"; } + .ti-refresh-dot:before { content: "\efbf"; } + .ti-refresh-off:before { content: "\f18d"; } + .ti-registered:before { content: "\eb14"; } + .ti-relation-many-to-many:before { content: "\ed7f"; } + .ti-relation-one-to-many:before { content: "\ed80"; } + .ti-relation-one-to-one:before { content: "\ed81"; } + .ti-repeat:before { content: "\eb72"; } + .ti-repeat-off:before { content: "\f18e"; } + .ti-repeat-once:before { content: "\eb71"; } + .ti-replace:before { content: "\ebc7"; } + .ti-report:before { content: "\eece"; } + .ti-report-analytics:before { content: "\eecb"; } + .ti-report-medical:before { content: "\eecc"; } + .ti-report-money:before { content: "\eecd"; } + .ti-report-off:before { content: "\f18f"; } + .ti-report-search:before { content: "\ef84"; } + .ti-resize:before { content: "\eecf"; } + .ti-ripple:before { content: "\ed82"; } + .ti-ripple-off:before { content: "\f190"; } + .ti-road:before { content: "\f018"; } + .ti-road-off:before { content: "\f191"; } + .ti-road-sign:before { content: "\ecdd"; } + .ti-robot:before { content: "\f00b"; } + .ti-robot-off:before { content: "\f192"; } + .ti-rocket:before { content: "\ec45"; } + .ti-rocket-off:before { content: "\f193"; } + .ti-roller-skating:before { content: "\efd1"; } + .ti-rollercoaster:before { content: "\f0a2"; } + .ti-rotate:before { content: "\eb16"; } + .ti-rotate-2:before { content: "\ebb4"; } + .ti-rotate-360:before { content: "\ef85"; } + .ti-rotate-clockwise:before { content: "\eb15"; } + .ti-rotate-clockwise-2:before { content: "\ebb5"; } + .ti-rotate-dot:before { content: "\efe5"; } + .ti-rotate-rectangle:before { content: "\ec15"; } + .ti-route:before { content: "\eb17"; } + .ti-route-off:before { content: "\f194"; } + .ti-router:before { content: "\eb18"; } + .ti-row-insert-bottom:before { content: "\eed0"; } + .ti-row-insert-top:before { content: "\eed1"; } + .ti-rss:before { content: "\eb19"; } + .ti-ruler:before { content: "\eb1a"; } + .ti-ruler-2:before { content: "\eed2"; } + .ti-ruler-2-off:before { content: "\f195"; } + .ti-ruler-off:before { content: "\f196"; } + .ti-run:before { content: "\ec82"; } + .ti-sailboat:before { content: "\ec83"; } + .ti-salt:before { content: "\ef16"; } + .ti-satellite:before { content: "\eed3"; } + .ti-satellite-off:before { content: "\f197"; } + .ti-sausage:before { content: "\ef17"; } + .ti-scale:before { content: "\ebc2"; } + .ti-scale-off:before { content: "\f198"; } + .ti-scale-outline:before { content: "\ef53"; } + .ti-scale-outline-off:before { content: "\f199"; } + .ti-scan:before { content: "\ebc8"; } + .ti-school:before { content: "\ecf7"; } + .ti-school-off:before { content: "\f19a"; } + .ti-scissors:before { content: "\eb1b"; } + .ti-scissors-off:before { content: "\f19b"; } + .ti-scooter:before { content: "\ec6c"; } + .ti-scooter-electric:before { content: "\ecc1"; } + .ti-screen-share:before { content: "\ed18"; } + .ti-screen-share-off:before { content: "\ed17"; } + .ti-scribble:before { content: "\f0a3"; } + .ti-scuba-mask:before { content: "\eed4"; } + .ti-search:before { content: "\eb1c"; } + .ti-search-off:before { content: "\f19c"; } + .ti-section:before { content: "\eed5"; } + .ti-section-sign:before { content: "\f019"; } + .ti-seeding:before { content: "\ed51"; } + .ti-seeding-off:before { content: "\f19d"; } + .ti-select:before { content: "\ec9e"; } + .ti-selector:before { content: "\eb1d"; } + .ti-send:before { content: "\eb1e"; } + .ti-separator:before { content: "\ebda"; } + .ti-separator-horizontal:before { content: "\ec79"; } + .ti-separator-vertical:before { content: "\ec7a"; } + .ti-server:before { content: "\eb1f"; } + .ti-server-2:before { content: "\f07c"; } + .ti-server-off:before { content: "\f19e"; } + .ti-servicemark:before { content: "\ec09"; } + .ti-settings:before { content: "\eb20"; } + .ti-settings-automation:before { content: "\eed6"; } + .ti-settings-off:before { content: "\f19f"; } + .ti-shadow:before { content: "\eed8"; } + .ti-shadow-off:before { content: "\eed7"; } + .ti-shape:before { content: "\eb9c"; } + .ti-shape-2:before { content: "\eed9"; } + .ti-shape-3:before { content: "\eeda"; } + .ti-shape-off:before { content: "\f1a0"; } + .ti-share:before { content: "\eb21"; } + .ti-share-off:before { content: "\f1a1"; } + .ti-shield:before { content: "\eb24"; } + .ti-shield-check:before { content: "\eb22"; } + .ti-shield-checkered:before { content: "\ef9a"; } + .ti-shield-chevron:before { content: "\ef9b"; } + .ti-shield-lock:before { content: "\ed58"; } + .ti-shield-off:before { content: "\ecf8"; } + .ti-shield-x:before { content: "\eb23"; } + .ti-ship:before { content: "\ec84"; } + .ti-shirt:before { content: "\ec0a"; } + .ti-shirt-off:before { content: "\f1a2"; } + .ti-shoe:before { content: "\efd2"; } + .ti-shoe-off:before { content: "\f1a4"; } + .ti-shopping-cart:before { content: "\eb25"; } + .ti-shopping-cart-discount:before { content: "\eedb"; } + .ti-shopping-cart-off:before { content: "\eedc"; } + .ti-shopping-cart-plus:before { content: "\eedd"; } + .ti-shopping-cart-x:before { content: "\eede"; } + .ti-shovel:before { content: "\f1d9"; } + .ti-shredder:before { content: "\eedf"; } + .ti-sign-left:before { content: "\f06b"; } + .ti-sign-right:before { content: "\f06c"; } + .ti-signature:before { content: "\eee0"; } + .ti-signature-off:before { content: "\f1a5"; } + .ti-sitemap:before { content: "\eb9d"; } + .ti-sitemap-off:before { content: "\f1a6"; } + .ti-skateboard:before { content: "\ecc2"; } + .ti-sleigh:before { content: "\ef9c"; } + .ti-slice:before { content: "\ebdb"; } + .ti-slideshow:before { content: "\ebc9"; } + .ti-smart-home:before { content: "\ecde"; } + .ti-smart-home-off:before { content: "\f1a7"; } + .ti-smoking:before { content: "\ecc4"; } + .ti-smoking-no:before { content: "\ecc3"; } + .ti-snowflake:before { content: "\ec0b"; } + .ti-snowflake-off:before { content: "\f1a8"; } + .ti-soccer-field:before { content: "\ed92"; } + .ti-social:before { content: "\ebec"; } + .ti-social-off:before { content: "\f1a9"; } + .ti-sock:before { content: "\eee1"; } + .ti-sofa:before { content: "\efaf"; } + .ti-sort-ascending:before { content: "\eb26"; } + .ti-sort-ascending-2:before { content: "\eee2"; } + .ti-sort-ascending-letters:before { content: "\ef18"; } + .ti-sort-ascending-numbers:before { content: "\ef19"; } + .ti-sort-descending:before { content: "\eb27"; } + .ti-sort-descending-2:before { content: "\eee3"; } + .ti-sort-descending-letters:before { content: "\ef1a"; } + .ti-sort-descending-numbers:before { content: "\ef1b"; } + .ti-soup:before { content: "\ef2e"; } + .ti-space:before { content: "\ec0c"; } + .ti-space-off:before { content: "\f1aa"; } + .ti-spacing-horizontal:before { content: "\ef54"; } + .ti-spacing-vertical:before { content: "\ef55"; } + .ti-spade:before { content: "\effa"; } + .ti-speakerphone:before { content: "\ed61"; } + .ti-speedboat:before { content: "\ed93"; } + .ti-sport-billard:before { content: "\eee4"; } + .ti-square:before { content: "\eb2c"; } + .ti-square-0:before { content: "\eee5"; } + .ti-square-1:before { content: "\eee6"; } + .ti-square-2:before { content: "\eee7"; } + .ti-square-3:before { content: "\eee8"; } + .ti-square-4:before { content: "\eee9"; } + .ti-square-5:before { content: "\eeea"; } + .ti-square-6:before { content: "\eeeb"; } + .ti-square-7:before { content: "\eeec"; } + .ti-square-8:before { content: "\eeed"; } + .ti-square-9:before { content: "\eeee"; } + .ti-square-asterisk:before { content: "\f01a"; } + .ti-square-check:before { content: "\eb28"; } + .ti-square-dot:before { content: "\ed59"; } + .ti-square-forbid:before { content: "\ed5b"; } + .ti-square-forbid-2:before { content: "\ed5a"; } + .ti-square-half:before { content: "\effb"; } + .ti-square-minus:before { content: "\eb29"; } + .ti-square-off:before { content: "\eeef"; } + .ti-square-plus:before { content: "\eb2a"; } + .ti-square-root:before { content: "\eef1"; } + .ti-square-root-2:before { content: "\eef0"; } + .ti-square-rotated:before { content: "\ecdf"; } + .ti-square-rotated-forbid:before { content: "\f01c"; } + .ti-square-rotated-forbid-2:before { content: "\f01b"; } + .ti-square-rotated-off:before { content: "\eef2"; } + .ti-square-toggle:before { content: "\eef4"; } + .ti-square-toggle-horizontal:before { content: "\eef3"; } + .ti-square-x:before { content: "\eb2b"; } + .ti-squares-diagonal:before { content: "\eef5"; } + .ti-squares-filled:before { content: "\eef6"; } + .ti-stack:before { content: "\eb2d"; } + .ti-stack-2:before { content: "\eef7"; } + .ti-stack-3:before { content: "\ef9d"; } + .ti-stairs:before { content: "\eca6"; } + .ti-stairs-down:before { content: "\eca4"; } + .ti-stairs-up:before { content: "\eca5"; } + .ti-star:before { content: "\eb2e"; } + .ti-star-half:before { content: "\ed19"; } + .ti-star-off:before { content: "\ed62"; } + .ti-stars:before { content: "\ed38"; } + .ti-steering-wheel:before { content: "\ec7b"; } + .ti-step-into:before { content: "\ece0"; } + .ti-step-out:before { content: "\ece1"; } + .ti-stethoscope:before { content: "\edbe"; } + .ti-sticker:before { content: "\eb2f"; } + .ti-strikethrough:before { content: "\eb9e"; } + .ti-submarine:before { content: "\ed94"; } + .ti-subscript:before { content: "\eb9f"; } + .ti-subtask:before { content: "\ec9f"; } + .ti-sum:before { content: "\eb73"; } + .ti-sum-off:before { content: "\f1ab"; } + .ti-sun:before { content: "\eb30"; } + .ti-sun-off:before { content: "\ed63"; } + .ti-sunrise:before { content: "\ef1c"; } + .ti-sunset:before { content: "\ec31"; } + .ti-superscript:before { content: "\eba0"; } + .ti-swimming:before { content: "\ec92"; } + .ti-switch:before { content: "\eb33"; } + .ti-switch-2:before { content: "\edbf"; } + .ti-switch-3:before { content: "\edc0"; } + .ti-switch-horizontal:before { content: "\eb31"; } + .ti-switch-vertical:before { content: "\eb32"; } + .ti-sword:before { content: "\f030"; } + .ti-sword-off:before { content: "\f1ac"; } + .ti-swords:before { content: "\f132"; } + .ti-table:before { content: "\eba1"; } + .ti-table-export:before { content: "\eef8"; } + .ti-table-import:before { content: "\eef9"; } + .ti-table-off:before { content: "\eefa"; } + .ti-tag:before { content: "\eb34"; } + .ti-tag-off:before { content: "\efc0"; } + .ti-tags:before { content: "\ef86"; } + .ti-tags-off:before { content: "\efc1"; } + .ti-tallymark-1:before { content: "\ec46"; } + .ti-tallymark-2:before { content: "\ec47"; } + .ti-tallymark-3:before { content: "\ec48"; } + .ti-tallymark-4:before { content: "\ec49"; } + .ti-tallymarks:before { content: "\ec4a"; } + .ti-tank:before { content: "\ed95"; } + .ti-target:before { content: "\eb35"; } + .ti-target-off:before { content: "\f1ad"; } + .ti-telescope:before { content: "\f07d"; } + .ti-telescope-off:before { content: "\f1ae"; } + .ti-temperature:before { content: "\eb38"; } + .ti-temperature-celsius:before { content: "\eb36"; } + .ti-temperature-fahrenheit:before { content: "\eb37"; } + .ti-temperature-minus:before { content: "\ebed"; } + .ti-temperature-off:before { content: "\f1af"; } + .ti-temperature-plus:before { content: "\ebee"; } + .ti-template:before { content: "\eb39"; } + .ti-template-off:before { content: "\f1b0"; } + .ti-tent:before { content: "\eefb"; } + .ti-terminal:before { content: "\ebdc"; } + .ti-terminal-2:before { content: "\ebef"; } + .ti-test-pipe:before { content: "\eb3a"; } + .ti-test-pipe-2:before { content: "\f0a4"; } + .ti-test-pipe-off:before { content: "\f1b1"; } + .ti-text-direction-ltr:before { content: "\eefc"; } + .ti-text-direction-rtl:before { content: "\eefd"; } + .ti-text-resize:before { content: "\ef87"; } + .ti-text-wrap:before { content: "\ebdd"; } + .ti-text-wrap-disabled:before { content: "\eca7"; } + .ti-thermometer:before { content: "\ef67"; } + .ti-thumb-down:before { content: "\eb3b"; } + .ti-thumb-up:before { content: "\eb3c"; } + .ti-ticket:before { content: "\eb3d"; } + .ti-ticket-off:before { content: "\f1b2"; } + .ti-tie:before { content: "\f07e"; } + .ti-tilt-shift:before { content: "\eefe"; } + .ti-tilt-shift-off:before { content: "\f1b3"; } + .ti-timeline:before { content: "\f031"; } + .ti-tir:before { content: "\ebf0"; } + .ti-toggle-left:before { content: "\eb3e"; } + .ti-toggle-right:before { content: "\eb3f"; } + .ti-toilet-paper:before { content: "\efd3"; } + .ti-toilet-paper-off:before { content: "\f1b4"; } + .ti-tool:before { content: "\eb40"; } + .ti-tools:before { content: "\ebca"; } + .ti-tools-kitchen:before { content: "\ed64"; } + .ti-tools-kitchen-2:before { content: "\eeff"; } + .ti-tools-kitchen-2-off:before { content: "\f1b5"; } + .ti-tools-kitchen-off:before { content: "\f1b6"; } + .ti-tools-off:before { content: "\f1b7"; } + .ti-tornado:before { content: "\ece2"; } + .ti-tournament:before { content: "\ecd0"; } + .ti-track:before { content: "\ef00"; } + .ti-tractor:before { content: "\ec0d"; } + .ti-trademark:before { content: "\ec0e"; } + .ti-traffic-cone:before { content: "\ec0f"; } + .ti-traffic-cone-off:before { content: "\f1b8"; } + .ti-traffic-lights:before { content: "\ed39"; } + .ti-traffic-lights-off:before { content: "\f1b9"; } + .ti-train:before { content: "\ed96"; } + .ti-transfer-in:before { content: "\ef2f"; } + .ti-transfer-out:before { content: "\ef30"; } + .ti-trash:before { content: "\eb41"; } + .ti-trash-off:before { content: "\ed65"; } + .ti-trash-x:before { content: "\ef88"; } + .ti-tree:before { content: "\ef01"; } + .ti-trees:before { content: "\ec10"; } + .ti-trending-down:before { content: "\eb42"; } + .ti-trending-down-2:before { content: "\edc1"; } + .ti-trending-down-3:before { content: "\edc2"; } + .ti-trending-up:before { content: "\eb43"; } + .ti-trending-up-2:before { content: "\edc3"; } + .ti-trending-up-3:before { content: "\edc4"; } + .ti-triangle:before { content: "\eb44"; } + .ti-triangle-inverted:before { content: "\f01d"; } + .ti-triangle-off:before { content: "\ef02"; } + .ti-triangle-square-circle:before { content: "\ece8"; } + .ti-triangles:before { content: "\f0a5"; } + .ti-trident:before { content: "\ecc5"; } + .ti-trophy:before { content: "\eb45"; } + .ti-truck:before { content: "\ebc4"; } + .ti-truck-delivery:before { content: "\ec4b"; } + .ti-truck-loading:before { content: "\f1da"; } + .ti-truck-off:before { content: "\ef03"; } + .ti-truck-return:before { content: "\ec4c"; } + .ti-typography:before { content: "\ebc5"; } + .ti-typography-off:before { content: "\f1ba"; } + .ti-umbrella:before { content: "\ebf1"; } + .ti-umbrella-off:before { content: "\f1bb"; } + .ti-underline:before { content: "\eba2"; } + .ti-unlink:before { content: "\eb46"; } + .ti-upload:before { content: "\eb47"; } + .ti-urgent:before { content: "\eb48"; } + .ti-usb:before { content: "\f00c"; } + .ti-user:before { content: "\eb4d"; } + .ti-user-check:before { content: "\eb49"; } + .ti-user-circle:before { content: "\ef68"; } + .ti-user-exclamation:before { content: "\ec12"; } + .ti-user-minus:before { content: "\eb4a"; } + .ti-user-off:before { content: "\ecf9"; } + .ti-user-plus:before { content: "\eb4b"; } + .ti-user-search:before { content: "\ef89"; } + .ti-user-x:before { content: "\eb4c"; } + .ti-users:before { content: "\ebf2"; } + .ti-vaccine:before { content: "\ef04"; } + .ti-vaccine-bottle:before { content: "\ef69"; } + .ti-vaccine-off:before { content: "\f1bc"; } + .ti-variable:before { content: "\ef05"; } + .ti-variable-off:before { content: "\f1bd"; } + .ti-vector:before { content: "\eca9"; } + .ti-vector-bezier:before { content: "\ef1d"; } + .ti-vector-bezier-2:before { content: "\f1a3"; } + .ti-vector-off:before { content: "\f1be"; } + .ti-vector-triangle:before { content: "\eca8"; } + .ti-vector-triangle-off:before { content: "\f1bf"; } + .ti-venus:before { content: "\ec86"; } + .ti-versions:before { content: "\ed52"; } + .ti-versions-off:before { content: "\f1c0"; } + .ti-video:before { content: "\ed22"; } + .ti-video-minus:before { content: "\ed1f"; } + .ti-video-off:before { content: "\ed20"; } + .ti-video-plus:before { content: "\ed21"; } + .ti-view-360:before { content: "\ed84"; } + .ti-view-360-off:before { content: "\f1c1"; } + .ti-viewfinder:before { content: "\eb4e"; } + .ti-viewfinder-off:before { content: "\f1c2"; } + .ti-viewport-narrow:before { content: "\ebf3"; } + .ti-viewport-wide:before { content: "\ebf4"; } + .ti-vinyl:before { content: "\f00d"; } + .ti-virus:before { content: "\eb74"; } + .ti-virus-off:before { content: "\ed66"; } + .ti-virus-search:before { content: "\ed67"; } + .ti-vocabulary:before { content: "\ef1e"; } + .ti-volume:before { content: "\eb51"; } + .ti-volume-2:before { content: "\eb4f"; } + .ti-volume-3:before { content: "\eb50"; } + .ti-volume-off:before { content: "\f1c3"; } + .ti-walk:before { content: "\ec87"; } + .ti-wall:before { content: "\ef7a"; } + .ti-wallet:before { content: "\eb75"; } + .ti-wallet-off:before { content: "\f1c4"; } + .ti-wallpaper:before { content: "\ef56"; } + .ti-wallpaper-off:before { content: "\f1c5"; } + .ti-wand:before { content: "\ebcb"; } + .ti-wand-off:before { content: "\f1c6"; } + .ti-wave-saw-tool:before { content: "\ecd3"; } + .ti-wave-sine:before { content: "\ecd4"; } + .ti-wave-square:before { content: "\ecd5"; } + .ti-webhook:before { content: "\f01e"; } + .ti-wheelchair:before { content: "\f1db"; } + .ti-wifi:before { content: "\eb52"; } + .ti-wifi-0:before { content: "\eba3"; } + .ti-wifi-1:before { content: "\eba4"; } + .ti-wifi-2:before { content: "\eba5"; } + .ti-wifi-off:before { content: "\ecfa"; } + .ti-wind:before { content: "\ec34"; } + .ti-wind-off:before { content: "\f1c7"; } + .ti-windmill:before { content: "\ed85"; } + .ti-windmill-off:before { content: "\f1c8"; } + .ti-window:before { content: "\ef06"; } + .ti-window-off:before { content: "\f1c9"; } + .ti-windsock:before { content: "\f06d"; } + .ti-wiper:before { content: "\ecab"; } + .ti-wiper-wash:before { content: "\ecaa"; } + .ti-woman:before { content: "\eb53"; } + .ti-world:before { content: "\eb54"; } + .ti-world-download:before { content: "\ef8a"; } + .ti-world-latitude:before { content: "\ed2e"; } + .ti-world-longitude:before { content: "\ed2f"; } + .ti-world-off:before { content: "\f1ca"; } + .ti-world-upload:before { content: "\ef8b"; } + .ti-wrecking-ball:before { content: "\ed97"; } + .ti-writing:before { content: "\ef08"; } + .ti-writing-off:before { content: "\f1cb"; } + .ti-writing-sign:before { content: "\ef07"; } + .ti-writing-sign-off:before { content: "\f1cc"; } + .ti-x:before { content: "\eb55"; } + .ti-yin-yang:before { content: "\ec35"; } + .ti-yoga:before { content: "\f01f"; } + .ti-zodiac-aquarius:before { content: "\ecac"; } + .ti-zodiac-aries:before { content: "\ecad"; } + .ti-zodiac-cancer:before { content: "\ecae"; } + .ti-zodiac-capricorn:before { content: "\ecaf"; } + .ti-zodiac-gemini:before { content: "\ecb0"; } + .ti-zodiac-leo:before { content: "\ecb1"; } + .ti-zodiac-libra:before { content: "\ecb2"; } + .ti-zodiac-pisces:before { content: "\ecb3"; } + .ti-zodiac-sagittarius:before { content: "\ecb4"; } + .ti-zodiac-scorpio:before { content: "\ecb5"; } + .ti-zodiac-taurus:before { content: "\ecb6"; } + .ti-zodiac-virgo:before { content: "\ecb7"; } + .ti-zoom-cancel:before { content: "\ec4d"; } + .ti-zoom-check:before { content: "\ef09"; } + .ti-zoom-code:before { content: "\f07f"; } + .ti-zoom-exclamation:before { content: "\f080"; } + .ti-zoom-in:before { content: "\eb56"; } + .ti-zoom-in-area:before { content: "\f1dc"; } + .ti-zoom-money:before { content: "\ef0a"; } + .ti-zoom-out:before { content: "\eb57"; } + .ti-zoom-out-area:before { content: "\f1dd"; } + .ti-zoom-pan:before { content: "\f1de"; } + .ti-zoom-question:before { content: "\edeb"; } + @font-face { font-family: "feather"; src: url("../icon-fonts/feather/fonts/feather/feather-webfont.eot?t=1501841394106"); src: url("../icon-fonts/feather/fonts/feather/feather-webfont.eot?t=1501841394106") format("embedded-opentype"), url("../icon-fonts/feather/fonts/feather/feather-webfont.ttf") format("truetype"), url("../icon-fonts/feather/fonts/feather/feather-webfont.svg") format("svg"); } + .fe { font-family: "feather" !important; speak: none; @@ -27456,799 +35361,1064 @@ html.dark, -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + .fe-activity:before { content: "\e900"; } + .fe-airplay:before { content: "\e901"; } + .fe-alert-circle:before { content: "\e902"; } + .fe-alert-octagon:before { content: "\e903"; } + .fe-alert-triangle:before { content: "\e904"; } + .fe-align-center:before { content: "\e905"; } + .fe-align-justify:before { content: "\e906"; } + .fe-align-left:before { content: "\e907"; } + .fe-align-right:before { content: "\e908"; } + .fe-anchor:before { content: "\e909"; } + .fe-aperture:before { content: "\e90a"; } + .fe-arrow-down:before { content: "\e90b"; } + .fe-arrow-down-circle:before { content: "\e90c"; } + .fe-arrow-down-left:before { content: "\e90d"; } + .fe-arrow-down-right:before { content: "\e90e"; } + .fe-arrow-left:before { content: "\e90f"; } + .fe-arrow-left-circle:before { content: "\e910"; } + .fe-arrow-right:before { content: "\e911"; } + .fe-arrow-right-circle:before { content: "\e912"; } + .fe-arrow-up:before { content: "\e913"; } + .fe-arrow-up-circle:before { content: "\e914"; } + .fe-arrow-up-left:before { content: "\e915"; } + .fe-arrow-up-right:before { content: "\e916"; } + .fe-at-sign:before { content: "\e917"; } + .fe-award:before { content: "\e918"; } + .fe-bar-chart:before { content: "\e919"; } + .fe-bar-chart-2:before { content: "\e91a"; } + .fe-battery:before { content: "\e91b"; } + .fe-battery-charging:before { content: "\e91c"; } + .fe-bell:before { content: "\e91d"; } + .fe-bell-off:before { content: "\e91e"; } + .fe-bluetooth:before { content: "\e91f"; } + .fe-bold:before { content: "\e920"; } + .fe-book:before { content: "\e921"; } + .fe-book-open:before { content: "\e922"; } + .fe-bookmark:before { content: "\e923"; } + .fe-box:before { content: "\e924"; } + .fe-briefcase:before { content: "\e925"; } + .fe-calendar:before { content: "\e926"; } + .fe-camera:before { content: "\e927"; } + .fe-camera-off:before { content: "\e928"; } + .fe-cast:before { content: "\e929"; } + .fe-check:before { content: "\e92a"; } + .fe-check-circle:before { content: "\e92b"; } + .fe-check-square:before { content: "\e92c"; } + .fe-chevron-down:before { content: "\e92d"; } + .fe-chevron-left:before { content: "\e92e"; } + .fe-chevron-right:before { content: "\e92f"; } + .fe-chevron-up:before { content: "\e930"; } + .fe-chevrons-down:before { content: "\e931"; } + .fe-chevrons-left:before { content: "\e932"; } + .fe-chevrons-right:before { content: "\e933"; } + .fe-chevrons-up:before { content: "\e934"; } + .fe-chrome:before { content: "\e935"; } + .fe-circle:before { content: "\e936"; } + .fe-clipboard:before { content: "\e937"; } + .fe-clock:before { content: "\e938"; } + .fe-cloud:before { content: "\e939"; } + .fe-cloud-drizzle:before { content: "\e93a"; } + .fe-cloud-lightning:before { content: "\e93b"; } + .fe-cloud-off:before { content: "\e93c"; } + .fe-cloud-rain:before { content: "\e93d"; } + .fe-cloud-snow:before { content: "\e93e"; } + .fe-code:before { content: "\e93f"; } + .fe-codepen:before { content: "\e940"; } + .fe-command:before { content: "\e941"; } + .fe-compass:before { content: "\e942"; } + .fe-copy:before { content: "\e943"; } + .fe-corner-down-left:before { content: "\e944"; } + .fe-corner-down-right:before { content: "\e945"; } + .fe-corner-left-down:before { content: "\e946"; } + .fe-corner-left-up:before { content: "\e947"; } + .fe-corner-right-down:before { content: "\e948"; } + .fe-corner-right-up:before { content: "\e949"; } + .fe-corner-up-left:before { content: "\e94a"; } + .fe-corner-up-right:before { content: "\e94b"; } + .fe-cpu:before { content: "\e94c"; } + .fe-credit-card:before { content: "\e94d"; } + .fe-crop:before { content: "\e94e"; } + .fe-crosshair:before { content: "\e94f"; } + .fe-database:before { content: "\e950"; } + .fe-delete:before { content: "\e951"; } + .fe-disc:before { content: "\e952"; } + .fe-dollar-sign:before { content: "\e953"; } + .fe-download:before { content: "\e954"; } + .fe-download-cloud:before { content: "\e955"; } + .fe-droplet:before { content: "\e956"; } + .fe-edit:before { content: "\e957"; } + .fe-edit-2:before { content: "\e958"; } + .fe-edit-3:before { content: "\e959"; } + .fe-external-link:before { content: "\e95a"; } + .fe-eye:before { content: "\e95b"; } + .fe-eye-off:before { content: "\e95c"; } + .fe-facebook:before { content: "\e95d"; } + .fe-fast-forward:before { content: "\e95e"; } + .fe-feather:before { content: "\e95f"; } + .fe-file:before { content: "\e960"; } + .fe-file-minus:before { content: "\e961"; } + .fe-file-plus:before { content: "\e962"; } + .fe-file-text:before { content: "\e963"; } + .fe-film:before { content: "\e964"; } + .fe-filter:before { content: "\e965"; } + .fe-flag:before { content: "\e966"; } + .fe-folder:before { content: "\e967"; } + .fe-folder-minus:before { content: "\e968"; } + .fe-folder-plus:before { content: "\e969"; } + .fe-git-branch:before { content: "\e96a"; } + .fe-git-commit:before { content: "\e96b"; } + .fe-git-merge:before { content: "\e96c"; } + .fe-git-pull-request:before { content: "\e96d"; } + .fe-github:before { content: "\e96e"; } + .fe-gitlab:before { content: "\e96f"; } + .fe-globe:before { content: "\e970"; } + .fe-grid:before { content: "\e971"; } + .fe-hard-drive:before { content: "\e972"; } + .fe-hash:before { content: "\e973"; } + .fe-headphones:before { content: "\e974"; } + .fe-heart:before { content: "\e975"; } + .fe-help-circle:before { content: "\e976"; } + .fe-home:before { content: "\e977"; } + .fe-image:before { content: "\e978"; } + .fe-inbox:before { content: "\e979"; } + .fe-info:before { content: "\e97a"; } + .fe-instagram:before { content: "\e97b"; } + .fe-italic:before { content: "\e97c"; } + .fe-layers:before { content: "\e97d"; } + .fe-layout:before { content: "\e97e"; } + .fe-life-buoy:before { content: "\e97f"; } + .fe-link:before { content: "\e980"; } + .fe-link-2:before { content: "\e981"; } + .fe-linkedin:before { content: "\e982"; } + .fe-list:before { content: "\e983"; } + .fe-loader:before { content: "\e984"; } + .fe-lock:before { content: "\e985"; } + .fe-log-in:before { content: "\e986"; } + .fe-log-out:before { content: "\e987"; } + .fe-mail:before { content: "\e988"; } + .fe-map:before { content: "\e989"; } + .fe-map-pin:before { content: "\e98a"; } + .fe-maximize:before { content: "\e98b"; } + .fe-maximize-2:before { content: "\e98c"; } + .fe-menu:before { content: "\e98d"; } + .fe-message-circle:before { content: "\e98e"; } + .fe-message-square:before { content: "\e98f"; } + .fe-mic:before { content: "\e990"; } + .fe-mic-off:before { content: "\e991"; } + .fe-minimize:before { content: "\e992"; } + .fe-minimize-2:before { content: "\e993"; } + .fe-minus:before { content: "\e994"; } + .fe-minus-circle:before { content: "\e995"; } + .fe-minus-square:before { content: "\e996"; } + .fe-monitor:before { content: "\e997"; } + .fe-moon:before { content: "\e998"; } + .fe-more-horizontal:before { content: "\e999"; } + .fe-more-vertical:before { content: "\e99a"; } + .fe-move:before { content: "\e99b"; } + .fe-music:before { content: "\e99c"; } + .fe-navigation:before { content: "\e99d"; } + .fe-navigation-2:before { content: "\e99e"; } + .fe-octagon:before { content: "\e99f"; } + .fe-package:before { content: "\e9a0"; } + .fe-paperclip:before { content: "\e9a1"; } + .fe-pause:before { content: "\e9a2"; } + .fe-pause-circle:before { content: "\e9a3"; } + .fe-percent:before { content: "\e9a4"; } + .fe-phone:before { content: "\e9a5"; } + .fe-phone-call:before { content: "\e9a6"; } + .fe-phone-forwarded:before { content: "\e9a7"; } + .fe-phone-incoming:before { content: "\e9a8"; } + .fe-phone-missed:before { content: "\e9a9"; } + .fe-phone-off:before { content: "\e9aa"; } + .fe-phone-outgoing:before { content: "\e9ab"; } + .fe-pie-chart:before { content: "\e9ac"; } + .fe-play:before { content: "\e9ad"; } + .fe-play-circle:before { content: "\e9ae"; } + .fe-plus:before { content: "\e9af"; } + .fe-plus-circle:before { content: "\e9b0"; } + .fe-plus-square:before { content: "\e9b1"; } + .fe-pocket:before { content: "\e9b2"; } + .fe-power:before { content: "\e9b3"; } + .fe-printer:before { content: "\e9b4"; } + .fe-radio:before { content: "\e9b5"; } + .fe-refresh-ccw:before { content: "\e9b6"; } + .fe-refresh-cw:before { content: "\e9b7"; } + .fe-repeat:before { content: "\e9b8"; } + .fe-rewind:before { content: "\e9b9"; } + .fe-rotate-ccw:before { content: "\e9ba"; } + .fe-rotate-cw:before { content: "\e9bb"; } + .fe-rss:before { content: "\e9bc"; } + .fe-save:before { content: "\e9bd"; } + .fe-scissors:before { content: "\e9be"; } + .fe-search:before { content: "\e9bf"; } + .fe-send:before { content: "\e9c0"; } + .fe-server:before { content: "\e9c1"; } + .fe-settings:before { content: "\e9c2"; } + .fe-share:before { content: "\e9c3"; } + .fe-share-2:before { content: "\e9c4"; } + .fe-shield:before { content: "\e9c5"; } + .fe-shield-off:before { content: "\e9c6"; } + .fe-shopping-bag:before { content: "\e9c7"; } + .fe-shopping-cart:before { content: "\e9c8"; } + .fe-shuffle:before { content: "\e9c9"; } + .fe-sidebar:before { content: "\e9ca"; } + .fe-skip-back:before { content: "\e9cb"; } + .fe-skip-forward:before { content: "\e9cc"; } + .fe-slack:before { content: "\e9cd"; } + .fe-slash:before { content: "\e9ce"; } + .fe-sliders:before { content: "\e9cf"; } + .fe-smartphone:before { content: "\e9d0"; } + .fe-speaker:before { content: "\e9d1"; } + .fe-square:before { content: "\e9d2"; } + .fe-star:before { content: "\e9d3"; } + .fe-stop-circle:before { content: "\e9d4"; } + .fe-sun:before { content: "\e9d5"; } + .fe-sunrise:before { content: "\e9d6"; } + .fe-sunset:before { content: "\e9d7"; } + .fe-tablet:before { content: "\e9d8"; } + .fe-tag:before { content: "\e9d9"; } + .fe-target:before { content: "\e9da"; } + .fe-terminal:before { content: "\e9db"; } + .fe-thermometer:before { content: "\e9dc"; } + .fe-thumbs-down:before { content: "\e9dd"; } + .fe-thumbs-up:before { content: "\e9de"; } + .fe-toggle-left:before { content: "\e9df"; } + .fe-toggle-right:before { content: "\e9e0"; } + .fe-trash:before { content: "\e9e1"; } + .fe-trash-2:before { content: "\e9e2"; } + .fe-trending-down:before { content: "\e9e3"; } + .fe-trending-up:before { content: "\e9e4"; } + .fe-triangle:before { content: "\e9e5"; } + .fe-truck:before { content: "\e9e6"; } + .fe-tv:before { content: "\e9e7"; } + .fe-twitter:before { content: "\e9e8"; } + .fe-type:before { content: "\e9e9"; } + .fe-umbrella:before { content: "\e9ea"; } + .fe-underline:before { content: "\e9eb"; } + .fe-unlock:before { content: "\e9ec"; } + .fe-upload:before { content: "\e9ed"; } + .fe-upload-cloud:before { content: "\e9ee"; } + .fe-user:before { content: "\e9ef"; } + .fe-user-check:before { content: "\e9f0"; } + .fe-user-minus:before { content: "\e9f1"; } + .fe-user-plus:before { content: "\e9f2"; } + .fe-user-x:before { content: "\e9f3"; } + .fe-users:before { content: "\e9f4"; } + .fe-video:before { content: "\e9f5"; } + .fe-video-off:before { content: "\e9f6"; } + .fe-voicemail:before { content: "\e9f7"; } + .fe-volume:before { content: "\e9f8"; } + .fe-volume-1:before { content: "\e9f9"; } + .fe-volume-2:before { content: "\e9fa"; } + .fe-volume-x:before { content: "\e9fb"; } + .fe-watch:before { content: "\e9fc"; } + .fe-wifi:before { content: "\e9fd"; } + .fe-wifi-off:before { content: "\e9fe"; } + .fe-wind:before { content: "\e9ff"; } + .fe-x:before { content: "\ea00"; } + .fe-x-circle:before { content: "\ea01"; } + .fe-x-square:before { content: "\ea02"; } + .fe-zap:before { content: "\ea03"; } + .fe-zap-off:before { content: "\ea04"; } + .fe-zoom-in:before { content: "\ea05"; } + .fe-zoom-out:before { content: "\ea06"; } + @font-face { font-family: "bootstrap-icons"; src: url("../icon-fonts/bootstrap-icons/icons/font/fonts/bootstrap-icons.woff2?08efbba7c53d8c5413793eecb19b20bb") format("woff2"), url("../icon-fonts/bootstrap-icons/icons/font/fonts/bootstrap-icons.woff?08efbba7c53d8c5413793eecb19b20bb") format("woff"); } + .bi::before, [class^=bi-]::before, [class*=" bi-"]::before { @@ -28264,5055 +36434,6739 @@ html.dark, -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + .bi-123::before { content: "\f67f"; } + .bi-alarm-fill::before { content: "\f101"; } + .bi-alarm::before { content: "\f102"; } + .bi-align-bottom::before { content: "\f103"; } + .bi-align-center::before { content: "\f104"; } + .bi-align-end::before { content: "\f105"; } + .bi-align-middle::before { content: "\f106"; } + .bi-align-start::before { content: "\f107"; } + .bi-align-top::before { content: "\f108"; } + .bi-alt::before { content: "\f109"; } + .bi-app-indicator::before { content: "\f10a"; } + .bi-app::before { content: "\f10b"; } + .bi-archive-fill::before { content: "\f10c"; } + .bi-archive::before { content: "\f10d"; } + .bi-arrow-90deg-down::before { content: "\f10e"; } + .bi-arrow-90deg-left::before { content: "\f10f"; } + .bi-arrow-90deg-right::before { content: "\f110"; } + .bi-arrow-90deg-up::before { content: "\f111"; } + .bi-arrow-bar-down::before { content: "\f112"; } + .bi-arrow-bar-left::before { content: "\f113"; } + .bi-arrow-bar-right::before { content: "\f114"; } + .bi-arrow-bar-up::before { content: "\f115"; } + .bi-arrow-clockwise::before { content: "\f116"; } + .bi-arrow-counterclockwise::before { content: "\f117"; } + .bi-arrow-down-circle-fill::before { content: "\f118"; } + .bi-arrow-down-circle::before { content: "\f119"; } + .bi-arrow-down-left-circle-fill::before { content: "\f11a"; } + .bi-arrow-down-left-circle::before { content: "\f11b"; } + .bi-arrow-down-left-square-fill::before { content: "\f11c"; } + .bi-arrow-down-left-square::before { content: "\f11d"; } + .bi-arrow-down-left::before { content: "\f11e"; } + .bi-arrow-down-right-circle-fill::before { content: "\f11f"; } + .bi-arrow-down-right-circle::before { content: "\f120"; } + .bi-arrow-down-right-square-fill::before { content: "\f121"; } + .bi-arrow-down-right-square::before { content: "\f122"; } + .bi-arrow-down-right::before { content: "\f123"; } + .bi-arrow-down-short::before { content: "\f124"; } + .bi-arrow-down-square-fill::before { content: "\f125"; } + .bi-arrow-down-square::before { content: "\f126"; } + .bi-arrow-down-up::before { content: "\f127"; } + .bi-arrow-down::before { content: "\f128"; } + .bi-arrow-left-circle-fill::before { content: "\f129"; } + .bi-arrow-left-circle::before { content: "\f12a"; } + .bi-arrow-left-right::before { content: "\f12b"; } + .bi-arrow-left-short::before { content: "\f12c"; } + .bi-arrow-left-square-fill::before { content: "\f12d"; } + .bi-arrow-left-square::before { content: "\f12e"; } + .bi-arrow-left::before { content: "\f12f"; } + .bi-arrow-repeat::before { content: "\f130"; } + .bi-arrow-return-left::before { content: "\f131"; } + .bi-arrow-return-right::before { content: "\f132"; } + .bi-arrow-right-circle-fill::before { content: "\f133"; } + .bi-arrow-right-circle::before { content: "\f134"; } + .bi-arrow-right-short::before { content: "\f135"; } + .bi-arrow-right-square-fill::before { content: "\f136"; } + .bi-arrow-right-square::before { content: "\f137"; } + .bi-arrow-right::before { content: "\f138"; } + .bi-arrow-up-circle-fill::before { content: "\f139"; } + .bi-arrow-up-circle::before { content: "\f13a"; } + .bi-arrow-up-left-circle-fill::before { content: "\f13b"; } + .bi-arrow-up-left-circle::before { content: "\f13c"; } + .bi-arrow-up-left-square-fill::before { content: "\f13d"; } + .bi-arrow-up-left-square::before { content: "\f13e"; } + .bi-arrow-up-left::before { content: "\f13f"; } + .bi-arrow-up-right-circle-fill::before { content: "\f140"; } + .bi-arrow-up-right-circle::before { content: "\f141"; } + .bi-arrow-up-right-square-fill::before { content: "\f142"; } + .bi-arrow-up-right-square::before { content: "\f143"; } + .bi-arrow-up-right::before { content: "\f144"; } + .bi-arrow-up-short::before { content: "\f145"; } + .bi-arrow-up-square-fill::before { content: "\f146"; } + .bi-arrow-up-square::before { content: "\f147"; } + .bi-arrow-up::before { content: "\f148"; } + .bi-arrows-angle-contract::before { content: "\f149"; } + .bi-arrows-angle-expand::before { content: "\f14a"; } + .bi-arrows-collapse::before { content: "\f14b"; } + .bi-arrows-expand::before { content: "\f14c"; } + .bi-arrows-fullscreen::before { content: "\f14d"; } + .bi-arrows-move::before { content: "\f14e"; } + .bi-aspect-ratio-fill::before { content: "\f14f"; } + .bi-aspect-ratio::before { content: "\f150"; } + .bi-asterisk::before { content: "\f151"; } + .bi-at::before { content: "\f152"; } + .bi-award-fill::before { content: "\f153"; } + .bi-award::before { content: "\f154"; } + .bi-back::before { content: "\f155"; } + .bi-backspace-fill::before { content: "\f156"; } + .bi-backspace-reverse-fill::before { content: "\f157"; } + .bi-backspace-reverse::before { content: "\f158"; } + .bi-backspace::before { content: "\f159"; } + .bi-badge-3d-fill::before { content: "\f15a"; } + .bi-badge-3d::before { content: "\f15b"; } + .bi-badge-4k-fill::before { content: "\f15c"; } + .bi-badge-4k::before { content: "\f15d"; } + .bi-badge-8k-fill::before { content: "\f15e"; } + .bi-badge-8k::before { content: "\f15f"; } + .bi-badge-ad-fill::before { content: "\f160"; } + .bi-badge-ad::before { content: "\f161"; } + .bi-badge-ar-fill::before { content: "\f162"; } + .bi-badge-ar::before { content: "\f163"; } + .bi-badge-cc-fill::before { content: "\f164"; } + .bi-badge-cc::before { content: "\f165"; } + .bi-badge-hd-fill::before { content: "\f166"; } + .bi-badge-hd::before { content: "\f167"; } + .bi-badge-tm-fill::before { content: "\f168"; } + .bi-badge-tm::before { content: "\f169"; } + .bi-badge-vo-fill::before { content: "\f16a"; } + .bi-badge-vo::before { content: "\f16b"; } + .bi-badge-vr-fill::before { content: "\f16c"; } + .bi-badge-vr::before { content: "\f16d"; } + .bi-badge-wc-fill::before { content: "\f16e"; } + .bi-badge-wc::before { content: "\f16f"; } + .bi-bag-check-fill::before { content: "\f170"; } + .bi-bag-check::before { content: "\f171"; } + .bi-bag-dash-fill::before { content: "\f172"; } + .bi-bag-dash::before { content: "\f173"; } + .bi-bag-fill::before { content: "\f174"; } + .bi-bag-plus-fill::before { content: "\f175"; } + .bi-bag-plus::before { content: "\f176"; } + .bi-bag-x-fill::before { content: "\f177"; } + .bi-bag-x::before { content: "\f178"; } + .bi-bag::before { content: "\f179"; } + .bi-bar-chart-fill::before { content: "\f17a"; } + .bi-bar-chart-line-fill::before { content: "\f17b"; } + .bi-bar-chart-line::before { content: "\f17c"; } + .bi-bar-chart-steps::before { content: "\f17d"; } + .bi-bar-chart::before { content: "\f17e"; } + .bi-basket-fill::before { content: "\f17f"; } + .bi-basket::before { content: "\f180"; } + .bi-basket2-fill::before { content: "\f181"; } + .bi-basket2::before { content: "\f182"; } + .bi-basket3-fill::before { content: "\f183"; } + .bi-basket3::before { content: "\f184"; } + .bi-battery-charging::before { content: "\f185"; } + .bi-battery-full::before { content: "\f186"; } + .bi-battery-half::before { content: "\f187"; } + .bi-battery::before { content: "\f188"; } + .bi-bell-fill::before { content: "\f189"; } + .bi-bell::before { content: "\f18a"; } + .bi-bezier::before { content: "\f18b"; } + .bi-bezier2::before { content: "\f18c"; } + .bi-bicycle::before { content: "\f18d"; } + .bi-binoculars-fill::before { content: "\f18e"; } + .bi-binoculars::before { content: "\f18f"; } + .bi-blockquote-left::before { content: "\f190"; } + .bi-blockquote-right::before { content: "\f191"; } + .bi-book-fill::before { content: "\f192"; } + .bi-book-half::before { content: "\f193"; } + .bi-book::before { content: "\f194"; } + .bi-bookmark-check-fill::before { content: "\f195"; } + .bi-bookmark-check::before { content: "\f196"; } + .bi-bookmark-dash-fill::before { content: "\f197"; } + .bi-bookmark-dash::before { content: "\f198"; } + .bi-bookmark-fill::before { content: "\f199"; } + .bi-bookmark-heart-fill::before { content: "\f19a"; } + .bi-bookmark-heart::before { content: "\f19b"; } + .bi-bookmark-plus-fill::before { content: "\f19c"; } + .bi-bookmark-plus::before { content: "\f19d"; } + .bi-bookmark-star-fill::before { content: "\f19e"; } + .bi-bookmark-star::before { content: "\f19f"; } + .bi-bookmark-x-fill::before { content: "\f1a0"; } + .bi-bookmark-x::before { content: "\f1a1"; } + .bi-bookmark::before { content: "\f1a2"; } + .bi-bookmarks-fill::before { content: "\f1a3"; } + .bi-bookmarks::before { content: "\f1a4"; } + .bi-bookshelf::before { content: "\f1a5"; } + .bi-bootstrap-fill::before { content: "\f1a6"; } + .bi-bootstrap-reboot::before { content: "\f1a7"; } + .bi-bootstrap::before { content: "\f1a8"; } + .bi-border-all::before { content: "\f1a9"; } + .bi-border-bottom::before { content: "\f1aa"; } + .bi-border-center::before { content: "\f1ab"; } + .bi-border-inner::before { content: "\f1ac"; } + .bi-border-left::before { content: "\f1ad"; } + .bi-border-middle::before { content: "\f1ae"; } + .bi-border-outer::before { content: "\f1af"; } + .bi-border-right::before { content: "\f1b0"; } + .bi-border-style::before { content: "\f1b1"; } + .bi-border-top::before { content: "\f1b2"; } + .bi-border-width::before { content: "\f1b3"; } + .bi-border::before { content: "\f1b4"; } + .bi-bounding-box-circles::before { content: "\f1b5"; } + .bi-bounding-box::before { content: "\f1b6"; } + .bi-box-arrow-down-left::before { content: "\f1b7"; } + .bi-box-arrow-down-right::before { content: "\f1b8"; } + .bi-box-arrow-down::before { content: "\f1b9"; } + .bi-box-arrow-in-down-left::before { content: "\f1ba"; } + .bi-box-arrow-in-down-right::before { content: "\f1bb"; } + .bi-box-arrow-in-down::before { content: "\f1bc"; } + .bi-box-arrow-in-left::before { content: "\f1bd"; } + .bi-box-arrow-in-right::before { content: "\f1be"; } + .bi-box-arrow-in-up-left::before { content: "\f1bf"; } + .bi-box-arrow-in-up-right::before { content: "\f1c0"; } + .bi-box-arrow-in-up::before { content: "\f1c1"; } + .bi-box-arrow-left::before { content: "\f1c2"; } + .bi-box-arrow-right::before { content: "\f1c3"; } + .bi-box-arrow-up-left::before { content: "\f1c4"; } + .bi-box-arrow-up-right::before { content: "\f1c5"; } + .bi-box-arrow-up::before { content: "\f1c6"; } + .bi-box-seam::before { content: "\f1c7"; } + .bi-box::before { content: "\f1c8"; } + .bi-braces::before { content: "\f1c9"; } + .bi-bricks::before { content: "\f1ca"; } + .bi-briefcase-fill::before { content: "\f1cb"; } + .bi-briefcase::before { content: "\f1cc"; } + .bi-brightness-alt-high-fill::before { content: "\f1cd"; } + .bi-brightness-alt-high::before { content: "\f1ce"; } + .bi-brightness-alt-low-fill::before { content: "\f1cf"; } + .bi-brightness-alt-low::before { content: "\f1d0"; } + .bi-brightness-high-fill::before { content: "\f1d1"; } + .bi-brightness-high::before { content: "\f1d2"; } + .bi-brightness-low-fill::before { content: "\f1d3"; } + .bi-brightness-low::before { content: "\f1d4"; } + .bi-broadcast-pin::before { content: "\f1d5"; } + .bi-broadcast::before { content: "\f1d6"; } + .bi-brush-fill::before { content: "\f1d7"; } + .bi-brush::before { content: "\f1d8"; } + .bi-bucket-fill::before { content: "\f1d9"; } + .bi-bucket::before { content: "\f1da"; } + .bi-bug-fill::before { content: "\f1db"; } + .bi-bug::before { content: "\f1dc"; } + .bi-building::before { content: "\f1dd"; } + .bi-bullseye::before { content: "\f1de"; } + .bi-calculator-fill::before { content: "\f1df"; } + .bi-calculator::before { content: "\f1e0"; } + .bi-calendar-check-fill::before { content: "\f1e1"; } + .bi-calendar-check::before { content: "\f1e2"; } + .bi-calendar-date-fill::before { content: "\f1e3"; } + .bi-calendar-date::before { content: "\f1e4"; } + .bi-calendar-day-fill::before { content: "\f1e5"; } + .bi-calendar-day::before { content: "\f1e6"; } + .bi-calendar-event-fill::before { content: "\f1e7"; } + .bi-calendar-event::before { content: "\f1e8"; } + .bi-calendar-fill::before { content: "\f1e9"; } + .bi-calendar-minus-fill::before { content: "\f1ea"; } + .bi-calendar-minus::before { content: "\f1eb"; } + .bi-calendar-month-fill::before { content: "\f1ec"; } + .bi-calendar-month::before { content: "\f1ed"; } + .bi-calendar-plus-fill::before { content: "\f1ee"; } + .bi-calendar-plus::before { content: "\f1ef"; } + .bi-calendar-range-fill::before { content: "\f1f0"; } + .bi-calendar-range::before { content: "\f1f1"; } + .bi-calendar-week-fill::before { content: "\f1f2"; } + .bi-calendar-week::before { content: "\f1f3"; } + .bi-calendar-x-fill::before { content: "\f1f4"; } + .bi-calendar-x::before { content: "\f1f5"; } + .bi-calendar::before { content: "\f1f6"; } + .bi-calendar2-check-fill::before { content: "\f1f7"; } + .bi-calendar2-check::before { content: "\f1f8"; } + .bi-calendar2-date-fill::before { content: "\f1f9"; } + .bi-calendar2-date::before { content: "\f1fa"; } + .bi-calendar2-day-fill::before { content: "\f1fb"; } + .bi-calendar2-day::before { content: "\f1fc"; } + .bi-calendar2-event-fill::before { content: "\f1fd"; } + .bi-calendar2-event::before { content: "\f1fe"; } + .bi-calendar2-fill::before { content: "\f1ff"; } + .bi-calendar2-minus-fill::before { content: "\f200"; } + .bi-calendar2-minus::before { content: "\f201"; } + .bi-calendar2-month-fill::before { content: "\f202"; } + .bi-calendar2-month::before { content: "\f203"; } + .bi-calendar2-plus-fill::before { content: "\f204"; } + .bi-calendar2-plus::before { content: "\f205"; } + .bi-calendar2-range-fill::before { content: "\f206"; } + .bi-calendar2-range::before { content: "\f207"; } + .bi-calendar2-week-fill::before { content: "\f208"; } + .bi-calendar2-week::before { content: "\f209"; } + .bi-calendar2-x-fill::before { content: "\f20a"; } + .bi-calendar2-x::before { content: "\f20b"; } + .bi-calendar2::before { content: "\f20c"; } + .bi-calendar3-event-fill::before { content: "\f20d"; } + .bi-calendar3-event::before { content: "\f20e"; } + .bi-calendar3-fill::before { content: "\f20f"; } + .bi-calendar3-range-fill::before { content: "\f210"; } + .bi-calendar3-range::before { content: "\f211"; } + .bi-calendar3-week-fill::before { content: "\f212"; } + .bi-calendar3-week::before { content: "\f213"; } + .bi-calendar3::before { content: "\f214"; } + .bi-calendar4-event::before { content: "\f215"; } + .bi-calendar4-range::before { content: "\f216"; } + .bi-calendar4-week::before { content: "\f217"; } + .bi-calendar4::before { content: "\f218"; } + .bi-camera-fill::before { content: "\f219"; } + .bi-camera-reels-fill::before { content: "\f21a"; } + .bi-camera-reels::before { content: "\f21b"; } + .bi-camera-video-fill::before { content: "\f21c"; } + .bi-camera-video-off-fill::before { content: "\f21d"; } + .bi-camera-video-off::before { content: "\f21e"; } + .bi-camera-video::before { content: "\f21f"; } + .bi-camera::before { content: "\f220"; } + .bi-camera2::before { content: "\f221"; } + .bi-capslock-fill::before { content: "\f222"; } + .bi-capslock::before { content: "\f223"; } + .bi-card-checklist::before { content: "\f224"; } + .bi-card-heading::before { content: "\f225"; } + .bi-card-image::before { content: "\f226"; } + .bi-card-list::before { content: "\f227"; } + .bi-card-text::before { content: "\f228"; } + .bi-caret-down-fill::before { content: "\f229"; } + .bi-caret-down-square-fill::before { content: "\f22a"; } + .bi-caret-down-square::before { content: "\f22b"; } + .bi-caret-down::before { content: "\f22c"; } + .bi-caret-left-fill::before { content: "\f22d"; } + .bi-caret-left-square-fill::before { content: "\f22e"; } + .bi-caret-left-square::before { content: "\f22f"; } + .bi-caret-left::before { content: "\f230"; } + .bi-caret-right-fill::before { content: "\f231"; } + .bi-caret-right-square-fill::before { content: "\f232"; } + .bi-caret-right-square::before { content: "\f233"; } + .bi-caret-right::before { content: "\f234"; } + .bi-caret-up-fill::before { content: "\f235"; } + .bi-caret-up-square-fill::before { content: "\f236"; } + .bi-caret-up-square::before { content: "\f237"; } + .bi-caret-up::before { content: "\f238"; } + .bi-cart-check-fill::before { content: "\f239"; } + .bi-cart-check::before { content: "\f23a"; } + .bi-cart-dash-fill::before { content: "\f23b"; } + .bi-cart-dash::before { content: "\f23c"; } + .bi-cart-fill::before { content: "\f23d"; } + .bi-cart-plus-fill::before { content: "\f23e"; } + .bi-cart-plus::before { content: "\f23f"; } + .bi-cart-x-fill::before { content: "\f240"; } + .bi-cart-x::before { content: "\f241"; } + .bi-cart::before { content: "\f242"; } + .bi-cart2::before { content: "\f243"; } + .bi-cart3::before { content: "\f244"; } + .bi-cart4::before { content: "\f245"; } + .bi-cash-stack::before { content: "\f246"; } + .bi-cash::before { content: "\f247"; } + .bi-cast::before { content: "\f248"; } + .bi-chat-dots-fill::before { content: "\f249"; } + .bi-chat-dots::before { content: "\f24a"; } + .bi-chat-fill::before { content: "\f24b"; } + .bi-chat-left-dots-fill::before { content: "\f24c"; } + .bi-chat-left-dots::before { content: "\f24d"; } + .bi-chat-left-fill::before { content: "\f24e"; } + .bi-chat-left-quote-fill::before { content: "\f24f"; } + .bi-chat-left-quote::before { content: "\f250"; } + .bi-chat-left-text-fill::before { content: "\f251"; } + .bi-chat-left-text::before { content: "\f252"; } + .bi-chat-left::before { content: "\f253"; } + .bi-chat-quote-fill::before { content: "\f254"; } + .bi-chat-quote::before { content: "\f255"; } + .bi-chat-right-dots-fill::before { content: "\f256"; } + .bi-chat-right-dots::before { content: "\f257"; } + .bi-chat-right-fill::before { content: "\f258"; } + .bi-chat-right-quote-fill::before { content: "\f259"; } + .bi-chat-right-quote::before { content: "\f25a"; } + .bi-chat-right-text-fill::before { content: "\f25b"; } + .bi-chat-right-text::before { content: "\f25c"; } + .bi-chat-right::before { content: "\f25d"; } + .bi-chat-square-dots-fill::before { content: "\f25e"; } + .bi-chat-square-dots::before { content: "\f25f"; } + .bi-chat-square-fill::before { content: "\f260"; } + .bi-chat-square-quote-fill::before { content: "\f261"; } + .bi-chat-square-quote::before { content: "\f262"; } + .bi-chat-square-text-fill::before { content: "\f263"; } + .bi-chat-square-text::before { content: "\f264"; } + .bi-chat-square::before { content: "\f265"; } + .bi-chat-text-fill::before { content: "\f266"; } + .bi-chat-text::before { content: "\f267"; } + .bi-chat::before { content: "\f268"; } + .bi-check-all::before { content: "\f269"; } + .bi-check-circle-fill::before { content: "\f26a"; } + .bi-check-circle::before { content: "\f26b"; } + .bi-check-square-fill::before { content: "\f26c"; } + .bi-check-square::before { content: "\f26d"; } + .bi-check::before { content: "\f26e"; } + .bi-check2-all::before { content: "\f26f"; } + .bi-check2-circle::before { content: "\f270"; } + .bi-check2-square::before { content: "\f271"; } + .bi-check2::before { content: "\f272"; } + .bi-chevron-bar-contract::before { content: "\f273"; } + .bi-chevron-bar-down::before { content: "\f274"; } + .bi-chevron-bar-expand::before { content: "\f275"; } + .bi-chevron-bar-left::before { content: "\f276"; } + .bi-chevron-bar-right::before { content: "\f277"; } + .bi-chevron-bar-up::before { content: "\f278"; } + .bi-chevron-compact-down::before { content: "\f279"; } + .bi-chevron-compact-left::before { content: "\f27a"; } + .bi-chevron-compact-right::before { content: "\f27b"; } + .bi-chevron-compact-up::before { content: "\f27c"; } + .bi-chevron-contract::before { content: "\f27d"; } + .bi-chevron-double-down::before { content: "\f27e"; } + .bi-chevron-double-left::before { content: "\f27f"; } + .bi-chevron-double-right::before { content: "\f280"; } + .bi-chevron-double-up::before { content: "\f281"; } + .bi-chevron-down::before { content: "\f282"; } + .bi-chevron-expand::before { content: "\f283"; } + .bi-chevron-left::before { content: "\f284"; } + .bi-chevron-right::before { content: "\f285"; } + .bi-chevron-up::before { content: "\f286"; } + .bi-circle-fill::before { content: "\f287"; } + .bi-circle-half::before { content: "\f288"; } + .bi-circle-square::before { content: "\f289"; } + .bi-circle::before { content: "\f28a"; } + .bi-clipboard-check::before { content: "\f28b"; } + .bi-clipboard-data::before { content: "\f28c"; } + .bi-clipboard-minus::before { content: "\f28d"; } + .bi-clipboard-plus::before { content: "\f28e"; } + .bi-clipboard-x::before { content: "\f28f"; } + .bi-clipboard::before { content: "\f290"; } + .bi-clock-fill::before { content: "\f291"; } + .bi-clock-history::before { content: "\f292"; } + .bi-clock::before { content: "\f293"; } + .bi-cloud-arrow-down-fill::before { content: "\f294"; } + .bi-cloud-arrow-down::before { content: "\f295"; } + .bi-cloud-arrow-up-fill::before { content: "\f296"; } + .bi-cloud-arrow-up::before { content: "\f297"; } + .bi-cloud-check-fill::before { content: "\f298"; } + .bi-cloud-check::before { content: "\f299"; } + .bi-cloud-download-fill::before { content: "\f29a"; } + .bi-cloud-download::before { content: "\f29b"; } + .bi-cloud-drizzle-fill::before { content: "\f29c"; } + .bi-cloud-drizzle::before { content: "\f29d"; } + .bi-cloud-fill::before { content: "\f29e"; } + .bi-cloud-fog-fill::before { content: "\f29f"; } + .bi-cloud-fog::before { content: "\f2a0"; } + .bi-cloud-fog2-fill::before { content: "\f2a1"; } + .bi-cloud-fog2::before { content: "\f2a2"; } + .bi-cloud-hail-fill::before { content: "\f2a3"; } + .bi-cloud-hail::before { content: "\f2a4"; } + .bi-cloud-haze-1::before { content: "\f2a5"; } + .bi-cloud-haze-fill::before { content: "\f2a6"; } + .bi-cloud-haze::before { content: "\f2a7"; } + .bi-cloud-haze2-fill::before { content: "\f2a8"; } + .bi-cloud-lightning-fill::before { content: "\f2a9"; } + .bi-cloud-lightning-rain-fill::before { content: "\f2aa"; } + .bi-cloud-lightning-rain::before { content: "\f2ab"; } + .bi-cloud-lightning::before { content: "\f2ac"; } + .bi-cloud-minus-fill::before { content: "\f2ad"; } + .bi-cloud-minus::before { content: "\f2ae"; } + .bi-cloud-moon-fill::before { content: "\f2af"; } + .bi-cloud-moon::before { content: "\f2b0"; } + .bi-cloud-plus-fill::before { content: "\f2b1"; } + .bi-cloud-plus::before { content: "\f2b2"; } + .bi-cloud-rain-fill::before { content: "\f2b3"; } + .bi-cloud-rain-heavy-fill::before { content: "\f2b4"; } + .bi-cloud-rain-heavy::before { content: "\f2b5"; } + .bi-cloud-rain::before { content: "\f2b6"; } + .bi-cloud-slash-fill::before { content: "\f2b7"; } + .bi-cloud-slash::before { content: "\f2b8"; } + .bi-cloud-sleet-fill::before { content: "\f2b9"; } + .bi-cloud-sleet::before { content: "\f2ba"; } + .bi-cloud-snow-fill::before { content: "\f2bb"; } + .bi-cloud-snow::before { content: "\f2bc"; } + .bi-cloud-sun-fill::before { content: "\f2bd"; } + .bi-cloud-sun::before { content: "\f2be"; } + .bi-cloud-upload-fill::before { content: "\f2bf"; } + .bi-cloud-upload::before { content: "\f2c0"; } + .bi-cloud::before { content: "\f2c1"; } + .bi-clouds-fill::before { content: "\f2c2"; } + .bi-clouds::before { content: "\f2c3"; } + .bi-cloudy-fill::before { content: "\f2c4"; } + .bi-cloudy::before { content: "\f2c5"; } + .bi-code-slash::before { content: "\f2c6"; } + .bi-code-square::before { content: "\f2c7"; } + .bi-code::before { content: "\f2c8"; } + .bi-collection-fill::before { content: "\f2c9"; } + .bi-collection-play-fill::before { content: "\f2ca"; } + .bi-collection-play::before { content: "\f2cb"; } + .bi-collection::before { content: "\f2cc"; } + .bi-columns-gap::before { content: "\f2cd"; } + .bi-columns::before { content: "\f2ce"; } + .bi-command::before { content: "\f2cf"; } + .bi-compass-fill::before { content: "\f2d0"; } + .bi-compass::before { content: "\f2d1"; } + .bi-cone-striped::before { content: "\f2d2"; } + .bi-cone::before { content: "\f2d3"; } + .bi-controller::before { content: "\f2d4"; } + .bi-cpu-fill::before { content: "\f2d5"; } + .bi-cpu::before { content: "\f2d6"; } + .bi-credit-card-2-back-fill::before { content: "\f2d7"; } + .bi-credit-card-2-back::before { content: "\f2d8"; } + .bi-credit-card-2-front-fill::before { content: "\f2d9"; } + .bi-credit-card-2-front::before { content: "\f2da"; } + .bi-credit-card-fill::before { content: "\f2db"; } + .bi-credit-card::before { content: "\f2dc"; } + .bi-crop::before { content: "\f2dd"; } + .bi-cup-fill::before { content: "\f2de"; } + .bi-cup-straw::before { content: "\f2df"; } + .bi-cup::before { content: "\f2e0"; } + .bi-cursor-fill::before { content: "\f2e1"; } + .bi-cursor-text::before { content: "\f2e2"; } + .bi-cursor::before { content: "\f2e3"; } + .bi-dash-circle-dotted::before { content: "\f2e4"; } + .bi-dash-circle-fill::before { content: "\f2e5"; } + .bi-dash-circle::before { content: "\f2e6"; } + .bi-dash-square-dotted::before { content: "\f2e7"; } + .bi-dash-square-fill::before { content: "\f2e8"; } + .bi-dash-square::before { content: "\f2e9"; } + .bi-dash::before { content: "\f2ea"; } + .bi-diagram-2-fill::before { content: "\f2eb"; } + .bi-diagram-2::before { content: "\f2ec"; } + .bi-diagram-3-fill::before { content: "\f2ed"; } + .bi-diagram-3::before { content: "\f2ee"; } + .bi-diamond-fill::before { content: "\f2ef"; } + .bi-diamond-half::before { content: "\f2f0"; } + .bi-diamond::before { content: "\f2f1"; } + .bi-dice-1-fill::before { content: "\f2f2"; } + .bi-dice-1::before { content: "\f2f3"; } + .bi-dice-2-fill::before { content: "\f2f4"; } + .bi-dice-2::before { content: "\f2f5"; } + .bi-dice-3-fill::before { content: "\f2f6"; } + .bi-dice-3::before { content: "\f2f7"; } + .bi-dice-4-fill::before { content: "\f2f8"; } + .bi-dice-4::before { content: "\f2f9"; } + .bi-dice-5-fill::before { content: "\f2fa"; } + .bi-dice-5::before { content: "\f2fb"; } + .bi-dice-6-fill::before { content: "\f2fc"; } + .bi-dice-6::before { content: "\f2fd"; } + .bi-disc-fill::before { content: "\f2fe"; } + .bi-disc::before { content: "\f2ff"; } + .bi-discord::before { content: "\f300"; } + .bi-display-fill::before { content: "\f301"; } + .bi-display::before { content: "\f302"; } + .bi-distribute-horizontal::before { content: "\f303"; } + .bi-distribute-vertical::before { content: "\f304"; } + .bi-door-closed-fill::before { content: "\f305"; } + .bi-door-closed::before { content: "\f306"; } + .bi-door-open-fill::before { content: "\f307"; } + .bi-door-open::before { content: "\f308"; } + .bi-dot::before { content: "\f309"; } + .bi-download::before { content: "\f30a"; } + .bi-droplet-fill::before { content: "\f30b"; } + .bi-droplet-half::before { content: "\f30c"; } + .bi-droplet::before { content: "\f30d"; } + .bi-earbuds::before { content: "\f30e"; } + .bi-easel-fill::before { content: "\f30f"; } + .bi-easel::before { content: "\f310"; } + .bi-egg-fill::before { content: "\f311"; } + .bi-egg-fried::before { content: "\f312"; } + .bi-egg::before { content: "\f313"; } + .bi-eject-fill::before { content: "\f314"; } + .bi-eject::before { content: "\f315"; } + .bi-emoji-angry-fill::before { content: "\f316"; } + .bi-emoji-angry::before { content: "\f317"; } + .bi-emoji-dizzy-fill::before { content: "\f318"; } + .bi-emoji-dizzy::before { content: "\f319"; } + .bi-emoji-expressionless-fill::before { content: "\f31a"; } + .bi-emoji-expressionless::before { content: "\f31b"; } + .bi-emoji-frown-fill::before { content: "\f31c"; } + .bi-emoji-frown::before { content: "\f31d"; } + .bi-emoji-heart-eyes-fill::before { content: "\f31e"; } + .bi-emoji-heart-eyes::before { content: "\f31f"; } + .bi-emoji-laughing-fill::before { content: "\f320"; } + .bi-emoji-laughing::before { content: "\f321"; } + .bi-emoji-neutral-fill::before { content: "\f322"; } + .bi-emoji-neutral::before { content: "\f323"; } + .bi-emoji-smile-fill::before { content: "\f324"; } + .bi-emoji-smile-upside-down-fill::before { content: "\f325"; } + .bi-emoji-smile-upside-down::before { content: "\f326"; } + .bi-emoji-smile::before { content: "\f327"; } + .bi-emoji-sunglasses-fill::before { content: "\f328"; } + .bi-emoji-sunglasses::before { content: "\f329"; } + .bi-emoji-wink-fill::before { content: "\f32a"; } + .bi-emoji-wink::before { content: "\f32b"; } + .bi-envelope-fill::before { content: "\f32c"; } + .bi-envelope-open-fill::before { content: "\f32d"; } + .bi-envelope-open::before { content: "\f32e"; } + .bi-envelope::before { content: "\f32f"; } + .bi-eraser-fill::before { content: "\f330"; } + .bi-eraser::before { content: "\f331"; } + .bi-exclamation-circle-fill::before { content: "\f332"; } + .bi-exclamation-circle::before { content: "\f333"; } + .bi-exclamation-diamond-fill::before { content: "\f334"; } + .bi-exclamation-diamond::before { content: "\f335"; } + .bi-exclamation-octagon-fill::before { content: "\f336"; } + .bi-exclamation-octagon::before { content: "\f337"; } + .bi-exclamation-square-fill::before { content: "\f338"; } + .bi-exclamation-square::before { content: "\f339"; } + .bi-exclamation-triangle-fill::before { content: "\f33a"; } + .bi-exclamation-triangle::before { content: "\f33b"; } + .bi-exclamation::before { content: "\f33c"; } + .bi-exclude::before { content: "\f33d"; } + .bi-eye-fill::before { content: "\f33e"; } + .bi-eye-slash-fill::before { content: "\f33f"; } + .bi-eye-slash::before { content: "\f340"; } + .bi-eye::before { content: "\f341"; } + .bi-eyedropper::before { content: "\f342"; } + .bi-eyeglasses::before { content: "\f343"; } + .bi-facebook::before { content: "\f344"; } + .bi-file-arrow-down-fill::before { content: "\f345"; } + .bi-file-arrow-down::before { content: "\f346"; } + .bi-file-arrow-up-fill::before { content: "\f347"; } + .bi-file-arrow-up::before { content: "\f348"; } + .bi-file-bar-graph-fill::before { content: "\f349"; } + .bi-file-bar-graph::before { content: "\f34a"; } + .bi-file-binary-fill::before { content: "\f34b"; } + .bi-file-binary::before { content: "\f34c"; } + .bi-file-break-fill::before { content: "\f34d"; } + .bi-file-break::before { content: "\f34e"; } + .bi-file-check-fill::before { content: "\f34f"; } + .bi-file-check::before { content: "\f350"; } + .bi-file-code-fill::before { content: "\f351"; } + .bi-file-code::before { content: "\f352"; } + .bi-file-diff-fill::before { content: "\f353"; } + .bi-file-diff::before { content: "\f354"; } + .bi-file-earmark-arrow-down-fill::before { content: "\f355"; } + .bi-file-earmark-arrow-down::before { content: "\f356"; } + .bi-file-earmark-arrow-up-fill::before { content: "\f357"; } + .bi-file-earmark-arrow-up::before { content: "\f358"; } + .bi-file-earmark-bar-graph-fill::before { content: "\f359"; } + .bi-file-earmark-bar-graph::before { content: "\f35a"; } + .bi-file-earmark-binary-fill::before { content: "\f35b"; } + .bi-file-earmark-binary::before { content: "\f35c"; } + .bi-file-earmark-break-fill::before { content: "\f35d"; } + .bi-file-earmark-break::before { content: "\f35e"; } + .bi-file-earmark-check-fill::before { content: "\f35f"; } + .bi-file-earmark-check::before { content: "\f360"; } + .bi-file-earmark-code-fill::before { content: "\f361"; } + .bi-file-earmark-code::before { content: "\f362"; } + .bi-file-earmark-diff-fill::before { content: "\f363"; } + .bi-file-earmark-diff::before { content: "\f364"; } + .bi-file-earmark-easel-fill::before { content: "\f365"; } + .bi-file-earmark-easel::before { content: "\f366"; } + .bi-file-earmark-excel-fill::before { content: "\f367"; } + .bi-file-earmark-excel::before { content: "\f368"; } + .bi-file-earmark-fill::before { content: "\f369"; } + .bi-file-earmark-font-fill::before { content: "\f36a"; } + .bi-file-earmark-font::before { content: "\f36b"; } + .bi-file-earmark-image-fill::before { content: "\f36c"; } + .bi-file-earmark-image::before { content: "\f36d"; } + .bi-file-earmark-lock-fill::before { content: "\f36e"; } + .bi-file-earmark-lock::before { content: "\f36f"; } + .bi-file-earmark-lock2-fill::before { content: "\f370"; } + .bi-file-earmark-lock2::before { content: "\f371"; } + .bi-file-earmark-medical-fill::before { content: "\f372"; } + .bi-file-earmark-medical::before { content: "\f373"; } + .bi-file-earmark-minus-fill::before { content: "\f374"; } + .bi-file-earmark-minus::before { content: "\f375"; } + .bi-file-earmark-music-fill::before { content: "\f376"; } + .bi-file-earmark-music::before { content: "\f377"; } + .bi-file-earmark-person-fill::before { content: "\f378"; } + .bi-file-earmark-person::before { content: "\f379"; } + .bi-file-earmark-play-fill::before { content: "\f37a"; } + .bi-file-earmark-play::before { content: "\f37b"; } + .bi-file-earmark-plus-fill::before { content: "\f37c"; } + .bi-file-earmark-plus::before { content: "\f37d"; } + .bi-file-earmark-post-fill::before { content: "\f37e"; } + .bi-file-earmark-post::before { content: "\f37f"; } + .bi-file-earmark-ppt-fill::before { content: "\f380"; } + .bi-file-earmark-ppt::before { content: "\f381"; } + .bi-file-earmark-richtext-fill::before { content: "\f382"; } + .bi-file-earmark-richtext::before { content: "\f383"; } + .bi-file-earmark-ruled-fill::before { content: "\f384"; } + .bi-file-earmark-ruled::before { content: "\f385"; } + .bi-file-earmark-slides-fill::before { content: "\f386"; } + .bi-file-earmark-slides::before { content: "\f387"; } + .bi-file-earmark-spreadsheet-fill::before { content: "\f388"; } + .bi-file-earmark-spreadsheet::before { content: "\f389"; } + .bi-file-earmark-text-fill::before { content: "\f38a"; } + .bi-file-earmark-text::before { content: "\f38b"; } + .bi-file-earmark-word-fill::before { content: "\f38c"; } + .bi-file-earmark-word::before { content: "\f38d"; } + .bi-file-earmark-x-fill::before { content: "\f38e"; } + .bi-file-earmark-x::before { content: "\f38f"; } + .bi-file-earmark-zip-fill::before { content: "\f390"; } + .bi-file-earmark-zip::before { content: "\f391"; } + .bi-file-earmark::before { content: "\f392"; } + .bi-file-easel-fill::before { content: "\f393"; } + .bi-file-easel::before { content: "\f394"; } + .bi-file-excel-fill::before { content: "\f395"; } + .bi-file-excel::before { content: "\f396"; } + .bi-file-fill::before { content: "\f397"; } + .bi-file-font-fill::before { content: "\f398"; } + .bi-file-font::before { content: "\f399"; } + .bi-file-image-fill::before { content: "\f39a"; } + .bi-file-image::before { content: "\f39b"; } + .bi-file-lock-fill::before { content: "\f39c"; } + .bi-file-lock::before { content: "\f39d"; } + .bi-file-lock2-fill::before { content: "\f39e"; } + .bi-file-lock2::before { content: "\f39f"; } + .bi-file-medical-fill::before { content: "\f3a0"; } + .bi-file-medical::before { content: "\f3a1"; } + .bi-file-minus-fill::before { content: "\f3a2"; } + .bi-file-minus::before { content: "\f3a3"; } + .bi-file-music-fill::before { content: "\f3a4"; } + .bi-file-music::before { content: "\f3a5"; } + .bi-file-person-fill::before { content: "\f3a6"; } + .bi-file-person::before { content: "\f3a7"; } + .bi-file-play-fill::before { content: "\f3a8"; } + .bi-file-play::before { content: "\f3a9"; } + .bi-file-plus-fill::before { content: "\f3aa"; } + .bi-file-plus::before { content: "\f3ab"; } + .bi-file-post-fill::before { content: "\f3ac"; } + .bi-file-post::before { content: "\f3ad"; } + .bi-file-ppt-fill::before { content: "\f3ae"; } + .bi-file-ppt::before { content: "\f3af"; } + .bi-file-richtext-fill::before { content: "\f3b0"; } + .bi-file-richtext::before { content: "\f3b1"; } + .bi-file-ruled-fill::before { content: "\f3b2"; } + .bi-file-ruled::before { content: "\f3b3"; } + .bi-file-slides-fill::before { content: "\f3b4"; } + .bi-file-slides::before { content: "\f3b5"; } + .bi-file-spreadsheet-fill::before { content: "\f3b6"; } + .bi-file-spreadsheet::before { content: "\f3b7"; } + .bi-file-text-fill::before { content: "\f3b8"; } + .bi-file-text::before { content: "\f3b9"; } + .bi-file-word-fill::before { content: "\f3ba"; } + .bi-file-word::before { content: "\f3bb"; } + .bi-file-x-fill::before { content: "\f3bc"; } + .bi-file-x::before { content: "\f3bd"; } + .bi-file-zip-fill::before { content: "\f3be"; } + .bi-file-zip::before { content: "\f3bf"; } + .bi-file::before { content: "\f3c0"; } + .bi-files-alt::before { content: "\f3c1"; } + .bi-files::before { content: "\f3c2"; } + .bi-film::before { content: "\f3c3"; } + .bi-filter-circle-fill::before { content: "\f3c4"; } + .bi-filter-circle::before { content: "\f3c5"; } + .bi-filter-left::before { content: "\f3c6"; } + .bi-filter-right::before { content: "\f3c7"; } + .bi-filter-square-fill::before { content: "\f3c8"; } + .bi-filter-square::before { content: "\f3c9"; } + .bi-filter::before { content: "\f3ca"; } + .bi-flag-fill::before { content: "\f3cb"; } + .bi-flag::before { content: "\f3cc"; } + .bi-flower1::before { content: "\f3cd"; } + .bi-flower2::before { content: "\f3ce"; } + .bi-flower3::before { content: "\f3cf"; } + .bi-folder-check::before { content: "\f3d0"; } + .bi-folder-fill::before { content: "\f3d1"; } + .bi-folder-minus::before { content: "\f3d2"; } + .bi-folder-plus::before { content: "\f3d3"; } + .bi-folder-symlink-fill::before { content: "\f3d4"; } + .bi-folder-symlink::before { content: "\f3d5"; } + .bi-folder-x::before { content: "\f3d6"; } + .bi-folder::before { content: "\f3d7"; } + .bi-folder2-open::before { content: "\f3d8"; } + .bi-folder2::before { content: "\f3d9"; } + .bi-fonts::before { content: "\f3da"; } + .bi-forward-fill::before { content: "\f3db"; } + .bi-forward::before { content: "\f3dc"; } + .bi-front::before { content: "\f3dd"; } + .bi-fullscreen-exit::before { content: "\f3de"; } + .bi-fullscreen::before { content: "\f3df"; } + .bi-funnel-fill::before { content: "\f3e0"; } + .bi-funnel::before { content: "\f3e1"; } + .bi-gear-fill::before { content: "\f3e2"; } + .bi-gear-wide-connected::before { content: "\f3e3"; } + .bi-gear-wide::before { content: "\f3e4"; } + .bi-gear::before { content: "\f3e5"; } + .bi-gem::before { content: "\f3e6"; } + .bi-geo-alt-fill::before { content: "\f3e7"; } + .bi-geo-alt::before { content: "\f3e8"; } + .bi-geo-fill::before { content: "\f3e9"; } + .bi-geo::before { content: "\f3ea"; } + .bi-gift-fill::before { content: "\f3eb"; } + .bi-gift::before { content: "\f3ec"; } + .bi-github::before { content: "\f3ed"; } + .bi-globe::before { content: "\f3ee"; } + .bi-globe2::before { content: "\f3ef"; } + .bi-google::before { content: "\f3f0"; } + .bi-graph-down::before { content: "\f3f1"; } + .bi-graph-up::before { content: "\f3f2"; } + .bi-grid-1x2-fill::before { content: "\f3f3"; } + .bi-grid-1x2::before { content: "\f3f4"; } + .bi-grid-3x2-gap-fill::before { content: "\f3f5"; } + .bi-grid-3x2-gap::before { content: "\f3f6"; } + .bi-grid-3x2::before { content: "\f3f7"; } + .bi-grid-3x3-gap-fill::before { content: "\f3f8"; } + .bi-grid-3x3-gap::before { content: "\f3f9"; } + .bi-grid-3x3::before { content: "\f3fa"; } + .bi-grid-fill::before { content: "\f3fb"; } + .bi-grid::before { content: "\f3fc"; } + .bi-grip-horizontal::before { content: "\f3fd"; } + .bi-grip-vertical::before { content: "\f3fe"; } + .bi-hammer::before { content: "\f3ff"; } + .bi-hand-index-fill::before { content: "\f400"; } + .bi-hand-index-thumb-fill::before { content: "\f401"; } + .bi-hand-index-thumb::before { content: "\f402"; } + .bi-hand-index::before { content: "\f403"; } + .bi-hand-thumbs-down-fill::before { content: "\f404"; } + .bi-hand-thumbs-down::before { content: "\f405"; } + .bi-hand-thumbs-up-fill::before { content: "\f406"; } + .bi-hand-thumbs-up::before { content: "\f407"; } + .bi-handbag-fill::before { content: "\f408"; } + .bi-handbag::before { content: "\f409"; } + .bi-hash::before { content: "\f40a"; } + .bi-hdd-fill::before { content: "\f40b"; } + .bi-hdd-network-fill::before { content: "\f40c"; } + .bi-hdd-network::before { content: "\f40d"; } + .bi-hdd-rack-fill::before { content: "\f40e"; } + .bi-hdd-rack::before { content: "\f40f"; } + .bi-hdd-stack-fill::before { content: "\f410"; } + .bi-hdd-stack::before { content: "\f411"; } + .bi-hdd::before { content: "\f412"; } + .bi-headphones::before { content: "\f413"; } + .bi-headset::before { content: "\f414"; } + .bi-heart-fill::before { content: "\f415"; } + .bi-heart-half::before { content: "\f416"; } + .bi-heart::before { content: "\f417"; } + .bi-heptagon-fill::before { content: "\f418"; } + .bi-heptagon-half::before { content: "\f419"; } + .bi-heptagon::before { content: "\f41a"; } + .bi-hexagon-fill::before { content: "\f41b"; } + .bi-hexagon-half::before { content: "\f41c"; } + .bi-hexagon::before { content: "\f41d"; } + .bi-hourglass-bottom::before { content: "\f41e"; } + .bi-hourglass-split::before { content: "\f41f"; } + .bi-hourglass-top::before { content: "\f420"; } + .bi-hourglass::before { content: "\f421"; } + .bi-house-door-fill::before { content: "\f422"; } + .bi-house-door::before { content: "\f423"; } + .bi-house-fill::before { content: "\f424"; } + .bi-house::before { content: "\f425"; } + .bi-hr::before { content: "\f426"; } + .bi-hurricane::before { content: "\f427"; } + .bi-image-alt::before { content: "\f428"; } + .bi-image-fill::before { content: "\f429"; } + .bi-image::before { content: "\f42a"; } + .bi-images::before { content: "\f42b"; } + .bi-inbox-fill::before { content: "\f42c"; } + .bi-inbox::before { content: "\f42d"; } + .bi-inboxes-fill::before { content: "\f42e"; } + .bi-inboxes::before { content: "\f42f"; } + .bi-info-circle-fill::before { content: "\f430"; } + .bi-info-circle::before { content: "\f431"; } + .bi-info-square-fill::before { content: "\f432"; } + .bi-info-square::before { content: "\f433"; } + .bi-info::before { content: "\f434"; } + .bi-input-cursor-text::before { content: "\f435"; } + .bi-input-cursor::before { content: "\f436"; } + .bi-instagram::before { content: "\f437"; } + .bi-intersect::before { content: "\f438"; } + .bi-journal-album::before { content: "\f439"; } + .bi-journal-arrow-down::before { content: "\f43a"; } + .bi-journal-arrow-up::before { content: "\f43b"; } + .bi-journal-bookmark-fill::before { content: "\f43c"; } + .bi-journal-bookmark::before { content: "\f43d"; } + .bi-journal-check::before { content: "\f43e"; } + .bi-journal-code::before { content: "\f43f"; } + .bi-journal-medical::before { content: "\f440"; } + .bi-journal-minus::before { content: "\f441"; } + .bi-journal-plus::before { content: "\f442"; } + .bi-journal-richtext::before { content: "\f443"; } + .bi-journal-text::before { content: "\f444"; } + .bi-journal-x::before { content: "\f445"; } + .bi-journal::before { content: "\f446"; } + .bi-journals::before { content: "\f447"; } + .bi-joystick::before { content: "\f448"; } + .bi-justify-left::before { content: "\f449"; } + .bi-justify-right::before { content: "\f44a"; } + .bi-justify::before { content: "\f44b"; } + .bi-kanban-fill::before { content: "\f44c"; } + .bi-kanban::before { content: "\f44d"; } + .bi-key-fill::before { content: "\f44e"; } + .bi-key::before { content: "\f44f"; } + .bi-keyboard-fill::before { content: "\f450"; } + .bi-keyboard::before { content: "\f451"; } + .bi-ladder::before { content: "\f452"; } + .bi-lamp-fill::before { content: "\f453"; } + .bi-lamp::before { content: "\f454"; } + .bi-laptop-fill::before { content: "\f455"; } + .bi-laptop::before { content: "\f456"; } + .bi-layer-backward::before { content: "\f457"; } + .bi-layer-forward::before { content: "\f458"; } + .bi-layers-fill::before { content: "\f459"; } + .bi-layers-half::before { content: "\f45a"; } + .bi-layers::before { content: "\f45b"; } + .bi-layout-sidebar-inset-reverse::before { content: "\f45c"; } + .bi-layout-sidebar-inset::before { content: "\f45d"; } + .bi-layout-sidebar-reverse::before { content: "\f45e"; } + .bi-layout-sidebar::before { content: "\f45f"; } + .bi-layout-split::before { content: "\f460"; } + .bi-layout-text-sidebar-reverse::before { content: "\f461"; } + .bi-layout-text-sidebar::before { content: "\f462"; } + .bi-layout-text-window-reverse::before { content: "\f463"; } + .bi-layout-text-window::before { content: "\f464"; } + .bi-layout-three-columns::before { content: "\f465"; } + .bi-layout-wtf::before { content: "\f466"; } + .bi-life-preserver::before { content: "\f467"; } + .bi-lightbulb-fill::before { content: "\f468"; } + .bi-lightbulb-off-fill::before { content: "\f469"; } + .bi-lightbulb-off::before { content: "\f46a"; } + .bi-lightbulb::before { content: "\f46b"; } + .bi-lightning-charge-fill::before { content: "\f46c"; } + .bi-lightning-charge::before { content: "\f46d"; } + .bi-lightning-fill::before { content: "\f46e"; } + .bi-lightning::before { content: "\f46f"; } + .bi-link-45deg::before { content: "\f470"; } + .bi-link::before { content: "\f471"; } + .bi-linkedin::before { content: "\f472"; } + .bi-list-check::before { content: "\f473"; } + .bi-list-nested::before { content: "\f474"; } + .bi-list-ol::before { content: "\f475"; } + .bi-list-stars::before { content: "\f476"; } + .bi-list-task::before { content: "\f477"; } + .bi-list-ul::before { content: "\f478"; } + .bi-list::before { content: "\f479"; } + .bi-lock-fill::before { content: "\f47a"; } + .bi-lock::before { content: "\f47b"; } + .bi-mailbox::before { content: "\f47c"; } + .bi-mailbox2::before { content: "\f47d"; } + .bi-map-fill::before { content: "\f47e"; } + .bi-map::before { content: "\f47f"; } + .bi-markdown-fill::before { content: "\f480"; } + .bi-markdown::before { content: "\f481"; } + .bi-mask::before { content: "\f482"; } + .bi-megaphone-fill::before { content: "\f483"; } + .bi-megaphone::before { content: "\f484"; } + .bi-menu-app-fill::before { content: "\f485"; } + .bi-menu-app::before { content: "\f486"; } + .bi-menu-button-fill::before { content: "\f487"; } + .bi-menu-button-wide-fill::before { content: "\f488"; } + .bi-menu-button-wide::before { content: "\f489"; } + .bi-menu-button::before { content: "\f48a"; } + .bi-menu-down::before { content: "\f48b"; } + .bi-menu-up::before { content: "\f48c"; } + .bi-mic-fill::before { content: "\f48d"; } + .bi-mic-mute-fill::before { content: "\f48e"; } + .bi-mic-mute::before { content: "\f48f"; } + .bi-mic::before { content: "\f490"; } + .bi-minecart-loaded::before { content: "\f491"; } + .bi-minecart::before { content: "\f492"; } + .bi-moisture::before { content: "\f493"; } + .bi-moon-fill::before { content: "\f494"; } + .bi-moon-stars-fill::before { content: "\f495"; } + .bi-moon-stars::before { content: "\f496"; } + .bi-moon::before { content: "\f497"; } + .bi-mouse-fill::before { content: "\f498"; } + .bi-mouse::before { content: "\f499"; } + .bi-mouse2-fill::before { content: "\f49a"; } + .bi-mouse2::before { content: "\f49b"; } + .bi-mouse3-fill::before { content: "\f49c"; } + .bi-mouse3::before { content: "\f49d"; } + .bi-music-note-beamed::before { content: "\f49e"; } + .bi-music-note-list::before { content: "\f49f"; } + .bi-music-note::before { content: "\f4a0"; } + .bi-music-player-fill::before { content: "\f4a1"; } + .bi-music-player::before { content: "\f4a2"; } + .bi-newspaper::before { content: "\f4a3"; } + .bi-node-minus-fill::before { content: "\f4a4"; } + .bi-node-minus::before { content: "\f4a5"; } + .bi-node-plus-fill::before { content: "\f4a6"; } + .bi-node-plus::before { content: "\f4a7"; } + .bi-nut-fill::before { content: "\f4a8"; } + .bi-nut::before { content: "\f4a9"; } + .bi-octagon-fill::before { content: "\f4aa"; } + .bi-octagon-half::before { content: "\f4ab"; } + .bi-octagon::before { content: "\f4ac"; } + .bi-option::before { content: "\f4ad"; } + .bi-outlet::before { content: "\f4ae"; } + .bi-paint-bucket::before { content: "\f4af"; } + .bi-palette-fill::before { content: "\f4b0"; } + .bi-palette::before { content: "\f4b1"; } + .bi-palette2::before { content: "\f4b2"; } + .bi-paperclip::before { content: "\f4b3"; } + .bi-paragraph::before { content: "\f4b4"; } + .bi-patch-check-fill::before { content: "\f4b5"; } + .bi-patch-check::before { content: "\f4b6"; } + .bi-patch-exclamation-fill::before { content: "\f4b7"; } + .bi-patch-exclamation::before { content: "\f4b8"; } + .bi-patch-minus-fill::before { content: "\f4b9"; } + .bi-patch-minus::before { content: "\f4ba"; } + .bi-patch-plus-fill::before { content: "\f4bb"; } + .bi-patch-plus::before { content: "\f4bc"; } + .bi-patch-question-fill::before { content: "\f4bd"; } + .bi-patch-question::before { content: "\f4be"; } + .bi-pause-btn-fill::before { content: "\f4bf"; } + .bi-pause-btn::before { content: "\f4c0"; } + .bi-pause-circle-fill::before { content: "\f4c1"; } + .bi-pause-circle::before { content: "\f4c2"; } + .bi-pause-fill::before { content: "\f4c3"; } + .bi-pause::before { content: "\f4c4"; } + .bi-peace-fill::before { content: "\f4c5"; } + .bi-peace::before { content: "\f4c6"; } + .bi-pen-fill::before { content: "\f4c7"; } + .bi-pen::before { content: "\f4c8"; } + .bi-pencil-fill::before { content: "\f4c9"; } + .bi-pencil-square::before { content: "\f4ca"; } + .bi-pencil::before { content: "\f4cb"; } + .bi-pentagon-fill::before { content: "\f4cc"; } + .bi-pentagon-half::before { content: "\f4cd"; } + .bi-pentagon::before { content: "\f4ce"; } + .bi-people-fill::before { content: "\f4cf"; } + .bi-people::before { content: "\f4d0"; } + .bi-percent::before { content: "\f4d1"; } + .bi-person-badge-fill::before { content: "\f4d2"; } + .bi-person-badge::before { content: "\f4d3"; } + .bi-person-bounding-box::before { content: "\f4d4"; } + .bi-person-check-fill::before { content: "\f4d5"; } + .bi-person-check::before { content: "\f4d6"; } + .bi-person-circle::before { content: "\f4d7"; } + .bi-person-dash-fill::before { content: "\f4d8"; } + .bi-person-dash::before { content: "\f4d9"; } + .bi-person-fill::before { content: "\f4da"; } + .bi-person-lines-fill::before { content: "\f4db"; } + .bi-person-plus-fill::before { content: "\f4dc"; } + .bi-person-plus::before { content: "\f4dd"; } + .bi-person-square::before { content: "\f4de"; } + .bi-person-x-fill::before { content: "\f4df"; } + .bi-person-x::before { content: "\f4e0"; } + .bi-person::before { content: "\f4e1"; } + .bi-phone-fill::before { content: "\f4e2"; } + .bi-phone-landscape-fill::before { content: "\f4e3"; } + .bi-phone-landscape::before { content: "\f4e4"; } + .bi-phone-vibrate-fill::before { content: "\f4e5"; } + .bi-phone-vibrate::before { content: "\f4e6"; } + .bi-phone::before { content: "\f4e7"; } + .bi-pie-chart-fill::before { content: "\f4e8"; } + .bi-pie-chart::before { content: "\f4e9"; } + .bi-pin-angle-fill::before { content: "\f4ea"; } + .bi-pin-angle::before { content: "\f4eb"; } + .bi-pin-fill::before { content: "\f4ec"; } + .bi-pin::before { content: "\f4ed"; } + .bi-pip-fill::before { content: "\f4ee"; } + .bi-pip::before { content: "\f4ef"; } + .bi-play-btn-fill::before { content: "\f4f0"; } + .bi-play-btn::before { content: "\f4f1"; } + .bi-play-circle-fill::before { content: "\f4f2"; } + .bi-play-circle::before { content: "\f4f3"; } + .bi-play-fill::before { content: "\f4f4"; } + .bi-play::before { content: "\f4f5"; } + .bi-plug-fill::before { content: "\f4f6"; } + .bi-plug::before { content: "\f4f7"; } + .bi-plus-circle-dotted::before { content: "\f4f8"; } + .bi-plus-circle-fill::before { content: "\f4f9"; } + .bi-plus-circle::before { content: "\f4fa"; } + .bi-plus-square-dotted::before { content: "\f4fb"; } + .bi-plus-square-fill::before { content: "\f4fc"; } + .bi-plus-square::before { content: "\f4fd"; } + .bi-plus::before { content: "\f4fe"; } + .bi-power::before { content: "\f4ff"; } + .bi-printer-fill::before { content: "\f500"; } + .bi-printer::before { content: "\f501"; } + .bi-puzzle-fill::before { content: "\f502"; } + .bi-puzzle::before { content: "\f503"; } + .bi-question-circle-fill::before { content: "\f504"; } + .bi-question-circle::before { content: "\f505"; } + .bi-question-diamond-fill::before { content: "\f506"; } + .bi-question-diamond::before { content: "\f507"; } + .bi-question-octagon-fill::before { content: "\f508"; } + .bi-question-octagon::before { content: "\f509"; } + .bi-question-square-fill::before { content: "\f50a"; } + .bi-question-square::before { content: "\f50b"; } + .bi-question::before { content: "\f50c"; } + .bi-rainbow::before { content: "\f50d"; } + .bi-receipt-cutoff::before { content: "\f50e"; } + .bi-receipt::before { content: "\f50f"; } + .bi-reception-0::before { content: "\f510"; } + .bi-reception-1::before { content: "\f511"; } + .bi-reception-2::before { content: "\f512"; } + .bi-reception-3::before { content: "\f513"; } + .bi-reception-4::before { content: "\f514"; } + .bi-record-btn-fill::before { content: "\f515"; } + .bi-record-btn::before { content: "\f516"; } + .bi-record-circle-fill::before { content: "\f517"; } + .bi-record-circle::before { content: "\f518"; } + .bi-record-fill::before { content: "\f519"; } + .bi-record::before { content: "\f51a"; } + .bi-record2-fill::before { content: "\f51b"; } + .bi-record2::before { content: "\f51c"; } + .bi-reply-all-fill::before { content: "\f51d"; } + .bi-reply-all::before { content: "\f51e"; } + .bi-reply-fill::before { content: "\f51f"; } + .bi-reply::before { content: "\f520"; } + .bi-rss-fill::before { content: "\f521"; } + .bi-rss::before { content: "\f522"; } + .bi-rulers::before { content: "\f523"; } + .bi-save-fill::before { content: "\f524"; } + .bi-save::before { content: "\f525"; } + .bi-save2-fill::before { content: "\f526"; } + .bi-save2::before { content: "\f527"; } + .bi-scissors::before { content: "\f528"; } + .bi-screwdriver::before { content: "\f529"; } + .bi-search::before { content: "\f52a"; } + .bi-segmented-nav::before { content: "\f52b"; } + .bi-server::before { content: "\f52c"; } + .bi-share-fill::before { content: "\f52d"; } + .bi-share::before { content: "\f52e"; } + .bi-shield-check::before { content: "\f52f"; } + .bi-shield-exclamation::before { content: "\f530"; } + .bi-shield-fill-check::before { content: "\f531"; } + .bi-shield-fill-exclamation::before { content: "\f532"; } + .bi-shield-fill-minus::before { content: "\f533"; } + .bi-shield-fill-plus::before { content: "\f534"; } + .bi-shield-fill-x::before { content: "\f535"; } + .bi-shield-fill::before { content: "\f536"; } + .bi-shield-lock-fill::before { content: "\f537"; } + .bi-shield-lock::before { content: "\f538"; } + .bi-shield-minus::before { content: "\f539"; } + .bi-shield-plus::before { content: "\f53a"; } + .bi-shield-shaded::before { content: "\f53b"; } + .bi-shield-slash-fill::before { content: "\f53c"; } + .bi-shield-slash::before { content: "\f53d"; } + .bi-shield-x::before { content: "\f53e"; } + .bi-shield::before { content: "\f53f"; } + .bi-shift-fill::before { content: "\f540"; } + .bi-shift::before { content: "\f541"; } + .bi-shop-window::before { content: "\f542"; } + .bi-shop::before { content: "\f543"; } + .bi-shuffle::before { content: "\f544"; } + .bi-signpost-2-fill::before { content: "\f545"; } + .bi-signpost-2::before { content: "\f546"; } + .bi-signpost-fill::before { content: "\f547"; } + .bi-signpost-split-fill::before { content: "\f548"; } + .bi-signpost-split::before { content: "\f549"; } + .bi-signpost::before { content: "\f54a"; } + .bi-sim-fill::before { content: "\f54b"; } + .bi-sim::before { content: "\f54c"; } + .bi-skip-backward-btn-fill::before { content: "\f54d"; } + .bi-skip-backward-btn::before { content: "\f54e"; } + .bi-skip-backward-circle-fill::before { content: "\f54f"; } + .bi-skip-backward-circle::before { content: "\f550"; } + .bi-skip-backward-fill::before { content: "\f551"; } + .bi-skip-backward::before { content: "\f552"; } + .bi-skip-end-btn-fill::before { content: "\f553"; } + .bi-skip-end-btn::before { content: "\f554"; } + .bi-skip-end-circle-fill::before { content: "\f555"; } + .bi-skip-end-circle::before { content: "\f556"; } + .bi-skip-end-fill::before { content: "\f557"; } + .bi-skip-end::before { content: "\f558"; } + .bi-skip-forward-btn-fill::before { content: "\f559"; } + .bi-skip-forward-btn::before { content: "\f55a"; } + .bi-skip-forward-circle-fill::before { content: "\f55b"; } + .bi-skip-forward-circle::before { content: "\f55c"; } + .bi-skip-forward-fill::before { content: "\f55d"; } + .bi-skip-forward::before { content: "\f55e"; } + .bi-skip-start-btn-fill::before { content: "\f55f"; } + .bi-skip-start-btn::before { content: "\f560"; } + .bi-skip-start-circle-fill::before { content: "\f561"; } + .bi-skip-start-circle::before { content: "\f562"; } + .bi-skip-start-fill::before { content: "\f563"; } + .bi-skip-start::before { content: "\f564"; } + .bi-slack::before { content: "\f565"; } + .bi-slash-circle-fill::before { content: "\f566"; } + .bi-slash-circle::before { content: "\f567"; } + .bi-slash-square-fill::before { content: "\f568"; } + .bi-slash-square::before { content: "\f569"; } + .bi-slash::before { content: "\f56a"; } + .bi-sliders::before { content: "\f56b"; } + .bi-smartwatch::before { content: "\f56c"; } + .bi-snow::before { content: "\f56d"; } + .bi-snow2::before { content: "\f56e"; } + .bi-snow3::before { content: "\f56f"; } + .bi-sort-alpha-down-alt::before { content: "\f570"; } + .bi-sort-alpha-down::before { content: "\f571"; } + .bi-sort-alpha-up-alt::before { content: "\f572"; } + .bi-sort-alpha-up::before { content: "\f573"; } + .bi-sort-down-alt::before { content: "\f574"; } + .bi-sort-down::before { content: "\f575"; } + .bi-sort-numeric-down-alt::before { content: "\f576"; } + .bi-sort-numeric-down::before { content: "\f577"; } + .bi-sort-numeric-up-alt::before { content: "\f578"; } + .bi-sort-numeric-up::before { content: "\f579"; } + .bi-sort-up-alt::before { content: "\f57a"; } + .bi-sort-up::before { content: "\f57b"; } + .bi-soundwave::before { content: "\f57c"; } + .bi-speaker-fill::before { content: "\f57d"; } + .bi-speaker::before { content: "\f57e"; } + .bi-speedometer::before { content: "\f57f"; } + .bi-speedometer2::before { content: "\f580"; } + .bi-spellcheck::before { content: "\f581"; } + .bi-square-fill::before { content: "\f582"; } + .bi-square-half::before { content: "\f583"; } + .bi-square::before { content: "\f584"; } + .bi-stack::before { content: "\f585"; } + .bi-star-fill::before { content: "\f586"; } + .bi-star-half::before { content: "\f587"; } + .bi-star::before { content: "\f588"; } + .bi-stars::before { content: "\f589"; } + .bi-stickies-fill::before { content: "\f58a"; } + .bi-stickies::before { content: "\f58b"; } + .bi-sticky-fill::before { content: "\f58c"; } + .bi-sticky::before { content: "\f58d"; } + .bi-stop-btn-fill::before { content: "\f58e"; } + .bi-stop-btn::before { content: "\f58f"; } + .bi-stop-circle-fill::before { content: "\f590"; } + .bi-stop-circle::before { content: "\f591"; } + .bi-stop-fill::before { content: "\f592"; } + .bi-stop::before { content: "\f593"; } + .bi-stoplights-fill::before { content: "\f594"; } + .bi-stoplights::before { content: "\f595"; } + .bi-stopwatch-fill::before { content: "\f596"; } + .bi-stopwatch::before { content: "\f597"; } + .bi-subtract::before { content: "\f598"; } + .bi-suit-club-fill::before { content: "\f599"; } + .bi-suit-club::before { content: "\f59a"; } + .bi-suit-diamond-fill::before { content: "\f59b"; } + .bi-suit-diamond::before { content: "\f59c"; } + .bi-suit-heart-fill::before { content: "\f59d"; } + .bi-suit-heart::before { content: "\f59e"; } + .bi-suit-spade-fill::before { content: "\f59f"; } + .bi-suit-spade::before { content: "\f5a0"; } + .bi-sun-fill::before { content: "\f5a1"; } + .bi-sun::before { content: "\f5a2"; } + .bi-sunglasses::before { content: "\f5a3"; } + .bi-sunrise-fill::before { content: "\f5a4"; } + .bi-sunrise::before { content: "\f5a5"; } + .bi-sunset-fill::before { content: "\f5a6"; } + .bi-sunset::before { content: "\f5a7"; } + .bi-symmetry-horizontal::before { content: "\f5a8"; } + .bi-symmetry-vertical::before { content: "\f5a9"; } + .bi-table::before { content: "\f5aa"; } + .bi-tablet-fill::before { content: "\f5ab"; } + .bi-tablet-landscape-fill::before { content: "\f5ac"; } + .bi-tablet-landscape::before { content: "\f5ad"; } + .bi-tablet::before { content: "\f5ae"; } + .bi-tag-fill::before { content: "\f5af"; } + .bi-tag::before { content: "\f5b0"; } + .bi-tags-fill::before { content: "\f5b1"; } + .bi-tags::before { content: "\f5b2"; } + .bi-telegram::before { content: "\f5b3"; } + .bi-telephone-fill::before { content: "\f5b4"; } + .bi-telephone-forward-fill::before { content: "\f5b5"; } + .bi-telephone-forward::before { content: "\f5b6"; } + .bi-telephone-inbound-fill::before { content: "\f5b7"; } + .bi-telephone-inbound::before { content: "\f5b8"; } + .bi-telephone-minus-fill::before { content: "\f5b9"; } + .bi-telephone-minus::before { content: "\f5ba"; } + .bi-telephone-outbound-fill::before { content: "\f5bb"; } + .bi-telephone-outbound::before { content: "\f5bc"; } + .bi-telephone-plus-fill::before { content: "\f5bd"; } + .bi-telephone-plus::before { content: "\f5be"; } + .bi-telephone-x-fill::before { content: "\f5bf"; } + .bi-telephone-x::before { content: "\f5c0"; } + .bi-telephone::before { content: "\f5c1"; } + .bi-terminal-fill::before { content: "\f5c2"; } + .bi-terminal::before { content: "\f5c3"; } + .bi-text-center::before { content: "\f5c4"; } + .bi-text-indent-left::before { content: "\f5c5"; } + .bi-text-indent-right::before { content: "\f5c6"; } + .bi-text-left::before { content: "\f5c7"; } + .bi-text-paragraph::before { content: "\f5c8"; } + .bi-text-right::before { content: "\f5c9"; } + .bi-textarea-resize::before { content: "\f5ca"; } + .bi-textarea-t::before { content: "\f5cb"; } + .bi-textarea::before { content: "\f5cc"; } + .bi-thermometer-half::before { content: "\f5cd"; } + .bi-thermometer-high::before { content: "\f5ce"; } + .bi-thermometer-low::before { content: "\f5cf"; } + .bi-thermometer-snow::before { content: "\f5d0"; } + .bi-thermometer-sun::before { content: "\f5d1"; } + .bi-thermometer::before { content: "\f5d2"; } + .bi-three-dots-vertical::before { content: "\f5d3"; } + .bi-three-dots::before { content: "\f5d4"; } + .bi-toggle-off::before { content: "\f5d5"; } + .bi-toggle-on::before { content: "\f5d6"; } + .bi-toggle2-off::before { content: "\f5d7"; } + .bi-toggle2-on::before { content: "\f5d8"; } + .bi-toggles::before { content: "\f5d9"; } + .bi-toggles2::before { content: "\f5da"; } + .bi-tools::before { content: "\f5db"; } + .bi-tornado::before { content: "\f5dc"; } + .bi-trash-fill::before { content: "\f5dd"; } + .bi-trash::before { content: "\f5de"; } + .bi-trash2-fill::before { content: "\f5df"; } + .bi-trash2::before { content: "\f5e0"; } + .bi-tree-fill::before { content: "\f5e1"; } + .bi-tree::before { content: "\f5e2"; } + .bi-triangle-fill::before { content: "\f5e3"; } + .bi-triangle-half::before { content: "\f5e4"; } + .bi-triangle::before { content: "\f5e5"; } + .bi-trophy-fill::before { content: "\f5e6"; } + .bi-trophy::before { content: "\f5e7"; } + .bi-tropical-storm::before { content: "\f5e8"; } + .bi-truck-flatbed::before { content: "\f5e9"; } + .bi-truck::before { content: "\f5ea"; } + .bi-tsunami::before { content: "\f5eb"; } + .bi-tv-fill::before { content: "\f5ec"; } + .bi-tv::before { content: "\f5ed"; } + .bi-twitch::before { content: "\f5ee"; } + .bi-twitter::before { content: "\f5ef"; } + .bi-type-bold::before { content: "\f5f0"; } + .bi-type-h1::before { content: "\f5f1"; } + .bi-type-h2::before { content: "\f5f2"; } + .bi-type-h3::before { content: "\f5f3"; } + .bi-type-italic::before { content: "\f5f4"; } + .bi-type-strikethrough::before { content: "\f5f5"; } + .bi-type-underline::before { content: "\f5f6"; } + .bi-type::before { content: "\f5f7"; } + .bi-ui-checks-grid::before { content: "\f5f8"; } + .bi-ui-checks::before { content: "\f5f9"; } + .bi-ui-radios-grid::before { content: "\f5fa"; } + .bi-ui-radios::before { content: "\f5fb"; } + .bi-umbrella-fill::before { content: "\f5fc"; } + .bi-umbrella::before { content: "\f5fd"; } + .bi-union::before { content: "\f5fe"; } + .bi-unlock-fill::before { content: "\f5ff"; } + .bi-unlock::before { content: "\f600"; } + .bi-upc-scan::before { content: "\f601"; } + .bi-upc::before { content: "\f602"; } + .bi-upload::before { content: "\f603"; } + .bi-vector-pen::before { content: "\f604"; } + .bi-view-list::before { content: "\f605"; } + .bi-view-stacked::before { content: "\f606"; } + .bi-vinyl-fill::before { content: "\f607"; } + .bi-vinyl::before { content: "\f608"; } + .bi-voicemail::before { content: "\f609"; } + .bi-volume-down-fill::before { content: "\f60a"; } + .bi-volume-down::before { content: "\f60b"; } + .bi-volume-mute-fill::before { content: "\f60c"; } + .bi-volume-mute::before { content: "\f60d"; } + .bi-volume-off-fill::before { content: "\f60e"; } + .bi-volume-off::before { content: "\f60f"; } + .bi-volume-up-fill::before { content: "\f610"; } + .bi-volume-up::before { content: "\f611"; } + .bi-vr::before { content: "\f612"; } + .bi-wallet-fill::before { content: "\f613"; } + .bi-wallet::before { content: "\f614"; } + .bi-wallet2::before { content: "\f615"; } + .bi-watch::before { content: "\f616"; } + .bi-water::before { content: "\f617"; } + .bi-whatsapp::before { content: "\f618"; } + .bi-wifi-1::before { content: "\f619"; } + .bi-wifi-2::before { content: "\f61a"; } + .bi-wifi-off::before { content: "\f61b"; } + .bi-wifi::before { content: "\f61c"; } + .bi-wind::before { content: "\f61d"; } + .bi-window-dock::before { content: "\f61e"; } + .bi-window-sidebar::before { content: "\f61f"; } + .bi-window::before { content: "\f620"; } + .bi-wrench::before { content: "\f621"; } + .bi-x-circle-fill::before { content: "\f622"; } + .bi-x-circle::before { content: "\f623"; } + .bi-x-diamond-fill::before { content: "\f624"; } + .bi-x-diamond::before { content: "\f625"; } + .bi-x-octagon-fill::before { content: "\f626"; } + .bi-x-octagon::before { content: "\f627"; } + .bi-x-square-fill::before { content: "\f628"; } + .bi-x-square::before { content: "\f629"; } + .bi-x::before { content: "\f62a"; } + .bi-youtube::before { content: "\f62b"; } + .bi-zoom-in::before { content: "\f62c"; } + .bi-zoom-out::before { content: "\f62d"; } + .bi-bank::before { content: "\f62e"; } + .bi-bank2::before { content: "\f62f"; } + .bi-bell-slash-fill::before { content: "\f630"; } + .bi-bell-slash::before { content: "\f631"; } + .bi-cash-coin::before { content: "\f632"; } + .bi-check-lg::before { content: "\f633"; } + .bi-coin::before { content: "\f634"; } + .bi-currency-bitcoin::before { content: "\f635"; } + .bi-currency-dollar::before { content: "\f636"; } + .bi-currency-euro::before { content: "\f637"; } + .bi-currency-exchange::before { content: "\f638"; } + .bi-currency-pound::before { content: "\f639"; } + .bi-currency-yen::before { content: "\f63a"; } + .bi-dash-lg::before { content: "\f63b"; } + .bi-exclamation-lg::before { content: "\f63c"; } + .bi-file-earmark-pdf-fill::before { content: "\f63d"; } + .bi-file-earmark-pdf::before { content: "\f63e"; } + .bi-file-pdf-fill::before { content: "\f63f"; } + .bi-file-pdf::before { content: "\f640"; } + .bi-gender-ambiguous::before { content: "\f641"; } + .bi-gender-female::before { content: "\f642"; } + .bi-gender-male::before { content: "\f643"; } + .bi-gender-trans::before { content: "\f644"; } + .bi-headset-vr::before { content: "\f645"; } + .bi-info-lg::before { content: "\f646"; } + .bi-mastodon::before { content: "\f647"; } + .bi-messenger::before { content: "\f648"; } + .bi-piggy-bank-fill::before { content: "\f649"; } + .bi-piggy-bank::before { content: "\f64a"; } + .bi-pin-map-fill::before { content: "\f64b"; } + .bi-pin-map::before { content: "\f64c"; } + .bi-plus-lg::before { content: "\f64d"; } + .bi-question-lg::before { content: "\f64e"; } + .bi-recycle::before { content: "\f64f"; } + .bi-reddit::before { content: "\f650"; } + .bi-safe-fill::before { content: "\f651"; } + .bi-safe2-fill::before { content: "\f652"; } + .bi-safe2::before { content: "\f653"; } + .bi-sd-card-fill::before { content: "\f654"; } + .bi-sd-card::before { content: "\f655"; } + .bi-skype::before { content: "\f656"; } + .bi-slash-lg::before { content: "\f657"; } + .bi-translate::before { content: "\f658"; } + .bi-x-lg::before { content: "\f659"; } + .bi-safe::before { content: "\f65a"; } + .bi-apple::before { content: "\f65b"; } + .bi-microsoft::before { content: "\f65d"; } + .bi-windows::before { content: "\f65e"; } + .bi-behance::before { content: "\f65c"; } + .bi-dribbble::before { content: "\f65f"; } + .bi-line::before { content: "\f660"; } + .bi-medium::before { content: "\f661"; } + .bi-paypal::before { content: "\f662"; } + .bi-pinterest::before { content: "\f663"; } + .bi-signal::before { content: "\f664"; } + .bi-snapchat::before { content: "\f665"; } + .bi-spotify::before { content: "\f666"; } + .bi-stack-overflow::before { content: "\f667"; } + .bi-strava::before { content: "\f668"; } + .bi-wordpress::before { content: "\f669"; } + .bi-vimeo::before { content: "\f66a"; } + .bi-activity::before { content: "\f66b"; } + .bi-easel2-fill::before { content: "\f66c"; } + .bi-easel2::before { content: "\f66d"; } + .bi-easel3-fill::before { content: "\f66e"; } + .bi-easel3::before { content: "\f66f"; } + .bi-fan::before { content: "\f670"; } + .bi-fingerprint::before { content: "\f671"; } + .bi-graph-down-arrow::before { content: "\f672"; } + .bi-graph-up-arrow::before { content: "\f673"; } + .bi-hypnotize::before { content: "\f674"; } + .bi-magic::before { content: "\f675"; } + .bi-person-rolodex::before { content: "\f676"; } + .bi-person-video::before { content: "\f677"; } + .bi-person-video2::before { content: "\f678"; } + .bi-person-video3::before { content: "\f679"; } + .bi-person-workspace::before { content: "\f67a"; } + .bi-radioactive::before { content: "\f67b"; } + .bi-webcam-fill::before { content: "\f67c"; } + .bi-webcam::before { content: "\f67d"; } + .bi-yin-yang::before { content: "\f67e"; } + .bi-bandaid-fill::before { content: "\f680"; } + .bi-bandaid::before { content: "\f681"; } + .bi-bluetooth::before { content: "\f682"; } + .bi-body-text::before { content: "\f683"; } + .bi-boombox::before { content: "\f684"; } + .bi-boxes::before { content: "\f685"; } + .bi-dpad-fill::before { content: "\f686"; } + .bi-dpad::before { content: "\f687"; } + .bi-ear-fill::before { content: "\f688"; } + .bi-ear::before { content: "\f689"; } + .bi-envelope-check-1::before { content: "\f68a"; } + .bi-envelope-check-fill::before { content: "\f68b"; } + .bi-envelope-check::before { content: "\f68c"; } + .bi-envelope-dash-1::before { content: "\f68d"; } + .bi-envelope-dash-fill::before { content: "\f68e"; } + .bi-envelope-dash::before { content: "\f68f"; } + .bi-envelope-exclamation-1::before { content: "\f690"; } + .bi-envelope-exclamation-fill::before { content: "\f691"; } + .bi-envelope-exclamation::before { content: "\f692"; } + .bi-envelope-plus-fill::before { content: "\f693"; } + .bi-envelope-plus::before { content: "\f694"; } + .bi-envelope-slash-1::before { content: "\f695"; } + .bi-envelope-slash-fill::before { content: "\f696"; } + .bi-envelope-slash::before { content: "\f697"; } + .bi-envelope-x-1::before { content: "\f698"; } + .bi-envelope-x-fill::before { content: "\f699"; } + .bi-envelope-x::before { content: "\f69a"; } + .bi-explicit-fill::before { content: "\f69b"; } + .bi-explicit::before { content: "\f69c"; } + .bi-git::before { content: "\f69d"; } + .bi-infinity::before { content: "\f69e"; } + .bi-list-columns-reverse::before { content: "\f69f"; } + .bi-list-columns::before { content: "\f6a0"; } + .bi-meta::before { content: "\f6a1"; } + .bi-mortorboard-fill::before { content: "\f6a2"; } + .bi-mortorboard::before { content: "\f6a3"; } + .bi-nintendo-switch::before { content: "\f6a4"; } + .bi-pc-display-horizontal::before { content: "\f6a5"; } + .bi-pc-display::before { content: "\f6a6"; } + .bi-pc-horizontal::before { content: "\f6a7"; } + .bi-pc::before { content: "\f6a8"; } + .bi-playstation::before { content: "\f6a9"; } + .bi-plus-slash-minus::before { content: "\f6aa"; } + .bi-projector-fill::before { content: "\f6ab"; } + .bi-projector::before { content: "\f6ac"; } + .bi-qr-code-scan::before { content: "\f6ad"; } + .bi-qr-code::before { content: "\f6ae"; } + .bi-quora::before { content: "\f6af"; } + .bi-quote::before { content: "\f6b0"; } + .bi-robot::before { content: "\f6b1"; } + .bi-send-check-fill::before { content: "\f6b2"; } + .bi-send-check::before { content: "\f6b3"; } + .bi-send-dash-fill::before { content: "\f6b4"; } + .bi-send-dash::before { content: "\f6b5"; } + .bi-send-exclamation-1::before { content: "\f6b6"; } + .bi-send-exclamation-fill::before { content: "\f6b7"; } + .bi-send-exclamation::before { content: "\f6b8"; } + .bi-send-fill::before { content: "\f6b9"; } + .bi-send-plus-fill::before { content: "\f6ba"; } + .bi-send-plus::before { content: "\f6bb"; } + .bi-send-slash-fill::before { content: "\f6bc"; } + .bi-send-slash::before { content: "\f6bd"; } + .bi-send-x-fill::before { content: "\f6be"; } + .bi-send-x::before { content: "\f6bf"; } + .bi-send::before { content: "\f6c0"; } + .bi-steam::before { content: "\f6c1"; } + .bi-terminal-dash-1::before { content: "\f6c2"; } + .bi-terminal-dash::before { content: "\f6c3"; } + .bi-terminal-plus::before { content: "\f6c4"; } + .bi-terminal-split::before { content: "\f6c5"; } + .bi-ticket-detailed-fill::before { content: "\f6c6"; } + .bi-ticket-detailed::before { content: "\f6c7"; } + .bi-ticket-fill::before { content: "\f6c8"; } + .bi-ticket-perforated-fill::before { content: "\f6c9"; } + .bi-ticket-perforated::before { content: "\f6ca"; } + .bi-ticket::before { content: "\f6cb"; } + .bi-tiktok::before { content: "\f6cc"; } + .bi-window-dash::before { content: "\f6cd"; } + .bi-window-desktop::before { content: "\f6ce"; } + .bi-window-fullscreen::before { content: "\f6cf"; } + .bi-window-plus::before { content: "\f6d0"; } + .bi-window-split::before { content: "\f6d1"; } + .bi-window-stack::before { content: "\f6d2"; } + .bi-window-x::before { content: "\f6d3"; } + .bi-xbox::before { content: "\f6d4"; } + .bi-ethernet::before { content: "\f6d5"; } + .bi-hdmi-fill::before { content: "\f6d6"; } + .bi-hdmi::before { content: "\f6d7"; } + .bi-usb-c-fill::before { content: "\f6d8"; } + .bi-usb-c::before { content: "\f6d9"; } + .bi-usb-fill::before { content: "\f6da"; } + .bi-usb-plug-fill::before { content: "\f6db"; } + .bi-usb-plug::before { content: "\f6dc"; } + .bi-usb-symbol::before { content: "\f6dd"; } + .bi-usb::before { content: "\f6de"; } + .bi-boombox-fill::before { content: "\f6df"; } + .bi-displayport-1::before { content: "\f6e0"; } + .bi-displayport::before { content: "\f6e1"; } + .bi-gpu-card::before { content: "\f6e2"; } + .bi-memory::before { content: "\f6e3"; } + .bi-modem-fill::before { content: "\f6e4"; } + .bi-modem::before { content: "\f6e5"; } + .bi-motherboard-fill::before { content: "\f6e6"; } + .bi-motherboard::before { content: "\f6e7"; } + .bi-optical-audio-fill::before { content: "\f6e8"; } + .bi-optical-audio::before { content: "\f6e9"; } + .bi-pci-card::before { content: "\f6ea"; } + .bi-router-fill::before { content: "\f6eb"; } + .bi-router::before { content: "\f6ec"; } + .bi-ssd-fill::before { content: "\f6ed"; } + .bi-ssd::before { content: "\f6ee"; } + .bi-thunderbolt-fill::before { content: "\f6ef"; } + .bi-thunderbolt::before { content: "\f6f0"; } + .bi-usb-drive-fill::before { content: "\f6f1"; } + .bi-usb-drive::before { content: "\f6f2"; } + .bi-usb-micro-fill::before { content: "\f6f3"; } + .bi-usb-micro::before { content: "\f6f4"; } + .bi-usb-mini-fill::before { content: "\f6f5"; } + .bi-usb-mini::before { content: "\f6f6"; } + .bi-cloud-haze2::before { content: "\f6f7"; } + .bi-device-hdd-fill::before { content: "\f6f8"; } + .bi-device-hdd::before { content: "\f6f9"; } + .bi-device-ssd-fill::before { content: "\f6fa"; } + .bi-device-ssd::before { content: "\f6fb"; } + .bi-displayport-fill::before { content: "\f6fc"; } + .bi-mortarboard-fill::before { content: "\f6fd"; } + .bi-mortarboard::before { content: "\f6fe"; } + .bi-terminal-x::before { content: "\f6ff"; } + .bi-arrow-through-heart-fill::before { content: "\f700"; } + .bi-arrow-through-heart::before { content: "\f701"; } + .bi-badge-sd-fill::before { content: "\f702"; } + .bi-badge-sd::before { content: "\f703"; } + .bi-bag-heart-fill::before { content: "\f704"; } + .bi-bag-heart::before { content: "\f705"; } + .bi-balloon-fill::before { content: "\f706"; } + .bi-balloon-heart-fill::before { content: "\f707"; } + .bi-balloon-heart::before { content: "\f708"; } + .bi-balloon::before { content: "\f709"; } + .bi-box2-fill::before { content: "\f70a"; } + .bi-box2-heart-fill::before { content: "\f70b"; } + .bi-box2-heart::before { content: "\f70c"; } + .bi-box2::before { content: "\f70d"; } + .bi-braces-asterisk::before { content: "\f70e"; } + .bi-calendar-heart-fill::before { content: "\f70f"; } + .bi-calendar-heart::before { content: "\f710"; } + .bi-calendar2-heart-fill::before { content: "\f711"; } + .bi-calendar2-heart::before { content: "\f712"; } + .bi-chat-heart-fill::before { content: "\f713"; } + .bi-chat-heart::before { content: "\f714"; } + .bi-chat-left-heart-fill::before { content: "\f715"; } + .bi-chat-left-heart::before { content: "\f716"; } + .bi-chat-right-heart-fill::before { content: "\f717"; } + .bi-chat-right-heart::before { content: "\f718"; } + .bi-chat-square-heart-fill::before { content: "\f719"; } + .bi-chat-square-heart::before { content: "\f71a"; } + .bi-clipboard-check-fill::before { content: "\f71b"; } + .bi-clipboard-data-fill::before { content: "\f71c"; } + .bi-clipboard-fill::before { content: "\f71d"; } + .bi-clipboard-heart-fill::before { content: "\f71e"; } + .bi-clipboard-heart::before { content: "\f71f"; } + .bi-clipboard-minus-fill::before { content: "\f720"; } + .bi-clipboard-plus-fill::before { content: "\f721"; } + .bi-clipboard-pulse::before { content: "\f722"; } + .bi-clipboard-x-fill::before { content: "\f723"; } + .bi-clipboard2-check-fill::before { content: "\f724"; } + .bi-clipboard2-check::before { content: "\f725"; } + .bi-clipboard2-data-fill::before { content: "\f726"; } + .bi-clipboard2-data::before { content: "\f727"; } + .bi-clipboard2-fill::before { content: "\f728"; } + .bi-clipboard2-heart-fill::before { content: "\f729"; } + .bi-clipboard2-heart::before { content: "\f72a"; } + .bi-clipboard2-minus-fill::before { content: "\f72b"; } + .bi-clipboard2-minus::before { content: "\f72c"; } + .bi-clipboard2-plus-fill::before { content: "\f72d"; } + .bi-clipboard2-plus::before { content: "\f72e"; } + .bi-clipboard2-pulse-fill::before { content: "\f72f"; } + .bi-clipboard2-pulse::before { content: "\f730"; } + .bi-clipboard2-x-fill::before { content: "\f731"; } + .bi-clipboard2-x::before { content: "\f732"; } + .bi-clipboard2::before { content: "\f733"; } + .bi-emoji-kiss-fill::before { content: "\f734"; } + .bi-emoji-kiss::before { content: "\f735"; } + .bi-envelope-heart-fill::before { content: "\f736"; } + .bi-envelope-heart::before { content: "\f737"; } + .bi-envelope-open-heart-fill::before { content: "\f738"; } + .bi-envelope-open-heart::before { content: "\f739"; } + .bi-envelope-paper-fill::before { content: "\f73a"; } + .bi-envelope-paper-heart-fill::before { content: "\f73b"; } + .bi-envelope-paper-heart::before { content: "\f73c"; } + .bi-envelope-paper::before { content: "\f73d"; } + .bi-filetype-aac::before { content: "\f73e"; } + .bi-filetype-ai::before { content: "\f73f"; } + .bi-filetype-bmp::before { content: "\f740"; } + .bi-filetype-cs::before { content: "\f741"; } + .bi-filetype-css::before { content: "\f742"; } + .bi-filetype-csv::before { content: "\f743"; } + .bi-filetype-doc::before { content: "\f744"; } + .bi-filetype-docx::before { content: "\f745"; } + .bi-filetype-exe::before { content: "\f746"; } + .bi-filetype-gif::before { content: "\f747"; } + .bi-filetype-heic::before { content: "\f748"; } + .bi-filetype-html::before { content: "\f749"; } + .bi-filetype-java::before { content: "\f74a"; } + .bi-filetype-jpg::before { content: "\f74b"; } + .bi-filetype-js::before { content: "\f74c"; } + .bi-filetype-jsx::before { content: "\f74d"; } + .bi-filetype-key::before { content: "\f74e"; } + .bi-filetype-m4p::before { content: "\f74f"; } + .bi-filetype-md::before { content: "\f750"; } + .bi-filetype-mdx::before { content: "\f751"; } + .bi-filetype-mov::before { content: "\f752"; } + .bi-filetype-mp3::before { content: "\f753"; } + .bi-filetype-mp4::before { content: "\f754"; } + .bi-filetype-otf::before { content: "\f755"; } + .bi-filetype-pdf::before { content: "\f756"; } + .bi-filetype-php::before { content: "\f757"; } + .bi-filetype-png::before { content: "\f758"; } + .bi-filetype-ppt-1::before { content: "\f759"; } + .bi-filetype-ppt::before { content: "\f75a"; } + .bi-filetype-psd::before { content: "\f75b"; } + .bi-filetype-py::before { content: "\f75c"; } + .bi-filetype-raw::before { content: "\f75d"; } + .bi-filetype-rb::before { content: "\f75e"; } + .bi-filetype-sass::before { content: "\f75f"; } + .bi-filetype-scss::before { content: "\f760"; } + .bi-filetype-sh::before { content: "\f761"; } + .bi-filetype-svg::before { content: "\f762"; } + .bi-filetype-tiff::before { content: "\f763"; } + .bi-filetype-tsx::before { content: "\f764"; } + .bi-filetype-ttf::before { content: "\f765"; } + .bi-filetype-txt::before { content: "\f766"; } + .bi-filetype-wav::before { content: "\f767"; } + .bi-filetype-woff::before { content: "\f768"; } + .bi-filetype-xls-1::before { content: "\f769"; } + .bi-filetype-xls::before { content: "\f76a"; } + .bi-filetype-xml::before { content: "\f76b"; } + .bi-filetype-yml::before { content: "\f76c"; } + .bi-heart-arrow::before { content: "\f76d"; } + .bi-heart-pulse-fill::before { content: "\f76e"; } + .bi-heart-pulse::before { content: "\f76f"; } + .bi-heartbreak-fill::before { content: "\f770"; } + .bi-heartbreak::before { content: "\f771"; } + .bi-hearts::before { content: "\f772"; } + .bi-hospital-fill::before { content: "\f773"; } + .bi-hospital::before { content: "\f774"; } + .bi-house-heart-fill::before { content: "\f775"; } + .bi-house-heart::before { content: "\f776"; } + .bi-incognito::before { content: "\f777"; } + .bi-magnet-fill::before { content: "\f778"; } + .bi-magnet::before { content: "\f779"; } + .bi-person-heart::before { content: "\f77a"; } + .bi-person-hearts::before { content: "\f77b"; } + .bi-phone-flip::before { content: "\f77c"; } + .bi-plugin::before { content: "\f77d"; } + .bi-postage-fill::before { content: "\f77e"; } + .bi-postage-heart-fill::before { content: "\f77f"; } + .bi-postage-heart::before { content: "\f780"; } + .bi-postage::before { content: "\f781"; } + .bi-postcard-fill::before { content: "\f782"; } + .bi-postcard-heart-fill::before { content: "\f783"; } + .bi-postcard-heart::before { content: "\f784"; } + .bi-postcard::before { content: "\f785"; } + .bi-search-heart-fill::before { content: "\f786"; } + .bi-search-heart::before { content: "\f787"; } + .bi-sliders2-vertical::before { content: "\f788"; } + .bi-sliders2::before { content: "\f789"; } + .bi-trash3-fill::before { content: "\f78a"; } + .bi-trash3::before { content: "\f78b"; } + .bi-valentine::before { content: "\f78c"; } + .bi-valentine2::before { content: "\f78d"; } + .bi-wrench-adjustable-circle-fill::before { content: "\f78e"; } + .bi-wrench-adjustable-circle::before { content: "\f78f"; } + .bi-wrench-adjustable::before { content: "\f790"; } + .bi-filetype-json::before { content: "\f791"; } + .bi-filetype-pptx::before { content: "\f792"; } + .bi-filetype-xlsx::before { content: "\f793"; } + .la, .las, .lar, @@ -33327,59 +43181,76 @@ html.dark, text-rendering: auto; line-height: 1; } + .la-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; } + .la-xs { font-size: 0.75em; } + .la-sm { font-size: 0.875em; } + .la-1x { font-size: 1em; } + .la-2x { font-size: 2em; } + .la-3x { font-size: 3em; } + .la-4x { font-size: 4em; } + .la-5x { font-size: 5em; } + .la-6x { font-size: 6em; } + .la-7x { font-size: 7em; } + .la-8x { font-size: 8em; } + .la-9x { font-size: 9em; } + .la-10x { font-size: 10em; } + .la-fw { text-align: center; width: 1.25em; } + .la-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } -.la-ul > li { + +.la-ul>li { position: relative; } + .la-li { left: -2em; position: absolute; @@ -33387,17 +43258,21 @@ html.dark, width: 2em; line-height: inherit; } + .la-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } + .la-pull-left { float: left; } + .la-pull-right { float: right; } + .la.la-pull-left, .las.la-pull-left, .lar.la-pull-left, @@ -33405,6 +43280,7 @@ html.dark, .lab.la-pull-left { margin-right: 0.3em; } + .la.la-pull-right, .las.la-pull-right, .lar.la-pull-right, @@ -33412,44 +43288,56 @@ html.dark, .lab.la-pull-right { margin-left: 0.3em; } + .la-spin { animation: la-spin 2s infinite linear; } + .la-pulse { animation: la-spin 1s infinite steps(8); } + @keyframes la-spin { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + .la-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } + .la-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } + .la-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } + .la-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } + .la-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } -.la-flip-both, .la-flip-horizontal.la-flip-vertical { + +.la-flip-both, +.la-flip-horizontal.la-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } + :root .la-rotate-90, :root .la-rotate-180, :root .la-rotate-270, @@ -33458,6 +43346,7 @@ html.dark, :root .la-flip-both { filter: none; } + .la-stack { display: inline-block; height: 2em; @@ -33466,6 +43355,7 @@ html.dark, vertical-align: middle; width: 2.5em; } + .la-stack-1x, .la-stack-2x { left: 0; @@ -33473,4197 +43363,5595 @@ html.dark, text-align: center; width: 100%; } + .la-stack-1x { line-height: inherit; } + .la-stack-2x { font-size: 2em; } + .la-inverse { color: #fff; } + .la-500px:before { content: "\f26e"; } + .la-accessible-icon:before { content: "\f368"; } + .la-accusoft:before { content: "\f369"; } + .la-acquisitions-incorporated:before { content: "\f6af"; } + .la-ad:before { content: "\f641"; } + .la-address-book:before { content: "\f2b9"; } + .la-address-card:before { content: "\f2bb"; } + .la-adjust:before { content: "\f042"; } + .la-adn:before { content: "\f170"; } + .la-adobe:before { content: "\f778"; } + .la-adversal:before { content: "\f36a"; } + .la-affiliatetheme:before { content: "\f36b"; } + .la-air-freshener:before { content: "\f5d0"; } + .la-airbnb:before { content: "\f834"; } + .la-algolia:before { content: "\f36c"; } + .la-align-center:before { content: "\f037"; } + .la-align-justify:before { content: "\f039"; } + .la-align-left:before { content: "\f036"; } + .la-align-right:before { content: "\f038"; } + .la-alipay:before { content: "\f642"; } + .la-allergies:before { content: "\f461"; } + .la-amazon:before { content: "\f270"; } + .la-amazon-pay:before { content: "\f42c"; } + .la-ambulance:before { content: "\f0f9"; } + .la-american-sign-language-interpreting:before { content: "\f2a3"; } + .la-amilia:before { content: "\f36d"; } + .la-anchor:before { content: "\f13d"; } + .la-android:before { content: "\f17b"; } + .la-angellist:before { content: "\f209"; } + .la-angle-double-down:before { content: "\f103"; } + .la-angle-double-left:before { content: "\f100"; } + .la-angle-double-right:before { content: "\f101"; } + .la-angle-double-up:before { content: "\f102"; } + .la-angle-down:before { content: "\f107"; } + .la-angle-left:before { content: "\f104"; } + .la-angle-right:before { content: "\f105"; } + .la-angle-up:before { content: "\f106"; } + .la-angry:before { content: "\f556"; } + .la-angrycreative:before { content: "\f36e"; } + .la-angular:before { content: "\f420"; } + .la-ankh:before { content: "\f644"; } + .la-app-store:before { content: "\f36f"; } + .la-app-store-ios:before { content: "\f370"; } + .la-apper:before { content: "\f371"; } + .la-apple:before { content: "\f179"; } + .la-apple-alt:before { content: "\f5d1"; } + .la-apple-pay:before { content: "\f415"; } + .la-archive:before { content: "\f187"; } + .la-archway:before { content: "\f557"; } + .la-arrow-alt-circle-down:before { content: "\f358"; } + .la-arrow-alt-circle-left:before { content: "\f359"; } + .la-arrow-alt-circle-right:before { content: "\f35a"; } + .la-arrow-alt-circle-up:before { content: "\f35b"; } + .la-arrow-circle-down:before { content: "\f0ab"; } + .la-arrow-circle-left:before { content: "\f0a8"; } + .la-arrow-circle-right:before { content: "\f0a9"; } + .la-arrow-circle-up:before { content: "\f0aa"; } + .la-arrow-down:before { content: "\f063"; } + .la-arrow-left:before { content: "\f060"; } + .la-arrow-right:before { content: "\f061"; } + .la-arrow-up:before { content: "\f062"; } + .la-arrows-alt:before { content: "\f0b2"; } + .la-arrows-alt-h:before { content: "\f337"; } + .la-arrows-alt-v:before { content: "\f338"; } + .la-artstation:before { content: "\f77a"; } + .la-assistive-listening-systems:before { content: "\f2a2"; } + .la-asterisk:before { content: "\f069"; } + .la-asymmetrik:before { content: "\f372"; } + .la-at:before { content: "\f1fa"; } + .la-atlas:before { content: "\f558"; } + .la-atlassian:before { content: "\f77b"; } + .la-atom:before { content: "\f5d2"; } + .la-audible:before { content: "\f373"; } + .la-audio-description:before { content: "\f29e"; } + .la-autoprefixer:before { content: "\f41c"; } + .la-avianex:before { content: "\f374"; } + .la-aviato:before { content: "\f421"; } + .la-award:before { content: "\f559"; } + .la-aws:before { content: "\f375"; } + .la-baby:before { content: "\f77c"; } + .la-baby-carriage:before { content: "\f77d"; } + .la-backspace:before { content: "\f55a"; } + .la-backward:before { content: "\f04a"; } + .la-bacon:before { content: "\f7e5"; } + .la-balance-scale:before { content: "\f24e"; } + .la-balance-scale-left:before { content: "\f515"; } + .la-balance-scale-right:before { content: "\f516"; } + .la-ban:before { content: "\f05e"; } + .la-band-aid:before { content: "\f462"; } + .la-bandcamp:before { content: "\f2d5"; } + .la-barcode:before { content: "\f02a"; } + .la-bars:before { content: "\f0c9"; } + .la-baseball-ball:before { content: "\f433"; } + .la-basketball-ball:before { content: "\f434"; } + .la-bath:before { content: "\f2cd"; } + .la-battery-empty:before { content: "\f244"; } + .la-battery-full:before { content: "\f240"; } + .la-battery-half:before { content: "\f242"; } + .la-battery-quarter:before { content: "\f243"; } + .la-battery-three-quarters:before { content: "\f241"; } + .la-battle-net:before { content: "\f835"; } + .la-bed:before { content: "\f236"; } + .la-beer:before { content: "\f0fc"; } + .la-behance:before { content: "\f1b4"; } + .la-behance-square:before { content: "\f1b5"; } + .la-bell:before { content: "\f0f3"; } + .la-bell-slash:before { content: "\f1f6"; } + .la-bezier-curve:before { content: "\f55b"; } + .la-bible:before { content: "\f647"; } + .la-bicycle:before { content: "\f206"; } + .la-biking:before { content: "\f84a"; } + .la-bimobject:before { content: "\f378"; } + .la-binoculars:before { content: "\f1e5"; } + .la-biohazard:before { content: "\f780"; } + .la-birthday-cake:before { content: "\f1fd"; } + .la-bitbucket:before { content: "\f171"; } + .la-bitcoin:before { content: "\f379"; } + .la-bity:before { content: "\f37a"; } + .la-black-tie:before { content: "\f27e"; } + .la-blackberry:before { content: "\f37b"; } + .la-blender:before { content: "\f517"; } + .la-blender-phone:before { content: "\f6b6"; } + .la-blind:before { content: "\f29d"; } + .la-blog:before { content: "\f781"; } + .la-blogger:before { content: "\f37c"; } + .la-blogger-b:before { content: "\f37d"; } + .la-bluetooth:before { content: "\f293"; } + .la-bluetooth-b:before { content: "\f294"; } + .la-bold:before { content: "\f032"; } + .la-bolt:before { content: "\f0e7"; } + .la-bomb:before { content: "\f1e2"; } + .la-bone:before { content: "\f5d7"; } + .la-bong:before { content: "\f55c"; } + .la-book:before { content: "\f02d"; } + .la-book-dead:before { content: "\f6b7"; } + .la-book-medical:before { content: "\f7e6"; } + .la-book-open:before { content: "\f518"; } + .la-book-reader:before { content: "\f5da"; } + .la-bookmark:before { content: "\f02e"; } + .la-bootstrap:before { content: "\f836"; } + .la-border-all:before { content: "\f84c"; } + .la-border-none:before { content: "\f850"; } + .la-border-style:before { content: "\f853"; } + .la-bowling-ball:before { content: "\f436"; } + .la-box:before { content: "\f466"; } + .la-box-open:before { content: "\f49e"; } + .la-boxes:before { content: "\f468"; } + .la-braille:before { content: "\f2a1"; } + .la-brain:before { content: "\f5dc"; } + .la-bread-slice:before { content: "\f7ec"; } + .la-briefcase:before { content: "\f0b1"; } + .la-briefcase-medical:before { content: "\f469"; } + .la-broadcast-tower:before { content: "\f519"; } + .la-broom:before { content: "\f51a"; } + .la-brush:before { content: "\f55d"; } + .la-btc:before { content: "\f15a"; } + .la-buffer:before { content: "\f837"; } + .la-bug:before { content: "\f188"; } + .la-building:before { content: "\f1ad"; } + .la-bullhorn:before { content: "\f0a1"; } + .la-bullseye:before { content: "\f140"; } + .la-burn:before { content: "\f46a"; } + .la-buromobelexperte:before { content: "\f37f"; } + .la-bus:before { content: "\f207"; } + .la-bus-alt:before { content: "\f55e"; } + .la-business-time:before { content: "\f64a"; } + .la-buy-n-large:before { content: "\f8a6"; } + .la-buysellads:before { content: "\f20d"; } + .la-calculator:before { content: "\f1ec"; } + .la-calendar:before { content: "\f133"; } + .la-calendar-alt:before { content: "\f073"; } + .la-calendar-check:before { content: "\f274"; } + .la-calendar-day:before { content: "\f783"; } + .la-calendar-minus:before { content: "\f272"; } + .la-calendar-plus:before { content: "\f271"; } + .la-calendar-times:before { content: "\f273"; } + .la-calendar-week:before { content: "\f784"; } + .la-camera:before { content: "\f030"; } + .la-camera-retro:before { content: "\f083"; } + .la-campground:before { content: "\f6bb"; } + .la-canadian-maple-leaf:before { content: "\f785"; } + .la-candy-cane:before { content: "\f786"; } + .la-cannabis:before { content: "\f55f"; } + .la-capsules:before { content: "\f46b"; } + .la-car:before { content: "\f1b9"; } + .la-car-alt:before { content: "\f5de"; } + .la-car-battery:before { content: "\f5df"; } + .la-car-crash:before { content: "\f5e1"; } + .la-car-side:before { content: "\f5e4"; } + .la-caret-down:before { content: "\f0d7"; } + .la-caret-left:before { content: "\f0d9"; } + .la-caret-right:before { content: "\f0da"; } + .la-caret-square-down:before { content: "\f150"; } + .la-caret-square-left:before { content: "\f191"; } + .la-caret-square-right:before { content: "\f152"; } + .la-caret-square-up:before { content: "\f151"; } + .la-caret-up:before { content: "\f0d8"; } + .la-carrot:before { content: "\f787"; } + .la-cart-arrow-down:before { content: "\f218"; } + .la-cart-plus:before { content: "\f217"; } + .la-cash-register:before { content: "\f788"; } + .la-cat:before { content: "\f6be"; } + .la-cc-amazon-pay:before { content: "\f42d"; } + .la-cc-amex:before { content: "\f1f3"; } + .la-cc-apple-pay:before { content: "\f416"; } + .la-cc-diners-club:before { content: "\f24c"; } + .la-cc-discover:before { content: "\f1f2"; } + .la-cc-jcb:before { content: "\f24b"; } + .la-cc-mastercard:before { content: "\f1f1"; } + .la-cc-paypal:before { content: "\f1f4"; } + .la-cc-stripe:before { content: "\f1f5"; } + .la-cc-visa:before { content: "\f1f0"; } + .la-centercode:before { content: "\f380"; } + .la-centos:before { content: "\f789"; } + .la-certificate:before { content: "\f0a3"; } + .la-chair:before { content: "\f6c0"; } + .la-chalkboard:before { content: "\f51b"; } + .la-chalkboard-teacher:before { content: "\f51c"; } + .la-charging-station:before { content: "\f5e7"; } + .la-chart-area:before { content: "\f1fe"; } + .la-chart-bar:before { content: "\f080"; } + .la-chart-line:before { content: "\f201"; } + .la-chart-pie:before { content: "\f200"; } + .la-check:before { content: "\f00c"; } + .la-check-circle:before { content: "\f058"; } + .la-check-double:before { content: "\f560"; } + .la-check-square:before { content: "\f14a"; } + .la-cheese:before { content: "\f7ef"; } + .la-chess:before { content: "\f439"; } + .la-chess-bishop:before { content: "\f43a"; } + .la-chess-board:before { content: "\f43c"; } + .la-chess-king:before { content: "\f43f"; } + .la-chess-knight:before { content: "\f441"; } + .la-chess-pawn:before { content: "\f443"; } + .la-chess-queen:before { content: "\f445"; } + .la-chess-rook:before { content: "\f447"; } + .la-chevron-circle-down:before { content: "\f13a"; } + .la-chevron-circle-left:before { content: "\f137"; } + .la-chevron-circle-right:before { content: "\f138"; } + .la-chevron-circle-up:before { content: "\f139"; } + .la-chevron-down:before { content: "\f078"; } + .la-chevron-left:before { content: "\f053"; } + .la-chevron-right:before { content: "\f054"; } + .la-chevron-up:before { content: "\f077"; } + .la-child:before { content: "\f1ae"; } + .la-chrome:before { content: "\f268"; } + .la-chromecast:before { content: "\f838"; } + .la-church:before { content: "\f51d"; } + .la-circle:before { content: "\f111"; } + .la-circle-notch:before { content: "\f1ce"; } + .la-city:before { content: "\f64f"; } + .la-clinic-medical:before { content: "\f7f2"; } + .la-clipboard:before { content: "\f328"; } + .la-clipboard-check:before { content: "\f46c"; } + .la-clipboard-list:before { content: "\f46d"; } + .la-clock:before { content: "\f017"; } + .la-clone:before { content: "\f24d"; } + .la-closed-captioning:before { content: "\f20a"; } + .la-cloud:before { content: "\f0c2"; } + .la-cloud-download-alt:before { content: "\f381"; } + .la-cloud-meatball:before { content: "\f73b"; } + .la-cloud-moon:before { content: "\f6c3"; } + .la-cloud-moon-rain:before { content: "\f73c"; } + .la-cloud-rain:before { content: "\f73d"; } + .la-cloud-showers-heavy:before { content: "\f740"; } + .la-cloud-sun:before { content: "\f6c4"; } + .la-cloud-sun-rain:before { content: "\f743"; } + .la-cloud-upload-alt:before { content: "\f382"; } + .la-cloudscale:before { content: "\f383"; } + .la-cloudsmith:before { content: "\f384"; } + .la-cloudversify:before { content: "\f385"; } + .la-cocktail:before { content: "\f561"; } + .la-code:before { content: "\f121"; } + .la-code-branch:before { content: "\f126"; } + .la-codepen:before { content: "\f1cb"; } + .la-codiepie:before { content: "\f284"; } + .la-coffee:before { content: "\f0f4"; } + .la-cog:before { content: "\f013"; } + .la-cogs:before { content: "\f085"; } + .la-coins:before { content: "\f51e"; } + .la-columns:before { content: "\f0db"; } + .la-comment:before { content: "\f075"; } + .la-comment-alt:before { content: "\f27a"; } + .la-comment-dollar:before { content: "\f651"; } + .la-comment-dots:before { content: "\f4ad"; } + .la-comment-medical:before { content: "\f7f5"; } + .la-comment-slash:before { content: "\f4b3"; } + .la-comments:before { content: "\f086"; } + .la-comments-dollar:before { content: "\f653"; } + .la-compact-disc:before { content: "\f51f"; } + .la-compass:before { content: "\f14e"; } + .la-compress:before { content: "\f066"; } + .la-compress-arrows-alt:before { content: "\f78c"; } + .la-concierge-bell:before { content: "\f562"; } + .la-confluence:before { content: "\f78d"; } + .la-connectdevelop:before { content: "\f20e"; } + .la-contao:before { content: "\f26d"; } + .la-cookie:before { content: "\f563"; } + .la-cookie-bite:before { content: "\f564"; } + .la-copy:before { content: "\f0c5"; } + .la-copyright:before { content: "\f1f9"; } + .la-cotton-bureau:before { content: "\f89e"; } + .la-couch:before { content: "\f4b8"; } + .la-cpanel:before { content: "\f388"; } + .la-creative-commons:before { content: "\f25e"; } + .la-creative-commons-by:before { content: "\f4e7"; } + .la-creative-commons-nc:before { content: "\f4e8"; } + .la-creative-commons-nc-eu:before { content: "\f4e9"; } + .la-creative-commons-nc-jp:before { content: "\f4ea"; } + .la-creative-commons-nd:before { content: "\f4eb"; } + .la-creative-commons-pd:before { content: "\f4ec"; } + .la-creative-commons-pd-alt:before { content: "\f4ed"; } + .la-creative-commons-remix:before { content: "\f4ee"; } + .la-creative-commons-sa:before { content: "\f4ef"; } + .la-creative-commons-sampling:before { content: "\f4f0"; } + .la-creative-commons-sampling-plus:before { content: "\f4f1"; } + .la-creative-commons-share:before { content: "\f4f2"; } + .la-creative-commons-zero:before { content: "\f4f3"; } + .la-credit-card:before { content: "\f09d"; } + .la-critical-role:before { content: "\f6c9"; } + .la-crop:before { content: "\f125"; } + .la-crop-alt:before { content: "\f565"; } + .la-cross:before { content: "\f654"; } + .la-crosshairs:before { content: "\f05b"; } + .la-crow:before { content: "\f520"; } + .la-crown:before { content: "\f521"; } + .la-crutch:before { content: "\f7f7"; } + .la-css3:before { content: "\f13c"; } + .la-css3-alt:before { content: "\f38b"; } + .la-cube:before { content: "\f1b2"; } + .la-cubes:before { content: "\f1b3"; } + .la-cut:before { content: "\f0c4"; } + .la-cuttlefish:before { content: "\f38c"; } + .la-d-and-d:before { content: "\f38d"; } + .la-d-and-d-beyond:before { content: "\f6ca"; } + .la-dashcube:before { content: "\f210"; } + .la-database:before { content: "\f1c0"; } + .la-deaf:before { content: "\f2a4"; } + .la-delicious:before { content: "\f1a5"; } + .la-democrat:before { content: "\f747"; } + .la-deploydog:before { content: "\f38e"; } + .la-deskpro:before { content: "\f38f"; } + .la-desktop:before { content: "\f108"; } + .la-dev:before { content: "\f6cc"; } + .la-deviantart:before { content: "\f1bd"; } + .la-dharmachakra:before { content: "\f655"; } + .la-dhl:before { content: "\f790"; } + .la-diagnoses:before { content: "\f470"; } + .la-diaspora:before { content: "\f791"; } + .la-dice:before { content: "\f522"; } + .la-dice-d20:before { content: "\f6cf"; } + .la-dice-d6:before { content: "\f6d1"; } + .la-dice-five:before { content: "\f523"; } + .la-dice-four:before { content: "\f524"; } + .la-dice-one:before { content: "\f525"; } + .la-dice-six:before { content: "\f526"; } + .la-dice-three:before { content: "\f527"; } + .la-dice-two:before { content: "\f528"; } + .la-digg:before { content: "\f1a6"; } + .la-digital-ocean:before { content: "\f391"; } + .la-digital-tachograph:before { content: "\f566"; } + .la-directions:before { content: "\f5eb"; } + .la-discord:before { content: "\f392"; } + .la-discourse:before { content: "\f393"; } + .la-divide:before { content: "\f529"; } + .la-dizzy:before { content: "\f567"; } + .la-dna:before { content: "\f471"; } + .la-dochub:before { content: "\f394"; } + .la-docker:before { content: "\f395"; } + .la-dog:before { content: "\f6d3"; } + .la-dollar-sign:before { content: "\f155"; } + .la-dolly:before { content: "\f472"; } + .la-dolly-flatbed:before { content: "\f474"; } + .la-donate:before { content: "\f4b9"; } + .la-door-closed:before { content: "\f52a"; } + .la-door-open:before { content: "\f52b"; } + .la-dot-circle:before { content: "\f192"; } + .la-dove:before { content: "\f4ba"; } + .la-download:before { content: "\f019"; } + .la-draft2digital:before { content: "\f396"; } + .la-drafting-compass:before { content: "\f568"; } + .la-dragon:before { content: "\f6d5"; } + .la-draw-polygon:before { content: "\f5ee"; } + .la-dribbble:before { content: "\f17d"; } + .la-dribbble-square:before { content: "\f397"; } + .la-dropbox:before { content: "\f16b"; } + .la-drum:before { content: "\f569"; } + .la-drum-steelpan:before { content: "\f56a"; } + .la-drumstick-bite:before { content: "\f6d7"; } + .la-drupal:before { content: "\f1a9"; } + .la-dumbbell:before { content: "\f44b"; } + .la-dumpster:before { content: "\f793"; } + .la-dumpster-fire:before { content: "\f794"; } + .la-dungeon:before { content: "\f6d9"; } + .la-dyalog:before { content: "\f399"; } + .la-earlybirds:before { content: "\f39a"; } + .la-ebay:before { content: "\f4f4"; } + .la-edge:before { content: "\f282"; } + .la-edit:before { content: "\f044"; } + .la-egg:before { content: "\f7fb"; } + .la-eject:before { content: "\f052"; } + .la-elementor:before { content: "\f430"; } + .la-ellipsis-h:before { content: "\f141"; } + .la-ellipsis-v:before { content: "\f142"; } + .la-ello:before { content: "\f5f1"; } + .la-ember:before { content: "\f423"; } + .la-empire:before { content: "\f1d1"; } + .la-envelope:before { content: "\f0e0"; } + .la-envelope-open:before { content: "\f2b6"; } + .la-envelope-open-text:before { content: "\f658"; } + .la-envelope-square:before { content: "\f199"; } + .la-envira:before { content: "\f299"; } + .la-equals:before { content: "\f52c"; } + .la-eraser:before { content: "\f12d"; } + .la-erlang:before { content: "\f39d"; } + .la-ethereum:before { content: "\f42e"; } + .la-ethernet:before { content: "\f796"; } + .la-etsy:before { content: "\f2d7"; } + .la-euro-sign:before { content: "\f153"; } + .la-evernote:before { content: "\f839"; } + .la-exchange-alt:before { content: "\f362"; } + .la-exclamation:before { content: "\f12a"; } + .la-exclamation-circle:before { content: "\f06a"; } + .la-exclamation-triangle:before { content: "\f071"; } + .la-expand:before { content: "\f065"; } + .la-expand-arrows-alt:before { content: "\f31e"; } + .la-expeditedssl:before { content: "\f23e"; } + .la-external-link-alt:before { content: "\f35d"; } + .la-external-link-square-alt:before { content: "\f360"; } + .la-eye:before { content: "\f06e"; } + .la-eye-dropper:before { content: "\f1fb"; } + .la-eye-slash:before { content: "\f070"; } + .la-facebook:before { content: "\f09a"; } + .la-facebook-f:before { content: "\f39e"; } + .la-facebook-messenger:before { content: "\f39f"; } + .la-facebook-square:before { content: "\f082"; } + .la-fan:before { content: "\f863"; } + .la-fantasy-flight-games:before { content: "\f6dc"; } + .la-fast-backward:before { content: "\f049"; } + .la-fast-forward:before { content: "\f050"; } + .la-fax:before { content: "\f1ac"; } + .la-feather:before { content: "\f52d"; } + .la-feather-alt:before { content: "\f56b"; } + .la-fedex:before { content: "\f797"; } + .la-fedora:before { content: "\f798"; } + .la-female:before { content: "\f182"; } + .la-fighter-jet:before { content: "\f0fb"; } + .la-figma:before { content: "\f799"; } + .la-file:before { content: "\f15b"; } + .la-file-alt:before { content: "\f15c"; } + .la-file-archive:before { content: "\f1c6"; } + .la-file-audio:before { content: "\f1c7"; } + .la-file-code:before { content: "\f1c9"; } + .la-file-contract:before { content: "\f56c"; } + .la-file-csv:before { content: "\f6dd"; } + .la-file-download:before { content: "\f56d"; } + .la-file-excel:before { content: "\f1c3"; } + .la-file-export:before { content: "\f56e"; } + .la-file-image:before { content: "\f1c5"; } + .la-file-import:before { content: "\f56f"; } + .la-file-invoice:before { content: "\f570"; } + .la-file-invoice-dollar:before { content: "\f571"; } + .la-file-medical:before { content: "\f477"; } + .la-file-medical-alt:before { content: "\f478"; } + .la-file-pdf:before { content: "\f1c1"; } + .la-file-powerpoint:before { content: "\f1c4"; } + .la-file-prescription:before { content: "\f572"; } + .la-file-signature:before { content: "\f573"; } + .la-file-upload:before { content: "\f574"; } + .la-file-video:before { content: "\f1c8"; } + .la-file-word:before { content: "\f1c2"; } + .la-fill:before { content: "\f575"; } + .la-fill-drip:before { content: "\f576"; } + .la-film:before { content: "\f008"; } + .la-filter:before { content: "\f0b0"; } + .la-fingerprint:before { content: "\f577"; } + .la-fire:before { content: "\f06d"; } + .la-fire-alt:before { content: "\f7e4"; } + .la-fire-extinguisher:before { content: "\f134"; } + .la-firefox:before { content: "\f269"; } + .la-first-aid:before { content: "\f479"; } + .la-first-order:before { content: "\f2b0"; } + .la-first-order-alt:before { content: "\f50a"; } + .la-firstdraft:before { content: "\f3a1"; } + .la-fish:before { content: "\f578"; } + .la-fist-raised:before { content: "\f6de"; } + .la-flag:before { content: "\f024"; } + .la-flag-checkered:before { content: "\f11e"; } + .la-flag-usa:before { content: "\f74d"; } + .la-flask:before { content: "\f0c3"; } + .la-flickr:before { content: "\f16e"; } + .la-flipboard:before { content: "\f44d"; } + .la-flushed:before { content: "\f579"; } + .la-fly:before { content: "\f417"; } + .la-folder:before { content: "\f07b"; } + .la-folder-minus:before { content: "\f65d"; } + .la-folder-open:before { content: "\f07c"; } + .la-folder-plus:before { content: "\f65e"; } + .la-font:before { content: "\f031"; } + .la-font-awesome:before { content: "\f2b4"; } + .la-font-awesome-alt:before { content: "\f35c"; } + .la-font-awesome-flag:before { content: "\f425"; } + .la-font-awesome-logo-full:before { content: "\f4e6"; } + .la-fonticons:before { content: "\f280"; } + .la-fonticons-fi:before { content: "\f3a2"; } + .la-football-ball:before { content: "\f44e"; } + .la-fort-awesome:before { content: "\f286"; } + .la-fort-awesome-alt:before { content: "\f3a3"; } + .la-forumbee:before { content: "\f211"; } + .la-forward:before { content: "\f04e"; } + .la-foursquare:before { content: "\f180"; } + .la-free-code-camp:before { content: "\f2c5"; } + .la-freebsd:before { content: "\f3a4"; } + .la-frog:before { content: "\f52e"; } + .la-frown:before { content: "\f119"; } + .la-frown-open:before { content: "\f57a"; } + .la-fulcrum:before { content: "\f50b"; } + .la-funnel-dollar:before { content: "\f662"; } + .la-futbol:before { content: "\f1e3"; } + .la-galactic-republic:before { content: "\f50c"; } + .la-galactic-senate:before { content: "\f50d"; } + .la-gamepad:before { content: "\f11b"; } + .la-gas-pump:before { content: "\f52f"; } + .la-gavel:before { content: "\f0e3"; } + .la-gem:before { content: "\f3a5"; } + .la-genderless:before { content: "\f22d"; } + .la-get-pocket:before { content: "\f265"; } + .la-gg:before { content: "\f260"; } + .la-gg-circle:before { content: "\f261"; } + .la-ghost:before { content: "\f6e2"; } + .la-gift:before { content: "\f06b"; } + .la-gifts:before { content: "\f79c"; } + .la-git:before { content: "\f1d3"; } + .la-git-alt:before { content: "\f841"; } + .la-git-square:before { content: "\f1d2"; } + .la-github:before { content: "\f09b"; } + .la-github-alt:before { content: "\f113"; } + .la-github-square:before { content: "\f092"; } + .la-gitkraken:before { content: "\f3a6"; } + .la-gitlab:before { content: "\f296"; } + .la-gitter:before { content: "\f426"; } + .la-glass-cheers:before { content: "\f79f"; } + .la-glass-martini:before { content: "\f000"; } + .la-glass-martini-alt:before { content: "\f57b"; } + .la-glass-whiskey:before { content: "\f7a0"; } + .la-glasses:before { content: "\f530"; } + .la-glide:before { content: "\f2a5"; } + .la-glide-g:before { content: "\f2a6"; } + .la-globe:before { content: "\f0ac"; } + .la-globe-africa:before { content: "\f57c"; } + .la-globe-americas:before { content: "\f57d"; } + .la-globe-asia:before { content: "\f57e"; } + .la-globe-europe:before { content: "\f7a2"; } + .la-gofore:before { content: "\f3a7"; } + .la-golf-ball:before { content: "\f450"; } + .la-goodreads:before { content: "\f3a8"; } + .la-goodreads-g:before { content: "\f3a9"; } + .la-google:before { content: "\f1a0"; } + .la-google-drive:before { content: "\f3aa"; } + .la-google-play:before { content: "\f3ab"; } + .la-google-plus:before { content: "\f2b3"; } + .la-google-plus-g:before { content: "\f0d5"; } + .la-google-plus-square:before { content: "\f0d4"; } + .la-google-wallet:before { content: "\f1ee"; } + .la-gopuram:before { content: "\f664"; } + .la-graduation-cap:before { content: "\f19d"; } + .la-gratipay:before { content: "\f184"; } + .la-grav:before { content: "\f2d6"; } + .la-greater-than:before { content: "\f531"; } + .la-greater-than-equal:before { content: "\f532"; } + .la-grimace:before { content: "\f57f"; } + .la-grin:before { content: "\f580"; } + .la-grin-alt:before { content: "\f581"; } + .la-grin-beam:before { content: "\f582"; } + .la-grin-beam-sweat:before { content: "\f583"; } + .la-grin-hearts:before { content: "\f584"; } + .la-grin-squint:before { content: "\f585"; } + .la-grin-squint-tears:before { content: "\f586"; } + .la-grin-stars:before { content: "\f587"; } + .la-grin-tears:before { content: "\f588"; } + .la-grin-tongue:before { content: "\f589"; } + .la-grin-tongue-squint:before { content: "\f58a"; } + .la-grin-tongue-wink:before { content: "\f58b"; } + .la-grin-wink:before { content: "\f58c"; } + .la-grip-horizontal:before { content: "\f58d"; } + .la-grip-lines:before { content: "\f7a4"; } + .la-grip-lines-vertical:before { content: "\f7a5"; } + .la-grip-vertical:before { content: "\f58e"; } + .la-gripfire:before { content: "\f3ac"; } + .la-grunt:before { content: "\f3ad"; } + .la-guitar:before { content: "\f7a6"; } + .la-gulp:before { content: "\f3ae"; } + .la-h-square:before { content: "\f0fd"; } + .la-hacker-news:before { content: "\f1d4"; } + .la-hacker-news-square:before { content: "\f3af"; } + .la-hackerrank:before { content: "\f5f7"; } + .la-hamburger:before { content: "\f805"; } + .la-hammer:before { content: "\f6e3"; } + .la-hamsa:before { content: "\f665"; } + .la-hand-holding:before { content: "\f4bd"; } + .la-hand-holding-heart:before { content: "\f4be"; } + .la-hand-holding-usd:before { content: "\f4c0"; } + .la-hand-lizard:before { content: "\f258"; } + .la-hand-middle-finger:before { content: "\f806"; } + .la-hand-paper:before { content: "\f256"; } + .la-hand-peace:before { content: "\f25b"; } + .la-hand-point-down:before { content: "\f0a7"; } + .la-hand-point-left:before { content: "\f0a5"; } + .la-hand-point-right:before { content: "\f0a4"; } + .la-hand-point-up:before { content: "\f0a6"; } + .la-hand-pointer:before { content: "\f25a"; } + .la-hand-rock:before { content: "\f255"; } + .la-hand-scissors:before { content: "\f257"; } + .la-hand-spock:before { content: "\f259"; } + .la-hands:before { content: "\f4c2"; } + .la-hands-helping:before { content: "\f4c4"; } + .la-handshake:before { content: "\f2b5"; } + .la-hanukiah:before { content: "\f6e6"; } + .la-hard-hat:before { content: "\f807"; } + .la-hashtag:before { content: "\f292"; } + .la-hat-cowboy:before { content: "\f8c0"; } + .la-hat-cowboy-side:before { content: "\f8c1"; } + .la-hat-wizard:before { content: "\f6e8"; } + .la-haykal:before { content: "\f666"; } + .la-hdd:before { content: "\f0a0"; } + .la-heading:before { content: "\f1dc"; } + .la-headphones:before { content: "\f025"; } + .la-headphones-alt:before { content: "\f58f"; } + .la-headset:before { content: "\f590"; } + .la-heart:before { content: "\f004"; } + .la-heart-broken:before { content: "\f7a9"; } + .la-heartbeat:before { content: "\f21e"; } + .la-helicopter:before { content: "\f533"; } + .la-highlighter:before { content: "\f591"; } + .la-hiking:before { content: "\f6ec"; } + .la-hippo:before { content: "\f6ed"; } + .la-hips:before { content: "\f452"; } + .la-hire-a-helper:before { content: "\f3b0"; } + .la-history:before { content: "\f1da"; } + .la-hockey-puck:before { content: "\f453"; } + .la-holly-berry:before { content: "\f7aa"; } + .la-home:before { content: "\f015"; } + .la-hooli:before { content: "\f427"; } + .la-hornbill:before { content: "\f592"; } + .la-horse:before { content: "\f6f0"; } + .la-horse-head:before { content: "\f7ab"; } + .la-hospital:before { content: "\f0f8"; } + .la-hospital-alt:before { content: "\f47d"; } + .la-hospital-symbol:before { content: "\f47e"; } + .la-hot-tub:before { content: "\f593"; } + .la-hotdog:before { content: "\f80f"; } + .la-hotel:before { content: "\f594"; } + .la-hotjar:before { content: "\f3b1"; } + .la-hourglass:before { content: "\f254"; } + .la-hourglass-end:before { content: "\f253"; } + .la-hourglass-half:before { content: "\f252"; } + .la-hourglass-start:before { content: "\f251"; } + .la-house-damage:before { content: "\f6f1"; } + .la-houzz:before { content: "\f27c"; } + .la-hryvnia:before { content: "\f6f2"; } + .la-html5:before { content: "\f13b"; } + .la-hubspot:before { content: "\f3b2"; } + .la-i-cursor:before { content: "\f246"; } + .la-ice-cream:before { content: "\f810"; } + .la-icicles:before { content: "\f7ad"; } + .la-icons:before { content: "\f86d"; } + .la-id-badge:before { content: "\f2c1"; } + .la-id-card:before { content: "\f2c2"; } + .la-id-card-alt:before { content: "\f47f"; } + .la-igloo:before { content: "\f7ae"; } + .la-image:before { content: "\f03e"; } + .la-images:before { content: "\f302"; } + .la-imdb:before { content: "\f2d8"; } + .la-inbox:before { content: "\f01c"; } + .la-indent:before { content: "\f03c"; } + .la-industry:before { content: "\f275"; } + .la-infinity:before { content: "\f534"; } + .la-info:before { content: "\f129"; } + .la-info-circle:before { content: "\f05a"; } + .la-instagram:before { content: "\f16d"; } + .la-intercom:before { content: "\f7af"; } + .la-internet-explorer:before { content: "\f26b"; } + .la-invision:before { content: "\f7b0"; } + .la-ioxhost:before { content: "\f208"; } + .la-italic:before { content: "\f033"; } + .la-itch-io:before { content: "\f83a"; } + .la-itunes:before { content: "\f3b4"; } + .la-itunes-note:before { content: "\f3b5"; } + .la-java:before { content: "\f4e4"; } + .la-jedi:before { content: "\f669"; } + .la-jedi-order:before { content: "\f50e"; } + .la-jenkins:before { content: "\f3b6"; } + .la-jira:before { content: "\f7b1"; } + .la-joget:before { content: "\f3b7"; } + .la-joint:before { content: "\f595"; } + .la-joomla:before { content: "\f1aa"; } + .la-journal-whills:before { content: "\f66a"; } + .la-js:before { content: "\f3b8"; } + .la-js-square:before { content: "\f3b9"; } + .la-jsfiddle:before { content: "\f1cc"; } + .la-kaaba:before { content: "\f66b"; } + .la-kaggle:before { content: "\f5fa"; } + .la-key:before { content: "\f084"; } + .la-keybase:before { content: "\f4f5"; } + .la-keyboard:before { content: "\f11c"; } + .la-keycdn:before { content: "\f3ba"; } + .la-khanda:before { content: "\f66d"; } + .la-kickstarter:before { content: "\f3bb"; } + .la-kickstarter-k:before { content: "\f3bc"; } + .la-kiss:before { content: "\f596"; } + .la-kiss-beam:before { content: "\f597"; } + .la-kiss-wink-heart:before { content: "\f598"; } + .la-kiwi-bird:before { content: "\f535"; } + .la-korvue:before { content: "\f42f"; } + .la-landmark:before { content: "\f66f"; } + .la-language:before { content: "\f1ab"; } + .la-laptop:before { content: "\f109"; } + .la-laptop-code:before { content: "\f5fc"; } + .la-laptop-medical:before { content: "\f812"; } + .la-laravel:before { content: "\f3bd"; } + .la-lastfm:before { content: "\f202"; } + .la-lastfm-square:before { content: "\f203"; } + .la-laugh:before { content: "\f599"; } + .la-laugh-beam:before { content: "\f59a"; } + .la-laugh-squint:before { content: "\f59b"; } + .la-laugh-wink:before { content: "\f59c"; } + .la-layer-group:before { content: "\f5fd"; } + .la-leaf:before { content: "\f06c"; } + .la-leanpub:before { content: "\f212"; } + .la-lemon:before { content: "\f094"; } + .la-less:before { content: "\f41d"; } + .la-less-than:before { content: "\f536"; } + .la-less-than-equal:before { content: "\f537"; } + .la-level-down-alt:before { content: "\f3be"; } + .la-level-up-alt:before { content: "\f3bf"; } + .la-life-ring:before { content: "\f1cd"; } + .la-lightbulb:before { content: "\f0eb"; } + .la-line:before { content: "\f3c0"; } + .la-link:before { content: "\f0c1"; } + .la-linkedin:before { content: "\f08c"; } + .la-linkedin-in:before { content: "\f0e1"; } + .la-linode:before { content: "\f2b8"; } + .la-linux:before { content: "\f17c"; } + .la-lira-sign:before { content: "\f195"; } + .la-list:before { content: "\f03a"; } + .la-list-alt:before { content: "\f022"; } + .la-list-ol:before { content: "\f0cb"; } + .la-list-ul:before { content: "\f0ca"; } + .la-location-arrow:before { content: "\f124"; } + .la-lock:before { content: "\f023"; } + .la-lock-open:before { content: "\f3c1"; } + .la-long-arrow-alt-down:before { content: "\f309"; } + .la-long-arrow-alt-left:before { content: "\f30a"; } + .la-long-arrow-alt-right:before { content: "\f30b"; } + .la-long-arrow-alt-up:before { content: "\f30c"; } + .la-low-vision:before { content: "\f2a8"; } + .la-luggage-cart:before { content: "\f59d"; } + .la-lyft:before { content: "\f3c3"; } + .la-magento:before { content: "\f3c4"; } + .la-magic:before { content: "\f0d0"; } + .la-magnet:before { content: "\f076"; } + .la-mail-bulk:before { content: "\f674"; } + .la-mailchimp:before { content: "\f59e"; } + .la-male:before { content: "\f183"; } + .la-mandalorian:before { content: "\f50f"; } + .la-map:before { content: "\f279"; } + .la-map-marked:before { content: "\f59f"; } + .la-map-marked-alt:before { content: "\f5a0"; } + .la-map-marker:before { content: "\f041"; } + .la-map-marker-alt:before { content: "\f3c5"; } + .la-map-pin:before { content: "\f276"; } + .la-map-signs:before { content: "\f277"; } + .la-markdown:before { content: "\f60f"; } + .la-marker:before { content: "\f5a1"; } + .la-mars:before { content: "\f222"; } + .la-mars-double:before { content: "\f227"; } + .la-mars-stroke:before { content: "\f229"; } + .la-mars-stroke-h:before { content: "\f22b"; } + .la-mars-stroke-v:before { content: "\f22a"; } + .la-mask:before { content: "\f6fa"; } + .la-mastodon:before { content: "\f4f6"; } + .la-maxcdn:before { content: "\f136"; } + .la-mdb:before { content: "\f8ca"; } + .la-medal:before { content: "\f5a2"; } + .la-medapps:before { content: "\f3c6"; } + .la-medium:before { content: "\f23a"; } + .la-medium-m:before { content: "\f3c7"; } + .la-medkit:before { content: "\f0fa"; } + .la-medrt:before { content: "\f3c8"; } + .la-meetup:before { content: "\f2e0"; } + .la-megaport:before { content: "\f5a3"; } + .la-meh:before { content: "\f11a"; } + .la-meh-blank:before { content: "\f5a4"; } + .la-meh-rolling-eyes:before { content: "\f5a5"; } + .la-memory:before { content: "\f538"; } + .la-mendeley:before { content: "\f7b3"; } + .la-menorah:before { content: "\f676"; } + .la-mercury:before { content: "\f223"; } + .la-meteor:before { content: "\f753"; } + .la-microchip:before { content: "\f2db"; } + .la-microphone:before { content: "\f130"; } + .la-microphone-alt:before { content: "\f3c9"; } + .la-microphone-alt-slash:before { content: "\f539"; } + .la-microphone-slash:before { content: "\f131"; } + .la-microscope:before { content: "\f610"; } + .la-microsoft:before { content: "\f3ca"; } + .la-minus:before { content: "\f068"; } + .la-minus-circle:before { content: "\f056"; } + .la-minus-square:before { content: "\f146"; } + .la-mitten:before { content: "\f7b5"; } + .la-mix:before { content: "\f3cb"; } + .la-mixcloud:before { content: "\f289"; } + .la-mizuni:before { content: "\f3cc"; } + .la-mobile:before { content: "\f10b"; } + .la-mobile-alt:before { content: "\f3cd"; } + .la-modx:before { content: "\f285"; } + .la-monero:before { content: "\f3d0"; } + .la-money-bill:before { content: "\f0d6"; } + .la-money-bill-alt:before { content: "\f3d1"; } + .la-money-bill-wave:before { content: "\f53a"; } + .la-money-bill-wave-alt:before { content: "\f53b"; } + .la-money-check:before { content: "\f53c"; } + .la-money-check-alt:before { content: "\f53d"; } + .la-monument:before { content: "\f5a6"; } + .la-moon:before { content: "\f186"; } + .la-mortar-pestle:before { content: "\f5a7"; } + .la-mosque:before { content: "\f678"; } + .la-motorcycle:before { content: "\f21c"; } + .la-mountain:before { content: "\f6fc"; } + .la-mouse:before { content: "\f8cc"; } + .la-mouse-pointer:before { content: "\f245"; } + .la-mug-hot:before { content: "\f7b6"; } + .la-music:before { content: "\f001"; } + .la-napster:before { content: "\f3d2"; } + .la-neos:before { content: "\f612"; } + .la-network-wired:before { content: "\f6ff"; } + .la-neuter:before { content: "\f22c"; } + .la-newspaper:before { content: "\f1ea"; } + .la-nimblr:before { content: "\f5a8"; } + .la-node:before { content: "\f419"; } + .la-node-js:before { content: "\f3d3"; } + .la-not-equal:before { content: "\f53e"; } + .la-notes-medical:before { content: "\f481"; } + .la-npm:before { content: "\f3d4"; } + .la-ns8:before { content: "\f3d5"; } + .la-nutritionix:before { content: "\f3d6"; } + .la-object-group:before { content: "\f247"; } + .la-object-ungroup:before { content: "\f248"; } + .la-odnoklassniki:before { content: "\f263"; } + .la-odnoklassniki-square:before { content: "\f264"; } + .la-oil-can:before { content: "\f613"; } + .la-old-republic:before { content: "\f510"; } + .la-om:before { content: "\f679"; } + .la-opencart:before { content: "\f23d"; } + .la-openid:before { content: "\f19b"; } + .la-opera:before { content: "\f26a"; } + .la-optin-monster:before { content: "\f23c"; } + .la-orcid:before { content: "\f8d2"; } + .la-osi:before { content: "\f41a"; } + .la-otter:before { content: "\f700"; } + .la-outdent:before { content: "\f03b"; } + .la-page4:before { content: "\f3d7"; } + .la-pagelines:before { content: "\f18c"; } + .la-pager:before { content: "\f815"; } + .la-paint-brush:before { content: "\f1fc"; } + .la-paint-roller:before { content: "\f5aa"; } + .la-palette:before { content: "\f53f"; } + .la-palfed:before { content: "\f3d8"; } + .la-pallet:before { content: "\f482"; } + .la-paper-plane:before { content: "\f1d8"; } + .la-paperclip:before { content: "\f0c6"; } + .la-parachute-box:before { content: "\f4cd"; } + .la-paragraph:before { content: "\f1dd"; } + .la-parking:before { content: "\f540"; } + .la-passport:before { content: "\f5ab"; } + .la-pastafarianism:before { content: "\f67b"; } + .la-paste:before { content: "\f0ea"; } + .la-patreon:before { content: "\f3d9"; } + .la-pause:before { content: "\f04c"; } + .la-pause-circle:before { content: "\f28b"; } + .la-paw:before { content: "\f1b0"; } + .la-paypal:before { content: "\f1ed"; } + .la-peace:before { content: "\f67c"; } + .la-pen:before { content: "\f304"; } + .la-pen-alt:before { content: "\f305"; } + .la-pen-fancy:before { content: "\f5ac"; } + .la-pen-nib:before { content: "\f5ad"; } + .la-pen-square:before { content: "\f14b"; } + .la-pencil-alt:before { content: "\f303"; } + .la-pencil-ruler:before { content: "\f5ae"; } + .la-penny-arcade:before { content: "\f704"; } + .la-people-carry:before { content: "\f4ce"; } + .la-pepper-hot:before { content: "\f816"; } + .la-percent:before { content: "\f295"; } + .la-percentage:before { content: "\f541"; } + .la-periscope:before { content: "\f3da"; } + .la-person-booth:before { content: "\f756"; } + .la-phabricator:before { content: "\f3db"; } + .la-phoenix-framework:before { content: "\f3dc"; } + .la-phoenix-squadron:before { content: "\f511"; } + .la-phone:before { content: "\f095"; } + .la-phone-alt:before { content: "\f879"; } + .la-phone-slash:before { content: "\f3dd"; } + .la-phone-square:before { content: "\f098"; } + .la-phone-square-alt:before { content: "\f87b"; } + .la-phone-volume:before { content: "\f2a0"; } + .la-photo-video:before { content: "\f87c"; } + .la-php:before { content: "\f457"; } + .la-pied-piper:before { content: "\f2ae"; } + .la-pied-piper-alt:before { content: "\f1a8"; } + .la-pied-piper-hat:before { content: "\f4e5"; } + .la-pied-piper-pp:before { content: "\f1a7"; } + .la-piggy-bank:before { content: "\f4d3"; } + .la-pills:before { content: "\f484"; } + .la-pinterest:before { content: "\f0d2"; } + .la-pinterest-p:before { content: "\f231"; } + .la-pinterest-square:before { content: "\f0d3"; } + .la-pizza-slice:before { content: "\f818"; } + .la-place-of-worship:before { content: "\f67f"; } + .la-plane:before { content: "\f072"; } + .la-plane-arrival:before { content: "\f5af"; } + .la-plane-departure:before { content: "\f5b0"; } + .la-play:before { content: "\f04b"; } + .la-play-circle:before { content: "\f144"; } + .la-playstation:before { content: "\f3df"; } + .la-plug:before { content: "\f1e6"; } + .la-plus:before { content: "\f067"; } + .la-plus-circle:before { content: "\f055"; } + .la-plus-square:before { content: "\f0fe"; } + .la-podcast:before { content: "\f2ce"; } + .la-poll:before { content: "\f681"; } + .la-poll-h:before { content: "\f682"; } + .la-poo:before { content: "\f2fe"; } + .la-poo-storm:before { content: "\f75a"; } + .la-poop:before { content: "\f619"; } + .la-portrait:before { content: "\f3e0"; } + .la-pound-sign:before { content: "\f154"; } + .la-power-off:before { content: "\f011"; } + .la-pray:before { content: "\f683"; } + .la-praying-hands:before { content: "\f684"; } + .la-prescription:before { content: "\f5b1"; } + .la-prescription-bottle:before { content: "\f485"; } + .la-prescription-bottle-alt:before { content: "\f486"; } + .la-print:before { content: "\f02f"; } + .la-procedures:before { content: "\f487"; } + .la-product-hunt:before { content: "\f288"; } + .la-project-diagram:before { content: "\f542"; } + .la-pushed:before { content: "\f3e1"; } + .la-puzzle-piece:before { content: "\f12e"; } + .la-python:before { content: "\f3e2"; } + .la-qq:before { content: "\f1d6"; } + .la-qrcode:before { content: "\f029"; } + .la-question:before { content: "\f128"; } + .la-question-circle:before { content: "\f059"; } + .la-quidditch:before { content: "\f458"; } + .la-quinscape:before { content: "\f459"; } + .la-quora:before { content: "\f2c4"; } + .la-quote-left:before { content: "\f10d"; } + .la-quote-right:before { content: "\f10e"; } + .la-quran:before { content: "\f687"; } + .la-r-project:before { content: "\f4f7"; } + .la-radiation:before { content: "\f7b9"; } + .la-radiation-alt:before { content: "\f7ba"; } + .la-rainbow:before { content: "\f75b"; } + .la-random:before { content: "\f074"; } + .la-raspberry-pi:before { content: "\f7bb"; } + .la-ravelry:before { content: "\f2d9"; } + .la-react:before { content: "\f41b"; } + .la-reacteurope:before { content: "\f75d"; } + .la-readme:before { content: "\f4d5"; } + .la-rebel:before { content: "\f1d0"; } + .la-receipt:before { content: "\f543"; } + .la-record-vinyl:before { content: "\f8d9"; } + .la-recycle:before { content: "\f1b8"; } + .la-red-river:before { content: "\f3e3"; } + .la-reddit:before { content: "\f1a1"; } + .la-reddit-alien:before { content: "\f281"; } + .la-reddit-square:before { content: "\f1a2"; } + .la-redhat:before { content: "\f7bc"; } + .la-redo:before { content: "\f01e"; } + .la-redo-alt:before { content: "\f2f9"; } + .la-registered:before { content: "\f25d"; } + .la-remove-format:before { content: "\f87d"; } + .la-renren:before { content: "\f18b"; } + .la-reply:before { content: "\f3e5"; } + .la-reply-all:before { content: "\f122"; } + .la-replyd:before { content: "\f3e6"; } + .la-republican:before { content: "\f75e"; } + .la-researchgate:before { content: "\f4f8"; } + .la-resolving:before { content: "\f3e7"; } + .la-restroom:before { content: "\f7bd"; } + .la-retweet:before { content: "\f079"; } + .la-rev:before { content: "\f5b2"; } + .la-ribbon:before { content: "\f4d6"; } + .la-ring:before { content: "\f70b"; } + .la-road:before { content: "\f018"; } + .la-robot:before { content: "\f544"; } + .la-rocket:before { content: "\f135"; } + .la-rocketchat:before { content: "\f3e8"; } + .la-rockrms:before { content: "\f3e9"; } + .la-route:before { content: "\f4d7"; } + .la-rss:before { content: "\f09e"; } + .la-rss-square:before { content: "\f143"; } + .la-ruble-sign:before { content: "\f158"; } + .la-ruler:before { content: "\f545"; } + .la-ruler-combined:before { content: "\f546"; } + .la-ruler-horizontal:before { content: "\f547"; } + .la-ruler-vertical:before { content: "\f548"; } + .la-running:before { content: "\f70c"; } + .la-rupee-sign:before { content: "\f156"; } + .la-sad-cry:before { content: "\f5b3"; } + .la-sad-tear:before { content: "\f5b4"; } + .la-safari:before { content: "\f267"; } + .la-salesforce:before { content: "\f83b"; } + .la-sass:before { content: "\f41e"; } + .la-satellite:before { content: "\f7bf"; } + .la-satellite-dish:before { content: "\f7c0"; } + .la-save:before { content: "\f0c7"; } + .la-schlix:before { content: "\f3ea"; } + .la-school:before { content: "\f549"; } + .la-screwdriver:before { content: "\f54a"; } + .la-scribd:before { content: "\f28a"; } + .la-scroll:before { content: "\f70e"; } + .la-sd-card:before { content: "\f7c2"; } + .la-search:before { content: "\f002"; } + .la-search-dollar:before { content: "\f688"; } + .la-search-location:before { content: "\f689"; } + .la-search-minus:before { content: "\f010"; } + .la-search-plus:before { content: "\f00e"; } + .la-searchengin:before { content: "\f3eb"; } + .la-seedling:before { content: "\f4d8"; } + .la-sellcast:before { content: "\f2da"; } + .la-sellsy:before { content: "\f213"; } + .la-server:before { content: "\f233"; } + .la-servicestack:before { content: "\f3ec"; } + .la-shapes:before { content: "\f61f"; } + .la-share:before { content: "\f064"; } + .la-share-alt:before { content: "\f1e0"; } + .la-share-alt-square:before { content: "\f1e1"; } + .la-share-square:before { content: "\f14d"; } + .la-shekel-sign:before { content: "\f20b"; } + .la-shield-alt:before { content: "\f3ed"; } + .la-ship:before { content: "\f21a"; } + .la-shipping-fast:before { content: "\f48b"; } + .la-shirtsinbulk:before { content: "\f214"; } + .la-shoe-prints:before { content: "\f54b"; } + .la-shopping-bag:before { content: "\f290"; } + .la-shopping-basket:before { content: "\f291"; } + .la-shopping-cart:before { content: "\f07a"; } + .la-shopware:before { content: "\f5b5"; } + .la-shower:before { content: "\f2cc"; } + .la-shuttle-van:before { content: "\f5b6"; } + .la-sign:before { content: "\f4d9"; } + .la-sign-in-alt:before { content: "\f2f6"; } + .la-sign-language:before { content: "\f2a7"; } + .la-sign-out-alt:before { content: "\f2f5"; } + .la-signal:before { content: "\f012"; } + .la-signature:before { content: "\f5b7"; } + .la-sim-card:before { content: "\f7c4"; } + .la-simplybuilt:before { content: "\f215"; } + .la-sistrix:before { content: "\f3ee"; } + .la-sitemap:before { content: "\f0e8"; } + .la-sith:before { content: "\f512"; } + .la-skating:before { content: "\f7c5"; } + .la-sketch:before { content: "\f7c6"; } + .la-skiing:before { content: "\f7c9"; } + .la-skiing-nordic:before { content: "\f7ca"; } + .la-skull:before { content: "\f54c"; } + .la-skull-crossbones:before { content: "\f714"; } + .la-skyatlas:before { content: "\f216"; } + .la-skype:before { content: "\f17e"; } + .la-slack:before { content: "\f198"; } + .la-slack-hash:before { content: "\f3ef"; } + .la-slash:before { content: "\f715"; } + .la-sleigh:before { content: "\f7cc"; } + .la-sliders-h:before { content: "\f1de"; } + .la-slideshare:before { content: "\f1e7"; } + .la-smile:before { content: "\f118"; } + .la-smile-beam:before { content: "\f5b8"; } + .la-smile-wink:before { content: "\f4da"; } + .la-smog:before { content: "\f75f"; } + .la-smoking:before { content: "\f48d"; } + .la-smoking-ban:before { content: "\f54d"; } + .la-sms:before { content: "\f7cd"; } + .la-snapchat:before { content: "\f2ab"; } + .la-snapchat-ghost:before { content: "\f2ac"; } + .la-snapchat-square:before { content: "\f2ad"; } + .la-snowboarding:before { content: "\f7ce"; } + .la-snowflake:before { content: "\f2dc"; } + .la-snowman:before { content: "\f7d0"; } + .la-snowplow:before { content: "\f7d2"; } + .la-socks:before { content: "\f696"; } + .la-solar-panel:before { content: "\f5ba"; } + .la-sort:before { content: "\f0dc"; } + .la-sort-alpha-down:before { content: "\f15d"; } + .la-sort-alpha-down-alt:before { content: "\f881"; } + .la-sort-alpha-up:before { content: "\f15e"; } + .la-sort-alpha-up-alt:before { content: "\f882"; } + .la-sort-amount-down:before { content: "\f160"; } + .la-sort-amount-down-alt:before { content: "\f884"; } + .la-sort-amount-up:before { content: "\f161"; } + .la-sort-amount-up-alt:before { content: "\f885"; } + .la-sort-down:before { content: "\f0dd"; } + .la-sort-numeric-down:before { content: "\f162"; } + .la-sort-numeric-down-alt:before { content: "\f886"; } + .la-sort-numeric-up:before { content: "\f163"; } + .la-sort-numeric-up-alt:before { content: "\f887"; } + .la-sort-up:before { content: "\f0de"; } + .la-soundcloud:before { content: "\f1be"; } + .la-sourcetree:before { content: "\f7d3"; } + .la-spa:before { content: "\f5bb"; } + .la-space-shuttle:before { content: "\f197"; } + .la-speakap:before { content: "\f3f3"; } + .la-speaker-deck:before { content: "\f83c"; } + .la-spell-check:before { content: "\f891"; } + .la-spider:before { content: "\f717"; } + .la-spinner:before { content: "\f110"; } + .la-splotch:before { content: "\f5bc"; } + .la-spotify:before { content: "\f1bc"; } + .la-spray-can:before { content: "\f5bd"; } + .la-square:before { content: "\f0c8"; } + .la-square-full:before { content: "\f45c"; } + .la-square-root-alt:before { content: "\f698"; } + .la-squarespace:before { content: "\f5be"; } + .la-stack-exchange:before { content: "\f18d"; } + .la-stack-overflow:before { content: "\f16c"; } + .la-stackpath:before { content: "\f842"; } + .la-stamp:before { content: "\f5bf"; } + .la-star:before { content: "\f005"; } + .la-star-and-crescent:before { content: "\f699"; } + .la-star-half:before { content: "\f089"; } + .la-star-half-alt:before { content: "\f5c0"; } + .la-star-of-david:before { content: "\f69a"; } + .la-star-of-life:before { content: "\f621"; } + .la-staylinked:before { content: "\f3f5"; } + .la-steam:before { content: "\f1b6"; } + .la-steam-square:before { content: "\f1b7"; } + .la-steam-symbol:before { content: "\f3f6"; } + .la-step-backward:before { content: "\f048"; } + .la-step-forward:before { content: "\f051"; } + .la-stethoscope:before { content: "\f0f1"; } + .la-sticker-mule:before { content: "\f3f7"; } + .la-sticky-note:before { content: "\f249"; } + .la-stop:before { content: "\f04d"; } + .la-stop-circle:before { content: "\f28d"; } + .la-stopwatch:before { content: "\f2f2"; } + .la-store:before { content: "\f54e"; } + .la-store-alt:before { content: "\f54f"; } + .la-strava:before { content: "\f428"; } + .la-stream:before { content: "\f550"; } + .la-street-view:before { content: "\f21d"; } + .la-strikethrough:before { content: "\f0cc"; } + .la-stripe:before { content: "\f429"; } + .la-stripe-s:before { content: "\f42a"; } + .la-stroopwafel:before { content: "\f551"; } + .la-studiovinari:before { content: "\f3f8"; } + .la-stumbleupon:before { content: "\f1a4"; } + .la-stumbleupon-circle:before { content: "\f1a3"; } + .la-subscript:before { content: "\f12c"; } + .la-subway:before { content: "\f239"; } + .la-suitcase:before { content: "\f0f2"; } + .la-suitcase-rolling:before { content: "\f5c1"; } + .la-sun:before { content: "\f185"; } + .la-superpowers:before { content: "\f2dd"; } + .la-superscript:before { content: "\f12b"; } + .la-supple:before { content: "\f3f9"; } + .la-surprise:before { content: "\f5c2"; } + .la-suse:before { content: "\f7d6"; } + .la-swatchbook:before { content: "\f5c3"; } + .la-swift:before { content: "\f8e1"; } + .la-swimmer:before { content: "\f5c4"; } + .la-swimming-pool:before { content: "\f5c5"; } + .la-symfony:before { content: "\f83d"; } + .la-synagogue:before { content: "\f69b"; } + .la-sync:before { content: "\f021"; } + .la-sync-alt:before { content: "\f2f1"; } + .la-syringe:before { content: "\f48e"; } + .la-table:before { content: "\f0ce"; } + .la-table-tennis:before { content: "\f45d"; } + .la-tablet:before { content: "\f10a"; } + .la-tablet-alt:before { content: "\f3fa"; } + .la-tablets:before { content: "\f490"; } + .la-tachometer-alt:before { content: "\f3fd"; } + .la-tag:before { content: "\f02b"; } + .la-tags:before { content: "\f02c"; } + .la-tape:before { content: "\f4db"; } + .la-tasks:before { content: "\f0ae"; } + .la-taxi:before { content: "\f1ba"; } + .la-teamspeak:before { content: "\f4f9"; } + .la-teeth:before { content: "\f62e"; } + .la-teeth-open:before { content: "\f62f"; } + .la-telegram:before { content: "\f2c6"; } + .la-telegram-plane:before { content: "\f3fe"; } + .la-temperature-high:before { content: "\f769"; } + .la-temperature-low:before { content: "\f76b"; } + .la-tencent-weibo:before { content: "\f1d5"; } + .la-tenge:before { content: "\f7d7"; } + .la-terminal:before { content: "\f120"; } + .la-text-height:before { content: "\f034"; } + .la-text-width:before { content: "\f035"; } + .la-th:before { content: "\f00a"; } + .la-th-large:before { content: "\f009"; } + .la-th-list:before { content: "\f00b"; } + .la-the-red-yeti:before { content: "\f69d"; } + .la-theater-masks:before { content: "\f630"; } + .la-themeco:before { content: "\f5c6"; } + .la-themeisle:before { content: "\f2b2"; } + .la-thermometer:before { content: "\f491"; } + .la-thermometer-empty:before { content: "\f2cb"; } + .la-thermometer-full:before { content: "\f2c7"; } + .la-thermometer-half:before { content: "\f2c9"; } + .la-thermometer-quarter:before { content: "\f2ca"; } + .la-thermometer-three-quarters:before { content: "\f2c8"; } + .la-think-peaks:before { content: "\f731"; } + .la-thumbs-down:before { content: "\f165"; } + .la-thumbs-up:before { content: "\f164"; } + .la-thumbtack:before { content: "\f08d"; } + .la-ticket-alt:before { content: "\f3ff"; } + .la-times:before { content: "\f00d"; } + .la-times-circle:before { content: "\f057"; } + .la-tint:before { content: "\f043"; } + .la-tint-slash:before { content: "\f5c7"; } + .la-tired:before { content: "\f5c8"; } + .la-toggle-off:before { content: "\f204"; } + .la-toggle-on:before { content: "\f205"; } + .la-toilet:before { content: "\f7d8"; } + .la-toilet-paper:before { content: "\f71e"; } + .la-toolbox:before { content: "\f552"; } + .la-tools:before { content: "\f7d9"; } + .la-tooth:before { content: "\f5c9"; } + .la-torah:before { content: "\f6a0"; } + .la-torii-gate:before { content: "\f6a1"; } + .la-tractor:before { content: "\f722"; } + .la-trade-federation:before { content: "\f513"; } + .la-trademark:before { content: "\f25c"; } + .la-traffic-light:before { content: "\f637"; } + .la-train:before { content: "\f238"; } + .la-tram:before { content: "\f7da"; } + .la-transgender:before { content: "\f224"; } + .la-transgender-alt:before { content: "\f225"; } + .la-trash:before { content: "\f1f8"; } + .la-trash-alt:before { content: "\f2ed"; } + .la-trash-restore:before { content: "\f829"; } + .la-trash-restore-alt:before { content: "\f82a"; } + .la-tree:before { content: "\f1bb"; } + .la-trello:before { content: "\f181"; } + .la-tripadvisor:before { content: "\f262"; } + .la-trophy:before { content: "\f091"; } + .la-truck:before { content: "\f0d1"; } + .la-truck-loading:before { content: "\f4de"; } + .la-truck-monster:before { content: "\f63b"; } + .la-truck-moving:before { content: "\f4df"; } + .la-truck-pickup:before { content: "\f63c"; } + .la-tshirt:before { content: "\f553"; } + .la-tty:before { content: "\f1e4"; } + .la-tumblr:before { content: "\f173"; } + .la-tumblr-square:before { content: "\f174"; } + .la-tv:before { content: "\f26c"; } + .la-twitch:before { content: "\f1e8"; } + .la-twitter:before { content: "\f099"; } + .la-twitter-square:before { content: "\f081"; } + .la-typo3:before { content: "\f42b"; } + .la-uber:before { content: "\f402"; } + .la-ubuntu:before { content: "\f7df"; } + .la-uikit:before { content: "\f403"; } + .la-umbraco:before { content: "\f8e8"; } + .la-umbrella:before { content: "\f0e9"; } + .la-umbrella-beach:before { content: "\f5ca"; } + .la-underline:before { content: "\f0cd"; } + .la-undo:before { content: "\f0e2"; } + .la-undo-alt:before { content: "\f2ea"; } + .la-uniregistry:before { content: "\f404"; } + .la-universal-access:before { content: "\f29a"; } + .la-university:before { content: "\f19c"; } + .la-unlink:before { content: "\f127"; } + .la-unlock:before { content: "\f09c"; } + .la-unlock-alt:before { content: "\f13e"; } + .la-untappd:before { content: "\f405"; } + .la-upload:before { content: "\f093"; } + .la-ups:before { content: "\f7e0"; } + .la-usb:before { content: "\f287"; } + .la-user:before { content: "\f007"; } + .la-user-alt:before { content: "\f406"; } + .la-user-alt-slash:before { content: "\f4fa"; } + .la-user-astronaut:before { content: "\f4fb"; } + .la-user-check:before { content: "\f4fc"; } + .la-user-circle:before { content: "\f2bd"; } + .la-user-clock:before { content: "\f4fd"; } + .la-user-cog:before { content: "\f4fe"; } + .la-user-edit:before { content: "\f4ff"; } + .la-user-friends:before { content: "\f500"; } + .la-user-graduate:before { content: "\f501"; } + .la-user-injured:before { content: "\f728"; } + .la-user-lock:before { content: "\f502"; } + .la-user-md:before { content: "\f0f0"; } + .la-user-minus:before { content: "\f503"; } + .la-user-ninja:before { content: "\f504"; } + .la-user-nurse:before { content: "\f82f"; } + .la-user-plus:before { content: "\f234"; } + .la-user-secret:before { content: "\f21b"; } + .la-user-shield:before { content: "\f505"; } + .la-user-slash:before { content: "\f506"; } + .la-user-tag:before { content: "\f507"; } + .la-user-tie:before { content: "\f508"; } + .la-user-times:before { content: "\f235"; } + .la-users:before { content: "\f0c0"; } + .la-users-cog:before { content: "\f509"; } + .la-usps:before { content: "\f7e1"; } + .la-ussunnah:before { content: "\f407"; } + .la-utensil-spoon:before { content: "\f2e5"; } + .la-utensils:before { content: "\f2e7"; } + .la-vaadin:before { content: "\f408"; } + .la-vector-square:before { content: "\f5cb"; } + .la-venus:before { content: "\f221"; } + .la-venus-double:before { content: "\f226"; } + .la-venus-mars:before { content: "\f228"; } + .la-viacoin:before { content: "\f237"; } + .la-viadeo:before { content: "\f2a9"; } + .la-viadeo-square:before { content: "\f2aa"; } + .la-vial:before { content: "\f492"; } + .la-vials:before { content: "\f493"; } + .la-viber:before { content: "\f409"; } + .la-video:before { content: "\f03d"; } + .la-video-slash:before { content: "\f4e2"; } + .la-vihara:before { content: "\f6a7"; } + .la-vimeo:before { content: "\f40a"; } + .la-vimeo-square:before { content: "\f194"; } + .la-vimeo-v:before { content: "\f27d"; } + .la-vine:before { content: "\f1ca"; } + .la-vk:before { content: "\f189"; } + .la-vnv:before { content: "\f40b"; } + .la-voicemail:before { content: "\f897"; } + .la-volleyball-ball:before { content: "\f45f"; } + .la-volume-down:before { content: "\f027"; } + .la-volume-mute:before { content: "\f6a9"; } + .la-volume-off:before { content: "\f026"; } + .la-volume-up:before { content: "\f028"; } + .la-vote-yea:before { content: "\f772"; } + .la-vr-cardboard:before { content: "\f729"; } + .la-vuejs:before { content: "\f41f"; } + .la-walking:before { content: "\f554"; } + .la-wallet:before { content: "\f555"; } + .la-warehouse:before { content: "\f494"; } + .la-water:before { content: "\f773"; } + .la-wave-square:before { content: "\f83e"; } + .la-waze:before { content: "\f83f"; } + .la-weebly:before { content: "\f5cc"; } + .la-weibo:before { content: "\f18a"; } + .la-weight:before { content: "\f496"; } + .la-weight-hanging:before { content: "\f5cd"; } + .la-weixin:before { content: "\f1d7"; } + .la-whatsapp:before { content: "\f232"; } + .la-whatsapp-square:before { content: "\f40c"; } + .la-wheelchair:before { content: "\f193"; } + .la-whmcs:before { content: "\f40d"; } + .la-wifi:before { content: "\f1eb"; } + .la-wikipedia-w:before { content: "\f266"; } + .la-wind:before { content: "\f72e"; } + .la-window-close:before { content: "\f410"; } + .la-window-maximize:before { content: "\f2d0"; } + .la-window-minimize:before { content: "\f2d1"; } + .la-window-restore:before { content: "\f2d2"; } + .la-windows:before { content: "\f17a"; } + .la-wine-bottle:before { content: "\f72f"; } + .la-wine-glass:before { content: "\f4e3"; } + .la-wine-glass-alt:before { content: "\f5ce"; } + .la-wix:before { content: "\f5cf"; } + .la-wizards-of-the-coast:before { content: "\f730"; } + .la-wolf-pack-battalion:before { content: "\f514"; } + .la-won-sign:before { content: "\f159"; } + .la-wordpress:before { content: "\f19a"; } + .la-wordpress-simple:before { content: "\f411"; } + .la-wpbeginner:before { content: "\f297"; } + .la-wpexplorer:before { content: "\f2de"; } + .la-wpforms:before { content: "\f298"; } + .la-wpressr:before { content: "\f3e4"; } + .la-wrench:before { content: "\f0ad"; } + .la-x-ray:before { content: "\f497"; } + .la-xbox:before { content: "\f412"; } + .la-xing:before { content: "\f168"; } + .la-xing-square:before { content: "\f169"; } + .la-y-combinator:before { content: "\f23b"; } + .la-yahoo:before { content: "\f19e"; } + .la-yammer:before { content: "\f840"; } + .la-yandex:before { content: "\f413"; } + .la-yandex-international:before { content: "\f414"; } + .la-yarn:before { content: "\f7e3"; } + .la-yelp:before { content: "\f1e9"; } + .la-yen-sign:before { content: "\f157"; } + .la-yin-yang:before { content: "\f6ad"; } + .la-yoast:before { content: "\f2b1"; } + .la-youtube:before { content: "\f167"; } + .la-youtube-square:before { content: "\f431"; } + .la-zhihu:before { content: "\f63f"; } + .sr-only { border: 0; clip: rect(0, 0, 0, 0); @@ -37674,7 +48962,9 @@ html.dark, position: absolute; width: 1px; } -.sr-only-focusable:active, .sr-only-focusable:focus { + +.sr-only-focusable:active, +.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; @@ -37682,6 +48972,7 @@ html.dark, position: static; width: auto; } + @font-face { font-family: "Line Awesome Brands"; font-style: normal; @@ -37690,9 +48981,11 @@ html.dark, src: url("../icon-fonts/line-awesome/1.3.0/fonts/la-brands-400.eot"); src: url("../icon-fonts/line-awesome/1.3.0/fonts/la-brands-400.eot?#iefix") format("embedded-opentype"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-brands-400.woff2") format("woff2"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-brands-400.woff") format("woff"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-brands-400.ttf") format("truetype"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-brands-400.svg#lineawesome") format("svg"); } + .lab { font-family: "Line Awesome Brands"; } + @font-face { font-family: "Line Awesome Free"; font-style: normal; @@ -37701,10 +48994,12 @@ html.dark, src: url("../icon-fonts/line-awesome/1.3.0/fonts/la-regular-400.eot"); src: url("../icon-fonts/line-awesome/1.3.0/fonts/la-regular-400.eot?#iefix") format("embedded-opentype"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-regular-400.woff2") format("woff2"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-regular-400.woff") format("woff"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-regular-400.ttf") format("truetype"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-regular-400.svg#lineawesome") format("svg"); } + .lar { font-family: "Line Awesome Free"; font-weight: 400; } + @font-face { font-family: "Line Awesome Free"; font-style: normal; @@ -37713,2174 +49008,2787 @@ html.dark, src: url("../icon-fonts/line-awesome/1.3.0/fonts/la-solid-900.eot"); src: url("../icon-fonts/line-awesome/1.3.0/fonts/la-solid-900.eot?#iefix") format("embedded-opentype"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-solid-900.woff2") format("woff2"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-solid-900.woff") format("woff"), url("../icon-fonts/line-awesome/1.3.0//fonts/la-solid-900.ttf") format("truetype"), url("../icon-fonts/line-awesome/1.3.0/fonts/la-solid-900.svg#lineawesome") format("svg"); } + .la, .las { font-family: "Line Awesome Free"; font-weight: 900; } + .la.la-glass:before { content: "\f000"; } + .la.la-meetup { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-star-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-star-o:before { content: "\f005"; } + .la.la-remove:before { content: "\f00d"; } + .la.la-close:before { content: "\f00d"; } + .la.la-gear:before { content: "\f013"; } + .la.la-trash-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-trash-o:before { content: "\f2ed"; } + .la.la-file-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-o:before { content: "\f15b"; } + .la.la-clock-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-clock-o:before { content: "\f017"; } + .la.la-arrow-circle-o-down { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-arrow-circle-o-down:before { content: "\f358"; } + .la.la-arrow-circle-o-up { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-arrow-circle-o-up:before { content: "\f35b"; } + .la.la-play-circle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-play-circle-o:before { content: "\f144"; } + .la.la-repeat:before { content: "\f01e"; } + .la.la-rotate-right:before { content: "\f01e"; } + .la.la-refresh:before { content: "\f021"; } + .la.la-list-alt { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-dedent:before { content: "\f03b"; } + .la.la-video-camera:before { content: "\f03d"; } + .la.la-picture-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-picture-o:before { content: "\f03e"; } + .la.la-photo { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-photo:before { content: "\f03e"; } + .la.la-image { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-image:before { content: "\f03e"; } + .la.la-pencil:before { content: "\f303"; } + .la.la-map-marker:before { content: "\f3c5"; } + .la.la-pencil-square-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-pencil-square-o:before { content: "\f044"; } + .la.la-share-square-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-share-square-o:before { content: "\f14d"; } + .la.la-check-square-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-check-square-o:before { content: "\f14a"; } + .la.la-arrows:before { content: "\f0b2"; } + .la.la-times-circle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-times-circle-o:before { content: "\f057"; } + .la.la-check-circle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-check-circle-o:before { content: "\f058"; } + .la.la-mail-forward:before { content: "\f064"; } + .la.la-eye { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-eye-slash { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-warning:before { content: "\f071"; } + .la.la-calendar:before { content: "\f073"; } + .la.la-arrows-v:before { content: "\f338"; } + .la.la-arrows-h:before { content: "\f337"; } + .la.la-bar-chart { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-bar-chart:before { content: "\f080"; } + .la.la-bar-chart-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-bar-chart-o:before { content: "\f080"; } + .la.la-twitter-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-facebook-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-gears:before { content: "\f085"; } + .la.la-thumbs-o-up { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-thumbs-o-up:before { content: "\f164"; } + .la.la-thumbs-o-down { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-thumbs-o-down:before { content: "\f165"; } + .la.la-heart-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-heart-o:before { content: "\f004"; } + .la.la-sign-out:before { content: "\f2f5"; } + .la.la-linkedin-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-linkedin-square:before { content: "\f08c"; } + .la.la-thumb-tack:before { content: "\f08d"; } + .la.la-external-link:before { content: "\f35d"; } + .la.la-sign-in:before { content: "\f2f6"; } + .la.la-github-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-lemon-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-lemon-o:before { content: "\f094"; } + .la.la-square-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-square-o:before { content: "\f0c8"; } + .la.la-bookmark-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-bookmark-o:before { content: "\f02e"; } + .la.la-twitter { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-facebook { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-facebook:before { content: "\f39e"; } + .la.la-facebook-f { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-facebook-f:before { content: "\f39e"; } + .la.la-github { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-credit-card { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-feed:before { content: "\f09e"; } + .la.la-hdd-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hdd-o:before { content: "\f0a0"; } + .la.la-hand-o-right { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-o-right:before { content: "\f0a4"; } + .la.la-hand-o-left { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-o-left:before { content: "\f0a5"; } + .la.la-hand-o-up { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-o-up:before { content: "\f0a6"; } + .la.la-hand-o-down { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-o-down:before { content: "\f0a7"; } + .la.la-arrows-alt:before { content: "\f31e"; } + .la.la-group:before { content: "\f0c0"; } + .la.la-chain:before { content: "\f0c1"; } + .la.la-scissors:before { content: "\f0c4"; } + .la.la-files-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-files-o:before { content: "\f0c5"; } + .la.la-floppy-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-floppy-o:before { content: "\f0c7"; } + .la.la-navicon:before { content: "\f0c9"; } + .la.la-reorder:before { content: "\f0c9"; } + .la.la-pinterest { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-pinterest-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-google-plus-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-google-plus { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-google-plus:before { content: "\f0d5"; } + .la.la-money { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-money:before { content: "\f3d1"; } + .la.la-unsorted:before { content: "\f0dc"; } + .la.la-sort-desc:before { content: "\f0dd"; } + .la.la-sort-asc:before { content: "\f0de"; } + .la.la-linkedin { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-linkedin:before { content: "\f0e1"; } + .la.la-rotate-left:before { content: "\f0e2"; } + .la.la-legal:before { content: "\f0e3"; } + .la.la-tachometer:before { content: "\f3fd"; } + .la.la-dashboard:before { content: "\f3fd"; } + .la.la-comment-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-comment-o:before { content: "\f075"; } + .la.la-comments-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-comments-o:before { content: "\f086"; } + .la.la-flash:before { content: "\f0e7"; } + .la.la-clipboard { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-paste { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-paste:before { content: "\f328"; } + .la.la-lightbulb-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-lightbulb-o:before { content: "\f0eb"; } + .la.la-exchange:before { content: "\f362"; } + .la.la-cloud-download:before { content: "\f381"; } + .la.la-cloud-upload:before { content: "\f382"; } + .la.la-bell-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-bell-o:before { content: "\f0f3"; } + .la.la-cutlery:before { content: "\f2e7"; } + .la.la-file-text-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-text-o:before { content: "\f15c"; } + .la.la-building-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-building-o:before { content: "\f1ad"; } + .la.la-hospital-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hospital-o:before { content: "\f0f8"; } + .la.la-tablet:before { content: "\f3fa"; } + .la.la-mobile:before { content: "\f3cd"; } + .la.la-mobile-phone:before { content: "\f3cd"; } + .la.la-circle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-circle-o:before { content: "\f111"; } + .la.la-mail-reply:before { content: "\f3e5"; } + .la.la-github-alt { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-folder-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-folder-o:before { content: "\f07b"; } + .la.la-folder-open-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-folder-open-o:before { content: "\f07c"; } + .la.la-smile-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-smile-o:before { content: "\f118"; } + .la.la-frown-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-frown-o:before { content: "\f119"; } + .la.la-meh-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-meh-o:before { content: "\f11a"; } + .la.la-keyboard-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-keyboard-o:before { content: "\f11c"; } + .la.la-flag-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-flag-o:before { content: "\f024"; } + .la.la-mail-reply-all:before { content: "\f122"; } + .la.la-star-half-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-star-half-o:before { content: "\f089"; } + .la.la-star-half-empty { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-star-half-empty:before { content: "\f089"; } + .la.la-star-half-full { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-star-half-full:before { content: "\f089"; } + .la.la-code-fork:before { content: "\f126"; } + .la.la-chain-broken:before { content: "\f127"; } + .la.la-shield:before { content: "\f3ed"; } + .la.la-calendar-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-calendar-o:before { content: "\f133"; } + .la.la-maxcdn { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-html5 { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-css3 { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-ticket:before { content: "\f3ff"; } + .la.la-minus-square-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-minus-square-o:before { content: "\f146"; } + .la.la-level-up:before { content: "\f3bf"; } + .la.la-level-down:before { content: "\f3be"; } + .la.la-pencil-square:before { content: "\f14b"; } + .la.la-external-link-square:before { content: "\f360"; } + .la.la-compass { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-caret-square-o-down { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-caret-square-o-down:before { content: "\f150"; } + .la.la-toggle-down { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-toggle-down:before { content: "\f150"; } + .la.la-caret-square-o-up { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-caret-square-o-up:before { content: "\f151"; } + .la.la-toggle-up { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-toggle-up:before { content: "\f151"; } + .la.la-caret-square-o-right { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-caret-square-o-right:before { content: "\f152"; } + .la.la-toggle-right { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-toggle-right:before { content: "\f152"; } + .la.la-eur:before { content: "\f153"; } + .la.la-euro:before { content: "\f153"; } + .la.la-gbp:before { content: "\f154"; } + .la.la-usd:before { content: "\f155"; } + .la.la-dollar:before { content: "\f155"; } + .la.la-inr:before { content: "\f156"; } + .la.la-rupee:before { content: "\f156"; } + .la.la-jpy:before { content: "\f157"; } + .la.la-cny:before { content: "\f157"; } + .la.la-rmb:before { content: "\f157"; } + .la.la-yen:before { content: "\f157"; } + .la.la-rub:before { content: "\f158"; } + .la.la-ruble:before { content: "\f158"; } + .la.la-rouble:before { content: "\f158"; } + .la.la-krw:before { content: "\f159"; } + .la.la-won:before { content: "\f159"; } + .la.la-btc { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-bitcoin { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-bitcoin:before { content: "\f15a"; } + .la.la-file-text:before { content: "\f15c"; } + .la.la-sort-alpha-asc:before { content: "\f15d"; } + .la.la-sort-alpha-desc:before { content: "\f881"; } + .la.la-sort-amount-asc:before { content: "\f160"; } + .la.la-sort-amount-desc:before { content: "\f884"; } + .la.la-sort-numeric-asc:before { content: "\f162"; } + .la.la-sort-numeric-desc:before { content: "\f886"; } + .la.la-youtube-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-youtube { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-xing { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-xing-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-youtube-play { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-youtube-play:before { content: "\f167"; } + .la.la-dropbox { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-stack-overflow { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-instagram { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-flickr { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-adn { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-bitbucket { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-bitbucket-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-bitbucket-square:before { content: "\f171"; } + .la.la-tumblr { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-tumblr-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-long-arrow-down:before { content: "\f309"; } + .la.la-long-arrow-up:before { content: "\f30c"; } + .la.la-long-arrow-left:before { content: "\f30a"; } + .la.la-long-arrow-right:before { content: "\f30b"; } + .la.la-apple { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-windows { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-android { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-linux { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-dribbble { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-skype { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-foursquare { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-trello { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-gratipay { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-gittip { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-gittip:before { content: "\f184"; } + .la.la-sun-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-sun-o:before { content: "\f185"; } + .la.la-moon-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-moon-o:before { content: "\f186"; } + .la.la-vk { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-weibo { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-renren { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-pagelines { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-stack-exchange { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-arrow-circle-o-right { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-arrow-circle-o-right:before { content: "\f35a"; } + .la.la-arrow-circle-o-left { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-arrow-circle-o-left:before { content: "\f359"; } + .la.la-caret-square-o-left { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-caret-square-o-left:before { content: "\f191"; } + .la.la-toggle-left { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-toggle-left:before { content: "\f191"; } + .la.la-dot-circle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-dot-circle-o:before { content: "\f192"; } + .la.la-vimeo-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-try:before { content: "\f195"; } + .la.la-turkish-lira:before { content: "\f195"; } + .la.la-plus-square-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-plus-square-o:before { content: "\f0fe"; } + .la.la-slack { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-wordpress { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-openid { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-institution:before { content: "\f19c"; } + .la.la-bank:before { content: "\f19c"; } + .la.la-mortar-board:before { content: "\f19d"; } + .la.la-yahoo { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-google { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-reddit { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-reddit-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-stumbleupon-circle { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-stumbleupon { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-delicious { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-digg { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-pied-piper-pp { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-pied-piper-alt { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-drupal { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-joomla { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-spoon:before { content: "\f2e5"; } + .la.la-behance { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-behance-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-steam { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-steam-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-automobile:before { content: "\f1b9"; } + .la.la-cab:before { content: "\f1ba"; } + .la.la-envelope-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-envelope-o:before { content: "\f0e0"; } + .la.la-deviantart { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-soundcloud { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-file-pdf-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-pdf-o:before { content: "\f1c1"; } + .la.la-file-word-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-word-o:before { content: "\f1c2"; } + .la.la-file-excel-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-excel-o:before { content: "\f1c3"; } + .la.la-file-powerpoint-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-powerpoint-o:before { content: "\f1c4"; } + .la.la-file-image-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-image-o:before { content: "\f1c5"; } + .la.la-file-photo-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-photo-o:before { content: "\f1c5"; } + .la.la-file-picture-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-picture-o:before { content: "\f1c5"; } + .la.la-file-archive-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-archive-o:before { content: "\f1c6"; } + .la.la-file-zip-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-zip-o:before { content: "\f1c6"; } + .la.la-file-audio-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-audio-o:before { content: "\f1c7"; } + .la.la-file-sound-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-sound-o:before { content: "\f1c7"; } + .la.la-file-video-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-video-o:before { content: "\f1c8"; } + .la.la-file-movie-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-movie-o:before { content: "\f1c8"; } + .la.la-file-code-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-file-code-o:before { content: "\f1c9"; } + .la.la-vine { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-codepen { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-jsfiddle { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-life-ring { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-life-bouy { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-life-bouy:before { content: "\f1cd"; } + .la.la-life-buoy { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-life-buoy:before { content: "\f1cd"; } + .la.la-life-saver { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-life-saver:before { content: "\f1cd"; } + .la.la-support { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-support:before { content: "\f1cd"; } + .la.la-circle-o-notch:before { content: "\f1ce"; } + .la.la-rebel { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-ra { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-ra:before { content: "\f1d0"; } + .la.la-resistance { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-resistance:before { content: "\f1d0"; } + .la.la-empire { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-ge { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-ge:before { content: "\f1d1"; } + .la.la-git-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-git { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-hacker-news { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-y-combinator-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-y-combinator-square:before { content: "\f1d4"; } + .la.la-yc-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-yc-square:before { content: "\f1d4"; } + .la.la-tencent-weibo { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-qq { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-weixin { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-wechat { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-wechat:before { content: "\f1d7"; } + .la.la-send:before { content: "\f1d8"; } + .la.la-paper-plane-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-paper-plane-o:before { content: "\f1d8"; } + .la.la-send-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-send-o:before { content: "\f1d8"; } + .la.la-circle-thin { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-circle-thin:before { content: "\f111"; } + .la.la-header:before { content: "\f1dc"; } + .la.la-sliders:before { content: "\f1de"; } + .la.la-futbol-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-futbol-o:before { content: "\f1e3"; } + .la.la-soccer-ball-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-soccer-ball-o:before { content: "\f1e3"; } + .la.la-slideshare { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-twitch { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-yelp { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-newspaper-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-newspaper-o:before { content: "\f1ea"; } + .la.la-paypal { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-google-wallet { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-cc-visa { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-cc-mastercard { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-cc-discover { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-cc-amex { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-cc-paypal { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-cc-stripe { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-bell-slash-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-bell-slash-o:before { content: "\f1f6"; } + .la.la-trash:before { content: "\f2ed"; } + .la.la-copyright { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-eyedropper:before { content: "\f1fb"; } + .la.la-area-chart:before { content: "\f1fe"; } + .la.la-pie-chart:before { content: "\f200"; } + .la.la-line-chart:before { content: "\f201"; } + .la.la-lastfm { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-lastfm-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-ioxhost { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-angellist { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-cc { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-cc:before { content: "\f20a"; } + .la.la-ils:before { content: "\f20b"; } + .la.la-shekel:before { content: "\f20b"; } + .la.la-sheqel:before { content: "\f20b"; } + .la.la-meanpath { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-meanpath:before { content: "\f2b4"; } + .la.la-buysellads { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-connectdevelop { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-dashcube { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-forumbee { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-leanpub { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-sellsy { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-shirtsinbulk { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-simplybuilt { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-skyatlas { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-diamond { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-diamond:before { content: "\f3a5"; } + .la.la-intersex:before { content: "\f224"; } + .la.la-facebook-official { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-facebook-official:before { content: "\f09a"; } + .la.la-pinterest-p { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-whatsapp { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-hotel:before { content: "\f236"; } + .la.la-viacoin { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-medium { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-y-combinator { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-yc { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-yc:before { content: "\f23b"; } + .la.la-optin-monster { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-opencart { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-expeditedssl { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-battery-4:before { content: "\f240"; } + .la.la-battery:before { content: "\f240"; } + .la.la-battery-3:before { content: "\f241"; } + .la.la-battery-2:before { content: "\f242"; } + .la.la-battery-1:before { content: "\f243"; } + .la.la-battery-0:before { content: "\f244"; } + .la.la-object-group { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-object-ungroup { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-sticky-note-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-sticky-note-o:before { content: "\f249"; } + .la.la-cc-jcb { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-cc-diners-club { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-clone { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hourglass-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hourglass-o:before { content: "\f254"; } + .la.la-hourglass-1:before { content: "\f251"; } + .la.la-hourglass-2:before { content: "\f252"; } + .la.la-hourglass-3:before { content: "\f253"; } + .la.la-hand-rock-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-rock-o:before { content: "\f255"; } + .la.la-hand-grab-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-grab-o:before { content: "\f255"; } + .la.la-hand-paper-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-paper-o:before { content: "\f256"; } + .la.la-hand-stop-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-stop-o:before { content: "\f256"; } + .la.la-hand-scissors-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-scissors-o:before { content: "\f257"; } + .la.la-hand-lizard-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-lizard-o:before { content: "\f258"; } + .la.la-hand-spock-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-spock-o:before { content: "\f259"; } + .la.la-hand-pointer-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-pointer-o:before { content: "\f25a"; } + .la.la-hand-peace-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-hand-peace-o:before { content: "\f25b"; } + .la.la-registered { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-creative-commons { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-gg { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-gg-circle { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-tripadvisor { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-odnoklassniki { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-odnoklassniki-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-get-pocket { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-wikipedia-w { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-safari { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-chrome { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-firefox { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-opera { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-internet-explorer { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-television:before { content: "\f26c"; } + .la.la-contao { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-500px { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-amazon { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-calendar-plus-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-calendar-plus-o:before { content: "\f271"; } + .la.la-calendar-minus-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-calendar-minus-o:before { content: "\f272"; } + .la.la-calendar-times-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-calendar-times-o:before { content: "\f273"; } + .la.la-calendar-check-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-calendar-check-o:before { content: "\f274"; } + .la.la-map-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-map-o:before { content: "\f279"; } + .la.la-commenting:before { content: "\f4ad"; } + .la.la-commenting-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-commenting-o:before { content: "\f4ad"; } + .la.la-houzz { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-vimeo { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-vimeo:before { content: "\f27d"; } + .la.la-black-tie { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-fonticons { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-reddit-alien { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-edge { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-credit-card-alt:before { content: "\f09d"; } + .la.la-codiepie { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-modx { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-fort-awesome { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-usb { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-product-hunt { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-mixcloud { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-scribd { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-pause-circle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-pause-circle-o:before { content: "\f28b"; } + .la.la-stop-circle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-stop-circle-o:before { content: "\f28d"; } + .la.la-bluetooth { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-bluetooth-b { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-gitlab { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-wpbeginner { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-wpforms { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-envira { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-wheelchair-alt { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-wheelchair-alt:before { content: "\f368"; } + .la.la-question-circle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-question-circle-o:before { content: "\f059"; } + .la.la-volume-control-phone:before { content: "\f2a0"; } + .la.la-asl-interpreting:before { content: "\f2a3"; } + .la.la-deafness:before { content: "\f2a4"; } + .la.la-hard-of-hearing:before { content: "\f2a4"; } + .la.la-glide { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-glide-g { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-signing:before { content: "\f2a7"; } + .la.la-viadeo { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-viadeo-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-snapchat { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-snapchat-ghost { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-snapchat-square { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-pied-piper { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-first-order { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-yoast { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-themeisle { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-google-plus-official { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-google-plus-official:before { content: "\f2b3"; } + .la.la-google-plus-circle { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-google-plus-circle:before { content: "\f2b3"; } + .la.la-font-awesome { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-fa { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-fa:before { content: "\f2b4"; } + .la.la-handshake-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-handshake-o:before { content: "\f2b5"; } + .la.la-envelope-open-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-envelope-open-o:before { content: "\f2b6"; } + .la.la-linode { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-address-book-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-address-book-o:before { content: "\f2b9"; } + .la.la-vcard:before { content: "\f2bb"; } + .la.la-address-card-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-address-card-o:before { content: "\f2bb"; } + .la.la-vcard-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-vcard-o:before { content: "\f2bb"; } + .la.la-user-circle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-user-circle-o:before { content: "\f2bd"; } + .la.la-user-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-user-o:before { content: "\f007"; } + .la.la-id-badge { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-drivers-license:before { content: "\f2c2"; } + .la.la-id-card-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-id-card-o:before { content: "\f2c2"; } + .la.la-drivers-license-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-drivers-license-o:before { content: "\f2c2"; } + .la.la-quora { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-free-code-camp { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-telegram { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-thermometer-4:before { content: "\f2c7"; } + .la.la-thermometer:before { content: "\f2c7"; } + .la.la-thermometer-3:before { content: "\f2c8"; } + .la.la-thermometer-2:before { content: "\f2c9"; } + .la.la-thermometer-1:before { content: "\f2ca"; } + .la.la-thermometer-0:before { content: "\f2cb"; } + .la.la-bathtub:before { content: "\f2cd"; } + .la.la-s15:before { content: "\f2cd"; } + .la.la-window-maximize { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-window-restore { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-times-rectangle:before { content: "\f410"; } + .la.la-window-close-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-window-close-o:before { content: "\f410"; } + .la.la-times-rectangle-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-times-rectangle-o:before { content: "\f410"; } + .la.la-bandcamp { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-grav { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-etsy { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-imdb { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-ravelry { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-eercast { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-eercast:before { content: "\f2da"; } + .la.la-snowflake-o { font-family: "Line Awesome Free"; font-weight: 400; } + .la.la-snowflake-o:before { content: "\f2dc"; } + .la.la-superpowers { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-wpexplorer { font-family: "Line Awesome Brands"; font-weight: 400; } + .la.la-spotify { font-family: "Line Awesome Brands"; font-weight: 400; } + @font-face { font-family: "boxicons"; font-weight: normal; @@ -39888,6 +51796,7 @@ html.dark, src: url("../icon-fonts/boxicons/fonts/boxicons.eot"); src: url("../icon-fonts/boxicons/fonts/boxicons.eot") format("embedded-opentype"), url("../icon-fonts/boxicons/fonts/boxicons.woff2") format("woff2"), url("../icon-fonts/boxicons/fonts/boxicons.woff") format("woff"), url("../icon-fonts/boxicons/fonts/boxicons.ttf") format("truetype"), url("../icon-fonts/boxicons/fonts/boxicons.svg?#boxicons") format("svg"); } + .bx { font-family: "boxicons" !important; font-weight: normal; @@ -39901,14 +51810,17 @@ html.dark, -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + .bx-ul { margin-left: 2em; padding-left: 0; list-style: none; } -.bx-ul > li { + +.bx-ul>li { position: relative; } + .bx-ul .bx { font-size: inherit; line-height: inherit; @@ -39917,152 +51829,199 @@ html.dark, width: 2em; text-align: center; } + @keyframes spin { 0% { transform: rotate(0); } + 100% { transform: rotate(359deg); } } + @keyframes burst { 0% { transform: scale(1); opacity: 1; } + 90% { transform: scale(1.5); opacity: 0; } } + @keyframes flashing { 0% { opacity: 1; } + 45% { opacity: 0; } + 90% { opacity: 1; } } + @keyframes fade-left { 0% { transform: translateX(0); opacity: 1; } + 75% { transform: translateX(-20px); opacity: 0; } } + @keyframes fade-right { 0% { transform: translateX(0); opacity: 1; } + 75% { transform: translateX(20px); opacity: 0; } } + @keyframes fade-up { 0% { transform: translateY(0); opacity: 1; } + 75% { transform: translateY(-20px); opacity: 0; } } + @keyframes fade-down { 0% { transform: translateY(0); opacity: 1; } + 75% { transform: translateY(20px); opacity: 0; } } + @keyframes tada { from { transform: scale3d(1, 1, 1); } - 10%, 20% { + + 10%, + 20% { transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg); } - 30%, 50%, 70%, 90% { + + 30%, + 50%, + 70%, + 90% { transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); } - 40%, 60%, 80% { + + 40%, + 60%, + 80% { transform: rotate3d(0, 0, 1, -10deg); } + to { transform: scale3d(1, 1, 1); } } + .bx-spin { animation: spin 2s linear infinite; } + .bx-spin-hover:hover { animation: spin 2s linear infinite; } + .bx-tada { animation: tada 1.5s ease infinite; } + .bx-tada-hover:hover { animation: tada 1.5s ease infinite; } + .bx-flashing { animation: flashing 1.5s infinite linear; } + .bx-flashing-hover:hover { animation: flashing 1.5s infinite linear; } + .bx-burst { animation: burst 1.5s infinite linear; } + .bx-burst-hover:hover { animation: burst 1.5s infinite linear; } + .bx-fade-up { animation: fade-up 1.5s infinite linear; } + .bx-fade-up-hover:hover { animation: fade-up 1.5s infinite linear; } + .bx-fade-down { animation: fade-down 1.5s infinite linear; } + .bx-fade-down-hover:hover { animation: fade-down 1.5s infinite linear; } + .bx-fade-left { animation: fade-left 1.5s infinite linear; } + .bx-fade-left-hover:hover { animation: fade-left 1.5s infinite linear; } + .bx-fade-right { animation: fade-right 1.5s infinite linear; } + .bx-fade-right-hover:hover { animation: fade-right 1.5s infinite linear; } + .bx-xs { font-size: 1rem !important; } + .bx-sm { font-size: 1.55rem !important; } + .bx-md { font-size: 2.25rem !important; } + .bx-lg { font-size: 3rem !important; } + .bx-fw { font-size: 1.2857142857em; line-height: 0.8em; @@ -40071,4946 +52030,6590 @@ html.dark, margin-top: -0.2em !important; vertical-align: middle; } + .bx-pull-left { float: left; margin-right: 0.3em !important; } + .bx-pull-right { float: right; margin-left: 0.3em !important; } + .bx-rotate-90 { transform: rotate(90deg); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; } + .bx-rotate-180 { transform: rotate(180deg); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; } + .bx-rotate-270 { transform: rotate(270deg); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; } + .bx-flip-horizontal { transform: scaleX(-1); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; } + .bx-flip-vertical { transform: scaleY(-1); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; } + .bx-border { padding: 0.25em; border: 0.07em solid rgba(0, 0, 0, 0.1); border-radius: 0.25em; } + .bx-border-circle { padding: 0.25em; border: 0.07em solid rgba(0, 0, 0, 0.1); border-radius: 50%; } + .bxs-balloon:before { content: "\eb60"; } + .bxs-castle:before { content: "\eb79"; } + .bxs-coffee-bean:before { content: "\eb92"; } + .bxs-objects-horizontal-center:before { content: "\ebab"; } + .bxs-objects-horizontal-left:before { content: "\ebc4"; } + .bxs-objects-horizontal-right:before { content: "\ebdd"; } + .bxs-objects-vertical-bottom:before { content: "\ebf6"; } + .bxs-objects-vertical-center:before { content: "\ef40"; } + .bxs-objects-vertical-top:before { content: "\ef41"; } + .bxs-pear:before { content: "\ef42"; } + .bxs-shield-minus:before { content: "\ef43"; } + .bxs-shield-plus:before { content: "\ef44"; } + .bxs-shower:before { content: "\ef45"; } + .bxs-sushi:before { content: "\ef46"; } + .bxs-universal-access:before { content: "\ef47"; } + .bx-child:before { content: "\ef48"; } + .bx-horizontal-left:before { content: "\ef49"; } + .bx-horizontal-right:before { content: "\ef4a"; } + .bx-objects-horizontal-center:before { content: "\ef4b"; } + .bx-objects-horizontal-left:before { content: "\ef4c"; } + .bx-objects-horizontal-right:before { content: "\ef4d"; } + .bx-objects-vertical-bottom:before { content: "\ef4e"; } + .bx-objects-vertical-center:before { content: "\ef4f"; } + .bx-objects-vertical-top:before { content: "\ef50"; } + .bx-rfid:before { content: "\ef51"; } + .bx-shield-minus:before { content: "\ef52"; } + .bx-shield-plus:before { content: "\ef53"; } + .bx-shower:before { content: "\ef54"; } + .bx-sushi:before { content: "\ef55"; } + .bx-universal-access:before { content: "\ef56"; } + .bx-vertical-bottom:before { content: "\ef57"; } + .bx-vertical-top:before { content: "\ef58"; } + .bxl-graphql:before { content: "\ef59"; } + .bxl-typescript:before { content: "\ef5a"; } + .bxs-color:before { content: "\ef39"; } + .bx-reflect-horizontal:before { content: "\ef3a"; } + .bx-reflect-vertical:before { content: "\ef3b"; } + .bx-color:before { content: "\ef3c"; } + .bxl-mongodb:before { content: "\ef3d"; } + .bxl-postgresql:before { content: "\ef3e"; } + .bxl-deezer:before { content: "\ef3f"; } + .bxs-hard-hat:before { content: "\ef2a"; } + .bxs-home-alt-2:before { content: "\ef2b"; } + .bxs-cheese:before { content: "\ef2c"; } + .bx-home-alt-2:before { content: "\ef2d"; } + .bx-hard-hat:before { content: "\ef2e"; } + .bx-cheese:before { content: "\ef2f"; } + .bx-cart-add:before { content: "\ef30"; } + .bx-cart-download:before { content: "\ef31"; } + .bx-no-signal:before { content: "\ef32"; } + .bx-signal-1:before { content: "\ef33"; } + .bx-signal-2:before { content: "\ef34"; } + .bx-signal-3:before { content: "\ef35"; } + .bx-signal-4:before { content: "\ef36"; } + .bx-signal-5:before { content: "\ef37"; } + .bxl-xing:before { content: "\ef38"; } + .bxl-meta:before { content: "\ef27"; } + .bx-lemon:before { content: "\ef28"; } + .bxs-lemon:before { content: "\ef29"; } + .bx-cricket-ball:before { content: "\ef0c"; } + .bx-baguette:before { content: "\ef0d"; } + .bx-bowl-hot:before { content: "\ef0e"; } + .bx-bowl-rice:before { content: "\ef0f"; } + .bx-cable-car:before { content: "\ef10"; } + .bx-candles:before { content: "\ef11"; } + .bx-circle-half:before { content: "\ef12"; } + .bx-circle-quarter:before { content: "\ef13"; } + .bx-circle-three-quarter:before { content: "\ef14"; } + .bx-cross:before { content: "\ef15"; } + .bx-fork:before { content: "\ef16"; } + .bx-knife:before { content: "\ef17"; } + .bx-money-withdraw:before { content: "\ef18"; } + .bx-popsicle:before { content: "\ef19"; } + .bx-scatter-chart:before { content: "\ef1a"; } + .bxs-baguette:before { content: "\ef1b"; } + .bxs-bowl-hot:before { content: "\ef1c"; } + .bxs-bowl-rice:before { content: "\ef1d"; } + .bxs-cable-car:before { content: "\ef1e"; } + .bxs-circle-half:before { content: "\ef1f"; } + .bxs-circle-quarter:before { content: "\ef20"; } + .bxs-circle-three-quarter:before { content: "\ef21"; } + .bxs-cricket-ball:before { content: "\ef22"; } + .bxs-invader:before { content: "\ef23"; } + .bx-male-female:before { content: "\ef24"; } + .bxs-popsicle:before { content: "\ef25"; } + .bxs-tree-alt:before { content: "\ef26"; } + .bxl-venmo:before { content: "\e900"; } + .bxl-upwork:before { content: "\e901"; } + .bxl-netlify:before { content: "\e902"; } + .bxl-java:before { content: "\e903"; } + .bxl-heroku:before { content: "\e904"; } + .bxl-go-lang:before { content: "\e905"; } + .bxl-gmail:before { content: "\e906"; } + .bxl-flask:before { content: "\e907"; } + .bxl-99designs:before { content: "\e908"; } + .bxl-500px:before { content: "\e909"; } + .bxl-adobe:before { content: "\e90a"; } + .bxl-airbnb:before { content: "\e90b"; } + .bxl-algolia:before { content: "\e90c"; } + .bxl-amazon:before { content: "\e90d"; } + .bxl-android:before { content: "\e90e"; } + .bxl-angular:before { content: "\e90f"; } + .bxl-apple:before { content: "\e910"; } + .bxl-audible:before { content: "\e911"; } + .bxl-aws:before { content: "\e912"; } + .bxl-baidu:before { content: "\e913"; } + .bxl-behance:before { content: "\e914"; } + .bxl-bing:before { content: "\e915"; } + .bxl-bitcoin:before { content: "\e916"; } + .bxl-blender:before { content: "\e917"; } + .bxl-blogger:before { content: "\e918"; } + .bxl-bootstrap:before { content: "\e919"; } + .bxl-chrome:before { content: "\e91a"; } + .bxl-codepen:before { content: "\e91b"; } + .bxl-c-plus-plus:before { content: "\e91c"; } + .bxl-creative-commons:before { content: "\e91d"; } + .bxl-css3:before { content: "\e91e"; } + .bxl-dailymotion:before { content: "\e91f"; } + .bxl-deviantart:before { content: "\e920"; } + .bxl-dev-to:before { content: "\e921"; } + .bxl-digg:before { content: "\e922"; } + .bxl-digitalocean:before { content: "\e923"; } + .bxl-discord:before { content: "\e924"; } + .bxl-discord-alt:before { content: "\e925"; } + .bxl-discourse:before { content: "\e926"; } + .bxl-django:before { content: "\e927"; } + .bxl-docker:before { content: "\e928"; } + .bxl-dribbble:before { content: "\e929"; } + .bxl-dropbox:before { content: "\e92a"; } + .bxl-drupal:before { content: "\e92b"; } + .bxl-ebay:before { content: "\e92c"; } + .bxl-edge:before { content: "\e92d"; } + .bxl-etsy:before { content: "\e92e"; } + .bxl-facebook:before { content: "\e92f"; } + .bxl-facebook-circle:before { content: "\e930"; } + .bxl-facebook-square:before { content: "\e931"; } + .bxl-figma:before { content: "\e932"; } + .bxl-firebase:before { content: "\e933"; } + .bxl-firefox:before { content: "\e934"; } + .bxl-flickr:before { content: "\e935"; } + .bxl-flickr-square:before { content: "\e936"; } + .bxl-flutter:before { content: "\e937"; } + .bxl-foursquare:before { content: "\e938"; } + .bxl-git:before { content: "\e939"; } + .bxl-github:before { content: "\e93a"; } + .bxl-gitlab:before { content: "\e93b"; } + .bxl-google:before { content: "\e93c"; } + .bxl-google-cloud:before { content: "\e93d"; } + .bxl-google-plus:before { content: "\e93e"; } + .bxl-google-plus-circle:before { content: "\e93f"; } + .bxl-html5:before { content: "\e940"; } + .bxl-imdb:before { content: "\e941"; } + .bxl-instagram:before { content: "\e942"; } + .bxl-instagram-alt:before { content: "\e943"; } + .bxl-internet-explorer:before { content: "\e944"; } + .bxl-invision:before { content: "\e945"; } + .bxl-javascript:before { content: "\e946"; } + .bxl-joomla:before { content: "\e947"; } + .bxl-jquery:before { content: "\e948"; } + .bxl-jsfiddle:before { content: "\e949"; } + .bxl-kickstarter:before { content: "\e94a"; } + .bxl-kubernetes:before { content: "\e94b"; } + .bxl-less:before { content: "\e94c"; } + .bxl-linkedin:before { content: "\e94d"; } + .bxl-linkedin-square:before { content: "\e94e"; } + .bxl-magento:before { content: "\e94f"; } + .bxl-mailchimp:before { content: "\e950"; } + .bxl-markdown:before { content: "\e951"; } + .bxl-mastercard:before { content: "\e952"; } + .bxl-mastodon:before { content: "\e953"; } + .bxl-medium:before { content: "\e954"; } + .bxl-medium-old:before { content: "\e955"; } + .bxl-medium-square:before { content: "\e956"; } + .bxl-messenger:before { content: "\e957"; } + .bxl-microsoft:before { content: "\e958"; } + .bxl-microsoft-teams:before { content: "\e959"; } + .bxl-nodejs:before { content: "\e95a"; } + .bxl-ok-ru:before { content: "\e95b"; } + .bxl-opera:before { content: "\e95c"; } + .bxl-patreon:before { content: "\e95d"; } + .bxl-paypal:before { content: "\e95e"; } + .bxl-periscope:before { content: "\e95f"; } + .bxl-php:before { content: "\e960"; } + .bxl-pinterest:before { content: "\e961"; } + .bxl-pinterest-alt:before { content: "\e962"; } + .bxl-play-store:before { content: "\e963"; } + .bxl-pocket:before { content: "\e964"; } + .bxl-product-hunt:before { content: "\e965"; } + .bxl-python:before { content: "\e966"; } + .bxl-quora:before { content: "\e967"; } + .bxl-react:before { content: "\e968"; } + .bxl-redbubble:before { content: "\e969"; } + .bxl-reddit:before { content: "\e96a"; } + .bxl-redux:before { content: "\e96b"; } + .bxl-sass:before { content: "\e96c"; } + .bxl-shopify:before { content: "\e96d"; } + .bxl-sketch:before { content: "\e96e"; } + .bxl-skype:before { content: "\e96f"; } + .bxl-slack:before { content: "\e970"; } + .bxl-slack-old:before { content: "\e971"; } + .bxl-snapchat:before { content: "\e972"; } + .bxl-soundcloud:before { content: "\e973"; } + .bxl-spotify:before { content: "\e974"; } + .bxl-spring-boot:before { content: "\e975"; } + .bxl-squarespace:before { content: "\e976"; } + .bxl-stack-overflow:before { content: "\e977"; } + .bxl-steam:before { content: "\e978"; } + .bxl-stripe:before { content: "\e979"; } + .bxl-tailwind-css:before { content: "\e97a"; } + .bxl-telegram:before { content: "\e97b"; } + .bxl-tiktok:before { content: "\e97c"; } + .bxl-trello:before { content: "\e97d"; } + .bxl-trip-advisor:before { content: "\e97e"; } + .bxl-tumblr:before { content: "\e97f"; } + .bxl-tux:before { content: "\e980"; } + .bxl-twitch:before { content: "\e981"; } + .bxl-twitter:before { content: "\e982"; } + .bxl-unity:before { content: "\e983"; } + .bxl-unsplash:before { content: "\e984"; } + .bxl-vimeo:before { content: "\e985"; } + .bxl-visa:before { content: "\e986"; } + .bxl-visual-studio:before { content: "\e987"; } + .bxl-vk:before { content: "\e988"; } + .bxl-vuejs:before { content: "\e989"; } + .bxl-whatsapp:before { content: "\e98a"; } + .bxl-whatsapp-square:before { content: "\e98b"; } + .bxl-wikipedia:before { content: "\e98c"; } + .bxl-windows:before { content: "\e98d"; } + .bxl-wix:before { content: "\e98e"; } + .bxl-wordpress:before { content: "\e98f"; } + .bxl-yahoo:before { content: "\e990"; } + .bxl-yelp:before { content: "\e991"; } + .bxl-youtube:before { content: "\e992"; } + .bxl-zoom:before { content: "\e993"; } + .bx-collapse-alt:before { content: "\e994"; } + .bx-collapse-horizontal:before { content: "\e995"; } + .bx-collapse-vertical:before { content: "\e996"; } + .bx-expand-horizontal:before { content: "\e997"; } + .bx-expand-vertical:before { content: "\e998"; } + .bx-injection:before { content: "\e999"; } + .bx-leaf:before { content: "\e99a"; } + .bx-math:before { content: "\e99b"; } + .bx-party:before { content: "\e99c"; } + .bx-abacus:before { content: "\e99d"; } + .bx-accessibility:before { content: "\e99e"; } + .bx-add-to-queue:before { content: "\e99f"; } + .bx-adjust:before { content: "\e9a0"; } + .bx-alarm:before { content: "\e9a1"; } + .bx-alarm-add:before { content: "\e9a2"; } + .bx-alarm-exclamation:before { content: "\e9a3"; } + .bx-alarm-off:before { content: "\e9a4"; } + .bx-alarm-snooze:before { content: "\e9a5"; } + .bx-album:before { content: "\e9a6"; } + .bx-align-justify:before { content: "\e9a7"; } + .bx-align-left:before { content: "\e9a8"; } + .bx-align-middle:before { content: "\e9a9"; } + .bx-align-right:before { content: "\e9aa"; } + .bx-analyse:before { content: "\e9ab"; } + .bx-anchor:before { content: "\e9ac"; } + .bx-angry:before { content: "\e9ad"; } + .bx-aperture:before { content: "\e9ae"; } + .bx-arch:before { content: "\e9af"; } + .bx-archive:before { content: "\e9b0"; } + .bx-archive-in:before { content: "\e9b1"; } + .bx-archive-out:before { content: "\e9b2"; } + .bx-area:before { content: "\e9b3"; } + .bx-arrow-back:before { content: "\e9b4"; } + .bx-arrow-from-bottom:before { content: "\e9b5"; } + .bx-arrow-from-left:before { content: "\e9b6"; } + .bx-arrow-from-right:before { content: "\e9b7"; } + .bx-arrow-from-top:before { content: "\e9b8"; } + .bx-arrow-to-bottom:before { content: "\e9b9"; } + .bx-arrow-to-left:before { content: "\e9ba"; } + .bx-arrow-to-right:before { content: "\e9bb"; } + .bx-arrow-to-top:before { content: "\e9bc"; } + .bx-at:before { content: "\e9bd"; } + .bx-atom:before { content: "\e9be"; } + .bx-award:before { content: "\e9bf"; } + .bx-badge:before { content: "\e9c0"; } + .bx-badge-check:before { content: "\e9c1"; } + .bx-ball:before { content: "\e9c2"; } + .bx-band-aid:before { content: "\e9c3"; } + .bx-bar-chart:before { content: "\e9c4"; } + .bx-bar-chart-alt:before { content: "\e9c5"; } + .bx-bar-chart-alt-2:before { content: "\e9c6"; } + .bx-bar-chart-square:before { content: "\e9c7"; } + .bx-barcode:before { content: "\e9c8"; } + .bx-barcode-reader:before { content: "\e9c9"; } + .bx-baseball:before { content: "\e9ca"; } + .bx-basket:before { content: "\e9cb"; } + .bx-basketball:before { content: "\e9cc"; } + .bx-bath:before { content: "\e9cd"; } + .bx-battery:before { content: "\e9ce"; } + .bx-bed:before { content: "\e9cf"; } + .bx-been-here:before { content: "\e9d0"; } + .bx-beer:before { content: "\e9d1"; } + .bx-bell:before { content: "\e9d2"; } + .bx-bell-minus:before { content: "\e9d3"; } + .bx-bell-off:before { content: "\e9d4"; } + .bx-bell-plus:before { content: "\e9d5"; } + .bx-bible:before { content: "\e9d6"; } + .bx-bitcoin:before { content: "\e9d7"; } + .bx-blanket:before { content: "\e9d8"; } + .bx-block:before { content: "\e9d9"; } + .bx-bluetooth:before { content: "\e9da"; } + .bx-body:before { content: "\e9db"; } + .bx-bold:before { content: "\e9dc"; } + .bx-bolt-circle:before { content: "\e9dd"; } + .bx-bomb:before { content: "\e9de"; } + .bx-bone:before { content: "\e9df"; } + .bx-bong:before { content: "\e9e0"; } + .bx-book:before { content: "\e9e1"; } + .bx-book-add:before { content: "\e9e2"; } + .bx-book-alt:before { content: "\e9e3"; } + .bx-book-bookmark:before { content: "\e9e4"; } + .bx-book-content:before { content: "\e9e5"; } + .bx-book-heart:before { content: "\e9e6"; } + .bx-bookmark:before { content: "\e9e7"; } + .bx-bookmark-alt:before { content: "\e9e8"; } + .bx-bookmark-alt-minus:before { content: "\e9e9"; } + .bx-bookmark-alt-plus:before { content: "\e9ea"; } + .bx-bookmark-heart:before { content: "\e9eb"; } + .bx-bookmark-minus:before { content: "\e9ec"; } + .bx-bookmark-plus:before { content: "\e9ed"; } + .bx-bookmarks:before { content: "\e9ee"; } + .bx-book-open:before { content: "\e9ef"; } + .bx-book-reader:before { content: "\e9f0"; } + .bx-border-all:before { content: "\e9f1"; } + .bx-border-bottom:before { content: "\e9f2"; } + .bx-border-inner:before { content: "\e9f3"; } + .bx-border-left:before { content: "\e9f4"; } + .bx-border-none:before { content: "\e9f5"; } + .bx-border-outer:before { content: "\e9f6"; } + .bx-border-radius:before { content: "\e9f7"; } + .bx-border-right:before { content: "\e9f8"; } + .bx-border-top:before { content: "\e9f9"; } + .bx-bot:before { content: "\e9fa"; } + .bx-bowling-ball:before { content: "\e9fb"; } + .bx-box:before { content: "\e9fc"; } + .bx-bracket:before { content: "\e9fd"; } + .bx-braille:before { content: "\e9fe"; } + .bx-brain:before { content: "\e9ff"; } + .bx-briefcase:before { content: "\ea00"; } + .bx-briefcase-alt:before { content: "\ea01"; } + .bx-briefcase-alt-2:before { content: "\ea02"; } + .bx-brightness:before { content: "\ea03"; } + .bx-brightness-half:before { content: "\ea04"; } + .bx-broadcast:before { content: "\ea05"; } + .bx-brush:before { content: "\ea06"; } + .bx-brush-alt:before { content: "\ea07"; } + .bx-bug:before { content: "\ea08"; } + .bx-bug-alt:before { content: "\ea09"; } + .bx-building:before { content: "\ea0a"; } + .bx-building-house:before { content: "\ea0b"; } + .bx-buildings:before { content: "\ea0c"; } + .bx-bulb:before { content: "\ea0d"; } + .bx-bullseye:before { content: "\ea0e"; } + .bx-buoy:before { content: "\ea0f"; } + .bx-bus:before { content: "\ea10"; } + .bx-bus-school:before { content: "\ea11"; } + .bx-cabinet:before { content: "\ea12"; } + .bx-cake:before { content: "\ea13"; } + .bx-calculator:before { content: "\ea14"; } + .bx-calendar:before { content: "\ea15"; } + .bx-calendar-alt:before { content: "\ea16"; } + .bx-calendar-check:before { content: "\ea17"; } + .bx-calendar-edit:before { content: "\ea18"; } + .bx-calendar-event:before { content: "\ea19"; } + .bx-calendar-exclamation:before { content: "\ea1a"; } + .bx-calendar-heart:before { content: "\ea1b"; } + .bx-calendar-minus:before { content: "\ea1c"; } + .bx-calendar-plus:before { content: "\ea1d"; } + .bx-calendar-star:before { content: "\ea1e"; } + .bx-calendar-week:before { content: "\ea1f"; } + .bx-calendar-x:before { content: "\ea20"; } + .bx-camera:before { content: "\ea21"; } + .bx-camera-home:before { content: "\ea22"; } + .bx-camera-movie:before { content: "\ea23"; } + .bx-camera-off:before { content: "\ea24"; } + .bx-capsule:before { content: "\ea25"; } + .bx-captions:before { content: "\ea26"; } + .bx-car:before { content: "\ea27"; } + .bx-card:before { content: "\ea28"; } + .bx-caret-down:before { content: "\ea29"; } + .bx-caret-down-circle:before { content: "\ea2a"; } + .bx-caret-down-square:before { content: "\ea2b"; } + .bx-caret-left:before { content: "\ea2c"; } + .bx-caret-left-circle:before { content: "\ea2d"; } + .bx-caret-left-square:before { content: "\ea2e"; } + .bx-caret-right:before { content: "\ea2f"; } + .bx-caret-right-circle:before { content: "\ea30"; } + .bx-caret-right-square:before { content: "\ea31"; } + .bx-caret-up:before { content: "\ea32"; } + .bx-caret-up-circle:before { content: "\ea33"; } + .bx-caret-up-square:before { content: "\ea34"; } + .bx-carousel:before { content: "\ea35"; } + .bx-cart:before { content: "\ea36"; } + .bx-cart-alt:before { content: "\ea37"; } + .bx-cast:before { content: "\ea38"; } + .bx-category:before { content: "\ea39"; } + .bx-category-alt:before { content: "\ea3a"; } + .bx-cctv:before { content: "\ea3b"; } + .bx-certification:before { content: "\ea3c"; } + .bx-chair:before { content: "\ea3d"; } + .bx-chalkboard:before { content: "\ea3e"; } + .bx-chart:before { content: "\ea3f"; } + .bx-chat:before { content: "\ea40"; } + .bx-check:before { content: "\ea41"; } + .bx-checkbox:before { content: "\ea42"; } + .bx-checkbox-checked:before { content: "\ea43"; } + .bx-checkbox-minus:before { content: "\ea44"; } + .bx-checkbox-square:before { content: "\ea45"; } + .bx-check-circle:before { content: "\ea46"; } + .bx-check-double:before { content: "\ea47"; } + .bx-check-shield:before { content: "\ea48"; } + .bx-check-square:before { content: "\ea49"; } + .bx-chevron-down:before { content: "\ea4a"; } + .bx-chevron-down-circle:before { content: "\ea4b"; } + .bx-chevron-down-square:before { content: "\ea4c"; } + .bx-chevron-left:before { content: "\ea4d"; } + .bx-chevron-left-circle:before { content: "\ea4e"; } + .bx-chevron-left-square:before { content: "\ea4f"; } + .bx-chevron-right:before { content: "\ea50"; } + .bx-chevron-right-circle:before { content: "\ea51"; } + .bx-chevron-right-square:before { content: "\ea52"; } + .bx-chevrons-down:before { content: "\ea53"; } + .bx-chevrons-left:before { content: "\ea54"; } + .bx-chevrons-right:before { content: "\ea55"; } + .bx-chevrons-up:before { content: "\ea56"; } + .bx-chevron-up:before { content: "\ea57"; } + .bx-chevron-up-circle:before { content: "\ea58"; } + .bx-chevron-up-square:before { content: "\ea59"; } + .bx-chip:before { content: "\ea5a"; } + .bx-church:before { content: "\ea5b"; } + .bx-circle:before { content: "\ea5c"; } + .bx-clinic:before { content: "\ea5d"; } + .bx-clipboard:before { content: "\ea5e"; } + .bx-closet:before { content: "\ea5f"; } + .bx-cloud:before { content: "\ea60"; } + .bx-cloud-download:before { content: "\ea61"; } + .bx-cloud-drizzle:before { content: "\ea62"; } + .bx-cloud-lightning:before { content: "\ea63"; } + .bx-cloud-light-rain:before { content: "\ea64"; } + .bx-cloud-rain:before { content: "\ea65"; } + .bx-cloud-snow:before { content: "\ea66"; } + .bx-cloud-upload:before { content: "\ea67"; } + .bx-code:before { content: "\ea68"; } + .bx-code-alt:before { content: "\ea69"; } + .bx-code-block:before { content: "\ea6a"; } + .bx-code-curly:before { content: "\ea6b"; } + .bx-coffee:before { content: "\ea6c"; } + .bx-coffee-togo:before { content: "\ea6d"; } + .bx-cog:before { content: "\ea6e"; } + .bx-coin:before { content: "\ea6f"; } + .bx-coin-stack:before { content: "\ea70"; } + .bx-collapse:before { content: "\ea71"; } + .bx-collection:before { content: "\ea72"; } + .bx-color-fill:before { content: "\ea73"; } + .bx-columns:before { content: "\ea74"; } + .bx-command:before { content: "\ea75"; } + .bx-comment:before { content: "\ea76"; } + .bx-comment-add:before { content: "\ea77"; } + .bx-comment-check:before { content: "\ea78"; } + .bx-comment-detail:before { content: "\ea79"; } + .bx-comment-dots:before { content: "\ea7a"; } + .bx-comment-edit:before { content: "\ea7b"; } + .bx-comment-error:before { content: "\ea7c"; } + .bx-comment-minus:before { content: "\ea7d"; } + .bx-comment-x:before { content: "\ea7e"; } + .bx-compass:before { content: "\ea7f"; } + .bx-confused:before { content: "\ea80"; } + .bx-conversation:before { content: "\ea81"; } + .bx-cookie:before { content: "\ea82"; } + .bx-cool:before { content: "\ea83"; } + .bx-copy:before { content: "\ea84"; } + .bx-copy-alt:before { content: "\ea85"; } + .bx-copyright:before { content: "\ea86"; } + .bx-credit-card:before { content: "\ea87"; } + .bx-credit-card-alt:before { content: "\ea88"; } + .bx-credit-card-front:before { content: "\ea89"; } + .bx-crop:before { content: "\ea8a"; } + .bx-crosshair:before { content: "\ea8b"; } + .bx-crown:before { content: "\ea8c"; } + .bx-cube:before { content: "\ea8d"; } + .bx-cube-alt:before { content: "\ea8e"; } + .bx-cuboid:before { content: "\ea8f"; } + .bx-current-location:before { content: "\ea90"; } + .bx-customize:before { content: "\ea91"; } + .bx-cut:before { content: "\ea92"; } + .bx-cycling:before { content: "\ea93"; } + .bx-cylinder:before { content: "\ea94"; } + .bx-data:before { content: "\ea95"; } + .bx-desktop:before { content: "\ea96"; } + .bx-detail:before { content: "\ea97"; } + .bx-devices:before { content: "\ea98"; } + .bx-dialpad:before { content: "\ea99"; } + .bx-dialpad-alt:before { content: "\ea9a"; } + .bx-diamond:before { content: "\ea9b"; } + .bx-dice-1:before { content: "\ea9c"; } + .bx-dice-2:before { content: "\ea9d"; } + .bx-dice-3:before { content: "\ea9e"; } + .bx-dice-4:before { content: "\ea9f"; } + .bx-dice-5:before { content: "\eaa0"; } + .bx-dice-6:before { content: "\eaa1"; } + .bx-directions:before { content: "\eaa2"; } + .bx-disc:before { content: "\eaa3"; } + .bx-dish:before { content: "\eaa4"; } + .bx-dislike:before { content: "\eaa5"; } + .bx-dizzy:before { content: "\eaa6"; } + .bx-dna:before { content: "\eaa7"; } + .bx-dock-bottom:before { content: "\eaa8"; } + .bx-dock-left:before { content: "\eaa9"; } + .bx-dock-right:before { content: "\eaaa"; } + .bx-dock-top:before { content: "\eaab"; } + .bx-dollar:before { content: "\eaac"; } + .bx-dollar-circle:before { content: "\eaad"; } + .bx-donate-blood:before { content: "\eaae"; } + .bx-donate-heart:before { content: "\eaaf"; } + .bx-door-open:before { content: "\eab0"; } + .bx-dots-horizontal:before { content: "\eab1"; } + .bx-dots-horizontal-rounded:before { content: "\eab2"; } + .bx-dots-vertical:before { content: "\eab3"; } + .bx-dots-vertical-rounded:before { content: "\eab4"; } + .bx-doughnut-chart:before { content: "\eab5"; } + .bx-down-arrow:before { content: "\eab6"; } + .bx-down-arrow-alt:before { content: "\eab7"; } + .bx-down-arrow-circle:before { content: "\eab8"; } + .bx-download:before { content: "\eab9"; } + .bx-downvote:before { content: "\eaba"; } + .bx-drink:before { content: "\eabb"; } + .bx-droplet:before { content: "\eabc"; } + .bx-dumbbell:before { content: "\eabd"; } + .bx-duplicate:before { content: "\eabe"; } + .bx-edit:before { content: "\eabf"; } + .bx-edit-alt:before { content: "\eac0"; } + .bx-envelope:before { content: "\eac1"; } + .bx-envelope-open:before { content: "\eac2"; } + .bx-equalizer:before { content: "\eac3"; } + .bx-eraser:before { content: "\eac4"; } + .bx-error:before { content: "\eac5"; } + .bx-error-alt:before { content: "\eac6"; } + .bx-error-circle:before { content: "\eac7"; } + .bx-euro:before { content: "\eac8"; } + .bx-exclude:before { content: "\eac9"; } + .bx-exit:before { content: "\eaca"; } + .bx-exit-fullscreen:before { content: "\eacb"; } + .bx-expand:before { content: "\eacc"; } + .bx-expand-alt:before { content: "\eacd"; } + .bx-export:before { content: "\eace"; } + .bx-extension:before { content: "\eacf"; } + .bx-face:before { content: "\ead0"; } + .bx-fast-forward:before { content: "\ead1"; } + .bx-fast-forward-circle:before { content: "\ead2"; } + .bx-female:before { content: "\ead3"; } + .bx-female-sign:before { content: "\ead4"; } + .bx-file:before { content: "\ead5"; } + .bx-file-blank:before { content: "\ead6"; } + .bx-file-find:before { content: "\ead7"; } + .bx-film:before { content: "\ead8"; } + .bx-filter:before { content: "\ead9"; } + .bx-filter-alt:before { content: "\eada"; } + .bx-fingerprint:before { content: "\eadb"; } + .bx-first-aid:before { content: "\eadc"; } + .bx-first-page:before { content: "\eadd"; } + .bx-flag:before { content: "\eade"; } + .bx-folder:before { content: "\eadf"; } + .bx-folder-minus:before { content: "\eae0"; } + .bx-folder-open:before { content: "\eae1"; } + .bx-folder-plus:before { content: "\eae2"; } + .bx-font:before { content: "\eae3"; } + .bx-font-color:before { content: "\eae4"; } + .bx-font-family:before { content: "\eae5"; } + .bx-font-size:before { content: "\eae6"; } + .bx-food-menu:before { content: "\eae7"; } + .bx-food-tag:before { content: "\eae8"; } + .bx-football:before { content: "\eae9"; } + .bx-fridge:before { content: "\eaea"; } + .bx-fullscreen:before { content: "\eaeb"; } + .bx-game:before { content: "\eaec"; } + .bx-gas-pump:before { content: "\eaed"; } + .bx-ghost:before { content: "\eaee"; } + .bx-gift:before { content: "\eaef"; } + .bx-git-branch:before { content: "\eaf0"; } + .bx-git-commit:before { content: "\eaf1"; } + .bx-git-compare:before { content: "\eaf2"; } + .bx-git-merge:before { content: "\eaf3"; } + .bx-git-pull-request:before { content: "\eaf4"; } + .bx-git-repo-forked:before { content: "\eaf5"; } + .bx-glasses:before { content: "\eaf6"; } + .bx-glasses-alt:before { content: "\eaf7"; } + .bx-globe:before { content: "\eaf8"; } + .bx-globe-alt:before { content: "\eaf9"; } + .bx-grid:before { content: "\eafa"; } + .bx-grid-alt:before { content: "\eafb"; } + .bx-grid-horizontal:before { content: "\eafc"; } + .bx-grid-small:before { content: "\eafd"; } + .bx-grid-vertical:before { content: "\eafe"; } + .bx-group:before { content: "\eaff"; } + .bx-handicap:before { content: "\eb00"; } + .bx-happy:before { content: "\eb01"; } + .bx-happy-alt:before { content: "\eb02"; } + .bx-happy-beaming:before { content: "\eb03"; } + .bx-happy-heart-eyes:before { content: "\eb04"; } + .bx-hash:before { content: "\eb05"; } + .bx-hdd:before { content: "\eb06"; } + .bx-heading:before { content: "\eb07"; } + .bx-headphone:before { content: "\eb08"; } + .bx-health:before { content: "\eb09"; } + .bx-heart:before { content: "\eb0a"; } + .bx-heart-circle:before { content: "\eb0b"; } + .bx-heart-square:before { content: "\eb0c"; } + .bx-help-circle:before { content: "\eb0d"; } + .bx-hide:before { content: "\eb0e"; } + .bx-highlight:before { content: "\eb0f"; } + .bx-history:before { content: "\eb10"; } + .bx-hive:before { content: "\eb11"; } + .bx-home:before { content: "\eb12"; } + .bx-home-alt:before { content: "\eb13"; } + .bx-home-circle:before { content: "\eb14"; } + .bx-home-heart:before { content: "\eb15"; } + .bx-home-smile:before { content: "\eb16"; } + .bx-horizontal-center:before { content: "\eb17"; } + .bx-hotel:before { content: "\eb18"; } + .bx-hourglass:before { content: "\eb19"; } + .bx-id-card:before { content: "\eb1a"; } + .bx-image:before { content: "\eb1b"; } + .bx-image-add:before { content: "\eb1c"; } + .bx-image-alt:before { content: "\eb1d"; } + .bx-images:before { content: "\eb1e"; } + .bx-import:before { content: "\eb1f"; } + .bx-infinite:before { content: "\eb20"; } + .bx-info-circle:before { content: "\eb21"; } + .bx-info-square:before { content: "\eb22"; } + .bx-intersect:before { content: "\eb23"; } + .bx-italic:before { content: "\eb24"; } + .bx-joystick:before { content: "\eb25"; } + .bx-joystick-alt:before { content: "\eb26"; } + .bx-joystick-button:before { content: "\eb27"; } + .bx-key:before { content: "\eb28"; } + .bx-label:before { content: "\eb29"; } + .bx-landscape:before { content: "\eb2a"; } + .bx-laptop:before { content: "\eb2b"; } + .bx-last-page:before { content: "\eb2c"; } + .bx-laugh:before { content: "\eb2d"; } + .bx-layer:before { content: "\eb2e"; } + .bx-layer-minus:before { content: "\eb2f"; } + .bx-layer-plus:before { content: "\eb30"; } + .bx-layout:before { content: "\eb31"; } + .bx-left-arrow:before { content: "\eb32"; } + .bx-left-arrow-alt:before { content: "\eb33"; } + .bx-left-arrow-circle:before { content: "\eb34"; } + .bx-left-down-arrow-circle:before { content: "\eb35"; } + .bx-left-indent:before { content: "\eb36"; } + .bx-left-top-arrow-circle:before { content: "\eb37"; } + .bx-library:before { content: "\eb38"; } + .bx-like:before { content: "\eb39"; } + .bx-line-chart:before { content: "\eb3a"; } + .bx-line-chart-down:before { content: "\eb3b"; } + .bx-link:before { content: "\eb3c"; } + .bx-link-alt:before { content: "\eb3d"; } + .bx-link-external:before { content: "\eb3e"; } + .bx-lira:before { content: "\eb3f"; } + .bx-list-check:before { content: "\eb40"; } + .bx-list-minus:before { content: "\eb41"; } + .bx-list-ol:before { content: "\eb42"; } + .bx-list-plus:before { content: "\eb43"; } + .bx-list-ul:before { content: "\eb44"; } + .bx-loader:before { content: "\eb45"; } + .bx-loader-alt:before { content: "\eb46"; } + .bx-loader-circle:before { content: "\eb47"; } + .bx-location-plus:before { content: "\eb48"; } + .bx-lock:before { content: "\eb49"; } + .bx-lock-alt:before { content: "\eb4a"; } + .bx-lock-open:before { content: "\eb4b"; } + .bx-lock-open-alt:before { content: "\eb4c"; } + .bx-log-in:before { content: "\eb4d"; } + .bx-log-in-circle:before { content: "\eb4e"; } + .bx-log-out:before { content: "\eb4f"; } + .bx-log-out-circle:before { content: "\eb50"; } + .bx-low-vision:before { content: "\eb51"; } + .bx-magnet:before { content: "\eb52"; } + .bx-mail-send:before { content: "\eb53"; } + .bx-male:before { content: "\eb54"; } + .bx-male-sign:before { content: "\eb55"; } + .bx-map:before { content: "\eb56"; } + .bx-map-alt:before { content: "\eb57"; } + .bx-map-pin:before { content: "\eb58"; } + .bx-mask:before { content: "\eb59"; } + .bx-medal:before { content: "\eb5a"; } + .bx-meh:before { content: "\eb5b"; } + .bx-meh-alt:before { content: "\eb5c"; } + .bx-meh-blank:before { content: "\eb5d"; } + .bx-memory-card:before { content: "\eb5e"; } + .bx-menu:before { content: "\eb5f"; } + .bx-menu-alt-left:before { content: "\ef5b"; } + .bx-menu-alt-right:before { content: "\eb61"; } + .bx-merge:before { content: "\eb62"; } + .bx-message:before { content: "\eb63"; } + .bx-message-add:before { content: "\eb64"; } + .bx-message-alt:before { content: "\eb65"; } + .bx-message-alt-add:before { content: "\eb66"; } + .bx-message-alt-check:before { content: "\eb67"; } + .bx-message-alt-detail:before { content: "\eb68"; } + .bx-message-alt-dots:before { content: "\eb69"; } + .bx-message-alt-edit:before { content: "\eb6a"; } + .bx-message-alt-error:before { content: "\eb6b"; } + .bx-message-alt-minus:before { content: "\eb6c"; } + .bx-message-alt-x:before { content: "\eb6d"; } + .bx-message-check:before { content: "\eb6e"; } + .bx-message-detail:before { content: "\eb6f"; } + .bx-message-dots:before { content: "\eb70"; } + .bx-message-edit:before { content: "\eb71"; } + .bx-message-error:before { content: "\eb72"; } + .bx-message-minus:before { content: "\eb73"; } + .bx-message-rounded:before { content: "\eb74"; } + .bx-message-rounded-add:before { content: "\eb75"; } + .bx-message-rounded-check:before { content: "\eb76"; } + .bx-message-rounded-detail:before { content: "\eb77"; } + .bx-message-rounded-dots:before { content: "\eb78"; } + .bx-message-rounded-edit:before { content: "\ef5c"; } + .bx-message-rounded-error:before { content: "\eb7a"; } + .bx-message-rounded-minus:before { content: "\eb7b"; } + .bx-message-rounded-x:before { content: "\eb7c"; } + .bx-message-square:before { content: "\eb7d"; } + .bx-message-square-add:before { content: "\eb7e"; } + .bx-message-square-check:before { content: "\eb7f"; } + .bx-message-square-detail:before { content: "\eb80"; } + .bx-message-square-dots:before { content: "\eb81"; } + .bx-message-square-edit:before { content: "\eb82"; } + .bx-message-square-error:before { content: "\eb83"; } + .bx-message-square-minus:before { content: "\eb84"; } + .bx-message-square-x:before { content: "\eb85"; } + .bx-message-x:before { content: "\eb86"; } + .bx-meteor:before { content: "\eb87"; } + .bx-microchip:before { content: "\eb88"; } + .bx-microphone:before { content: "\eb89"; } + .bx-microphone-off:before { content: "\eb8a"; } + .bx-minus:before { content: "\eb8b"; } + .bx-minus-back:before { content: "\eb8c"; } + .bx-minus-circle:before { content: "\eb8d"; } + .bx-minus-front:before { content: "\eb8e"; } + .bx-mobile:before { content: "\eb8f"; } + .bx-mobile-alt:before { content: "\eb90"; } + .bx-mobile-landscape:before { content: "\eb91"; } + .bx-mobile-vibration:before { content: "\ef5d"; } + .bx-money:before { content: "\eb93"; } + .bx-moon:before { content: "\eb94"; } + .bx-mouse:before { content: "\eb95"; } + .bx-mouse-alt:before { content: "\eb96"; } + .bx-move:before { content: "\eb97"; } + .bx-move-horizontal:before { content: "\eb98"; } + .bx-move-vertical:before { content: "\eb99"; } + .bx-movie:before { content: "\eb9a"; } + .bx-movie-play:before { content: "\eb9b"; } + .bx-music:before { content: "\eb9c"; } + .bx-navigation:before { content: "\eb9d"; } + .bx-network-chart:before { content: "\eb9e"; } + .bx-news:before { content: "\eb9f"; } + .bx-no-entry:before { content: "\eba0"; } + .bx-note:before { content: "\eba1"; } + .bx-notepad:before { content: "\eba2"; } + .bx-notification:before { content: "\eba3"; } + .bx-notification-off:before { content: "\eba4"; } + .bx-outline:before { content: "\eba5"; } + .bx-package:before { content: "\eba6"; } + .bx-paint:before { content: "\eba7"; } + .bx-paint-roll:before { content: "\eba8"; } + .bx-palette:before { content: "\eba9"; } + .bx-paperclip:before { content: "\ebaa"; } + .bx-paper-plane:before { content: "\ef61"; } + .bx-paragraph:before { content: "\ebac"; } + .bx-paste:before { content: "\ebad"; } + .bx-pause:before { content: "\ebae"; } + .bx-pause-circle:before { content: "\ebaf"; } + .bx-pen:before { content: "\ebb0"; } + .bx-pencil:before { content: "\ebb1"; } + .bx-phone:before { content: "\ebb2"; } + .bx-phone-call:before { content: "\ebb3"; } + .bx-phone-incoming:before { content: "\ebb4"; } + .bx-phone-off:before { content: "\ebb5"; } + .bx-phone-outgoing:before { content: "\ebb6"; } + .bx-photo-album:before { content: "\ebb7"; } + .bx-pie-chart:before { content: "\ebb8"; } + .bx-pie-chart-alt:before { content: "\ebb9"; } + .bx-pie-chart-alt-2:before { content: "\ebba"; } + .bx-pin:before { content: "\ebbb"; } + .bx-planet:before { content: "\ebbc"; } + .bx-play:before { content: "\ebbd"; } + .bx-play-circle:before { content: "\ebbe"; } + .bx-plug:before { content: "\ebbf"; } + .bx-plus:before { content: "\ebc0"; } + .bx-plus-circle:before { content: "\ebc1"; } + .bx-plus-medical:before { content: "\ebc2"; } + .bx-podcast:before { content: "\ebc3"; } + .bx-pointer:before { content: "\ef5e"; } + .bx-poll:before { content: "\ebc5"; } + .bx-polygon:before { content: "\ebc6"; } + .bx-pound:before { content: "\ebc7"; } + .bx-power-off:before { content: "\ebc8"; } + .bx-printer:before { content: "\ebc9"; } + .bx-pulse:before { content: "\ebca"; } + .bx-purchase-tag:before { content: "\ebcb"; } + .bx-purchase-tag-alt:before { content: "\ebcc"; } + .bx-pyramid:before { content: "\ebcd"; } + .bx-qr:before { content: "\ebce"; } + .bx-qr-scan:before { content: "\ebcf"; } + .bx-question-mark:before { content: "\ebd0"; } + .bx-radar:before { content: "\ebd1"; } + .bx-radio:before { content: "\ebd2"; } + .bx-radio-circle:before { content: "\ebd3"; } + .bx-radio-circle-marked:before { content: "\ebd4"; } + .bx-receipt:before { content: "\ebd5"; } + .bx-rectangle:before { content: "\ebd6"; } + .bx-recycle:before { content: "\ebd7"; } + .bx-redo:before { content: "\ebd8"; } + .bx-refresh:before { content: "\ebd9"; } + .bx-registered:before { content: "\ebda"; } + .bx-rename:before { content: "\ebdb"; } + .bx-repeat:before { content: "\ebdc"; } + .bx-reply:before { content: "\ef5f"; } + .bx-reply-all:before { content: "\ebde"; } + .bx-repost:before { content: "\ebdf"; } + .bx-reset:before { content: "\ebe0"; } + .bx-restaurant:before { content: "\ebe1"; } + .bx-revision:before { content: "\ebe2"; } + .bx-rewind:before { content: "\ebe3"; } + .bx-rewind-circle:before { content: "\ebe4"; } + .bx-right-arrow:before { content: "\ebe5"; } + .bx-right-arrow-alt:before { content: "\ebe6"; } + .bx-right-arrow-circle:before { content: "\ebe7"; } + .bx-right-down-arrow-circle:before { content: "\ebe8"; } + .bx-right-indent:before { content: "\ebe9"; } + .bx-right-top-arrow-circle:before { content: "\ebea"; } + .bx-rocket:before { content: "\ebeb"; } + .bx-rotate-left:before { content: "\ebec"; } + .bx-rotate-right:before { content: "\ebed"; } + .bx-rss:before { content: "\ebee"; } + .bx-ruble:before { content: "\ebef"; } + .bx-ruler:before { content: "\ebf0"; } + .bx-run:before { content: "\ebf1"; } + .bx-rupee:before { content: "\ebf2"; } + .bx-sad:before { content: "\ebf3"; } + .bx-save:before { content: "\ebf4"; } + .bx-scan:before { content: "\ebf5"; } + .bx-screenshot:before { content: "\ef60"; } + .bx-search:before { content: "\ebf7"; } + .bx-search-alt:before { content: "\ebf8"; } + .bx-search-alt-2:before { content: "\ebf9"; } + .bx-selection:before { content: "\ebfa"; } + .bx-select-multiple:before { content: "\ebfb"; } + .bx-send:before { content: "\ebfc"; } + .bx-server:before { content: "\ebfd"; } + .bx-shape-circle:before { content: "\ebfe"; } + .bx-shape-polygon:before { content: "\ebff"; } + .bx-shape-square:before { content: "\ec00"; } + .bx-shape-triangle:before { content: "\ec01"; } + .bx-share:before { content: "\ec02"; } + .bx-share-alt:before { content: "\ec03"; } + .bx-shekel:before { content: "\ec04"; } + .bx-shield:before { content: "\ec05"; } + .bx-shield-alt:before { content: "\ec06"; } + .bx-shield-alt-2:before { content: "\ec07"; } + .bx-shield-quarter:before { content: "\ec08"; } + .bx-shield-x:before { content: "\ec09"; } + .bx-shocked:before { content: "\ec0a"; } + .bx-shopping-bag:before { content: "\ec0b"; } + .bx-show:before { content: "\ec0c"; } + .bx-show-alt:before { content: "\ec0d"; } + .bx-shuffle:before { content: "\ec0e"; } + .bx-sidebar:before { content: "\ec0f"; } + .bx-sitemap:before { content: "\ec10"; } + .bx-skip-next:before { content: "\ec11"; } + .bx-skip-next-circle:before { content: "\ec12"; } + .bx-skip-previous:before { content: "\ec13"; } + .bx-skip-previous-circle:before { content: "\ec14"; } + .bx-sleepy:before { content: "\ec15"; } + .bx-slider:before { content: "\ec16"; } + .bx-slider-alt:before { content: "\ec17"; } + .bx-slideshow:before { content: "\ec18"; } + .bx-smile:before { content: "\ec19"; } + .bx-sort:before { content: "\ec1a"; } + .bx-sort-alt-2:before { content: "\ec1b"; } + .bx-sort-a-z:before { content: "\ec1c"; } + .bx-sort-down:before { content: "\ec1d"; } + .bx-sort-up:before { content: "\ec1e"; } + .bx-sort-z-a:before { content: "\ec1f"; } + .bx-spa:before { content: "\ec20"; } + .bx-space-bar:before { content: "\ec21"; } + .bx-speaker:before { content: "\ec22"; } + .bx-spray-can:before { content: "\ec23"; } + .bx-spreadsheet:before { content: "\ec24"; } + .bx-square:before { content: "\ec25"; } + .bx-square-rounded:before { content: "\ec26"; } + .bx-star:before { content: "\ec27"; } + .bx-station:before { content: "\ec28"; } + .bx-stats:before { content: "\ec29"; } + .bx-sticker:before { content: "\ec2a"; } + .bx-stop:before { content: "\ec2b"; } + .bx-stop-circle:before { content: "\ec2c"; } + .bx-stopwatch:before { content: "\ec2d"; } + .bx-store:before { content: "\ec2e"; } + .bx-store-alt:before { content: "\ec2f"; } + .bx-street-view:before { content: "\ec30"; } + .bx-strikethrough:before { content: "\ec31"; } + .bx-subdirectory-left:before { content: "\ec32"; } + .bx-subdirectory-right:before { content: "\ec33"; } + .bx-sun:before { content: "\ec34"; } + .bx-support:before { content: "\ec35"; } + .bx-swim:before { content: "\ec36"; } + .bx-sync:before { content: "\ec37"; } + .bx-tab:before { content: "\ec38"; } + .bx-table:before { content: "\ec39"; } + .bx-tachometer:before { content: "\ec3a"; } + .bx-tag:before { content: "\ec3b"; } + .bx-tag-alt:before { content: "\ec3c"; } + .bx-target-lock:before { content: "\ec3d"; } + .bx-task:before { content: "\ec3e"; } + .bx-task-x:before { content: "\ec3f"; } + .bx-taxi:before { content: "\ec40"; } + .bx-tennis-ball:before { content: "\ec41"; } + .bx-terminal:before { content: "\ec42"; } + .bx-test-tube:before { content: "\ec43"; } + .bx-text:before { content: "\ec44"; } + .bx-time:before { content: "\ec45"; } + .bx-time-five:before { content: "\ec46"; } + .bx-timer:before { content: "\ec47"; } + .bx-tired:before { content: "\ec48"; } + .bx-toggle-left:before { content: "\ec49"; } + .bx-toggle-right:before { content: "\ec4a"; } + .bx-tone:before { content: "\ec4b"; } + .bx-traffic-cone:before { content: "\ec4c"; } + .bx-train:before { content: "\ec4d"; } + .bx-transfer:before { content: "\ec4e"; } + .bx-transfer-alt:before { content: "\ec4f"; } + .bx-trash:before { content: "\ec50"; } + .bx-trash-alt:before { content: "\ec51"; } + .bx-trending-down:before { content: "\ec52"; } + .bx-trending-up:before { content: "\ec53"; } + .bx-trim:before { content: "\ec54"; } + .bx-trip:before { content: "\ec55"; } + .bx-trophy:before { content: "\ec56"; } + .bx-tv:before { content: "\ec57"; } + .bx-underline:before { content: "\ec58"; } + .bx-undo:before { content: "\ec59"; } + .bx-unite:before { content: "\ec5a"; } + .bx-unlink:before { content: "\ec5b"; } + .bx-up-arrow:before { content: "\ec5c"; } + .bx-up-arrow-alt:before { content: "\ec5d"; } + .bx-up-arrow-circle:before { content: "\ec5e"; } + .bx-upload:before { content: "\ec5f"; } + .bx-upside-down:before { content: "\ec60"; } + .bx-upvote:before { content: "\ec61"; } + .bx-usb:before { content: "\ec62"; } + .bx-user:before { content: "\ec63"; } + .bx-user-check:before { content: "\ec64"; } + .bx-user-circle:before { content: "\ec65"; } + .bx-user-minus:before { content: "\ec66"; } + .bx-user-pin:before { content: "\ec67"; } + .bx-user-plus:before { content: "\ec68"; } + .bx-user-voice:before { content: "\ec69"; } + .bx-user-x:before { content: "\ec6a"; } + .bx-vector:before { content: "\ec6b"; } + .bx-vertical-center:before { content: "\ec6c"; } + .bx-vial:before { content: "\ec6d"; } + .bx-video:before { content: "\ec6e"; } + .bx-video-off:before { content: "\ec6f"; } + .bx-video-plus:before { content: "\ec70"; } + .bx-video-recording:before { content: "\ec71"; } + .bx-voicemail:before { content: "\ec72"; } + .bx-volume:before { content: "\ec73"; } + .bx-volume-full:before { content: "\ec74"; } + .bx-volume-low:before { content: "\ec75"; } + .bx-volume-mute:before { content: "\ec76"; } + .bx-walk:before { content: "\ec77"; } + .bx-wallet:before { content: "\ec78"; } + .bx-wallet-alt:before { content: "\ec79"; } + .bx-water:before { content: "\ec7a"; } + .bx-webcam:before { content: "\ec7b"; } + .bx-wifi:before { content: "\ec7c"; } + .bx-wifi-0:before { content: "\ec7d"; } + .bx-wifi-1:before { content: "\ec7e"; } + .bx-wifi-2:before { content: "\ec7f"; } + .bx-wifi-off:before { content: "\ec80"; } + .bx-wind:before { content: "\ec81"; } + .bx-window:before { content: "\ec82"; } + .bx-window-alt:before { content: "\ec83"; } + .bx-window-close:before { content: "\ec84"; } + .bx-window-open:before { content: "\ec85"; } + .bx-windows:before { content: "\ec86"; } + .bx-wine:before { content: "\ec87"; } + .bx-wink-smile:before { content: "\ec88"; } + .bx-wink-tongue:before { content: "\ec89"; } + .bx-won:before { content: "\ec8a"; } + .bx-world:before { content: "\ec8b"; } + .bx-wrench:before { content: "\ec8c"; } + .bx-x:before { content: "\ec8d"; } + .bx-x-circle:before { content: "\ec8e"; } + .bx-yen:before { content: "\ec8f"; } + .bx-zoom-in:before { content: "\ec90"; } + .bx-zoom-out:before { content: "\ec91"; } + .bxs-party:before { content: "\ec92"; } + .bxs-hot:before { content: "\ec93"; } + .bxs-droplet:before { content: "\ec94"; } + .bxs-cat:before { content: "\ec95"; } + .bxs-dog:before { content: "\ec96"; } + .bxs-injection:before { content: "\ec97"; } + .bxs-leaf:before { content: "\ec98"; } + .bxs-add-to-queue:before { content: "\ec99"; } + .bxs-adjust:before { content: "\ec9a"; } + .bxs-adjust-alt:before { content: "\ec9b"; } + .bxs-alarm:before { content: "\ec9c"; } + .bxs-alarm-add:before { content: "\ec9d"; } + .bxs-alarm-exclamation:before { content: "\ec9e"; } + .bxs-alarm-off:before { content: "\ec9f"; } + .bxs-alarm-snooze:before { content: "\eca0"; } + .bxs-album:before { content: "\eca1"; } + .bxs-ambulance:before { content: "\eca2"; } + .bxs-analyse:before { content: "\eca3"; } + .bxs-angry:before { content: "\eca4"; } + .bxs-arch:before { content: "\eca5"; } + .bxs-archive:before { content: "\eca6"; } + .bxs-archive-in:before { content: "\eca7"; } + .bxs-archive-out:before { content: "\eca8"; } + .bxs-area:before { content: "\eca9"; } + .bxs-arrow-from-bottom:before { content: "\ecaa"; } + .bxs-arrow-from-left:before { content: "\ecab"; } + .bxs-arrow-from-right:before { content: "\ecac"; } + .bxs-arrow-from-top:before { content: "\ecad"; } + .bxs-arrow-to-bottom:before { content: "\ecae"; } + .bxs-arrow-to-left:before { content: "\ecaf"; } + .bxs-arrow-to-right:before { content: "\ecb0"; } + .bxs-arrow-to-top:before { content: "\ecb1"; } + .bxs-award:before { content: "\ecb2"; } + .bxs-baby-carriage:before { content: "\ecb3"; } + .bxs-backpack:before { content: "\ecb4"; } + .bxs-badge:before { content: "\ecb5"; } + .bxs-badge-check:before { content: "\ecb6"; } + .bxs-badge-dollar:before { content: "\ecb7"; } + .bxs-ball:before { content: "\ecb8"; } + .bxs-band-aid:before { content: "\ecb9"; } + .bxs-bank:before { content: "\ecba"; } + .bxs-bar-chart-alt-2:before { content: "\ecbb"; } + .bxs-bar-chart-square:before { content: "\ecbc"; } + .bxs-barcode:before { content: "\ecbd"; } + .bxs-baseball:before { content: "\ecbe"; } + .bxs-basket:before { content: "\ecbf"; } + .bxs-basketball:before { content: "\ecc0"; } + .bxs-bath:before { content: "\ecc1"; } + .bxs-battery:before { content: "\ecc2"; } + .bxs-battery-charging:before { content: "\ecc3"; } + .bxs-battery-full:before { content: "\ecc4"; } + .bxs-battery-low:before { content: "\ecc5"; } + .bxs-bed:before { content: "\ecc6"; } + .bxs-been-here:before { content: "\ecc7"; } + .bxs-beer:before { content: "\ecc8"; } + .bxs-bell:before { content: "\ecc9"; } + .bxs-bell-minus:before { content: "\ecca"; } + .bxs-bell-off:before { content: "\eccb"; } + .bxs-bell-plus:before { content: "\eccc"; } + .bxs-bell-ring:before { content: "\eccd"; } + .bxs-bible:before { content: "\ecce"; } + .bxs-binoculars:before { content: "\eccf"; } + .bxs-blanket:before { content: "\ecd0"; } + .bxs-bolt:before { content: "\ecd1"; } + .bxs-bolt-circle:before { content: "\ecd2"; } + .bxs-bomb:before { content: "\ecd3"; } + .bxs-bone:before { content: "\ecd4"; } + .bxs-bong:before { content: "\ecd5"; } + .bxs-book:before { content: "\ecd6"; } + .bxs-book-add:before { content: "\ecd7"; } + .bxs-book-alt:before { content: "\ecd8"; } + .bxs-book-bookmark:before { content: "\ecd9"; } + .bxs-book-content:before { content: "\ecda"; } + .bxs-book-heart:before { content: "\ecdb"; } + .bxs-bookmark:before { content: "\ecdc"; } + .bxs-bookmark-alt:before { content: "\ecdd"; } + .bxs-bookmark-alt-minus:before { content: "\ecde"; } + .bxs-bookmark-alt-plus:before { content: "\ecdf"; } + .bxs-bookmark-heart:before { content: "\ece0"; } + .bxs-bookmark-minus:before { content: "\ece1"; } + .bxs-bookmark-plus:before { content: "\ece2"; } + .bxs-bookmarks:before { content: "\ece3"; } + .bxs-bookmark-star:before { content: "\ece4"; } + .bxs-book-open:before { content: "\ece5"; } + .bxs-book-reader:before { content: "\ece6"; } + .bxs-bot:before { content: "\ece7"; } + .bxs-bowling-ball:before { content: "\ece8"; } + .bxs-box:before { content: "\ece9"; } + .bxs-brain:before { content: "\ecea"; } + .bxs-briefcase:before { content: "\eceb"; } + .bxs-briefcase-alt:before { content: "\ecec"; } + .bxs-briefcase-alt-2:before { content: "\eced"; } + .bxs-brightness:before { content: "\ecee"; } + .bxs-brightness-half:before { content: "\ecef"; } + .bxs-brush:before { content: "\ecf0"; } + .bxs-brush-alt:before { content: "\ecf1"; } + .bxs-bug:before { content: "\ecf2"; } + .bxs-bug-alt:before { content: "\ecf3"; } + .bxs-building:before { content: "\ecf4"; } + .bxs-building-house:before { content: "\ecf5"; } + .bxs-buildings:before { content: "\ecf6"; } + .bxs-bulb:before { content: "\ecf7"; } + .bxs-bullseye:before { content: "\ecf8"; } + .bxs-buoy:before { content: "\ecf9"; } + .bxs-bus:before { content: "\ecfa"; } + .bxs-business:before { content: "\ecfb"; } + .bxs-bus-school:before { content: "\ecfc"; } + .bxs-cabinet:before { content: "\ecfd"; } + .bxs-cake:before { content: "\ecfe"; } + .bxs-calculator:before { content: "\ecff"; } + .bxs-calendar:before { content: "\ed00"; } + .bxs-calendar-alt:before { content: "\ed01"; } + .bxs-calendar-check:before { content: "\ed02"; } + .bxs-calendar-edit:before { content: "\ed03"; } + .bxs-calendar-event:before { content: "\ed04"; } + .bxs-calendar-exclamation:before { content: "\ed05"; } + .bxs-calendar-heart:before { content: "\ed06"; } + .bxs-calendar-minus:before { content: "\ed07"; } + .bxs-calendar-plus:before { content: "\ed08"; } + .bxs-calendar-star:before { content: "\ed09"; } + .bxs-calendar-week:before { content: "\ed0a"; } + .bxs-calendar-x:before { content: "\ed0b"; } + .bxs-camera:before { content: "\ed0c"; } + .bxs-camera-home:before { content: "\ed0d"; } + .bxs-camera-movie:before { content: "\ed0e"; } + .bxs-camera-off:before { content: "\ed0f"; } + .bxs-camera-plus:before { content: "\ed10"; } + .bxs-capsule:before { content: "\ed11"; } + .bxs-captions:before { content: "\ed12"; } + .bxs-car:before { content: "\ed13"; } + .bxs-car-battery:before { content: "\ed14"; } + .bxs-car-crash:before { content: "\ed15"; } + .bxs-card:before { content: "\ed16"; } + .bxs-caret-down-circle:before { content: "\ed17"; } + .bxs-caret-down-square:before { content: "\ed18"; } + .bxs-caret-left-circle:before { content: "\ed19"; } + .bxs-caret-left-square:before { content: "\ed1a"; } + .bxs-caret-right-circle:before { content: "\ed1b"; } + .bxs-caret-right-square:before { content: "\ed1c"; } + .bxs-caret-up-circle:before { content: "\ed1d"; } + .bxs-caret-up-square:before { content: "\ed1e"; } + .bxs-car-garage:before { content: "\ed1f"; } + .bxs-car-mechanic:before { content: "\ed20"; } + .bxs-carousel:before { content: "\ed21"; } + .bxs-cart:before { content: "\ed22"; } + .bxs-cart-add:before { content: "\ed23"; } + .bxs-cart-alt:before { content: "\ed24"; } + .bxs-cart-download:before { content: "\ed25"; } + .bxs-car-wash:before { content: "\ed26"; } + .bxs-category:before { content: "\ed27"; } + .bxs-category-alt:before { content: "\ed28"; } + .bxs-cctv:before { content: "\ed29"; } + .bxs-certification:before { content: "\ed2a"; } + .bxs-chalkboard:before { content: "\ed2b"; } + .bxs-chart:before { content: "\ed2c"; } + .bxs-chat:before { content: "\ed2d"; } + .bxs-checkbox:before { content: "\ed2e"; } + .bxs-checkbox-checked:before { content: "\ed2f"; } + .bxs-checkbox-minus:before { content: "\ed30"; } + .bxs-check-circle:before { content: "\ed31"; } + .bxs-check-shield:before { content: "\ed32"; } + .bxs-check-square:before { content: "\ed33"; } + .bxs-chess:before { content: "\ed34"; } + .bxs-chevron-down:before { content: "\ed35"; } + .bxs-chevron-down-circle:before { content: "\ed36"; } + .bxs-chevron-down-square:before { content: "\ed37"; } + .bxs-chevron-left:before { content: "\ed38"; } + .bxs-chevron-left-circle:before { content: "\ed39"; } + .bxs-chevron-left-square:before { content: "\ed3a"; } + .bxs-chevron-right:before { content: "\ed3b"; } + .bxs-chevron-right-circle:before { content: "\ed3c"; } + .bxs-chevron-right-square:before { content: "\ed3d"; } + .bxs-chevrons-down:before { content: "\ed3e"; } + .bxs-chevrons-left:before { content: "\ed3f"; } + .bxs-chevrons-right:before { content: "\ed40"; } + .bxs-chevrons-up:before { content: "\ed41"; } + .bxs-chevron-up:before { content: "\ed42"; } + .bxs-chevron-up-circle:before { content: "\ed43"; } + .bxs-chevron-up-square:before { content: "\ed44"; } + .bxs-chip:before { content: "\ed45"; } + .bxs-church:before { content: "\ed46"; } + .bxs-circle:before { content: "\ed47"; } + .bxs-city:before { content: "\ed48"; } + .bxs-clinic:before { content: "\ed49"; } + .bxs-cloud:before { content: "\ed4a"; } + .bxs-cloud-download:before { content: "\ed4b"; } + .bxs-cloud-lightning:before { content: "\ed4c"; } + .bxs-cloud-rain:before { content: "\ed4d"; } + .bxs-cloud-upload:before { content: "\ed4e"; } + .bxs-coffee:before { content: "\ed4f"; } + .bxs-coffee-alt:before { content: "\ed50"; } + .bxs-coffee-togo:before { content: "\ed51"; } + .bxs-cog:before { content: "\ed52"; } + .bxs-coin:before { content: "\ed53"; } + .bxs-coin-stack:before { content: "\ed54"; } + .bxs-collection:before { content: "\ed55"; } + .bxs-color-fill:before { content: "\ed56"; } + .bxs-comment:before { content: "\ed57"; } + .bxs-comment-add:before { content: "\ed58"; } + .bxs-comment-check:before { content: "\ed59"; } + .bxs-comment-detail:before { content: "\ed5a"; } + .bxs-comment-dots:before { content: "\ed5b"; } + .bxs-comment-edit:before { content: "\ed5c"; } + .bxs-comment-error:before { content: "\ed5d"; } + .bxs-comment-minus:before { content: "\ed5e"; } + .bxs-comment-x:before { content: "\ed5f"; } + .bxs-compass:before { content: "\ed60"; } + .bxs-component:before { content: "\ed61"; } + .bxs-confused:before { content: "\ed62"; } + .bxs-contact:before { content: "\ed63"; } + .bxs-conversation:before { content: "\ed64"; } + .bxs-cookie:before { content: "\ed65"; } + .bxs-cool:before { content: "\ed66"; } + .bxs-copy:before { content: "\ed67"; } + .bxs-copy-alt:before { content: "\ed68"; } + .bxs-copyright:before { content: "\ed69"; } + .bxs-coupon:before { content: "\ed6a"; } + .bxs-credit-card:before { content: "\ed6b"; } + .bxs-credit-card-alt:before { content: "\ed6c"; } + .bxs-credit-card-front:before { content: "\ed6d"; } + .bxs-crop:before { content: "\ed6e"; } + .bxs-crown:before { content: "\ed6f"; } + .bxs-cube:before { content: "\ed70"; } + .bxs-cube-alt:before { content: "\ed71"; } + .bxs-cuboid:before { content: "\ed72"; } + .bxs-customize:before { content: "\ed73"; } + .bxs-cylinder:before { content: "\ed74"; } + .bxs-dashboard:before { content: "\ed75"; } + .bxs-data:before { content: "\ed76"; } + .bxs-detail:before { content: "\ed77"; } + .bxs-devices:before { content: "\ed78"; } + .bxs-diamond:before { content: "\ed79"; } + .bxs-dice-1:before { content: "\ed7a"; } + .bxs-dice-2:before { content: "\ed7b"; } + .bxs-dice-3:before { content: "\ed7c"; } + .bxs-dice-4:before { content: "\ed7d"; } + .bxs-dice-5:before { content: "\ed7e"; } + .bxs-dice-6:before { content: "\ed7f"; } + .bxs-direction-left:before { content: "\ed80"; } + .bxs-direction-right:before { content: "\ed81"; } + .bxs-directions:before { content: "\ed82"; } + .bxs-disc:before { content: "\ed83"; } + .bxs-discount:before { content: "\ed84"; } + .bxs-dish:before { content: "\ed85"; } + .bxs-dislike:before { content: "\ed86"; } + .bxs-dizzy:before { content: "\ed87"; } + .bxs-dock-bottom:before { content: "\ed88"; } + .bxs-dock-left:before { content: "\ed89"; } + .bxs-dock-right:before { content: "\ed8a"; } + .bxs-dock-top:before { content: "\ed8b"; } + .bxs-dollar-circle:before { content: "\ed8c"; } + .bxs-donate-blood:before { content: "\ed8d"; } + .bxs-donate-heart:before { content: "\ed8e"; } + .bxs-door-open:before { content: "\ed8f"; } + .bxs-doughnut-chart:before { content: "\ed90"; } + .bxs-down-arrow:before { content: "\ed91"; } + .bxs-down-arrow-alt:before { content: "\ed92"; } + .bxs-down-arrow-circle:before { content: "\ed93"; } + .bxs-down-arrow-square:before { content: "\ed94"; } + .bxs-download:before { content: "\ed95"; } + .bxs-downvote:before { content: "\ed96"; } + .bxs-drink:before { content: "\ed97"; } + .bxs-droplet-half:before { content: "\ed98"; } + .bxs-dryer:before { content: "\ed99"; } + .bxs-duplicate:before { content: "\ed9a"; } + .bxs-edit:before { content: "\ed9b"; } + .bxs-edit-alt:before { content: "\ed9c"; } + .bxs-edit-location:before { content: "\ed9d"; } + .bxs-eject:before { content: "\ed9e"; } + .bxs-envelope:before { content: "\ed9f"; } + .bxs-envelope-open:before { content: "\eda0"; } + .bxs-eraser:before { content: "\eda1"; } + .bxs-error:before { content: "\eda2"; } + .bxs-error-alt:before { content: "\eda3"; } + .bxs-error-circle:before { content: "\eda4"; } + .bxs-ev-station:before { content: "\eda5"; } + .bxs-exit:before { content: "\eda6"; } + .bxs-extension:before { content: "\eda7"; } + .bxs-eyedropper:before { content: "\eda8"; } + .bxs-face:before { content: "\eda9"; } + .bxs-face-mask:before { content: "\edaa"; } + .bxs-factory:before { content: "\edab"; } + .bxs-fast-forward-circle:before { content: "\edac"; } + .bxs-file:before { content: "\edad"; } + .bxs-file-archive:before { content: "\edae"; } + .bxs-file-blank:before { content: "\edaf"; } + .bxs-file-css:before { content: "\edb0"; } + .bxs-file-doc:before { content: "\edb1"; } + .bxs-file-export:before { content: "\edb2"; } + .bxs-file-find:before { content: "\edb3"; } + .bxs-file-gif:before { content: "\edb4"; } + .bxs-file-html:before { content: "\edb5"; } + .bxs-file-image:before { content: "\edb6"; } + .bxs-file-import:before { content: "\edb7"; } + .bxs-file-jpg:before { content: "\edb8"; } + .bxs-file-js:before { content: "\edb9"; } + .bxs-file-json:before { content: "\edba"; } + .bxs-file-md:before { content: "\edbb"; } + .bxs-file-pdf:before { content: "\edbc"; } + .bxs-file-plus:before { content: "\edbd"; } + .bxs-file-png:before { content: "\edbe"; } + .bxs-file-txt:before { content: "\edbf"; } + .bxs-film:before { content: "\edc0"; } + .bxs-filter-alt:before { content: "\edc1"; } + .bxs-first-aid:before { content: "\edc2"; } + .bxs-flag:before { content: "\edc3"; } + .bxs-flag-alt:before { content: "\edc4"; } + .bxs-flag-checkered:before { content: "\edc5"; } + .bxs-flame:before { content: "\edc6"; } + .bxs-flask:before { content: "\edc7"; } + .bxs-florist:before { content: "\edc8"; } + .bxs-folder:before { content: "\edc9"; } + .bxs-folder-minus:before { content: "\edca"; } + .bxs-folder-open:before { content: "\edcb"; } + .bxs-folder-plus:before { content: "\edcc"; } + .bxs-food-menu:before { content: "\edcd"; } + .bxs-fridge:before { content: "\edce"; } + .bxs-game:before { content: "\edcf"; } + .bxs-gas-pump:before { content: "\edd0"; } + .bxs-ghost:before { content: "\edd1"; } + .bxs-gift:before { content: "\edd2"; } + .bxs-graduation:before { content: "\edd3"; } + .bxs-grid:before { content: "\edd4"; } + .bxs-grid-alt:before { content: "\edd5"; } + .bxs-group:before { content: "\edd6"; } + .bxs-guitar-amp:before { content: "\edd7"; } + .bxs-hand:before { content: "\edd8"; } + .bxs-hand-down:before { content: "\edd9"; } + .bxs-hand-left:before { content: "\edda"; } + .bxs-hand-right:before { content: "\eddb"; } + .bxs-hand-up:before { content: "\eddc"; } + .bxs-happy:before { content: "\eddd"; } + .bxs-happy-alt:before { content: "\edde"; } + .bxs-happy-beaming:before { content: "\eddf"; } + .bxs-happy-heart-eyes:before { content: "\ede0"; } + .bxs-hdd:before { content: "\ede1"; } + .bxs-heart:before { content: "\ede2"; } + .bxs-heart-circle:before { content: "\ede3"; } + .bxs-heart-square:before { content: "\ede4"; } + .bxs-help-circle:before { content: "\ede5"; } + .bxs-hide:before { content: "\ede6"; } + .bxs-home:before { content: "\ede7"; } + .bxs-home-circle:before { content: "\ede8"; } + .bxs-home-heart:before { content: "\ede9"; } + .bxs-home-smile:before { content: "\edea"; } + .bxs-hotel:before { content: "\edeb"; } + .bxs-hourglass:before { content: "\edec"; } + .bxs-hourglass-bottom:before { content: "\eded"; } + .bxs-hourglass-top:before { content: "\edee"; } + .bxs-id-card:before { content: "\edef"; } + .bxs-image:before { content: "\edf0"; } + .bxs-image-add:before { content: "\edf1"; } + .bxs-image-alt:before { content: "\edf2"; } + .bxs-inbox:before { content: "\edf3"; } + .bxs-info-circle:before { content: "\edf4"; } + .bxs-info-square:before { content: "\edf5"; } + .bxs-institution:before { content: "\edf6"; } + .bxs-joystick:before { content: "\edf7"; } + .bxs-joystick-alt:before { content: "\edf8"; } + .bxs-joystick-button:before { content: "\edf9"; } + .bxs-key:before { content: "\edfa"; } + .bxs-keyboard:before { content: "\edfb"; } + .bxs-label:before { content: "\edfc"; } + .bxs-landmark:before { content: "\edfd"; } + .bxs-landscape:before { content: "\edfe"; } + .bxs-laugh:before { content: "\edff"; } + .bxs-layer:before { content: "\ee00"; } + .bxs-layer-minus:before { content: "\ee01"; } + .bxs-layer-plus:before { content: "\ee02"; } + .bxs-layout:before { content: "\ee03"; } + .bxs-left-arrow:before { content: "\ee04"; } + .bxs-left-arrow-alt:before { content: "\ee05"; } + .bxs-left-arrow-circle:before { content: "\ee06"; } + .bxs-left-arrow-square:before { content: "\ee07"; } + .bxs-left-down-arrow-circle:before { content: "\ee08"; } + .bxs-left-top-arrow-circle:before { content: "\ee09"; } + .bxs-like:before { content: "\ee0a"; } + .bxs-location-plus:before { content: "\ee0b"; } + .bxs-lock:before { content: "\ee0c"; } + .bxs-lock-alt:before { content: "\ee0d"; } + .bxs-lock-open:before { content: "\ee0e"; } + .bxs-lock-open-alt:before { content: "\ee0f"; } + .bxs-log-in:before { content: "\ee10"; } + .bxs-log-in-circle:before { content: "\ee11"; } + .bxs-log-out:before { content: "\ee12"; } + .bxs-log-out-circle:before { content: "\ee13"; } + .bxs-low-vision:before { content: "\ee14"; } + .bxs-magic-wand:before { content: "\ee15"; } + .bxs-magnet:before { content: "\ee16"; } + .bxs-map:before { content: "\ee17"; } + .bxs-map-alt:before { content: "\ee18"; } + .bxs-map-pin:before { content: "\ee19"; } + .bxs-mask:before { content: "\ee1a"; } + .bxs-medal:before { content: "\ee1b"; } + .bxs-megaphone:before { content: "\ee1c"; } + .bxs-meh:before { content: "\ee1d"; } + .bxs-meh-alt:before { content: "\ee1e"; } + .bxs-meh-blank:before { content: "\ee1f"; } + .bxs-memory-card:before { content: "\ee20"; } + .bxs-message:before { content: "\ee21"; } + .bxs-message-add:before { content: "\ee22"; } + .bxs-message-alt:before { content: "\ee23"; } + .bxs-message-alt-add:before { content: "\ee24"; } + .bxs-message-alt-check:before { content: "\ee25"; } + .bxs-message-alt-detail:before { content: "\ee26"; } + .bxs-message-alt-dots:before { content: "\ee27"; } + .bxs-message-alt-edit:before { content: "\ee28"; } + .bxs-message-alt-error:before { content: "\ee29"; } + .bxs-message-alt-minus:before { content: "\ee2a"; } + .bxs-message-alt-x:before { content: "\ee2b"; } + .bxs-message-check:before { content: "\ee2c"; } + .bxs-message-detail:before { content: "\ee2d"; } + .bxs-message-dots:before { content: "\ee2e"; } + .bxs-message-edit:before { content: "\ee2f"; } + .bxs-message-error:before { content: "\ee30"; } + .bxs-message-minus:before { content: "\ee31"; } + .bxs-message-rounded:before { content: "\ee32"; } + .bxs-message-rounded-add:before { content: "\ee33"; } + .bxs-message-rounded-check:before { content: "\ee34"; } + .bxs-message-rounded-detail:before { content: "\ee35"; } + .bxs-message-rounded-dots:before { content: "\ee36"; } + .bxs-message-rounded-edit:before { content: "\ee37"; } + .bxs-message-rounded-error:before { content: "\ee38"; } + .bxs-message-rounded-minus:before { content: "\ee39"; } + .bxs-message-rounded-x:before { content: "\ee3a"; } + .bxs-message-square:before { content: "\ee3b"; } + .bxs-message-square-add:before { content: "\ee3c"; } + .bxs-message-square-check:before { content: "\ee3d"; } + .bxs-message-square-detail:before { content: "\ee3e"; } + .bxs-message-square-dots:before { content: "\ee3f"; } + .bxs-message-square-edit:before { content: "\ee40"; } + .bxs-message-square-error:before { content: "\ee41"; } + .bxs-message-square-minus:before { content: "\ee42"; } + .bxs-message-square-x:before { content: "\ee43"; } + .bxs-message-x:before { content: "\ee44"; } + .bxs-meteor:before { content: "\ee45"; } + .bxs-microchip:before { content: "\ee46"; } + .bxs-microphone:before { content: "\ee47"; } + .bxs-microphone-alt:before { content: "\ee48"; } + .bxs-microphone-off:before { content: "\ee49"; } + .bxs-minus-circle:before { content: "\ee4a"; } + .bxs-minus-square:before { content: "\ee4b"; } + .bxs-mobile:before { content: "\ee4c"; } + .bxs-mobile-vibration:before { content: "\ee4d"; } + .bxs-moon:before { content: "\ee4e"; } + .bxs-mouse:before { content: "\ee4f"; } + .bxs-mouse-alt:before { content: "\ee50"; } + .bxs-movie:before { content: "\ee51"; } + .bxs-movie-play:before { content: "\ee52"; } + .bxs-music:before { content: "\ee53"; } + .bxs-navigation:before { content: "\ee54"; } + .bxs-network-chart:before { content: "\ee55"; } + .bxs-news:before { content: "\ee56"; } + .bxs-no-entry:before { content: "\ee57"; } + .bxs-note:before { content: "\ee58"; } + .bxs-notepad:before { content: "\ee59"; } + .bxs-notification:before { content: "\ee5a"; } + .bxs-notification-off:before { content: "\ee5b"; } + .bxs-offer:before { content: "\ee5c"; } + .bxs-package:before { content: "\ee5d"; } + .bxs-paint:before { content: "\ee5e"; } + .bxs-paint-roll:before { content: "\ee5f"; } + .bxs-palette:before { content: "\ee60"; } + .bxs-paper-plane:before { content: "\ee61"; } + .bxs-parking:before { content: "\ee62"; } + .bxs-paste:before { content: "\ee63"; } + .bxs-pen:before { content: "\ee64"; } + .bxs-pencil:before { content: "\ee65"; } + .bxs-phone:before { content: "\ee66"; } + .bxs-phone-call:before { content: "\ee67"; } + .bxs-phone-incoming:before { content: "\ee68"; } + .bxs-phone-off:before { content: "\ee69"; } + .bxs-phone-outgoing:before { content: "\ee6a"; } + .bxs-photo-album:before { content: "\ee6b"; } + .bxs-piano:before { content: "\ee6c"; } + .bxs-pie-chart:before { content: "\ee6d"; } + .bxs-pie-chart-alt:before { content: "\ee6e"; } + .bxs-pie-chart-alt-2:before { content: "\ee6f"; } + .bxs-pin:before { content: "\ee70"; } + .bxs-pizza:before { content: "\ee71"; } + .bxs-plane:before { content: "\ee72"; } + .bxs-plane-alt:before { content: "\ee73"; } + .bxs-plane-land:before { content: "\ee74"; } + .bxs-planet:before { content: "\ee75"; } + .bxs-plane-take-off:before { content: "\ee76"; } + .bxs-playlist:before { content: "\ee77"; } + .bxs-plug:before { content: "\ee78"; } + .bxs-plus-circle:before { content: "\ee79"; } + .bxs-plus-square:before { content: "\ee7a"; } + .bxs-pointer:before { content: "\ee7b"; } + .bxs-polygon:before { content: "\ee7c"; } + .bxs-printer:before { content: "\ee7d"; } + .bxs-purchase-tag:before { content: "\ee7e"; } + .bxs-purchase-tag-alt:before { content: "\ee7f"; } + .bxs-pyramid:before { content: "\ee80"; } + .bxs-quote-alt-left:before { content: "\ee81"; } + .bxs-quote-alt-right:before { content: "\ee82"; } + .bxs-quote-left:before { content: "\ee83"; } + .bxs-quote-right:before { content: "\ee84"; } + .bxs-quote-single-left:before { content: "\ee85"; } + .bxs-quote-single-right:before { content: "\ee86"; } + .bxs-radiation:before { content: "\ee87"; } + .bxs-radio:before { content: "\ee88"; } + .bxs-receipt:before { content: "\ee89"; } + .bxs-rectangle:before { content: "\ee8a"; } + .bxs-registered:before { content: "\ee8b"; } + .bxs-rename:before { content: "\ee8c"; } + .bxs-report:before { content: "\ee8d"; } + .bxs-rewind-circle:before { content: "\ee8e"; } + .bxs-right-arrow:before { content: "\ee8f"; } + .bxs-right-arrow-alt:before { content: "\ee90"; } + .bxs-right-arrow-circle:before { content: "\ee91"; } + .bxs-right-arrow-square:before { content: "\ee92"; } + .bxs-right-down-arrow-circle:before { content: "\ee93"; } + .bxs-right-top-arrow-circle:before { content: "\ee94"; } + .bxs-rocket:before { content: "\ee95"; } + .bxs-ruler:before { content: "\ee96"; } + .bxs-sad:before { content: "\ee97"; } + .bxs-save:before { content: "\ee98"; } + .bxs-school:before { content: "\ee99"; } + .bxs-search:before { content: "\ee9a"; } + .bxs-search-alt-2:before { content: "\ee9b"; } + .bxs-select-multiple:before { content: "\ee9c"; } + .bxs-send:before { content: "\ee9d"; } + .bxs-server:before { content: "\ee9e"; } + .bxs-shapes:before { content: "\ee9f"; } + .bxs-share:before { content: "\eea0"; } + .bxs-share-alt:before { content: "\eea1"; } + .bxs-shield:before { content: "\eea2"; } + .bxs-shield-alt-2:before { content: "\eea3"; } + .bxs-shield-x:before { content: "\eea4"; } + .bxs-ship:before { content: "\eea5"; } + .bxs-shocked:before { content: "\eea6"; } + .bxs-shopping-bag:before { content: "\eea7"; } + .bxs-shopping-bag-alt:before { content: "\eea8"; } + .bxs-shopping-bags:before { content: "\eea9"; } + .bxs-show:before { content: "\eeaa"; } + .bxs-skip-next-circle:before { content: "\eeab"; } + .bxs-skip-previous-circle:before { content: "\eeac"; } + .bxs-skull:before { content: "\eead"; } + .bxs-sleepy:before { content: "\eeae"; } + .bxs-slideshow:before { content: "\eeaf"; } + .bxs-smile:before { content: "\eeb0"; } + .bxs-sort-alt:before { content: "\eeb1"; } + .bxs-spa:before { content: "\eeb2"; } + .bxs-speaker:before { content: "\eeb3"; } + .bxs-spray-can:before { content: "\eeb4"; } + .bxs-spreadsheet:before { content: "\eeb5"; } + .bxs-square:before { content: "\eeb6"; } + .bxs-square-rounded:before { content: "\eeb7"; } + .bxs-star:before { content: "\eeb8"; } + .bxs-star-half:before { content: "\eeb9"; } + .bxs-sticker:before { content: "\eeba"; } + .bxs-stopwatch:before { content: "\eebb"; } + .bxs-store:before { content: "\eebc"; } + .bxs-store-alt:before { content: "\eebd"; } + .bxs-sun:before { content: "\eebe"; } + .bxs-tachometer:before { content: "\eebf"; } + .bxs-tag:before { content: "\eec0"; } + .bxs-tag-alt:before { content: "\eec1"; } + .bxs-tag-x:before { content: "\eec2"; } + .bxs-taxi:before { content: "\eec3"; } + .bxs-tennis-ball:before { content: "\eec4"; } + .bxs-terminal:before { content: "\eec5"; } + .bxs-thermometer:before { content: "\eec6"; } + .bxs-time:before { content: "\eec7"; } + .bxs-time-five:before { content: "\eec8"; } + .bxs-timer:before { content: "\eec9"; } + .bxs-tired:before { content: "\eeca"; } + .bxs-toggle-left:before { content: "\eecb"; } + .bxs-toggle-right:before { content: "\eecc"; } + .bxs-tone:before { content: "\eecd"; } + .bxs-torch:before { content: "\eece"; } + .bxs-to-top:before { content: "\eecf"; } + .bxs-traffic:before { content: "\eed0"; } + .bxs-traffic-barrier:before { content: "\eed1"; } + .bxs-traffic-cone:before { content: "\eed2"; } + .bxs-train:before { content: "\eed3"; } + .bxs-trash:before { content: "\eed4"; } + .bxs-trash-alt:before { content: "\eed5"; } + .bxs-tree:before { content: "\eed6"; } + .bxs-trophy:before { content: "\eed7"; } + .bxs-truck:before { content: "\eed8"; } + .bxs-t-shirt:before { content: "\eed9"; } + .bxs-tv:before { content: "\eeda"; } + .bxs-up-arrow:before { content: "\eedb"; } + .bxs-up-arrow-alt:before { content: "\eedc"; } + .bxs-up-arrow-circle:before { content: "\eedd"; } + .bxs-up-arrow-square:before { content: "\eede"; } + .bxs-upside-down:before { content: "\eedf"; } + .bxs-upvote:before { content: "\eee0"; } + .bxs-user:before { content: "\eee1"; } + .bxs-user-account:before { content: "\eee2"; } + .bxs-user-badge:before { content: "\eee3"; } + .bxs-user-check:before { content: "\eee4"; } + .bxs-user-circle:before { content: "\eee5"; } + .bxs-user-detail:before { content: "\eee6"; } + .bxs-user-minus:before { content: "\eee7"; } + .bxs-user-pin:before { content: "\eee8"; } + .bxs-user-plus:before { content: "\eee9"; } + .bxs-user-rectangle:before { content: "\eeea"; } + .bxs-user-voice:before { content: "\eeeb"; } + .bxs-user-x:before { content: "\eeec"; } + .bxs-vector:before { content: "\eeed"; } + .bxs-vial:before { content: "\eeee"; } + .bxs-video:before { content: "\eeef"; } + .bxs-video-off:before { content: "\eef0"; } + .bxs-video-plus:before { content: "\eef1"; } + .bxs-video-recording:before { content: "\eef2"; } + .bxs-videos:before { content: "\eef3"; } + .bxs-virus:before { content: "\eef4"; } + .bxs-virus-block:before { content: "\eef5"; } + .bxs-volume:before { content: "\eef6"; } + .bxs-volume-full:before { content: "\eef7"; } + .bxs-volume-low:before { content: "\eef8"; } + .bxs-volume-mute:before { content: "\eef9"; } + .bxs-wallet:before { content: "\eefa"; } + .bxs-wallet-alt:before { content: "\eefb"; } + .bxs-washer:before { content: "\eefc"; } + .bxs-watch:before { content: "\eefd"; } + .bxs-watch-alt:before { content: "\eefe"; } + .bxs-webcam:before { content: "\eeff"; } + .bxs-widget:before { content: "\ef00"; } + .bxs-window-alt:before { content: "\ef01"; } + .bxs-wine:before { content: "\ef02"; } + .bxs-wink-smile:before { content: "\ef03"; } + .bxs-wink-tongue:before { content: "\ef04"; } + .bxs-wrench:before { content: "\ef05"; } + .bxs-x-circle:before { content: "\ef06"; } + .bxs-x-square:before { content: "\ef07"; } + .bxs-yin-yang:before { content: "\ef08"; } + .bxs-zap:before { content: "\ef09"; } + .bxs-zoom-in:before { content: "\ef0a"; } + .bxs-zoom-out:before { content: "\ef0b"; } + .app-header { position: fixed; inset-inline-start: calc(var(--spacing) * 0); @@ -45030,24 +58633,30 @@ html.dark, transition-duration: 0.1s; --tw-ease: linear; transition-timing-function: linear; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .app-header #mainHeaderProfile { color: var(--color-headerprimecolor); } + .app-header { - @media (width >= 64rem) { + @media (width >=64rem) { padding-inline-start: calc(var(--spacing) * 60); } } + .header-icon-badge { position: absolute; top: calc(var(--spacing) * 3); @@ -45056,63 +58665,79 @@ html.dark, padding-block: 0.15rem; font-size: 0.625rem; } + .related-app { border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-defaultborder); text-align: center; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .related-app:hover { background-color: var(--color-light); } + .header-profile-dropdown { top: 15px !important; min-width: 11rem; } + .dark .dropdown-profile p { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } + .dark .dropdown-profile span { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } + .main-header-container { display: flex; height: 100%; align-items: stretch; justify-content: space-between; } + .main-header-container .header-content-left, .main-header-container .header-content-right { display: flex; align-items: center !important; } + .main-header-container .header-element { display: flex; align-items: stretch; } + .main-header-container .header-link { display: flex; align-items: center; padding-inline: 0.65rem; padding-block: calc(var(--spacing) * 4); } -.main-header-container .header-link:hover .header-link-icon, .main-header-container .header-link.show .header-link-icon { + +.main-header-container .header-link:hover .header-link-icon, +.main-header-container .header-link.show .header-link-icon { fill: var(--color-headerprimecolor); color: var(--color-headerprimecolor); } + .main-header-container .header-link-icon { position: relative; display: flex; @@ -45133,19 +58758,24 @@ html.dark, --tw-ease: linear; transition-timing-function: linear; } + .main-header-container .header-link-icon:hover { background-color: var(--color-light); } + .main-header-container .dropdown-toggle { text-decoration-line: none; } + .main-header-container .dropdown-toggle::after { --tw-content: none; content: none; } + .main-header-container .main-profile-user .dropdown-menu { width: calc(var(--spacing) * 52); } + .main-header-container .main-profile-user .dropdown-item { display: flex; height: 2.375rem; @@ -45157,50 +58787,63 @@ html.dark, font-weight: var(--font-weight-normal); color: var(--color-defaulttextcolor); } + .main-header-container .main-profile-user .dropdown-item:hover { color: var(--color-primary); } + .main-header-container .main-profile-user .dropdown-item:hover i { color: var(--color-primary); opacity: 1; } + .main-header-container .main-header-dropdown { top: -3px; - --tw-shadow: 0rem 0.25rem 0.625rem var(--tw-shadow-color, rgba(20,20,20,0.1)); + --tw-shadow: 0rem 0.25rem 0.625rem var(--tw-shadow-color, rgba(20, 20, 20, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .main-header-container .main-header-dropdown.header-shortcuts-dropdown { width: 22rem; } + .main-header-container .main-header-dropdown .dropdown-item { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-bottom-color: var(--color-defaultborder); padding: 0.65rem; + &:where(.dark, .dark *) { border-bottom-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .main-header-container .main-header-dropdown .dropdown-item:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } + .main-header-container .cart-dropdown .main-header-dropdown { width: 22rem !important; } + .main-header-container .notifications-dropdown .main-header-dropdown { width: 22rem; } + [dir=rtl] .sidemenu-toggle .open-toggle { rotate: 180deg; } + .header-product-item { display: flex; padding-inline-start: calc(var(--spacing) * 0); } + .header-product-item li { position: relative; list-style-type: none; @@ -45210,6 +58853,7 @@ html.dark, font-weight: var(--font-weight-normal); color: var(--color-textmuted); } + .header-product-item li:nth-child(2), .header-product-item li:nth-child(3), .header-product-item li:nth-child(4) { @@ -45217,31 +58861,38 @@ html.dark, content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: -0.438rem; } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 1); } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 2.5); } + &::before { content: var(--tw-content); width: 1px; } + &::before { content: var(--tw-content); background-color: var(--color-textmuted); } + &::before { content: var(--tw-content); opacity: 0.1; } } + .header-cart-remove .ti { margin-inline-start: calc(var(--spacing) * 3); border-radius: var(--radius-sm); @@ -45249,24 +58900,30 @@ html.dark, font-size: 0.85rem; color: var(--color-danger); } + .header-cart-remove:hover .ti { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + #searchModal .form-control { position: relative; } + #searchModal .input-group { border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-primary); } + #searchModal .input-group i { color: var(--color-textmuted); } + .search-tags { margin: calc(var(--spacing) * 1); display: inline-flex; @@ -45286,9 +58943,11 @@ html.dark, font-weight: var(--font-weight-normal); color: var(--color-defaulttextcolor); } + .search-tags .tag-addon:last-child { border-radius: var(--radius-md); } + .search-tags a.tag-addon { margin-inline-start: calc(var(--spacing) * 2); margin-inline-end: -0.4rem; @@ -45301,6 +58960,7 @@ html.dark, text-align: center; text-decoration-line: none; } + .search-tags a.tag-addon i { margin-inline: calc(0.25rem * -1); margin-block: calc(var(--spacing) * 0); @@ -45309,59 +58969,74 @@ html.dark, line-height: calc(var(--spacing) * 6); color: var(--font-size-defaultsize); } + .search-tags i { color: var(--font-size-defaultsize); } + .country-selector .header-link img { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); } + .country-selector .dropdown-menu img { height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); } + #header-shortcut-scroll, #header-notification-scroll, #header-cart-items-scroll { max-height: calc(var(--spacing) * 80); } + .pulse { display: block; animation: var(--animate-pulse); cursor: pointer; } + .pulse.pulse-secondary { - --tw-shadow: 0rem 0rem 0rem var(--tw-shadow-color, rgba(35,183,229,0.4)); + --tw-shadow: 0rem 0rem 0rem var(--tw-shadow-color, rgba(35, 183, 229, 0.4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + [class=light] .layout-setting .dark-layout { display: none; } + [class=light] .layout-setting .light-layout { display: block; } + .layout-setting .dark-layout { display: none; } + .layout-setting .light-layout { display: block; } + .dark .layout-setting .light-layout { display: none; } + .dark .layout-setting .dark-layout { display: block; } + @media (max-width: 767.98px) { .header-element.header-fullscreen { display: none; } } + @media (max-width: 575.98px) { .app-header .dropdown-menu { width: 100%; } } + .animated-arrow.hor-toggle { position: relative; margin: 0.3125rem; @@ -45370,6 +59045,7 @@ html.dark, text-align: center; font-size: 1.2rem; } + .animated-arrow { position: absolute; inset-inline-start: calc(var(--spacing) * 0); @@ -45389,9 +59065,11 @@ html.dark, --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } + .animated-arrow.hor-toggle span { vertical-align: middle; } + .animated-arrow span { position: absolute; display: block; @@ -45408,13 +59086,16 @@ html.dark, transition-timing-function: var(--ease-in-out); --tw-content: ""; content: var(--tw-content); + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } + .animated-arrow span:before, .animated-arrow span:after { transition-property: all; @@ -45425,26 +59106,31 @@ html.dark, --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } + .animated-arrow span { &::before { content: var(--tw-content); top: -0.375rem; } + &::before { content: var(--tw-content); width: 1.4375rem; } } + .animated-arrow span { &::after { content: var(--tw-content); bottom: -0.375rem; } + &::after { content: var(--tw-content); width: calc(var(--spacing) * 60); } } + .animated-arrow span:before, .animated-arrow span:after { position: absolute; @@ -45455,13 +59141,16 @@ html.dark, background-color: var(--color-headerprimecolor); --tw-content: ""; content: var(--tw-content); + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } + [data-toggled=icon-overlay-close] .animated-arrow span, [data-toggled=close-menu-close] .animated-arrow span, [data-toggled=icon-text-close] .animated-arrow span, @@ -45474,6 +59163,7 @@ html.dark, background-color: transparent !important; background-image: none !important; } + [data-toggled=icon-overlay-close] .animated-arrow span, [data-toggled=close-menu-close] .animated-arrow span, [data-toggled=icon-text-close] .animated-arrow span, @@ -45487,11 +59177,13 @@ html.dark, content: var(--tw-content); bottom: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); rotate: 45deg !important; } } + [data-toggled=icon-overlay-close] .animated-arrow span, [data-toggled=close-menu-close] .animated-arrow span, [data-toggled=icon-text-close] .animated-arrow span, @@ -45506,6 +59198,7 @@ html.dark, top: calc(var(--spacing) * 0) !important; } } + [data-toggled=icon-overlay-close] .animated-arrow span, [data-toggled=close-menu-close] .animated-arrow span, [data-toggled=icon-text-close] .animated-arrow span, @@ -45520,6 +59213,7 @@ html.dark, rotate: calc(45deg * -1) !important; } } + [data-toggled=icon-overlay-close] .animated-arrow span, [data-toggled=close-menu-close] .animated-arrow span, [data-toggled=icon-text-close] .animated-arrow span, @@ -45533,20 +59227,24 @@ html.dark, content: var(--tw-content); top: calc(var(--spacing) * 0) !important; } + &::after { content: var(--tw-content); width: 1.0625rem !important; } } + .header-notification-text { max-width: 14.5rem; } + .header-icon { font-size: 1.125rem; --tw-leading: 1.75rem; line-height: 1.75rem; color: var(--color-headerprimecolor); } + .badge { border-radius: var(--radius-sm); padding-inline: 0.45rem; @@ -45557,6 +59255,7 @@ html.dark, --tw-font-weight: 600; font-weight: 600; } + .avatar.avatar-sm { height: 1.75rem !important; width: 1.75rem !important; @@ -45564,33 +59263,42 @@ html.dark, --tw-leading: 1.75rem !important; line-height: 1.75rem !important; } + .dropdown-divider { margin: calc(var(--spacing) * 0); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .dark .app-header { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; border-bottom-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-bodybg) !important; } + @media (max-width: 575.98px) { - .main-header-container .header-element > button, - .main-header-container .header-element > a { + + .main-header-container .header-element>button, + .main-header-container .header-element>a { padding-block: calc(var(--spacing) * 4) !important; } } + @media (max-width: 991.98px) { .app-header .horizontal-logo .header-logo img { height: calc(var(--spacing) * 8); @@ -45598,498 +59306,622 @@ html.dark, line-height: calc(var(--spacing) * 8); } } + .main-index footer { padding-inline-start: calc(var(--spacing) * 0) !important; } + .box.crm-highlight-card { position: relative; overflow: hidden; background-color: var(--color-primary) !important; --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); + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); z-index: 0; } + &::after { content: var(--tw-content); height: 100%; } + &::after { content: var(--tw-content); width: 100%; } + &::after { content: var(--tw-content); background-image: url('../images/media/media-65.png'); } + &::after { content: var(--tw-content); background-size: cover; } + &::after { content: var(--tw-content); background-position: center; } + &::after { content: var(--tw-content); background-repeat: no-repeat; } + &::after { content: var(--tw-content); opacity: 20%; } } + .box.crm-highlight-card .box-body { z-index: 10; } + .crm-lead-legend { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(0.625rem * -1); } + &::before { content: var(--tw-content); top: 0.375rem; } + &::before { content: var(--tw-content); height: 0.375rem; } + &::before { content: var(--tw-content); width: 0.375rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-md); } } + .crm-lead-legend.mobile:before { background-color: var(--color-primary); } + .crm-lead-legend.desktop:before { background-color: var(--color-secondary); } + .crm-lead-legend.laptop:before { background-color: var(--color-warning); } + .crm-lead-legend.tablet:before { background-color: var(--color-success); } + .crm-leadsinprogress { margin-bottom: calc(var(--spacing) * 0); } + .crm-leadsinprogress li { margin-bottom: 1.3rem; } + .crm-leadsinprogress li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .leads-source-chart canvas { position: relative; height: 244px !important; } + .leads-source-chart .lead-source-value { position: absolute; text-align: center; } + #leads-source { height: 18rem !important; width: auto !important; } + .crm-deals-status li { position: relative; margin-inline-start: calc(var(--spacing) * 4); margin-bottom: calc(var(--spacing) * 4); + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * -4); } + &::before { content: var(--tw-content); top: 0.375rem; } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 2); } + &::before { content: var(--tw-content); width: calc(var(--spacing) * 2); } + &::before { content: var(--tw-content); border-radius: 50%; } } + .crm-deals-status li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .crm-deals-status li.primary:before { background-color: var(--color-primary); } + .crm-deals-status li.info:before { background-color: var(--color-info); } + .crm-deals-status li.warning:before { background-color: var(--color-warning); } + .crm-deals-status li.success:before { background-color: var(--color-success); } + .crm-timeline-content { width: 15.5rem; } + .crm-recent-activity li { padding-bottom: 1rem; } + .crm-recent-activity li:last-child { padding-bottom: calc(var(--spacing) * 0); } + .crm-recent-activity .crm-timeline-content { width: 15.5rem; } + .crm-recent-activity-content { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 0.5625rem; } + &::before { content: var(--tw-content); top: 1.4375rem; } + &::before { content: var(--tw-content); width: 1px; } + &::before { content: var(--tw-content); background-color: transparent; } } + .crm-recent-activity-content:nth-child(1) { &::before { content: var(--tw-content); height: 60%; } + &::before { content: var(--tw-content); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } } + .crm-recent-activity-content:nth-child(2) { &::before { content: var(--tw-content); height: 68%; } + &::before { content: var(--tw-content); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(35, 183, 229) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } } + .crm-recent-activity-content:nth-child(3) { &::before { content: var(--tw-content); height: 42%; } + &::before { content: var(--tw-content); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } } + .crm-recent-activity-content:nth-child(4) { &::before { content: var(--tw-content); height: 60%; } + &::before { content: var(--tw-content); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(231, 145, 188) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink) 20%, transparent); } } } + .crm-recent-activity-content:nth-child(5) { &::before { content: var(--tw-content); height: 47%; } + &::before { content: var(--tw-content); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(245, 184, 73) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } } } + .crm-recent-activity-content:nth-child(6) { &::before { content: var(--tw-content); height: 60%; } + &::before { content: var(--tw-content); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(73, 182, 245) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 20%, transparent); } } } + .crm-recent-activity-content:nth-child(7) { &::before { content: var(--tw-content); height: 50%; } + &::before { content: var(--tw-content); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: color-mix(in oklab, #232323 20%, transparent); } + &:where(.dark, .dark *) { &::before { content: var(--tw-content); border-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } } + .crm-recent-activity-content:last-child { &::before { content: var(--tw-content); display: none; } } + #crm-main circle { fill: transparent; } + #crm-main .apexcharts-datalabels-group text { fill: color-mix(in srgb, #fff 90%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 90%, transparent); } } + #crm-main #apexcharts-radialbarTrack-0 { stroke: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-black) 20%, transparent); } } + #crm-revenue-analytics .apexcharts-title-text { --tw-translate-y: 0.625rem; translate: var(--tw-translate-x) var(--tw-translate-y); } + .apexcharts-bar-series.apexcharts-plot-series .apexcharts-series .apexcharts-bar-area { stroke: var(--color-defaultborder) !important; } + .apexcharts-legend-text { margin-inline-start: calc(0.625rem * -1) !important; padding-inline-start: 0.9375rem !important; color: var(--color-defaulttextcolor) !important; } -.apexcharts-text.apexcharts-yaxis-label tspan, .apexcharts-text.apexcharts-xaxis-label tspan { + +.apexcharts-text.apexcharts-yaxis-label tspan, +.apexcharts-text.apexcharts-xaxis-label tspan { fill: #8c9097; } + .ecommerce-icon svg { height: 1.75rem; width: 1.75rem; border-radius: var(--radius-md); padding: 0.35rem; } + .ecommerce-icon svg.primary { background-color: var(--color-primary); } + .ecommerce-icon svg.secondary { background-color: var(--color-secondary); } + .ecommerce-icon svg.success { background-color: var(--color-success); } + .ecommerce-icon svg.warning { background-color: var(--color-warning); } + .svg-white { fill: var(--color-white); } + .ecommerce-sale-image { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } } + .ecommerce-sale-image img { height: 16.625rem; } + .card-img-overlay { position: absolute; inset: calc(var(--spacing) * 0); display: flex; flex-direction: column; } + .card-img, .card-img-bottom, .card-img-top { width: 100%; } + .ecommerce-bankoffer-details { width: 70%; border-radius: var(--radius-md); background-color: color-mix(in srgb, #fff 25%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } + padding: 0.625rem; font-size: 0.75rem; opacity: 0.8; --tw-backdrop-blur: blur(1.875rem); - 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, ); } + .ecommerce-sale-days { position: absolute; bottom: 1.25rem; border-radius: var(--radius-md); background-color: color-mix(in srgb, #fff 25%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } + padding-inline: 0.625rem; padding-block: 0.25rem; font-size: 0.75rem; opacity: 0.8; --tw-backdrop-blur: blur(1.875rem); - 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, ); } + .ecommerce-sales-calendar { position: absolute; inset-inline-end: 1.875rem; border-radius: 0.3rem; background-color: color-mix(in srgb, #fff 25%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } + padding-inline: 0.625rem; padding-block: 0.5rem; --tw-backdrop-blur: blur(1.875rem); - 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, ); } + .earning { position: relative; } + .earning:before { position: absolute; inset-inline-start: calc(0.818rem * -1); @@ -46099,27 +59931,32 @@ html.dark, width: 0.5rem; border-radius: 3.125rem; } + .earning.first-half { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } + .earning.top-gross { &::before { content: var(--tw-content); background-color: var(--color-primary); } } + .earning.second-half { &::before { content: var(--tw-content); background-color: #e4e7ed; } } + .nav.tab-style-1 { margin-bottom: calc(var(--spacing) * 4); border-radius: var(--radius-md); @@ -46128,17 +59965,21 @@ html.dark, background-color: var(--color-light); padding: 0.65rem; } + .nav.tab-style-1 .nav-item { margin-inline-end: calc(var(--spacing) * 2); } + .nav.tab-style-1 .nav-item:last-child { margin-inline-end: calc(var(--spacing) * 0); } + .nav.tab-style-1 .nav-link { border-radius: var(--radius-md); padding-inline: calc(var(--spacing) * 4); padding-block: 0.35rem; } + .nav.tab-style-1 .nav-link.active { background-color: var(--color-primary); color: var(--color-white); @@ -46152,6 +59993,7 @@ html.dark, --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } + .tab-content .tab-pane { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -46162,6 +60004,7 @@ html.dark, padding: calc(var(--spacing) * 4); color: var(--color-defaulttextcolor); } + .list-group-item { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; @@ -46177,37 +60020,46 @@ html.dark, padding-inline: 1.25rem; padding-block: 0.65rem; color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .list-group-item:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } + .crypto-buy-sell-input { - @media (width >= 40rem) { + @media (width >=40rem) { width: 100% !important; } } + @media (min-width: 576px) { .crypto-buy-sell-input { width: 60% !important; } } + .dark .qr-image { --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,); + 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, ); } + #btc-currency-chart, #eth-currency-chart, #ltc-currency-chart, @@ -46219,63 +60071,78 @@ html.dark, position: absolute; bottom: calc(var(--spacing) * 0); } + .currency-exchange-box { position: relative !important; z-index: 10 !important; background-color: var(--color-primary) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); z-index: 0 !important; } + &::before { content: var(--tw-content); height: 100% !important; } + &::before { content: var(--tw-content); width: 100% !important; } + &::before { content: var(--tw-content); background-image: url('../images/media/media-1.jpg') !important; } + &::before { content: var(--tw-content); background-size: cover !important; } + &::before { content: var(--tw-content); background-position: center !important; } + &::before { content: var(--tw-content); background-repeat: no-repeat !important; } + &::before { content: var(--tw-content); opacity: 10% !important; } } + .currency-exchange-box .currency-exchange-area { background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } + --tw-backdrop-blur: blur(30px) !important; - 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,) !important; + 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, ) !important; } + #buy-crypto2 .choices__inner, #sell-crypto2 .choices__inner, #buy-crypto .choices__inner, #sell-crypto .choices__inner { min-width: 5rem !important; } + #buy-crypto2 .choices__list--dropdown .choices__item--selectable::after, #buy-crypto2 .choices__list[aria-expanded] .choices__item--selectable::after, #sell-crypto2 .choices__list--dropdown .choices__item--selectable::after, @@ -46286,6 +60153,7 @@ html.dark, #sell-crypto .choices__list[aria-expanded] .choices__item--selectable::after { display: none !important; } + #buy-crypto2 .choices__list--dropdown .choices__item--selectable, #buy-crypto2 .choices__list[aria-expanded] .choices__item--selectable, #sell-crypto2 .choices__list--dropdown .choices__item--selectable, @@ -46296,50 +60164,62 @@ html.dark, #sell-crypto .choices__list[aria-expanded] .choices__item--selectable { padding-inline-end: calc(var(--spacing) * 0) !important; } + #btc-chart .apexcharts-grid, #eth-chart .apexcharts-grid, #dash-chart .apexcharts-grid { display: none; } + .basic-subscription, .pro-subscription { position: relative !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset-inline-start: calc(0.938rem * -1) !important; } + &::before { content: var(--tw-content); top: 0.6rem !important; } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 2) !important; } + &::before { content: var(--tw-content); width: calc(var(--spacing) * 2) !important; } + &::before { content: var(--tw-content); border-radius: 0.3rem !important; } } + .basic-subscription:before { background-color: var(--color-primary); } + .pro-subscription:before { background-color: var(--color-secondary); } + .featured-nft { height: 13rem; width: 100%; border-radius: var(--radius-md); } + .featured-nft img { height: 100%; width: 100%; @@ -46348,9 +60228,11 @@ html.dark, background-position: center; background-repeat: no-repeat; } + .svg-primary { fill: var(--color-primary); } + .nft-auction-time { position: absolute; inset-inline-end: calc(var(--spacing) * 4); @@ -46360,20 +60242,24 @@ html.dark, padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); --tw-backdrop-blur: blur(1.875rem); - 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, ); } + .nft-like-section { position: absolute; top: calc(var(--spacing) * 4); } + .nft-like-badge { background-color: #ffffff26; --tw-backdrop-blur: blur(1.875rem); - 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, ); } + .nft-collector-progress { width: 3.125rem; } + .nft-details-auction-time { position: absolute; inset-inline-end: calc(8.4375rem * -1); @@ -46390,6 +60276,7 @@ html.dark, font-weight: var(--font-weight-medium); color: var(--color-white); } + .nft-wallet { position: relative; border-radius: var(--radius-md); @@ -46399,106 +60286,153 @@ html.dark, text-align: center; --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); + &:hover { @media (hover: hover) { background-color: var(--color-light); } } } + .nft-wallet.active { border-color: var(--color-primary); } + .nft-list li:hover { background-color: var(--color-light); color: var(--color-primary); } -.nft-tag.nft-tag-primary:hover, .nft-tag.nft-tag-primary.active { + +.nft-tag.nft-tag-primary:hover, +.nft-tag.nft-tag-primary.active { color: var(--color-primary); } -.nft-tag.nft-tag-primary:hover .nft-tag-icon, .nft-tag.nft-tag-primary.active .nft-tag-icon { + +.nft-tag.nft-tag-primary:hover .nft-tag-icon, +.nft-tag.nft-tag-primary.active .nft-tag-icon { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .nft-tag.nft-tag-primary .nft-tag-icon { color: var(--color-primary); } -.nft-tag.nft-tag-secondary:hover, .nft-tag.nft-tag-secondary.active { + +.nft-tag.nft-tag-secondary:hover, +.nft-tag.nft-tag-secondary.active { color: var(--color-secondary); } -.nft-tag.nft-tag-secondary:hover .nft-tag-icon, .nft-tag.nft-tag-secondary.active .nft-tag-icon { + +.nft-tag.nft-tag-secondary:hover .nft-tag-icon, +.nft-tag.nft-tag-secondary.active .nft-tag-icon { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + .nft-tag.nft-tag-secondary .nft-tag-icon { color: var(--color-secondary); } -.nft-tag.nft-tag-warning:hover, .nft-tag.nft-tag-warning.active { + +.nft-tag.nft-tag-warning:hover, +.nft-tag.nft-tag-warning.active { color: var(--color-warning); } -.nft-tag.nft-tag-warning:hover .nft-tag-icon, .nft-tag.nft-tag-warning.active .nft-tag-icon { + +.nft-tag.nft-tag-warning:hover .nft-tag-icon, +.nft-tag.nft-tag-warning.active .nft-tag-icon { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } + .nft-tag.nft-tag-warning .nft-tag-icon { color: var(--color-warning); } -.nft-tag.nft-tag-info:hover, .nft-tag.nft-tag-info.active { + +.nft-tag.nft-tag-info:hover, +.nft-tag.nft-tag-info.active { color: var(--color-info); } -.nft-tag.nft-tag-info:hover .nft-tag-icon, .nft-tag.nft-tag-info.active .nft-tag-icon { + +.nft-tag.nft-tag-info:hover .nft-tag-icon, +.nft-tag.nft-tag-info.active .nft-tag-icon { background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } + .nft-tag.nft-tag-info .nft-tag-icon { color: var(--color-info); } -.nft-tag.nft-tag-success:hover, .nft-tag.nft-tag-success.active { + +.nft-tag.nft-tag-success:hover, +.nft-tag.nft-tag-success.active { color: var(--color-success) !important; } -.nft-tag.nft-tag-success:hover .nft-tag-icon, .nft-tag.nft-tag-success.active .nft-tag-icon { + +.nft-tag.nft-tag-success:hover .nft-tag-icon, +.nft-tag.nft-tag-success.active .nft-tag-icon { color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-success) 10%, transparent); } } + .nft-tag.nft-tag-success .nft-tag-icon { color: var(--color-success) !important; } -.nft-tag.nft-tag-danger:hover, .nft-tag.nft-tag-danger.active { + +.nft-tag.nft-tag-danger:hover, +.nft-tag.nft-tag-danger.active { color: var(--color-danger); } -.nft-tag.nft-tag-danger:hover .nft-tag-icon, .nft-tag.nft-tag-danger.active .nft-tag-icon { + +.nft-tag.nft-tag-danger:hover .nft-tag-icon, +.nft-tag.nft-tag-danger.active .nft-tag-icon { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + .nft-tag.nft-tag-danger .nft-tag-icon { color: var(--color-danger); } -.nft-tag.nft-tag-dark:hover, .nft-tag.nft-tag-dark.active { + +.nft-tag.nft-tag-dark:hover, +.nft-tag.nft-tag-dark.active { color: var(--color-black); } -.nft-tag.nft-tag-dark:hover .nft-tag-icon, .nft-tag.nft-tag-dark.active .nft-tag-icon { + +.nft-tag.nft-tag-dark:hover .nft-tag-icon, +.nft-tag.nft-tag-dark.active .nft-tag-icon { background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + .nft-tag.nft-tag-dark .nft-tag-icon { color: var(--color-black); + &:where(.dark, .dark *) { color: var(--color-white); } } + .nft-tag .nft-tag-text { display: inline-block; padding-block: calc(var(--spacing) * 0); @@ -46507,6 +60441,7 @@ html.dark, --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + .nft-tag .nft-tag-icon { display: inline-block; border-radius: var(--radius-full); @@ -46514,6 +60449,7 @@ html.dark, padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); } + .nft-tag { position: relative; display: inline-flex; @@ -46526,16 +60462,20 @@ html.dark, border-color: var(--color-white); background-color: var(--color-white); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .nft-timer-container { position: absolute; top: 7%; @@ -46554,6 +60494,7 @@ html.dark, font-weight: var(--font-weight-medium); color: var(--color-white); } + .nft-btn { position: absolute; inset-inline-end: 5%; @@ -46566,9 +60507,11 @@ html.dark, justify-content: center; border-radius: var(--radius-full); background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } + padding: 5px; font-size: 1rem; color: var(--color-white); @@ -46580,15 +60523,18 @@ html.dark, --tw-ease: linear; transition-timing-function: linear; } + .nft-btn:hover { background-color: var(--color-white); color: var(--color-primary); } + .nft-img { max-height: 10rem; width: 100%; border-radius: var(--radius-md); } + .lead-discovered, .lead-qualified, .contact-initiated, @@ -46597,145 +60543,182 @@ html.dark, .deal-finalized { position: relative; margin-inline-start: 1rem; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(0.875rem * -1); } + &::before { content: var(--tw-content); top: 0.4375rem; } + &::before { content: var(--tw-content); height: 0.5rem; } + &::before { content: var(--tw-content); width: 0.5rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-full); } } + .lead-discovered:before { background-color: var(--color-primary); } + .lead-qualified:before { background-color: var(--color-warning); } + .contact-initiated:before { background-color: var(--color-success); } + .need-identified:before { background-color: var(--color-info); } + .negotiation:before { background-color: var(--color-danger); } + .deal-finalized:before { background-color: var(--color-secondary); } + #leads-discovered .box.custom-box { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.4rem !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, rgb(132, 90, 223) 40%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important; } } + #leads-discovered .box.custom-box .company-name { color: var(--color-primary); } + #leads-discovered .box.custom-box .avatar { background-color: var(--color-primary); } + #leads-qualified .box.custom-box { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.4rem !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, rgb(245, 184, 73) 40%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 40%, transparent) !important; } } + #leads-qualified .box.custom-box .company-name { color: var(--color-warning); } + #leads-qualified .box.custom-box .avatar { background-color: var(--color-warning); } + #contact-initiated .box.custom-box { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.4rem !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, rgb(38, 191, 148) 40%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 40%, transparent) !important; } } + #contact-initiated .box.custom-box .company-name { color: var(--color-success); } + #contact-initiated .box.custom-box .avatar { background-color: var(--color-success); } + #needs-identified .box.custom-box { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.4rem !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, rgb(73, 182, 245) 40%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 40%, transparent) !important; } } + #needs-identified .box.custom-box .company-name { color: var(--color-info); } + #needs-identified .box.custom-box .avatar { background-color: var(--color-info); } + #negotiation .box.custom-box { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.4rem !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, rgb(230, 83, 60) 40%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 40%, transparent) !important; } } + #negotiation .box.custom-box .company-name { color: var(--color-danger); } + #negotiation .box.custom-box .avatar { background-color: var(--color-danger); } + #deal-finalized .box.custom-box { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.4rem !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, rgb(35, 183, 229) 40%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 40%, transparent) !important; } } + #deal-finalized .box.custom-box .company-name { color: var(--color-secondary); } + #deal-finalized .box.custom-box .avatar { background-color: var(--color-secondary); } + #leads-discovered .box.custom-box, #leads-qualified .box.custom-box, #contact-initiated .box.custom-box, @@ -46744,6 +60727,7 @@ html.dark, #deal-finalized .box.custom-box { margin-bottom: calc(var(--spacing) * 2); } + #leads-discovered .box.custom-box:last-child, #leads-qualified .box.custom-box:last-child, #contact-initiated .box.custom-box:last-child, @@ -46752,6 +60736,7 @@ html.dark, #deal-finalized .box.custom-box:last-child { margin-bottom: 1.5rem; } + #leads-discovered .box.custom-box .box-body, #leads-qualified .box.custom-box .box-body, #contact-initiated .box.custom-box .box-body, @@ -46760,6 +60745,7 @@ html.dark, #deal-finalized .box.custom-box .box-body { padding: calc(var(--spacing) * 4); } + #leads-discovered .box.custom-box .box-body .deal-description, #leads-qualified .box.custom-box .box-body .deal-description, #contact-initiated .box.custom-box .box-body .deal-description, @@ -46768,10 +60754,12 @@ html.dark, #deal-finalized .box.custom-box .box-body .deal-description { margin-inline-start: 2.25rem; } + .card-img-top { border-start-start-radius: 0.375 !important; border-start-end-radius: 0.375 !important; } + .bg-primary-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -46780,6 +60768,7 @@ html.dark, --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)); color: var(--color-white); } + .swiper { position: relative; z-index: 1; @@ -46787,9 +60776,11 @@ html.dark, list-style-type: none; padding: calc(var(--spacing) * 0); } -.swiper-vertical > .swiper-wrapper { + +.swiper-vertical>.swiper-wrapper { flex-direction: column; } + .swiper-wrapper { position: relative; z-index: 1; @@ -46801,14 +60792,17 @@ html.dark, transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } + .swiper-pointer-events { --tw-pan-y: pan-y; - touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); + touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } + .swiper-pointer-events.swiper-vertical { --tw-pan-x: pan-x; - touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); + touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } + .swiper-slide { position: relative; height: 100%; @@ -46818,37 +60812,45 @@ html.dark, transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } + .swiper-slide img { display: block; height: 100%; width: 100%; -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } + .nft-featuredcollect-image { position: relative !important; height: 8.813rem !important; border-radius: var(--radius-md) !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); height: 100% !important; } + &::before { content: var(--tw-content); width: 100% !important; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } } + .main-card-icon { position: absolute; inset-inline-end: calc(var(--spacing) * 4); @@ -46856,86 +60858,106 @@ html.dark, border-radius: var(--radius-md); padding: calc(var(--spacing) * 3); } + .tansaction-icon { inset-inline-end: calc(var(--spacing) * 3); border-radius: var(--radius-sm); padding: 0.375rem; } + .tansaction-icon svg { height: 1.25rem; width: 1.25rem; } + .recent-transactions-card .list-group-item { padding-inline: 1.25rem; padding-block: calc(var(--spacing) * 3); } + .tansaction-icon { margin-inline-end: calc(var(--spacing) * 3); border-radius: var(--radius-sm); padding: 0.375rem; } + .tansaction-icon svg { height: 1.25rem; width: 1.25rem; } + .timeline-main { padding-inline-start: 1.77rem; } + .latest-timeline ul.timeline-main { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 1); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 3); } + &::before { content: var(--tw-content); z-index: 0; } + &::before { content: var(--tw-content); height: 84%; } + &::before { content: var(--tw-content); width: 1px; } + &::before { content: var(--tw-content); border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0.125rem; } + &::before { content: var(--tw-content); --tw-border-style: dotted; border-style: dotted; } + &::before { content: var(--tw-content); border-color: var(--color-defaultborder); } + &:where(.dark, .dark *) { &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } } + .latest-timeline .timeline-main li.activity { position: relative; margin-bottom: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 0); } + .featured_icon1 { position: relative; top: calc(var(--spacing) * 3); @@ -46949,20 +60971,26 @@ html.dark, line-height: 3.75rem; color: var(--color-black); } + .featured_icon1.featured-danger { background-color: var(--color-danger); } + .featured_icon1.featured-success { background-color: var(--color-success); } + .nav.panel-tabs-task a.active { border-radius: var(--radius-md) !important; background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent) !important; } + color: var(--color-info) !important; } + .nav.panel-tabs-task a { padding-inline: calc(var(--spacing) * 2) !important; padding-block: 0.4rem !important; @@ -46975,9 +61003,11 @@ html.dark, --tw-ease: linear !important; transition-timing-function: linear !important; } + .avatar-list-stacked { padding: calc(var(--spacing) * 0); } + .avatar-list-stacked .avatar { margin-inline-end: calc(0.5rem * -1) !important; border-radius: var(--radius-full) !important; @@ -46986,9 +61016,11 @@ html.dark, --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, #000 5%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important; } + vertical-align: middle !important; transition-property: all !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; @@ -46998,100 +61030,134 @@ html.dark, --tw-ease: linear !important; transition-timing-function: linear !important; } + .avatar-list-stacked .avatar:last-child { margin-inline-end: calc(var(--spacing) * 0) !important; } + .avatar-list-stacked .avatar:hover { z-index: 1; --tw-translate-y: calc(0.188rem * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } + [dir=rtl] .avatar-list-stacked .ri-arrow-right-s-line { rotate: 180deg; } + #visitors-countries { height: 23.4rem; } + #visitors-countries #jvm-markers-labels-group { display: none; } + #visitors-countries circle:nth-child(1) { fill: var(--color-primary); stroke: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-primary) 30%, transparent); } + stroke-width: 30; } + #visitors-countries circle:nth-child(2) { fill: var(--color-secondary); stroke: color-mix(in srgb, rgb(35, 183, 229) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-secondary) 20%, transparent); } + stroke-width: 30; } + #visitors-countries circle:nth-child(3) { fill: var(--color-danger); stroke: color-mix(in srgb, rgb(230, 83, 60) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-danger) 20%, transparent); } + stroke-width: 30; } + #visitors-countries circle:nth-child(4) { fill: var(--color-info); stroke: color-mix(in srgb, rgb(73, 182, 245) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-info) 20%, transparent); } + stroke-width: 30; } + #visitors-countries circle:nth-child(5) { fill: var(--color-primary); stroke: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-primary) 30%, transparent); } + stroke-width: 30; } + #visitors-countries circle:nth-child(6) { fill: var(--color-warning); stroke: color-mix(in srgb, rgb(245, 184, 73) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-warning) 20%, transparent); } + stroke-width: 30; } + #visitors-countries circle:nth-child(7) { fill: var(--color-success); stroke: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-success) 20%, transparent); } + stroke-width: 30; } + #visitors-countries circle:nth-child(8) { fill: var(--color-pink); stroke: color-mix(in srgb, rgb(231, 145, 188) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-pink) 20%, transparent); } + stroke-width: 30; } + #visitors-countries circle:nth-child(9) { fill: #232323; stroke: color-mix(in oklab, #232323 20%, transparent); stroke-width: 30; } + #visitors-countries circle:nth-child(10) { fill: var(--color-indigo); stroke: color-mix(in srgb, rgb(77, 93, 219) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-indigo) 20%, transparent); } + stroke-width: 30; } + #vector-map #jvm-regions-group path, #marker-map #jvm-regions-group path, #marker-image-map #jvm-regions-group path, @@ -47100,6 +61166,7 @@ html.dark, #users-map #jvm-regions-group path { fill: var(--color-light) !important; } + @media (max-width: 1399.99px) { .sales-visitors-countries { border-inline-end-style: var(--tw-border-style); @@ -47107,14 +61174,17 @@ html.dark, --tw-border-style: dashed; border-style: dashed; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } } + @media (min-width: 1400px) { .sales-visitors-countries { border-inline-end-style: var(--tw-border-style); @@ -47122,109 +61192,137 @@ html.dark, --tw-border-style: dashed; border-style: dashed; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } } + .panel-tabs-billing li a.active { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } + --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-success); } + .panel-tabs-billing li a { border-radius: var(--radius-md); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); font-size: 0.75rem; } + .billing-invoice-details { width: 11rem; } + #analytics-bouncerate { position: absolute; bottom: calc(var(--spacing) * 0); } + .custom-card.upgrade-card { position: relative !important; height: 11.625rem !important; overflow: hidden !important; background-color: var(--color-primary) !important; background-repeat: no-repeat !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); bottom: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); background-image: url('../images/media/media-85.png') !important; } + &::before { content: var(--tw-content); background-size: cover !important; } + &::before { content: var(--tw-content); background-repeat: no-repeat !important; } + &::before { content: var(--tw-content); opacity: 0.15 !important; } } + .custom-card.upgrade-card .avatar { position: absolute; inset-inline-end: 1.5rem; top: calc(0.6875rem * -1); } + .custom-card.upgrade-card .upgrade-card-content { position: absolute; bottom: calc(var(--spacing) * 4); } + #analytics-users .apexcharts-grid { display: none; } + .analytics-visitors-countries li { margin-bottom: 1.385rem; } + .analytics-visitors-countries li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .analytics-visitors-countries li .progress { width: 6.25rem; } + #country-sessions .apexcharts-graphical clipPath rect { scale: 0.98; } + .team-members-card li { margin-bottom: 1.5rem; } + .team-members-card li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .team-members-card #user1 .apexcharts-grid, .team-members-card #user2 .apexcharts-grid, .team-members-card #user3 .apexcharts-grid, @@ -47232,40 +61330,50 @@ html.dark, .team-members-card #user5 .apexcharts-grid { display: none; } + .daily-task-card, .projects-maintask-card { margin-bottom: -16px; } + .daily-task-card li, .projects-maintask-card li { margin-bottom: 1rem; } + .daily-task-card li:last-child, .daily-task-card li .card, .projects-maintask-card li:last-child, .projects-maintask-card li .card { margin-bottom: calc(var(--spacing) * 0); } + .project-transactions-card { margin-bottom: calc(var(--spacing) * 0); } + .project-transactions-card li { margin-bottom: 1rem; } + .project-transactions-card li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .projects-tracking-card { position: relative; background-color: var(--color-white); } + .projects-tracking-card .card-body { z-index: 1; } + .projects-tracking-card img { height: 9.5rem; width: 15.5rem; } + .shape-1, .shape-2, .shape-3, @@ -47285,6 +61393,7 @@ html.dark, position: absolute !important; animation: var(--animate-wase) !important; } + .shape-1 i, .shape-2 i, .shape-3 i, @@ -47303,232 +61412,292 @@ html.dark, .shape-16 i { opacity: 0.2; } + .shape-1 { inset-inline-start: 20%; top: 20%; } + .shape-2 { inset-inline-start: 5%; top: 42%; } + .shape-3 { inset-inline-end: 15%; bottom: 55%; } + .shape-4 { inset-inline-start: 55%; top: 25%; } + .shape-5 { inset-inline-start: 50%; bottom: 25%; } + .shape-6 { inset-inline-end: 10%; bottom: 10%; } + .shape-7 { inset-inline-start: 20%; bottom: 17%; } + .shape-8 { inset-inline-end: 20%; bottom: 17%; } + .shape-9 { inset-inline-end: 25%; top: 10%; } + .shape-10 { inset-inline-end: 5%; top: 15%; } + .shape-11 { inset-inline-start: 15%; bottom: 35%; } + .shape-12 { inset-inline-start: 25%; top: 40%; } + .shape-13 { inset-inline-start: 10%; bottom: 10%; } + .shape-14 { inset-inline-end: calc(10% * -1); bottom: calc(10% * -1); } + .shape-15 { inset-inline-start: calc(20% * -1); bottom: calc(17% * -1); } + .shape-16 { inset-inline-end: calc(20% * -1); bottom: calc(17% * -1); } + .hrm-main-card { border-top-style: var(--tw-border-style) !important; border-top-width: 3px !important; --tw-border-style: solid !important; border-style: solid !important; } + .hrm-main-card.primary { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important; } } + .hrm-main-card.secondary { border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent) !important; } } + .hrm-main-card.warning { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent) !important; } } + .hrm-main-card.danger { border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent) !important; } } + .hrm-jobs-legend { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(0.625rem * -1); } + &::before { content: var(--tw-content); top: 0.375rem; } + &::before { content: var(--tw-content); height: 0.375rem; } + &::before { content: var(--tw-content); width: 0.375rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-md); } } + .hrm-jobs-legend.published:before { background-color: var(--color-primary); } + .hrm-jobs-legend.private:before { background-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } + .hrm-jobs-legend.closed:before { background-color: #f3f6f8; } + .hrm-jobs-legend.onhold:before { background-color: var(--color-black); } + .timeline-widget { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 3rem; } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 0.125rem; } + &::before { content: var(--tw-content); background-color: var(--color-defaultborder); } + &:where(.dark, .dark *) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } } + .timeline-widget .timeline-widget-list { position: relative; margin-bottom: 27px; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 2.688rem; } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 1); } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 3); } + &::before { content: var(--tw-content); width: calc(var(--spacing) * 3); } + &::before { content: var(--tw-content); border-radius: 3.125rem; } + &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 0.125rem; } + &::before { content: var(--tw-content); --tw-border-style: solid; border-style: solid; } + &::before { content: var(--tw-content); border-color: var(--color-defaultborder); } + &::before { content: var(--tw-content); background-color: var(--color-white); } + &:where(.dark, .dark *) { &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + &:where(.dark, .dark *) { &::before { content: var(--tw-content); @@ -47536,12 +61705,15 @@ html.dark, } } } + .timeline-widget .timeline-widget-list:last-child { margin-bottom: calc(var(--spacing) * 0); } + .timeline-widget .timeline-widget-list .timeline-widget-content { max-width: 20rem; } + .my-stocks-ul li { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; @@ -47550,17 +61722,21 @@ html.dark, border-color: var(--color-defaultborder); padding-inline: calc(var(--spacing) * 4); padding-block: 0.87rem; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .my-stocks-ul li:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } + .category-link { display: flex; flex-direction: column; @@ -47581,25 +61757,32 @@ html.dark, transition-duration: 0.3s; --tw-ease: linear; transition-timing-function: linear; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .category-link.primary .category-svg { fill: var(--color-primary); } + .category-link.secondary .category-svg { fill: var(--color-secondary); } + .category-link.warning .category-svg { fill: var(--color-warning); } + .category-link.success .category-svg { fill: var(--color-success); } + .category-link .category-svg { margin-bottom: calc(var(--spacing) * 4); height: 1.875rem; @@ -47612,54 +61795,75 @@ html.dark, --tw-ease: linear; transition-timing-function: linear; } + .category-link.primary:not(.active):hover, .category-link.primary.active { border-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } + background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: var(--color-primary); } + .category-link.secondary:not(.active):hover, .category-link.secondary.active { border-color: color-mix(in srgb, rgb(35, 183, 229) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } + background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } + color: var(--color-secondary); } + .category-link.warning:not(.active):hover, .category-link.warning.active { border-color: color-mix(in srgb, rgb(245, 184, 73) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } + background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } + color: var(--color-warning); } + .category-link.success:not(.active):hover, .category-link.success.active { border-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 20%, transparent); } + background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } + color: var(--color-success); } + .bg-outline-primary { border-style: var(--tw-border-style); border-width: 1px; @@ -47668,6 +61872,7 @@ html.dark, border-color: var(--color-primary); color: var(--color-primary); } + .bg-outline-secondary { border-style: var(--tw-border-style); border-width: 1px; @@ -47676,6 +61881,7 @@ html.dark, border-color: var(--color-secondary); color: var(--color-secondary); } + .bg-outline-warning { border-style: var(--tw-border-style); border-width: 1px; @@ -47684,6 +61890,7 @@ html.dark, border-color: var(--color-warning); color: var(--color-warning); } + .bg-outline-info { border-style: var(--tw-border-style); border-width: 1px; @@ -47692,6 +61899,7 @@ html.dark, border-color: var(--color-info); color: var(--color-info); } + .bg-outline-success { border-style: var(--tw-border-style); border-width: 1px; @@ -47700,6 +61908,7 @@ html.dark, border-color: var(--color-success); color: var(--color-success); } + .bg-outline-danger { border-style: var(--tw-border-style); border-width: 1px; @@ -47708,6 +61917,7 @@ html.dark, border-color: var(--color-danger); color: var(--color-danger); } + .bg-outline-dark { border-style: var(--tw-border-style); border-width: 1px; @@ -47716,6 +61926,7 @@ html.dark, border-color: var(--color-black); color: var(--color-black); } + .bg-outline-light { border-style: var(--tw-border-style); border-width: 1px; @@ -47724,42 +61935,55 @@ html.dark, border-color: var(--color-light); color: var(--color-light); } + .course-status-progress { width: 3.125rem !important; } + .courses-instructors li { margin-bottom: 0.85rem; } + .courses-instructors li:last-child { margin-bottom: calc(var(--spacing) * 0); } -#waterTrack .apexcharts-grid, #sleepTrack .apexcharts-grid { + +#waterTrack .apexcharts-grid, +#sleepTrack .apexcharts-grid { display: none; } + .personal-upcoming-events li { margin-bottom: calc(var(--spacing) * 4); } + .personal-upcoming-events li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .personal-messages-list li { margin-bottom: calc(var(--spacing) * 4); } + .personal-messages-list li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .personal-messages-list li .message { max-width: 15rem; } + .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + .circle-progress { position: relative; z-index: 1; } + .circle-progress::after { position: absolute; inset-inline-end: calc(var(--spacing) * 0); @@ -47774,60 +61998,75 @@ html.dark, --tw-gradient-to: color-mix(in oklab, var(--color-white) 50%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } + .personal-goals-list li { margin-bottom: calc(var(--spacing) * 4); } + .personal-goals-list li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .personal-favourite-contacts li { margin-bottom: calc(var(--spacing) * 4); } + .personal-favourite-contacts li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .dark button.gridjs-sort, .dark button.gridjs-sort-desc, .dark button.gridjs-sort-asc { --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,); + 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, ); } + .circle-progress { position: relative; z-index: 1; + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0); } + &::after { content: var(--tw-content); top: calc(var(--spacing) * 0); } + &::after { content: var(--tw-content); z-index: -1; } + &::after { content: var(--tw-content); height: 100%; } + &::after { content: var(--tw-content); width: 100%; } + &::after { content: var(--tw-content); border-radius: var(--radius-full); } + &::after { content: var(--tw-content); - background-color: gradient-1,gradient-2; + background-color: gradient-1, gradient-2; } } + .landing-body .landing-main-image img { position: relative; z-index: 11; @@ -47835,248 +62074,334 @@ html.dark, width: 26.063rem; border-radius: var(--radius-full); background-color: color-mix(in srgb, #000 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 5rem; } + &::before { content: var(--tw-content); top: 0rem; } + &::before { content: var(--tw-content); height: 24.5rem; } + &::before { content: var(--tw-content); width: 24.5rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-full); } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + &::before { content: var(--tw-content); opacity: 0.3; } + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-start: 5.1rem; } + &::after { content: var(--tw-content); bottom: 4.4rem; } + &::after { content: var(--tw-content); height: 12.5rem; } + &::after { content: var(--tw-content); width: 12.5rem; } + &::after { content: var(--tw-content); border-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } + &::after { content: var(--tw-content); background-color: transparent; } + &::after { content: var(--tw-content); opacity: 0.3; } } + @media (min-width: 992px) { [data-nav-layout=horizontal][class=dark] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1::before { background-color: var(--color-bodybg) !important; } + [data-nav-layout=horizontal][class=dark] .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .responsive-logo-dark img { display: block; } + [data-nav-layout=horizontal][class=dark] .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .responsive-logo-light img { display: none; } + [data-nav-layout=horizontal][class=dark] .landing-body .app-sidebar.sticky { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } } + [data-nav-layout=horizontal][class=dark] .landing-body .app-sidebar.sticky.sticky-pin { background-color: var(--color-bodybg) !important; - --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(255,255,255,0.1)) !important; + --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(255, 255, 255, 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + [data-nav-layout=horizontal][class=light] .landing-body .app-sidebar.sticky.sticky-pin { - --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(0,0,0,0.1)) !important; + --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + [data-nav-layout=horizontal][class=light] .landing-body .app-sidebar.sticky.sticky-pin .responsive-logo-dark img { display: none !important; } + [data-nav-layout=horizontal][class=light] .landing-body .app-sidebar.sticky.sticky-pin .responsive-logo-light img { display: block !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + padding-block: calc(var(--spacing) * 4); + &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } + [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item .side-menu__angle { color: var(--color-white) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } } - [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 { + + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 { background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } - [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item .side-menu__angle, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item .side-menu__angle, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item .side-menu__angle { + + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item .side-menu__angle, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item .side-menu__angle, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item .side-menu__angle { color: #536485 !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } } - [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active { + + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active { color: var(--color-primary) !important; } - [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover .side-menu__angle, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active .side-menu__angle, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover .side-menu__angle, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active .side-menu__angle, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover .side-menu__angle, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active .side-menu__angle { + + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover .side-menu__angle, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active .side-menu__angle, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover .side-menu__angle, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active .side-menu__angle, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover .side-menu__angle, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active .side-menu__angle { color: var(--color-primary) !important; } - [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover::before, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active::before, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover::before, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active::before, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover::before, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active::before { + + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover::before, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active::before, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover::before, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active::before, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover::before, + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active::before { border-color: var(--color-primary) !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item { border-radius: var(--radius-sm); padding: 0.3rem; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 { border-radius: var(--radius-sm); padding-inline: 0.3rem; padding-block: 0.55rem; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .side-menu__item { padding-inline: 1.6rem !important; padding-block: calc(var(--spacing) * 2) !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 { inset-inline-start: auto !important; overflow: visible !important; color: var(--color-defaulttextcolor) !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset-inline-start: 10% !important; } + &::before { content: var(--tw-content); top: calc(7px * -1) !important; } + &::before { content: var(--tw-content); z-index: 99999 !important; } + &::before { content: var(--tw-content); height: 13px !important; } + &::before { content: var(--tw-content); width: 13px !important; } + &::before { content: var(--tw-content); rotate: 45deg !important; } + &::before { content: var(--tw-content); border-style: var(--tw-border-style) !important; border-width: 1px !important; } + &::before { content: var(--tw-content); --tw-border-style: solid !important; border-style: solid !important; } + &::before { content: var(--tw-content); border-color: transparent !important; } + &::before { content: var(--tw-content); background-color: var(--color-white) !important; } + &:hover { @media (hover: hover) { color: var(--color-primary) !important; } } + &:active { color: var(--color-primary) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub .slide-menu { inset-inline-start: auto !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item { padding-inline-start: 1.3rem; padding-inline-end: 1.3rem; color: #536485; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active, [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover { background-color: transparent !important; color: var(--color-primary) !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active .side-menu__label, [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active .side-menu__angle, [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__label, @@ -48084,98 +62409,133 @@ html.dark, color: var(--color-white) !important; opacity: 100% !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .slide .side-menu__item:before { inset-inline-start: 0.65rem !important; top: 1.2rem !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .landing-logo-container .responsive-logo-dark img { display: block; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .landing-logo-container .responsive-logo-light img { display: none; } + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__label { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__angle { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: var(--color-white) !important; } } - [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active, [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item:hover { + + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active, + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item:hover { color: var(--color-primary) !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__label, - [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__angle, [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item:hover .side-menu__label, + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__angle, + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item:hover .side-menu__label, [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item:hover .side-menu__angle { color: var(--color-primary) !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .responsive-logo-dark img { display: none; } + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .responsive-logo-light img { display: block; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .sticky { top: calc(var(--spacing) * 0) !important; height: auto !important; border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 0px !important; background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } + padding-inline: calc(var(--spacing) * 0) !important; --tw-shadow: 0 0 #0000 !important; - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + box-shadow: var(--tw-inset-shadow), + var(--tw-inset-ring-shadow), + var(--tw-ring-offset-shadow), + var(--tw-ring-shadow), + var(--tw-shadow) !important; + &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } } } + [data-nav-layout=horizontal] .landing-body .app-sidebar .main-sidebar { height: auto !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky.sticky-pin { background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } } + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide .side-menu__item { padding-inline: calc(var(--spacing) * 4) !important; padding-block: 0.8rem !important; } -[data-nav-layout=horizontal] .landing-body .app-sidebar .slide .side-menu__item.active, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide .side-menu__item:hover { + +[data-nav-layout=horizontal] .landing-body .app-sidebar .slide .side-menu__item.active, +[data-nav-layout=horizontal] .landing-body .app-sidebar .slide .side-menu__item:hover { color: var(--color-white); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent); } } } + [data-nav-layout=horizontal] .landing-body .app-sidebar .sticky.sticky-pin .side-menu__item.active { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } + [data-nav-layout=horizontal] .landing-body .app-sidebar .sticky.sticky-pin .side-menu__item.active .side-menu__label { color: var(--color-defaulttextcolor) !important; } + [data-nav-layout=horizontal] .landing-body .accordion.accordion-primary .accordion-button.collapsed:after { background-color: var(--color-white) !important; color: var(--color-primary) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + [data-nav-layout=horizontal] .landing-body .landing-banner { position: relative; top: calc(var(--spacing) * 0); @@ -48185,31 +62545,38 @@ html.dark, background-size: cover; background-position: center; background-repeat: no-repeat; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); background-color: var(--color-primary); } + &::before { content: var(--tw-content); opacity: 70%; } } + [data-nav-layout=horizontal] .landing-body .landing-banner .main-banner-container { padding-inline: 3rem; padding-block: 4rem; } + [data-nav-layout=horizontal] .landing-body .landing-banner .landing-banner-heading { font-size: 3rem; --tw-leading: 1.25; @@ -48217,25 +62584,31 @@ html.dark, --tw-font-weight: 600; font-weight: 600; color: var(--color-white); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent); } } } + [data-nav-layout=horizontal] .landing-body .main-menu-container .main-menu { padding-inline-start: calc(var(--spacing) * 0); } + [data-nav-layout=horizontal] .landing-body .content { margin-top: 4rem; } + [data-nav-layout=horizontal] .landing-body .section { position: relative; background-size: cover; padding-inline: calc(var(--spacing) * 0); padding-block: 3.375rem; } + [data-nav-layout=horizontal] .landing-body .featur-icon { margin-inline: auto; margin-block: calc(var(--spacing) * 0); @@ -48243,15 +62616,19 @@ html.dark, width: 75px; border-radius: var(--radius-full); background-color: color-mix(in srgb, #fff 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } + padding: 14px; } + [data-nav-layout=horizontal] .landing-body .feature-logos { display: flex; justify-content: center; } + [data-nav-layout=horizontal] .landing-body .landing-Features { position: relative; top: calc(var(--spacing) * 0); @@ -48262,92 +62639,115 @@ html.dark, background-size: cover; background-position: center; background-repeat: no-repeat; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); z-index: calc(1 * -1); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 95%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 95%, transparent); } } } + [data-nav-layout=horizontal] .landing-body .landing-testimonials .swiper-pagination-bullet { background-color: var(--color-primary) !important; } + [data-nav-layout=horizontal] .landing-body .landing-testimonials .swiper-pagination-bullet:active { background-color: var(--color-primary) !important; } + [data-nav-layout=horizontal] .landing-body .landing-section-heading { position: relative; font-size: 0.813rem; --tw-font-weight: 600; font-weight: 600; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); top: calc(0.625rem * -1); } + &::before { content: var(--tw-content); height: 0.25rem; } + &::before { content: var(--tw-content); width: 60%; } + &::before { content: var(--tw-content); border-radius: 3.125rem; } + &::before { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::before { content: var(--tw-content); --tw-gradient-from: var(--color-success); --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)); } + &::before { content: var(--tw-content); --tw-gradient-to: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-success) 10%, 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)); } + &::before { content: var(--tw-content); opacity: 0.5; } } + [data-nav-layout=horizontal] .landing-body .customize-image img { position: relative; margin-top: 20px; @@ -48355,45 +62755,57 @@ html.dark, width: 30.5rem; padding: 15px; } + [data-nav-layout=horizontal] .landing-body h3 { font-size: 1.75rem; } + [data-nav-layout=horizontal] .landing-body .team-card .team-avatar { - --tw-shadow: 0 0 0 0.5rem var(--tw-shadow-color, rgba(0,0,0,0.05)) !important; + --tw-shadow: 0 0 0 0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.05)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + [data-nav-layout=horizontal] .landing-body .landing-footer { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-black) !important; } + [data-nav-layout=horizontal] .landing-body .landing-main-footer { background-color: var(--color-black); } + [data-nav-layout=horizontal] .landing-body .landing-footer-list li { margin-bottom: calc(var(--spacing) * 2); } + [data-nav-layout=horizontal] .landing-body .brand-img-white { display: block; } + [data-nav-layout=horizontal] .landing-body .swiper-pagination-bullet { height: 0.25rem !important; width: 1.25rem !important; border-radius: var(--radius-md) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + [data-nav-layout=horizontal] .landing-body .brand-img-light { display: block; } + @media (min-width: 992px) { [data-nav-layout=horizontal] .landing-body .app-sidebar { top: calc(var(--spacing) * 0) !important; @@ -48404,147 +62816,188 @@ html.dark, --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__label { color: var(--color-white); opacity: 0.8; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent); } } } + [data-nav-layout=horizontal] .landing-body .app-sidebar .main-sidebar { height: auto !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item .side-menu__angle { color: #536485; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__angle { color: var(--color-white); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent); } } } + [data-nav-layout=horizontal] .landing-body .app-sidebar.app-sidebar .side-menu__label { color: var(--color-white); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent); } } } + [data-nav-layout=horizontal] .landing-body .app-sidebar .landing-logo-container .horizontal-logo .desktop-white { display: none; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .landing-logo-container .horizontal-logo .desktop-logo { display: block; } + [data-nav-layout=horizontal] .landing-body .app-sidebar.app-sidebar .side-menu__item:hover .side-menu__label { color: var(--color-white); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent); } } } + [data-nav-layout=horizontal] .landing-body .app-header { display: none; } + [data-nav-layout=horizontal] .landing-body .main-sidebar-header { display: block !important; } + [data-nav-layout=horizontal] .landing-body .main-menu-container { display: flex; align-items: center; justify-content: space-between; } + [data-nav-layout=horizontal] .landing-body .main-menu-container .slide-left, [data-nav-layout=horizontal] .landing-body .main-menu-container .slide-right { display: none; } + [data-nav-layout=horizontal] .landing-body .main-content { padding: calc(var(--spacing) * 0); } + [data-nav-layout=horizontal] .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-logo { display: none; } } + [data-nav-layout=horizontal] .landing-body iframe { width: 100%; } + @media (max-width: 991.98px) { + [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active, [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover { background-color: transparent; } + [data-nav-layout=horizontal] .landing-body .main-menu-container .main-menu { padding-inline-start: 20px !important; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide { padding: calc(var(--spacing) * 0); } + [data-nav-layout=horizontal] .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-logo { display: none !important; } + [data-nav-layout=horizontal] .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-white { display: none !important; } } + @media (max-width: 1115.98px) { [data-nav-layout=horizontal] .landing-body .landing-body .landing-main-image img { background-color: transparent !important; + &::before { content: var(--tw-content); display: none !important; } + &::after { content: var(--tw-content); display: none !important; } } } + @media (max-width: 767.98px) { [data-nav-layout=horizontal] .landing-body .landing-banner { height: 34rem; } + [data-nav-layout=horizontal] .landing-body .landing-banner .main-banner-container { padding: calc(var(--spacing) * 4); } } + @media (max-width: 400px) { [data-nav-layout=horizontal] .landing-body .landing-body .landing-banner { height: 45rem; } } + @media (max-width: 480px) { [data-nav-layout=horizontal] .landing-body .landing-banner .section { padding-inline: calc(var(--spacing) * 0); padding-block: 4.375rem; } } + @media (max-width: 420px) { [data-nav-layout=horizontal] .landing-body .landing-banner { height: 37.5rem; } + [data-nav-layout=horizontal] .landing-body .landing-banner .main-banner-container { padding: calc(var(--spacing) * 4); } + [data-nav-layout=horizontal] .landing-body .landing-banner .landing-banner-heading { font-size: 2rem; } } + @media (max-width: 992px) { [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item { padding-block: 0.8rem; padding-inline-start: calc(var(--spacing) * 4); padding-right: 5rem; } + [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 li, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child2 li, [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child3 li { @@ -48553,73 +63006,92 @@ html.dark, padding-inline-start: calc(var(--spacing) * 0); } } + @media (min-width: 992px) { [data-nav-layout=horizontal].dark .landing-body .main-menu-container .landing-logo-container .horizontal-logo .header-logo .desktop-logo { display: none !important; } + [data-nav-layout=horizontal].dark .landing-body .app-sidebar .side-menu__item { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + @media (max-width: 991.98px) { [data-nav-layout=horizontal].dark .landing-body .app-header .main-header-container .horizontal-logo .header-logo .toggle-logo { display: none; } + [data-nav-layout=horizontal].dark .landing-body .app-header .main-header-container .horizontal-logo .header-logo .toggle-dark { display: block; } } + [data-nav-layout=horizontal].dark .landing-body .landing-trusted-companies img { --tw-invert: invert(1); - 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: 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, ); } + [data-nav-layout=horizontal].dark .landing-body .app-sidebar.sticky-pin .landing-logo-container .horizontal-logo .desktop-white { display: block; } + [data-nav-layout=horizontal].dark .brand-img-light { display: block; } + [data-nav-layout=horizontal].dark .brand-img-white { display: none; } + [data-nav-layout=horizontal].dark .section-bg { background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + @media (min-width: 992px) { [data-nav-layout=horizontal] .landing-body .app-sidebar .main-menu { padding-inline-end: calc(var(--spacing) * 6); } } + @media (max-width: 991.98px) { [data-nav-layout=horizontal] .landing-body .main-content { padding-top: 3.75rem !important; } + [data-nav-layout=horizontal] .landing-main-image { display: none; } } + .landing-body .pickr-container-primary :last-child button { display: block; } + .landing-body .pickr-container-background :last-child button { display: block; } + @media (max-width: 991.98px) { .landing-body .app-sidebar .slide-menu { padding-inline-start: calc(var(--spacing) * 4); } + .landing-body .app-sidebar .slide-menu.child1 .side-menu__item, .landing-body .app-sidebar .slide-menu.child2 .side-menu__item { padding-inline: 1.6rem !important; padding-block: 0.45rem; } } + .bg-banner-2 { position: relative; top: calc(var(--spacing) * 0); @@ -48628,34 +63100,42 @@ html.dark, background-size: cover; background-position: center; background-repeat: no-repeat; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); z-index: calc(1 * -1); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } } + .featured-jobs { display: none; border-style: var(--tw-border-style); @@ -48663,13 +63143,16 @@ html.dark, --tw-border-style: solid; border-style: solid; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .feature-style .feature-style-icon { position: relative !important; display: inline-flex !important; @@ -48684,169 +63167,210 @@ html.dark, --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; } -.feature-style .feature-style-icon img, .feature-style .feature-style-icon svg { + +.feature-style .feature-style-icon img, +.feature-style .feature-style-icon svg { height: 2.5rem; width: 2.5rem; } + .feature-style { position: relative; display: none; overflow: hidden; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-end: calc(1.5rem * -1); } + &::before { content: var(--tw-content); bottom: calc(1.5rem * -1); } + &::before { content: var(--tw-content); height: 4rem; } + &::before { content: var(--tw-content); width: 4rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-full); } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } + .bg-banner { position: relative; z-index: 1; overflow: hidden; background-color: var(--color-primary); color: var(--color-white); + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); z-index: calc(1 * -1); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); background-image: url('../images/media/backgrounds/7.jpg'); } + &::before { content: var(--tw-content); background-size: cover; } + &::before { content: var(--tw-content); background-position: bottom; } + &::before { content: var(--tw-content); background-repeat: no-repeat; } + &::before { content: var(--tw-content); opacity: 0.1; } + &::before { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } + &::before { content: var(--tw-content); --tw-duration: 0.3sec; transition-duration: 0.3sec; } + &::before { content: var(--tw-content); --tw-ease: linear; transition-timing-function: linear; } + &:where(.dark, .dark *) { background-color: var(--color-primary); } } + .featured-card-4 svg { height: 1.5rem; width: 1.5rem; } + .landing-body .landing-main-footer .landing-footer-list li:not(:first-child) { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(0.2rem * -1); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 2); } + &::before { content: var(--tw-content); height: 0.3rem; } + &::before { content: var(--tw-content); width: 0.3rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-full); } + &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: solid; border-style: solid; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &::before { content: var(--tw-content); background-color: transparent; } } + .custom-form-group { position: relative; display: flex; align-items: center; } + .custom-form-group .custom-form-btn { position: absolute; inset-inline-end: calc(var(--spacing) * 2); @@ -48855,10 +63379,12 @@ html.dark, justify-content: center; border-radius: 0.3rem; background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .custom-form-group .custom-form-btn .gps-location { margin-inline-end: 10px; font-size: 1.0625rem; @@ -48867,191 +63393,245 @@ html.dark, color: var(--color-textmuted); opacity: 0.6; } + .authentication { min-height: 100vh; } + .authentication .authentication-brand.desktop-logo { display: block; } + .authentication .authentication-brand.desktop-dark { display: none; } + .authentication .swiper-button-next, .authentication .swiper-button-prev { height: 1.563rem !important; width: 1.563rem !important; border-radius: var(--radius-md) !important; background-color: color-mix(in srgb, #000 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important; } + color: var(--color-white) !important; } -.authentication .swiper-button-next:after, .authentication .swiper-button-next:before, + +.authentication .swiper-button-next:after, +.authentication .swiper-button-next:before, .authentication .swiper-button-prev:after, .authentication .swiper-button-prev:before { color: var(--color-white) !important; } + .authentication .swiper-pagination-bullet { height: 0.25rem !important; width: 1.25rem !important; border-radius: var(--radius-md) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .authentication .swiper-pagination-bullet-active { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .authentication .swiper-pagination-bullet { opacity: 0.1; } + .authentication .swiper-pagination-bullet-active { opacity: 0.5; } + .authentication .google-svg { margin-inline-end: calc(var(--spacing) * 2); height: calc(var(--spacing) * 3); width: calc(var(--spacing) * 3); } + .authentication .authentication-barrier { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); top: 0.563rem; } + &::before { content: var(--tw-content); z-index: 1; } + &::before { content: var(--tw-content); height: 0.125rem; } + &::before { content: var(--tw-content); width: 45%; } + &::before { content: var(--tw-content); border-radius: var(--radius-full); } + &::before { content: var(--tw-content); --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::before { content: var(--tw-content); --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)); } + &::before { content: var(--tw-content); --tw-gradient-to: var(--color-light); --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)); } + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } + &::after { content: var(--tw-content); top: 0.563rem; } + &::after { content: var(--tw-content); z-index: 1; } + &::after { content: var(--tw-content); height: 0.125rem; } + &::after { content: var(--tw-content); width: 45%; } + &::after { content: var(--tw-content); border-radius: var(--radius-full); } + &::after { content: var(--tw-content); --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::after { content: var(--tw-content); --tw-gradient-from: var(--color-light); --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)); } + &::after { content: var(--tw-content); --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)); } } + .authentication .authentication-barrier span { position: relative; z-index: 2; } -.authentication.coming-soon .authentication-cover, .authentication.under-maintenance .authentication-cover { + +.authentication.coming-soon .authentication-cover, +.authentication.under-maintenance .authentication-cover { background-image: url('../images/media/media-19.jpg'); } -.authentication.coming-soon .authentication-cover .aunthentication-cover-content, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content { + +.authentication.coming-soon .authentication-cover .aunthentication-cover-content, +.authentication.under-maintenance .authentication-cover .aunthentication-cover-content { height: 100%; width: 100%; background-color: var(--color-white); padding: 3rem; + &::backdrop { filter: none; } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } -.authentication.coming-soon .authentication-cover .aunthentication-cover-content:before, .authentication.coming-soon .authentication-cover .aunthentication-cover-content:after, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content:before, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content:after { + +.authentication.coming-soon .authentication-cover .aunthentication-cover-content:before, +.authentication.coming-soon .authentication-cover .aunthentication-cover-content:after, +.authentication.under-maintenance .authentication-cover .aunthentication-cover-content:before, +.authentication.under-maintenance .authentication-cover .aunthentication-cover-content:after { display: none; } + .authentication.coming-soon .authentication-cover .aunthentication-cover-content .coming-soon-time, -.authentication.coming-soon .authentication-cover .aunthentication-cover-content .under-maintenance-time, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content .coming-soon-time, +.authentication.coming-soon .authentication-cover .aunthentication-cover-content .under-maintenance-time, +.authentication.under-maintenance .authentication-cover .aunthentication-cover-content .coming-soon-time, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content .under-maintenance-time { border-style: var(--tw-border-style); border-width: 2px; --tw-border-style: dashed; border-style: dashed; border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } -.authentication.coming-soon .authentication-cover .aunthentication-cover-content .authentication-brand, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content .authentication-brand { + +.authentication.coming-soon .authentication-cover .aunthentication-cover-content .authentication-brand, +.authentication.under-maintenance .authentication-cover .aunthentication-cover-content .authentication-brand { height: auto; width: auto; border-style: var(--tw-border-style); border-width: 0px; } + .authentication .coming-soom-image-container img, .authentication .under-maintenance-image-container img { height: auto; width: 100%; } + .authentication .authentication-cover { position: relative; display: flex; @@ -49063,72 +63643,90 @@ html.dark, background-size: cover; background-position: center; background-repeat: no-repeat; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } + .authentication .authentication-cover .aunthentication-cover-content { position: relative !important; height: 37.5rem !important; width: 70% !important; background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } + padding: calc(var(--spacing) * 8) !important; --tw-backdrop-blur: blur(1.875rem) !important; - 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,) !important; + 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, ) !important; } + .authentication .authentication-cover .aunthentication-cover-content img { margin-inline: auto; margin-block: calc(var(--spacing) * 0); height: 13.75rem; width: 13.75rem; } + .authentication.authentication-basic .desktop-dark { display: none; } + .authentication.authentication-basic .desktop-logo { display: block; } + .dark .authentication.authentication-basic .desktop-dark { display: block; } + .dark .authentication.authentication-basic .desktop-logo { display: none; } + .dark .authentication .authentication-brand.desktop-logo { display: none; } + .dark .authentication .authentication-brand.desktop-dark { display: block; } + #particles-js { position: absolute; height: 100%; width: 100%; background-color: var(--color-white); } + .error-page { position: absolute; display: flex; @@ -49140,6 +63738,7 @@ html.dark, background-position: center; background-repeat: no-repeat; } + .error-text { font-size: 8.25rem; --tw-leading: 1; @@ -49147,20 +63746,24 @@ html.dark, --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + @media (max-width: 575.98px) { .error-text { font-size: 3rem; } } + .about-container { overflow: hidden; border-radius: var(--radius-md); background-color: var(--color-white); padding: 1.25rem; + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .aboutus-banner { position: relative; z-index: 9; @@ -49175,45 +63778,56 @@ html.dark, background-size: cover; background-position: center; background-repeat: no-repeat; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); border-radius: 0.3rem; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } + &:where(.dark, .dark *) { border-color: var(--color-bodybg); } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .aboutus-banner .aboutus-banner-content { z-index: 10; text-align: center; color: var(--color-white); } + @media (max-width: 575.98px) { .about-company-stats .about-company-stats-border { border-bottom-style: var(--tw-border-style); @@ -49221,11 +63835,13 @@ html.dark, --tw-border-style: dashed; border-style: dashed; border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } } + @media (min-width: 576px) { .about-company-stats { position: absolute; @@ -49234,243 +63850,301 @@ html.dark, bottom: calc(5rem * -1); z-index: 10; } + .about-company-stats .about-company-stats-border { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; --tw-border-style: dashed; border-style: dashed; border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .aboutus-banner { margin-bottom: 8rem; padding: 4rem; } } + .about-heading-white { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 0.375rem; } + &::before { content: var(--tw-content); bottom: calc(0.625rem * -1); } + &::before { content: var(--tw-content); height: 0.25rem; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); border-radius: 3.125rem; } + &::before { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::before { content: var(--tw-content); --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)); } + &::before { content: var(--tw-content); --tw-gradient-to: color-mix(in oklab, transparent 20%, 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)); } } + @media (max-width: 1199.98px) { .aboutus-banner-img { display: none; } } + @media (min-width: 1200px) { .aboutus-img { position: relative; display: flex; align-items: center; justify-content: center; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 11.875rem; } + &::before { content: var(--tw-content); top: 6rem; } + &::before { content: var(--tw-content); height: 12.5rem; } + &::before { content: var(--tw-content); width: 12.5rem; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, #fff 6%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-end: 11.5rem; } + &::after { content: var(--tw-content); top: calc(2.625rem * -1); } + &::after { content: var(--tw-content); height: 12.5rem; } + &::after { content: var(--tw-content); width: 12.5rem; } + &::after { content: var(--tw-content); background-color: color-mix(in srgb, #fff 6%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } } } + .aboutus-banner-img img { z-index: 1 !important; height: 17.5rem !important; width: 100% !important; } + .about-main, .about-motto { display: flex; align-items: center; justify-content: center; } + .motto-icon { height: 1.875rem; width: 1.875rem; } + .about-heading { position: relative; margin-bottom: calc(var(--spacing) * 4); + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 0.375rem; } + &::before { content: var(--tw-content); bottom: calc(0.625rem * -1); } + &::before { content: var(--tw-content); height: 0.25rem; } + &::before { content: var(--tw-content); width: 60%; } + &::before { content: var(--tw-content); border-radius: 3.125rem; } + &::before { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::before { content: var(--tw-content); --tw-gradient-from: var(--color-success); --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)); } + &::before { content: var(--tw-content); --tw-gradient-to: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-success) 20%, 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)); } } + .overlay-card { position: relative; overflow: hidden; color: color-mix(in srgb, #000 90%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 90%, transparent); } + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + .overlay-card .box-header { border-style: var(--tw-border-style); border-width: 0px; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + .overlay-card .box-footer { border-style: var(--tw-border-style); border-width: 0px; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + .overlay-card .over-content-bottom { top: auto; } + .page-link { border-style: var(--tw-border-style); border-width: 1px; @@ -49479,50 +64153,62 @@ html.dark, border-color: var(--color-defaultborder); background-color: var(--color-white); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .page-link:focus { background-color: var(--color-light); --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); } + .page-link:hover { border-color: var(--color-defaultborder); background-color: var(--color-light); color: var(--color-primary); } + .page-item.active .page-link { border-color: var(--color-primary); background-color: var(--color-primary); color: var(--color-white); } -.disabled > .page-link, + +.disabled>.page-link, .page-link.disabled { border-color: var(--color-defaultborder); background-color: var(--color-white); color: var(--color-defaulttextcolor); opacity: 0.7; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .popular-blog-content { max-width: 9rem; } + .blog-caption { position: absolute; inset-inline-start: 1.5rem; @@ -49531,9 +64217,11 @@ html.dark, padding: calc(var(--spacing) * 0); color: var(--color-white); } + .carousel-caption { color: var(--color-white); } + .carousel-caption { position: absolute; inset-inline: 15%; @@ -49542,31 +64230,39 @@ html.dark, padding-top: 1.25rem; color: var(--color-white); } + .blog-details-img { height: 450px; } + .blog-popular-tags .badge { margin: 0.313rem !important; font-size: 0.65rem !important; } + .form-label { font-size: 0.8rem !important; --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .form-text { color: #8c9097; } + .form-label { margin-bottom: calc(var(--spacing) * 2); } + .choices__inner { display: inline-block; width: 100%; @@ -49574,9 +64270,11 @@ html.dark, background-color: #f9f9f9; vertical-align: top; } + .choices__list--multiple { display: inline; } + .choices__list--multiple .choices__item { margin-right: 3.75rem; margin-bottom: 3.75rem; @@ -49598,26 +64296,33 @@ html.dark, word-break: break-all; color: var(--color-white); } + label { display: inline-flex; } + .blog-images-container .filepond--root { width: 100%; } + .blog-images-container .filepond--panel-root { border-radius: var(--radius-md) !important; border-color: var(--color-inputborder) !important; } + .blog-images-container .filepond--root .filepond--drop-label label { color: #8c9097; } + .filepond--root .filepond--drop-label { min-height: 4.75rem; } + .filepond--root .filepond--list-scroller { margin-top: calc(var(--spacing) * 4); margin-bottom: calc(var(--spacing) * 4); } + .filepond--drop-label { inset-inline-end: calc(var(--spacing) * 0); margin: calc(var(--spacing) * 0); @@ -49628,13 +64333,15 @@ label { color: #4f4f4f; -webkit-user-select: none; -moz-user-select: none; - user-select: none; + user-select: none; } + .filepond--drop-label.filepond--drop-label label { margin: calc(var(--spacing) * 0); display: block; padding: calc(var(--spacing) * 2); } + .filepond--drop-label label { cursor: default; font-size: 0.875rem; @@ -49643,13 +64350,16 @@ label { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } + #blog-content { height: auto; } + .contact-action { position: relative; padding: 1.25rem; } + .contact-action .contact-overlay { position: absolute; inset: calc(var(--spacing) * 0); @@ -49658,50 +64368,60 @@ label { width: calc(var(--spacing) * 0); border-radius: var(--radius-md); background-color: color-mix(in srgb, rgb(132, 90, 223) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 70%, transparent); } } + .contact-action:hover .contact-overlay { inset-inline-start: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); height: 100%; width: 100%; } + .contact-action:hover .contact-hover-btn, .contact-action:hover .contact-hover-dropdown, .contact-action:hover .contact-hover-dropdown1 { display: block; opacity: 1; } + .contact-action .contact-hover-btn { z-index: 2; opacity: 0%; } + .contact-action .contact-hover-dropdown { z-index: 2; opacity: 0%; } + .contact-action .contact-hover-dropdown1 { z-index: 2; opacity: 0%; } + .contact-action .contact-hover-buttons { position: absolute; inset: calc(var(--spacing) * 0); height: 100%; width: 100%; } + @media (min-width: 1400px) and (max-width: 1700px) { .contact-mail { max-width: 8.125rem; } } + @media (max-width: 400px) { .contact-mail { max-width: 8.125rem; } } + .contact-page-banner { position: relative; height: 25rem; @@ -49711,59 +64431,73 @@ label { background-position: center; background-repeat: no-repeat; padding-top: 6.25rem; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } } + .contact-page-banner div { position: relative; z-index: 1; } + @media (min-width: 576px) { .contactus-form { position: relative; top: calc(6.25rem * -1); } } + .contactus-form .tab-style-2 .nav-item .nav-link { padding-inline: calc(var(--spacing) * 8); padding-block: 0.85rem; } + .contactus-form iframe { width: 100%; } + .product-quantity-container { width: 8.75rem; } + .product-quantity-container .input-group input.form-control:focus { border-style: var(--tw-border-style); border-width: 0px; --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); } -.product-quantity-container .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + +.product-quantity-container .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-inline-start: calc(var(--spacing) * 0); } + .cart-empty svg { margin-bottom: 1.25rem !important; display: inline-flex !important; @@ -49772,6 +64506,7 @@ label { fill: var(--color-defaulttextcolor) !important; text-align: center !important; } + .input-group-text { border-radius: 0.3125rem; border-style: var(--tw-border-style); @@ -49783,27 +64518,34 @@ label { letter-spacing: var(--tracking-normal); color: var(--color-defaulttextcolor); } + .swal2-container .swal2-popup { background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .swal2-container .swal2-icon { height: 4rem; width: 4rem; } + .swal2-container .swal2-icon.swal2-warning { border-color: var(--color-warning); color: var(--color-warning); } + .swal2-container .swal2-title { font-size: 1.15rem; } + .swal2-container .swal2-html-container { font-size: 0.8rem; color: var(--color-textmuted); } + .swal2-container .swal2-styled.swal2-confirm { background-color: var(--color-primary) !important; padding-inline: calc(var(--spacing) * 3) !important; @@ -49811,6 +64553,7 @@ label { font-size: 0.8125rem !important; color: var(--color-white) !important; } + .swal2-container .swal2-styled.swal2-cancel { background-color: var(--color-light) !important; padding-inline: calc(var(--spacing) * 3) !important; @@ -49818,16 +64561,19 @@ label { font-size: 0.8125rem !important; color: var(--color-defaulttextcolor) !important; } + .product-checkout .tab-style-2 .nav-item .nav-link { padding-inline: 2rem; padding-block: 0.85rem; } + .product-checkout .form-floating input, .product-checkout .form-floating textarea { font-size: 0.813rem; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + .product-checkout .shipping-method-container, .product-checkout .payment-card-container { position: relative; @@ -49839,13 +64585,16 @@ label { border-color: var(--color-defaultborder); padding: 0.625rem; } + .product-checkout .shipping-method-container .form-check-input, .product-checkout .payment-card-container .form-check-input { position: absolute; inset-inline-end: calc(var(--spacing) * 3); top: 1.2rem; } + @media (min-width: 576px) { + .product-checkout .shipping-method-container .shipping-partner-details, .product-checkout .shipping-method-container .saved-card-details, .product-checkout .payment-card-container .shipping-partner-details, @@ -49853,17 +64602,21 @@ label { width: 12.5rem; } } + .checkout-payment-success { text-align: center; } + .checkout-payment-success img { height: 200px; width: 200px; } + .form-floating { position: relative !important; } -.form-floating > label { + +.form-floating>label { pointer-events: none; position: absolute; inset-inline-start: calc(var(--spacing) * 0); @@ -49885,26 +64638,32 @@ label { white-space: nowrap; color: #8c9097; } + @media (prefers-reduced-motion: reduce) { - .form-floating > label { + .form-floating>label { transition-property: none; } } -.form-floating > .form-control-plaintext:not(:-moz-placeholder), .form-floating > .form-control:not(:-moz-placeholder) { + +.form-floating>.form-control-plaintext:not(:-moz-placeholder), +.form-floating>.form-control:not(:-moz-placeholder) { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control-plaintext:focus, -.form-floating > .form-control-plaintext:not(:placeholder-shown), -.form-floating > .form-control:focus, -.form-floating > .form-control:not(:placeholder-shown) { + +.form-floating>.form-control-plaintext:focus, +.form-floating>.form-control-plaintext:not(:placeholder-shown), +.form-floating>.form-control:focus, +.form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } + .form-control.is-valid, .was-validated .form-control:valid { border-color: var(--color-success) !important; } + .product-checkout .payment-card-container, .product-checkout .shipping-method-container { position: relative; @@ -49915,36 +64674,45 @@ label { border-style: solid; border-color: var(--color-inputborder); padding: 0.625rem; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .product-checkout .payment-card-container .form-check-input, .product-checkout .shipping-method-container .form-check-input { position: absolute; inset-inline-end: calc(var(--spacing) * 3); top: 1.2rem; } + .product-checkout .shipping-method-container .shipping-partner-details { width: 12.5rem; } + .tab-style-checkout { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } + .tab-style-checkout .nav-item { margin-inline-end: calc(var(--spacing) * 2); } + .tab-style-checkout .nav-item:last-child { margin-inline-end: calc(var(--spacing) * 0); } + .tab-style-checkout .nav-item .nav-link { border-style: var(--tw-border-style); border-width: 0px; } + .tab-style-checkout .nav-item .nav-link i { display: inline-flex; height: 1.875rem; @@ -49954,10 +64722,12 @@ label { padding: 0.4rem; color: var(--color-defaulttextcolor); } + .tab-style-checkout .nav-item .nav-link:hover { border-style: var(--tw-border-style); border-width: 0px; } + .tab-style-checkout .nav-item .nav-link.active { position: relative; border-style: var(--tw-border-style); @@ -49965,97 +64735,122 @@ label { background-color: transparent; color: var(--color-primary); } + .tab-style-checkout .nav-item .nav-link.active i { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } + color: var(--color-primary) !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset-inline-start: 45% !important; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); bottom: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); height: 0.175rem !important; } + &::before { content: var(--tw-content); width: 20% !important; } + &::before { content: var(--tw-content); border-radius: 50px !important; } + &::before { content: var(--tw-content); background-color: var(--color-primary) !important; } } + .order-track { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 20px; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 1px; } + &::before { content: var(--tw-content); border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: var(--color-primary); } + &::before { content: var(--tw-content); opacity: 0.2; } } + .orders-delivery-address { width: 75%; } + .delivery-date { display: flex; height: 60px; @@ -50065,21 +64860,27 @@ label { justify-content: center; border-radius: 0.3rem; background-color: color-mix(in srgb, rgb(132, 90, 223) 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } + padding: 10px; } + .navbar-expand-xxl .navbar-collapse { display: flex; flex-grow: 1; } + .navbar-expand-xxl .navbar-nav { flex-direction: row; } + .navbar { border-radius: var(--radius-md); } + .navbar .navbar-nav .nav-link { padding: 0.4rem; padding-inline: calc(var(--spacing) * 4); @@ -50088,6 +64889,7 @@ label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .navbar .navbar-toggler { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -50101,98 +64903,124 @@ label { line-height: 1; color: var(--color-black); } + .navbar .navbar-toggler .navbar-toggler-icon { position: relative; height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); background-image: none; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); font-size: 1rem; } + &::before { content: var(--tw-content); color: var(--color-defaulttextcolor); } } + .navbar .navbar-toggler:focus { --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); } + .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--color-black); } + .navbar-brand { margin-inline-end: calc(var(--spacing) * 6); } + .navbar-brand img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + .nav-link { border-radius: var(--radius-md); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-defaulttextcolor); + &:hover { @media (hover: hover) { color: var(--color-primary); } } } + .nav-link.active { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: var(--color-primary); } + .nav-item { margin-inline-end: calc(var(--spacing) * 2); } + .nav-item:last-child { margin-inline-end: calc(var(--spacing) * 0); } + .navbar-brand { color: var(--color-defaulttextcolor); } + .navbar-nav .nav-link.active, -.navbar-nav .show > .nav-link { +.navbar-nav .show>.nav-link { color: var(--color-primary); } + .nav-link.disabled { color: var(--color-defaulttextcolor); opacity: 0.3; } + .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { color: var(--color-gray-500); } + .navbar-text { color: var(--color-defaulttextcolor); } + .product-icons { display: none; } + .product-image img { background-color: var(--color-light); } + .product-card { position: relative; } + .product-card:hover .product-icons { display: block; } + .product-card:hover .product-icons .wishlist, .product-card:hover .product-icons .cart, .product-card:hover .product-icons .view { @@ -50204,45 +65032,58 @@ label { justify-content: center; border-radius: var(--radius-md); } + .product-card:hover .product-icons .wishlist i, .product-card:hover .product-icons .cart i, .product-card:hover .product-icons .view i { font-size: 0.9rem; } + .product-card:hover .product-icons .wishlist { inset-inline-end: 1.75rem; top: 1.75rem; background-color: color-mix(in srgb, rgb(230, 83, 60) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } + color: var(--color-danger); } + .product-card:hover .product-icons .cart { inset-inline-end: 1.75rem; top: calc(var(--spacing) * 16); background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } + color: var(--color-primary); } + .product-card:hover .product-icons .view { inset-inline-end: 1.75rem; top: 6.25rem; background-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } + color: var(--color-success); } + .ecommerce-more-link { position: relative; border-radius: var(--radius-md); background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + padding-block: 0.3rem; padding-inline-start: calc(var(--spacing) * 3); padding-inline-end: 0.5rem; @@ -50250,73 +65091,89 @@ label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-primary); + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 2); } + &::before { content: var(--tw-content); top: 0.313rem; } + &::before { content: var(--tw-content); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } + &::before { --tw-content: ; content: var(--tw-content); } + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 2); } + &::after { content: var(--tw-content); top: 0.313rem; } + &::after { content: var(--tw-content); display: none; } + &::after { content: var(--tw-content); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } + &::after { --tw-content: ; content: var(--tw-content); } + &:hover { @media (hover: hover) { color: var(--color-primary); } } } + .ecommerce-more-link[aria-expanded=true] { &::before { content: var(--tw-content); display: none; } + &::after { content: var(--tw-content); display: block; } } + .products-navigation-card .form-check-label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--font-size-defaultsize); } + .swiper-view-details .swiper-slide { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; @@ -50325,19 +65182,24 @@ label { border-style: solid !important; border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .swiper-view-details .swiper-slide.swiper-slide-thumb-active { background-color: var(--color-light) !important; } + .product-colors { margin-inline-end: calc(var(--spacing) * 2); display: flex; @@ -50352,9 +65214,11 @@ label { border-style: solid; background-color: var(--color-light); } + .product-colors i { font-size: 1.5rem; } + .product-colors.color-2.selected { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -50362,9 +65226,11 @@ label { border-style: solid; border-color: var(--color-white); } + .product-colors.color-2 i { color: var(--color-white); } + .product-colors.color-4.selected { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -50372,9 +65238,11 @@ label { border-style: solid; border-color: #514f4d; } + .product-colors.color-4 i { color: #514f4d; } + .product-colors.color-1.selected { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -50382,9 +65250,11 @@ label { border-style: solid; border-color: #e9d2d1; } + .product-colors.color-1 i { color: #e9d2d1; } + .product-colors.color-3.selected { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -50392,9 +65262,11 @@ label { border-style: solid; border-color: #c2c3c7; } + .product-colors.color-3 i { color: #c2c3c7; } + .product-colors.color-5.selected { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -50402,9 +65274,11 @@ label { border-style: solid; border-color: #4a6181; } + .product-colors.color-5 i { color: #4a6181; } + .product-sizes { margin-inline-end: calc(var(--spacing) * 2); display: flex; @@ -50422,13 +65296,17 @@ label { font-size: 0.75rem; color: #8c9097; } + .product-sizes.selected { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } + color: var(--color-success); } + .offer-promotion { position: relative; border-radius: var(--radius-md); @@ -50438,14 +65316,18 @@ label { border-style: solid; border-color: var(--color-defaultborder); background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } + padding: calc(var(--spacing) * 2); } + .offer-promotion .promotion-code { color: var(--color-defaulttextcolor); } + .offer-promotion .offer-details { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -50456,6 +65338,7 @@ label { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); } + .ecommerce-assurance { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -50467,13 +65350,16 @@ label { padding-block: calc(var(--spacing) * 4); text-align: center; } + .ecommerce-assurance svg { height: 3rem; width: 3rem; } + .product-images { padding-inline-start: 1.875rem; } + .product-images .products-review-images img { margin-inline-end: calc(var(--spacing) * 1); height: 3.125rem; @@ -50481,42 +65367,51 @@ label { border-radius: var(--radius-md); background-color: var(--color-light); } + .similar-products-image { height: 3rem; width: 3rem; } + .similar-products-image img { height: 3rem; width: 3rem; border-radius: var(--radius-md); background-color: var(--color-light); } + .similar-product-name { max-width: 80%; } + .swiper-button-next:after, .swiper-button-prev:after { font-size: 0.75rem !important; --tw-font-weight: 800 !important; font-weight: 800 !important; } + .product-list { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .main-mail-container { position: relative; margin-inline: calc(1.25rem * -1); margin-block: calc(var(--spacing) * 0); overflow: hidden; } + .mail-navigation, .total-mails, .mails-information, @@ -50525,75 +65420,92 @@ label { overflow: hidden; border-radius: var(--radius-md); background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .mail-info-body { max-height: calc(100vh - 16.8rem); } + @media (min-width: 1400px) { .total-mails { max-width: 24rem; min-width: 24rem; } + .total-mails .mail-msg span { display: inline-block; max-width: 17rem; } } + @media (max-width: 1399.98px) { .mails-information { display: none; } } + @media (min-width: 1400px) and (max-width: 1480px) { .responsive-mail-action-icons .dropdown { display: block; } + .responsive-mail-action-icons .close-button { display: none; } + .mail-action-icons { display: none; } } + @media (max-width: 1399.98px) { .responsive-mail-action-icons { display: block; } + .mail-action-icons { display: none; } } + @media (max-width: 575.98px) { .mail-recepients { display: none; } } + @media (min-width: 1489px) { .responsive-mail-action-icons { display: none; } } + @media (max-width: 991.98px) { .mail-navigation { width: 100%; } } + @media (min-width: 992px) { .mail-navigation { max-width: 16rem; min-width: 16rem; } } + .total-mails { width: 100%; } + .total-mails .mail-messages { max-height: calc(100vh - 16.65rem); max-width: 100%; } + .total-mails .mail-messages li { border-style: var(--tw-border-style); border-width: 1px; @@ -50603,60 +65515,77 @@ label { padding-inline: 1.25rem; padding-top: 1.1rem; padding-bottom: 0.625rem; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .total-mails .mail-messages li.active { background-color: var(--color-light); } + .total-mails .mail-messages li:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } + .total-mails .mail-messages li .avatar.mail-msg-avatar { height: 1.8rem; width: 1.8rem; } -.total-mails .mail-messages li .avatar.mail-msg-avatar.online:before, .total-mails .mail-messages li .avatar.mail-msg-avatar.offline:before { + +.total-mails .mail-messages li .avatar.mail-msg-avatar.online:before, +.total-mails .mail-messages li .avatar.mail-msg-avatar.offline:before { height: 0.55rem; width: 0.55rem; } + .total-mails .mail-messages li .mail-msg .mail-starred i { color: #8c9097; opacity: 0.5; } + .total-mails .mail-messages li .mail-msg .mail-starred.true i { color: var(--color-warning); opacity: 1; } + .mail-recepients { max-width: 4.4rem; min-width: 4.4rem; } + .mail-recepients .total-mail-recepients { max-height: calc(100vh - 12.4rem); } + .mail-recepients .mail-recepeint-person .avatar { margin-bottom: calc(var(--spacing) * 4); height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 8); } -.mail-recepients .mail-recepeint-person .avatar.online:before, .mail-recepients .mail-recepeint-person .avatar.offline:before { + +.mail-recepients .mail-recepeint-person .avatar.online:before, +.mail-recepients .mail-recepeint-person .avatar.offline:before { height: 0.55rem; width: 0.55rem; } + .mail-recepients .mail-recepeint-person:last-child { margin-bottom: calc(var(--spacing) * 0); } + .mail-navigation ul.mail-main-nav { margin-bottom: calc(var(--spacing) * 0); max-height: calc(100vh - 17rem); padding: calc(var(--spacing) * 4); } + .mail-navigation ul.mail-main-nav li { border-radius: var(--radius-md); border-color: var(--color-defaultborder); @@ -50664,36 +65593,45 @@ label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .mail-navigation ul.mail-main-nav li div { color: var(--color-textmuted); } + .mail-navigation ul.mail-main-nav li.active div { color: var(--color-primary); } + .mail-navigation ul.mail-main-nav li:hover div { color: var(--color-primary); } + .mails-information { width: 100%; } + .mails-information .mail-info-header { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-defaultborder); padding: calc(var(--spacing) * 3); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .mails-information .mail-info-footer { border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-defaultborder); padding: calc(var(--spacing) * 3); } + .mails-information .mail-attachment { display: flex; height: 2.75rem; @@ -50705,6 +65643,7 @@ label { border-color: var(--color-defaultborder); padding: calc(var(--spacing) * 1); } + .mails-information .mail-attachment .attachment-icon svg, .mails-information .mail-attachment .attachment-icon i { margin-inline-end: calc(var(--spacing) * 2); @@ -50712,6 +65651,7 @@ label { width: calc(var(--spacing) * 6); font-size: 2rem; } + .mails-information .mail-attachment .attachment-name { display: inline-block; max-width: 7rem; @@ -50720,35 +65660,43 @@ label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .mail-reply .ql-toolbar.ql-snow .ql-formats { margin-top: 5px; margin-bottom: 5px; } + #mail-compose-editor .ql-editor { min-height: 12.62rem !important; } + .mail-compose .ql-toolbar.ql-snow .ql-formats { margin-block: 5px; } + @media (max-width: 420px) { .mail-msg span { max-width: 180px; } } + @media (max-width: 357px) { .mails-information { height: calc(100vh - 2rem); } } + .mail-notification-settings, .mail-security-settings { width: 60%; } + @media (max-width: 575.98px) { #account-settings .btn-group label { font-size: 0.625rem; } } + .avatar .avatar-badge { position: absolute !important; inset-inline-end: calc(0.375rem * -1) !important; @@ -50765,76 +65713,95 @@ label { border-style: solid !important; border-color: var(--color-white) !important; } + .file-manager-container { position: relative; margin-inline: calc(1.25rem * -1); margin-block: calc(var(--spacing) * 0); display: block; } + .file-manager-container .file-manager-navigation, .file-manager-container .file-manager-folders, .file-manager-container .selected-file-details { height: calc(100vh - 8rem); overflow: hidden; background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .file-manager-container .files-main-nav { max-height: calc(100vh - 17.5rem); } + .file-manager-container .file-folders-container, .file-manager-container .filemanager-file-details { max-height: calc(100vh - 11.9rem); } + @media (min-width: 576px) { .file-manager-container .file-manager-navigation { width: 30rem; } } + @media (max-width: 575.98px) { .file-manager-container .file-manager-navigation { width: 100%; } + .file-manager-container .file-manager-folders { display: none; } } + .file-manager-container .selected-file-details { width: 40rem; } + .file-manager-container .file-manager-folders { width: 100%; } + .file-manager-container ul.files-main-nav { margin-bottom: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 4); } + .file-manager-container ul.files-main-nav li { margin-bottom: 0.15rem; border-radius: var(--radius-md); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); } + .file-manager-container ul.files-main-nav li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .file-manager-container ul.files-main-nav li div { color: #8c9097; } + .file-manager-container ul.files-main-nav li:hover div { color: var(--color-primary); } + .file-manager-container ul.files-main-nav li.active { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .file-manager-container ul.files-main-nav li.active div { color: var(--color-primary); } + .file-manager-container ul.files-main-nav li div.filemanager-upgrade-storage { height: auto; width: 235px; @@ -50848,25 +65815,31 @@ label { padding: calc(var(--spacing) * 4); text-align: center; color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .file-manager-container ul.files-main-nav li div.filemanager-upgrade-storage img { height: 150px; width: 150px; } + .file-manager-container .file-format-icon svg { height: 2.2rem; width: 2.2rem; } + .file-manager-container .folder-svg-container svg { height: 3rem; width: 3rem; } + .file-manager-container .file-details img { height: 150px; width: 150px; @@ -50874,10 +65847,12 @@ label { border-color: var(--color-defaultborder); background-color: var(--color-light); } + @media (max-width: 1200px) { .file-manager-container .selected-file-details { display: none; } + .file-manager-container .selected-file-details.open { position: absolute; inset-inline-end: calc(var(--spacing) * 0); @@ -50893,38 +65868,47 @@ label { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + .file-manager-container .file-manager-navigation.close { display: none; } + .file-manager-container .file-manager-folders.open { display: block; } + @media (max-width: 365px) { .file-manager-container .file-folders-container { max-height: calc(100vh - 12.9rem); } } + .object-fit-container { display: flex; align-items: center; justify-content: center; } + .object-fit-container img, .object-fit-container video { height: 15.625rem; width: 15.625rem; } + .invoice-amount-input { width: 9.375rem; } + .choices-control .choices__inner { border-style: var(--tw-border-style) !important; border-width: 0px !important; background-color: var(--color-light) !important; + &:where(.dark, .dark *) { background-color: var(--color-light) !important; } } + .svg-icon-background { display: flex; height: 2.5rem; @@ -50934,34 +65918,42 @@ label { border-radius: var(--radius-md); padding: 0.625rem; } + .svg-icon-background svg { height: 1.25rem; width: 1.25rem; } + .invoice-quantity-container { width: 8.75rem; } + .pricing-basic, .pricing-pro, .pricing-premium { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); background-size: cover; } + &::before { content: var(--tw-content); background-position: center; } + &::before { content: var(--tw-content); background-repeat: no-repeat; } } + .pricing-basic:before { inset-inline-end: 0.375rem; top: 0.375rem; @@ -50970,6 +65962,7 @@ label { background-image: url('../images/media/backgrounds/1.png'); opacity: 0.2; } + .pricing-pro:before { inset-inline-end: 0.375rem; top: 0.375rem; @@ -50978,6 +65971,7 @@ label { background-image: url('../images/media/backgrounds/2.png'); opacity: 0.2; } + .pricing-premium:before { inset-inline-end: 0.375rem; top: 0.375rem; @@ -50986,65 +65980,81 @@ label { background-image: url('../images/media/backgrounds/3.png'); opacity: 0.2; } + .pricing-svg1 { position: relative; z-index: 2; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(1.25rem * -1); } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * -4); } + &::before { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); z-index: calc(1 * -1); } + &::before { content: var(--tw-content); height: 6.5rem; } + &::before { content: var(--tw-content); width: 6.5rem; } + &::before { content: var(--tw-content); background-image: url('../images/media/backgrounds/8.svg'); } + &::before { content: var(--tw-content); background-size: cover; } + &::before { content: var(--tw-content); background-position: center; } + &::before { content: var(--tw-content); background-repeat: no-repeat; } } + .pricing-svg1 svg { height: calc(var(--spacing) * 16); width: calc(var(--spacing) * 16); } + .pricing-offer { position: relative; } + .pricing-offer .pricing-offer-details { position: absolute; inset-inline-end: calc(2.063rem * -1); @@ -51060,9 +66070,11 @@ label { font-size: 0.75rem; color: var(--color-white); } + [dir=rtl] .pricing-offer-details { rotate: 315deg; } + .main-profile-cover { position: relative; z-index: 9; @@ -51070,106 +66082,132 @@ label { background-size: cover; background-position: center; background-repeat: no-repeat; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } } + .main-profile-info { position: relative; z-index: 10; } + .profile-works img { margin-bottom: 1.25rem; height: 5.5rem; width: 5.5rem; border-radius: 0.3rem; } + .profile-timeline { margin-bottom: calc(var(--spacing) * 0); } + .profile-timeline li { position: relative; margin-bottom: 1.75rem; padding-inline-start: 5.313rem; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 2.813rem; } + &::before { content: var(--tw-content); top: 1.813rem; } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + &::before { content: var(--tw-content); background-color: transparent; } + &::before { content: var(--tw-content); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } } + .profile-timeline li .profile-timeline-avatar { position: absolute; inset-inline-start: 2.125rem; top: 0.188rem; } + .profile-timeline li:last-child { margin-bottom: calc(var(--spacing) * 0); + &::before { content: var(--tw-content); display: none; } } + .profile-timeline .profile-activity-media img { margin: 0.35rem; height: 3rem; @@ -51177,6 +66215,7 @@ label { max-width: inherit; border-radius: var(--radius-md); } + @media (max-width: 575.98px) { .timeline .timeline-time { position: absolute !important; @@ -51185,28 +66224,35 @@ label { z-index: 99 !important; width: 100% !important; } + .timeline::before { border-style: var(--tw-border-style) !important; border-width: 0px !important; } } + .profile-recent-posts { max-width: 10rem; } + .profile-post-content { width: 42rem; } + #profile-posts-scroll { max-height: 35rem; } + @media (max-width: 420px) { .profile-post-link { max-width: 9.375rem; } } + .reviews-container .box { position: relative; } + .reviews-container .box:before { position: absolute; inset-inline-end: calc(var(--spacing) * 5); @@ -51225,22 +66271,28 @@ label { --tw-shadow: 0 0 0.5rem var(--tw-shadow-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); --tw-shadow-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 50%, transparent) var(--tw-shadow-alpha), transparent); } + --tw-content: "\ec52"; content: var(--tw-content); } + .teams-nav { max-height: calc(100vh - 9rem); } + .teams-nav ul li { padding-inline: 1.25rem; padding-block: 0.625rem; } + .team-member-card { overflow: hidden; } + .team-member-card .avatar { position: absolute; inset-inline-start: 38%; @@ -51250,35 +66302,44 @@ label { --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, #000 7.5%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.5%, transparent); } } + @media (min-width: 480px) { .team-member-card .team-member-details { padding-inline-start: 4.75rem; } + .team-member-card .avatar { inset-inline-start: calc(var(--spacing) * 4); } + .team-member-card .team-member-stats div { border-inline-style: var(--tw-border-style); border-inline-width: 1px; --tw-border-style: dashed; border-style: dashed; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } - .team-member-card .team-member-stats div:last-child, .team-member-card .team-member-stats div:first-child { + + .team-member-card .team-member-stats div:last-child, + .team-member-card .team-member-stats div:first-child { border-style: var(--tw-border-style) !important; border-width: 0px !important; } } + @media (max-width: 479.95px) { .team-member-card .team-member-stats div { border-bottom-style: var(--tw-border-style); @@ -51286,49 +66347,61 @@ label { --tw-border-style: dashed; border-style: dashed; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .team-member-card .team-member-stats div:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } + @media (min-width: 1400px) and (max-width: 1700px) { .team-member-card .team-member-details { max-width: 12rem; } } + .team-member-card .teammember-cover-image { position: relative !important; + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); height: 100% !important; } + &::before { content: var(--tw-content); width: 100% !important; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important; } } } + .team-member-card .teammember-cover-image .card-img-top { height: 6.25rem; width: 100%; } + .team-member-card .teammember-cover-image .team-member-star { position: absolute; inset-inline-end: calc(var(--spacing) * 3); @@ -51340,130 +66413,162 @@ label { justify-content: center; border-radius: var(--radius-md); background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } + padding: 0.375rem; } + .notification-container li .un-read { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0.25rem; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } + .terms-conditions { max-height: 44.75rem; } + .terms-heading { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); bottom: calc(0.65rem * -1); } + &::before { content: var(--tw-content); height: 0.25rem; } + &::before { content: var(--tw-content); width: 50%; } + &::before { content: var(--tw-content); border-radius: var(--radius-md); } + &::before { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::before { content: var(--tw-content); --tw-gradient-from: var(--color-primary); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } + &::before { content: var(--tw-content); --tw-gradient-to: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-primary) 10%, 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)); } } + .card.card-fullscreen { border-radius: var(--radius-none); } + .timeline { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 20%; } + &::before { content: var(--tw-content); top: 4.625rem; } + &::before { content: var(--tw-content); bottom: 3rem; } + &::before { content: var(--tw-content); margin-inline-start: calc(1.5px * -1); } + &::before { content: var(--tw-content); width: 1px; } + &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } + &::before { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } } -.timeline > li { + +.timeline>li { position: relative; min-height: 3.125rem; padding-inline: calc(var(--spacing) * 0); padding-block: 0.938rem; } + .timeline .timeline-time { position: absolute; inset-inline-start: calc(var(--spacing) * 0); top: 3.35rem; width: 18%; } + .timeline .timeline-time .date, .timeline .timeline-time .time { display: block; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .timeline .timeline-time .date { margin-bottom: calc(var(--spacing) * 0); font-size: 0.6rem; @@ -51471,12 +66576,14 @@ label { line-height: 1; color: #8c9097; } + .timeline .timeline-time .time { font-size: 1.125rem; --tw-leading: 1.5rem; line-height: 1.5rem; color: #8c9097; } + .timeline .timeline-icon { position: absolute; inset-inline-start: 15%; @@ -51484,6 +66591,7 @@ label { width: 10%; text-align: center; } + .timeline .timeline-icon a { display: inline-block; height: 0.625rem; @@ -51494,15 +66602,18 @@ label { --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } + background-color: var(--color-light); font-size: 0.875rem; --tw-leading: 0.625rem; line-height: 0.625rem; color: var(--color-primary); } + .timeline .timeline-body { position: relative; margin-inline-start: 22%; @@ -51513,62 +66624,77 @@ label { padding-block: 0.875rem; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - @media (width >= 48rem) { + + @media (width >=48rem) { top: 2.5rem; } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } -.timeline .timeline-body > div + div { + +.timeline .timeline-body>div+div { margin-top: 0.938rem; } + .timeline-loadmore-container { margin-top: 3.5rem; margin-bottom: 1.5rem; } + .timeline li:last-child { &::before { content: var(--tw-content); display: none; } } + @media (max-width: 575.98px) { .timeline .timeline-icon a { display: none; } + .timeline li:before { display: none; } + .timeline-body .media { flex-direction: column; } + .timeline-body .media .main-img-user { margin-bottom: 0.625rem !important; } + .timeline .timeline-time { position: absolute !important; inset-inline-end: 0.313rem !important; z-index: 9 !important; width: 100% !important; } + .timeline-main-content { flex-direction: column; } + .timeline .timeline-body { position: relative; margin-inline-start: calc(var(--spacing) * 0); margin-inline-end: calc(var(--spacing) * 0); } + .timeline-badge { position: absolute; inset-inline-start: 1.15rem; top: 0.45rem; } + .timeline .timeline-time .date, .timeline .timeline-time .time { display: inline-flex; } + .timeline .timeline-time .time { margin-inline-start: 0.313rem; margin-inline-end: 0.625rem; @@ -51578,6 +66704,7 @@ label { color: #8c9097; } } + .task-navigation ul.task-main-nav li { border-radius: 0.3rem; border-color: var(--color-defaultborder); @@ -51585,47 +66712,57 @@ label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .task-navigation ul.task-main-nav li:hover a { color: var(--color-primary); } + .task-navigation ul.task-main-nav li.active div { color: var(--color-primary); } + .task-pending-card { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.45rem !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, rgb(35, 183, 229) 40%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 40%, transparent) !important; } } + .task-inprogress-card { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.45rem !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, rgb(132, 90, 223) 40%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important; } } + .task-completed-card { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.45rem !important; --tw-border-style: solid !important; border-style: solid !important; border-color: color-mix(in srgb, rgb(38, 191, 148) 40%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 40%, transparent) !important; } } + .task-pending-card .box-body, .task-inprogress-card .box-body, .task-completed-card .box-body { position: relative; } + .task-pending-card .box-body .badge, .task-inprogress-card .box-body .badge, .task-completed-card .box-body .badge { @@ -51633,24 +66770,29 @@ label { inset-inline-end: 1.25rem; bottom: 1.25rem; } + .task-pending-card:hover, .task-inprogress-card:hover, .task-completed-card:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent); } } + .task-tabs-container .tab-pane { min-height: calc(100vh - 22rem); border-style: var(--tw-border-style); border-width: 0px; } + .ql-snow { border-radius: var(--radius-none) !important; } + @media (max-width: 575.98px) { #account-settings label.ti-btn { gap: calc(var(--spacing) * 0); @@ -51659,221 +66801,277 @@ label { font-size: 0.625rem; } } + .companies-search-input .choices__inner { min-height: 100% !important; border-radius: var(--radius-none) !important; } + .companies-search-input input, .companies-search-input button { height: 44px; } + .companies-search-input .choices { margin-bottom: calc(var(--spacing) * 0) !important; width: 100% !important; } + .companies-search-input .choices__list--single .choices__item { white-space: nowrap !important; } + @media screen and (max-width: 622px) { .companies-search-input { display: block; } + .companies-search-input .form-control { margin-bottom: calc(var(--spacing) * 2) !important; width: 100% !important; border-radius: var(--radius-md) !important; } + .companies-search-input .choices { margin-bottom: calc(var(--spacing) * 2) !important; border-radius: var(--radius-md) !important; } + .companies-search-input .ti-btn { width: 100% !important; border-radius: var(--radius-md) !important; } } + @media screen and (min-width: 622px) { .companies-search-input .ti-btn { border-start-start-radius: var(--radius-none) !important; border-end-start-radius: var(--radius-none) !important; } } + .star-rating { touch-action: none; } + .main-chart-wrapper { position: relative; margin-inline: calc(1.25rem * -1); margin-block: calc(var(--spacing) * 0); overflow: hidden; } + .main-chart-wrapper .chat-info, .main-chart-wrapper .main-chat-area, .main-chart-wrapper .chat-user-details { height: calc(100vh - 8rem); border-radius: var(--radius-md); background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .main-chart-wrapper .chat-users-tab, .main-chart-wrapper .chat-groups-tab, .main-chart-wrapper .chat-calls-tab { max-height: calc(100vh - 21rem); } + .main-chart-wrapper .chat-content { max-height: calc(100vh - 17rem); } + .main-chart-wrapper .chat-content .simplebar-content-wrapper .simplebar-content { margin-top: auto; } + .main-chart-wrapper .chat-content ul li { margin-bottom: calc(var(--spacing) * 4); } + .main-chart-wrapper .chat-content ul li:last-child { margin-bottom: calc(var(--spacing) * 0); } -.main-chart-wrapper .responsive-chat-close, .main-chart-wrapper button.responsive-userinfo-open { + +.main-chart-wrapper .responsive-chat-close, +.main-chart-wrapper button.responsive-userinfo-open { display: none; } + .main-chart-wrapper .chat-info { position: relative; } + .main-chart-wrapper .chat-info .chat-add-icon { position: absolute; inset-inline-end: 0.8rem; bottom: calc(var(--spacing) * 3); z-index: 1; } + .main-chart-wrapper .chat-info .nav-link { border-radius: var(--radius-none); color: #8c9097; } + .main-chart-wrapper .chat-info .nav-link.active { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .main-chart-wrapper .chat-info .tab-pane { padding: calc(var(--spacing) * 0); } + .main-chart-wrapper .chat-info .chat-groups-tab li { padding-inline: 1.25rem; padding-block: 0.625rem; } + .main-chart-wrapper .chat-info .chat-groups-tab .group-indivudial { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-primary); } + .main-chart-wrapper .chat-info .chat-calls-tab li { padding-inline: 1.25rem; padding-block: 0.625rem; } + .main-chart-wrapper .chat-info .chat-calls-tab .incoming-call-success i, .main-chart-wrapper .chat-info .chat-calls-tab .outgoing-call-success i { font-size: 0.875rem; color: var(--color-success); } + .main-chart-wrapper .chat-info .chat-calls-tab .incoming-call-failed i, .main-chart-wrapper .chat-info .chat-calls-tab .outgoing-call-failed i { font-size: 0.875rem; color: var(--color-danger); } + .main-chart-wrapper .chat-info .chat-users-tab li, .main-chart-wrapper .chat-info .chat-groups-tab li { padding-inline: 1.25rem; padding-block: 0.625rem; } + .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg { display: inline-block; max-width: 11.25rem; color: #8c9097; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg-typing .chat-msg, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg-typing .chat-msg { color: var(--color-success); } + .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg-typing .chat-read-icon, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg-typing .chat-read-icon { display: none; } + .main-chart-wrapper .chat-info .chat-users-tab li .chat-read-icon, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-read-icon { --tw-leading: 1; line-height: 1; } + .main-chart-wrapper .chat-info .chat-users-tab li .chat-read-icon i, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-read-icon i { font-size: 1rem; color: var(--color-success); } + .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-light); } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread .chat-msg, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread .chat-msg { color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread .chat-read-icon i, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread .chat-read-icon i { color: #8c9097; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .main-chart-wrapper .chat-info .chat-users-tab li.chat-inactive .chat-read-icon, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-inactive .chat-read-icon { display: none; } + .main-chart-wrapper .chat-user-details { padding: 1.5rem; } + .main-chart-wrapper .chat-user-details .avatar { --tw-border-style: solid !important; border-style: solid !important; outline-style: var(--tw-outline-style) !important; outline-width: 1px !important; outline-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important; } } + .main-chart-wrapper .chat-user-details .shared-files li { margin-bottom: calc(var(--spacing) * 1); } + .main-chart-wrapper .chat-user-details .shared-files li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .main-chart-wrapper .chat-user-details .shared-files .shared-file-icon i { display: flex; height: calc(var(--spacing) * 4); @@ -51891,28 +67089,35 @@ label { --tw-leading: 1; line-height: 1; color: #8c9097; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .main-chart-wrapper .chat-user-details .chat-media img { margin-bottom: 1.125rem; height: 5.5rem; width: 5.5rem; border-radius: var(--radius-md); } + .main-chart-wrapper .main-chat-area { position: relative; } + .main-chart-wrapper .main-chat-area .chat-content { background-size: cover; background-attachment: fixed; @@ -51920,82 +67125,101 @@ label { background-repeat: no-repeat; padding: 2.5rem; } + .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--font-size-defaultsize); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info .msg-sent-time { font-size: 0.75rem; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: #8c9097; } + .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info .msg-sent-time .chat-read-mark i { margin-inline-end: 0.3rem; color: var(--color-success); } + .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div { margin-top: 0.4rem; width: -moz-fit-content; width: fit-content; padding: calc(var(--spacing) * 3); } + .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div p { font-size: 0.813rem; } + .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div .chat-media-image { height: 6.25rem; width: 6.25rem; border-radius: var(--radius-md); } + .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .main-chat-msg div { border-radius: 0.3rem; background-color: var(--color-light); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .msg-sent-time { margin-inline-start: calc(var(--spacing) * 1); display: inline-flex; } + .main-chart-wrapper .main-chat-area .chat-content .chat-item-end { justify-content: flex-end; text-align: end; } + .main-chart-wrapper .main-chat-area .chat-content .chat-item-end .main-chat-msg div { border-radius: 0.3rem; background-color: var(--color-primary); color: var(--color-white); } + .main-chart-wrapper .main-chat-area .chat-content .chat-item-end .msg-sent-time { margin-inline-end: calc(var(--spacing) * 1); } + .main-chart-wrapper .main-chat-area .chat-content .chat-item-start, .main-chart-wrapper .main-chat-area .chat-content .chat-item-end { display: flex; } + .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .chat-list-inner, .main-chart-wrapper .main-chat-area .chat-content .chat-item-end .chat-list-inner { display: flex; max-width: 75%; align-items: flex-start; } + .main-chart-wrapper .main-chat-area .chat-footer { width: 100%; } + .main-chart-wrapper .main-chat-area .chat-footer { position: absolute; inset-inline-start: auto; @@ -52013,22 +67237,28 @@ label { background-color: var(--color-white); padding-inline: 1.5rem; padding-block: calc(var(--spacing) * 0); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .main-chart-wrapper .main-chat-area .chat-day-label { position: relative; margin-bottom: calc(var(--spacing) * 8); @@ -52036,70 +67266,86 @@ label { color: #8c9097; opacity: 0.6; } + .main-chart-wrapper .main-chat-area .chat-day-label span { border-radius: 0.3rem; background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } + padding-inline: calc(var(--spacing) * 2); padding-block: 0.188rem; font-size: 0.7rem; color: var(--color-primary); } + @media (min-width: 992px) { .main-chart-wrapper .chat-info { max-width: 21.875rem; min-width: 21.875rem; } } + .main-chart-wrapper .main-chat-area { width: 100%; max-width: 100%; overflow: hidden; } + .main-chart-wrapper .chat-user-details { max-width: 20rem; min-width: 20rem; - @media (width >= 40rem) { + + @media (width >=40rem) { max-width: 21.875rem; } - @media (width >= 40rem) { + + @media (width >=40rem) { min-width: 21.875rem; } } + @media (max-width: 1275.98px) and (min-width: 992px) { .main-chart-wrapper .chat-info { max-width: 21.875rem; min-width: 21.875rem; } + .main-chart-wrapper .main-chat-area { width: 100%; max-width: 100%; overflow: hidden; } + .main-chart-wrapper .chat-user-details { display: none; } } + @media (max-width: 991.98px) { .main-chart-wrapper .chat-info { width: 100%; } + .main-chart-wrapper .main-chat-area { display: none; min-height: 100%; max-width: 100%; } + .main-chart-wrapper .responsive-chat-close { display: block; } } + @media (max-width: 1400px) { .main-chart-wrapper .chat-user-details { position: absolute; display: none; } + .main-chart-wrapper .chat-user-details.open { inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 2); @@ -52111,53 +67357,69 @@ label { border-color: var(--color-defaultborder); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .main-chart-wrapper button.responsive-userinfo-open { display: block; } } + @media (max-width: 991.98px) { .main-chart-wrapper.responsive-chat-open .chat-info { display: none; } + .main-chart-wrapper.responsive-chat-open .main-chat-area { display: block; } } + @media (max-width: 767.98px) { .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div .chat-media-image { height: 2.5rem; width: 2.5rem; } } + @media (max-width: 354px) { - .main-chart-wrapper .chat-calls-tab, .main-chart-wrapper .chat-groups-tab, .main-chart-wrapper .chat-users-tab { + + .main-chart-wrapper .chat-calls-tab, + .main-chart-wrapper .chat-groups-tab, + .main-chart-wrapper .chat-users-tab { max-height: calc(100vh - 22rem); } } + [dir=rtl] .chat-footer .btn-send { rotate: 180deg; } + .tab-style-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } + .tab-style-2 .nav-item { margin-inline-end: calc(var(--spacing) * 2); } + .tab-style-2 .nav-item:last-child { margin-inline-end: calc(var(--spacing) * 0); } + .tab-style-2 .nav-item .nav-link { border-style: var(--tw-border-style); border-width: 0px; } + .tab-style-2 .nav-item .nav-link i { display: inline-flex; height: 1.875rem; @@ -52166,66 +67428,84 @@ label { background-color: var(--color-light); padding: 0.4rem; color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .tab-style-2 .nav-item .nav-link:hover { border-style: var(--tw-border-style); border-width: 0px; } + .tab-style-2 .nav-item .nav-link.active { position: relative; border-style: var(--tw-border-style); border-width: 0px; background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: var(--color-primary); } + .tab-style-2 .nav-item .nav-link.active i { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: var(--color-primary); + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 45%; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 0.175rem; } + &::before { content: var(--tw-content); width: 20%; } + &::before { content: var(--tw-content); border-radius: 50px; } + &::before { content: var(--tw-content); background-color: var(--color-primary); } } + .ynex-kanban-board { margin-bottom: calc(var(--spacing) * 3); display: flex; @@ -52233,140 +67513,184 @@ label { overflow-x: auto; padding-bottom: calc(var(--spacing) * 4); } + .ynex-kanban-board .kanban-tasks-type { margin-inline-end: calc(var(--spacing) * 6); width: 100%; min-width: 20rem; } + .ynex-kanban-board .kanban-tasks-type:last-child { margin-inline-end: calc(var(--spacing) * 0); } + .ynex-kanban-board .kanban-tasks-type .kanban-tasks { touch-action: none; overflow-x: hidden; overflow-y: scroll; } + .ynex-kanban-board .task-image .kanban-image { height: 150px; width: 100%; border-radius: var(--radius-md); } + .ynex-kanban-board .kanban-content { margin-top: calc(var(--spacing) * 3); } + .ynex-kanban-board .kanban-task-description { font-size: 0.82rem; color: var(--color-textmuted); } + .ynex-kanban-board .kanban-tasks-type.new .kanban-tasks.box { border-top-style: var(--tw-border-style); border-top-width: 3px; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } + .ynex-kanban-board .kanban-tasks-type.todo .kanban-tasks.box { border-top-style: var(--tw-border-style); border-top-width: 3px; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } + .ynex-kanban-board .kanban-tasks-type.in-progress .kanban-tasks.box { border-top-style: var(--tw-border-style); border-top-width: 3px; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } + .ynex-kanban-board .kanban-tasks-type.inreview .kanban-tasks.box { border-top-style: var(--tw-border-style); border-top-width: 3px; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } + .ynex-kanban-board .kanban-tasks-type.completed .kanban-tasks.box { border-top-style: var(--tw-border-style); border-top-width: 3px; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } -.ynex-kanban-board #new-tasks .box:last-child, .ynex-kanban-board #todo-tasks .box:last-child, .ynex-kanban-board #inprogress-tasks .box:last-child, .ynex-kanban-board #inreview-tasks .box:last-child, .ynex-kanban-board #completed-tasks .box:last-child { + +.ynex-kanban-board #new-tasks .box:last-child, +.ynex-kanban-board #todo-tasks .box:last-child, +.ynex-kanban-board #inprogress-tasks .box:last-child, +.ynex-kanban-board #inreview-tasks .box:last-child, +.ynex-kanban-board #completed-tasks .box:last-child { margin-bottom: calc(var(--spacing) * 0); } -.ynex-kanban-board #new-tasks, .ynex-kanban-board #todo-tasks, .ynex-kanban-board #inprogress-tasks, .ynex-kanban-board #inreview-tasks, .ynex-kanban-board #completed-tasks { + +.ynex-kanban-board #new-tasks, +.ynex-kanban-board #todo-tasks, +.ynex-kanban-board #inprogress-tasks, +.ynex-kanban-board #inreview-tasks, +.ynex-kanban-board #completed-tasks { position: relative; max-height: 35rem; } -.ynex-kanban-board #new-tasks .simplebar-content, .ynex-kanban-board #todo-tasks .simplebar-content, .ynex-kanban-board #inprogress-tasks .simplebar-content, .ynex-kanban-board #inreview-tasks .simplebar-content, .ynex-kanban-board #completed-tasks .simplebar-content { + +.ynex-kanban-board #new-tasks .simplebar-content, +.ynex-kanban-board #todo-tasks .simplebar-content, +.ynex-kanban-board #inprogress-tasks .simplebar-content, +.ynex-kanban-board #inreview-tasks .simplebar-content, +.ynex-kanban-board #completed-tasks .simplebar-content { padding-inline: calc(var(--spacing) * 0); padding-top: calc(var(--spacing) * 0); padding-bottom: calc(var(--spacing) * 4); } + .ynex-kanban-board .task-Null { position: relative; min-height: 12.5rem; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); margin-inline: auto; } + &::before { content: var(--tw-content); margin-block: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 12.5rem; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); border-radius: var(--radius-md); } + &::before { content: var(--tw-content); background-color: var(--color-white); } + &::before { content: var(--tw-content); background-image: url('../images/media/media-83.svg'); } + &::before { content: var(--tw-content); background-size: cover; } + &::before { content: var(--tw-content); background-position: center; } + &:where(.dark, .dark *) { &::before { content: var(--tw-content); @@ -52374,55 +67698,69 @@ label { } } } + .task-title { position: relative; inset-inline-start: calc(var(--spacing) * 4); + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * -4); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 2); } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 2); } + &::before { content: var(--tw-content); width: calc(var(--spacing) * 2); } + &::before { content: var(--tw-content); border-radius: var(--radius-full); } + &::before { content: var(--tw-content); background-color: var(--color-secondary); } } + .task-details-key-tasks { list-style-type: decimal; } + .task-details-key-tasks li { margin-bottom: calc(var(--spacing) * 2); font-size: 0.875rem; color: #8c9097; } + .task-details-key-tasks li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .task-description { font-size: 0.875rem; } + .task-details-progress { width: 6.25rem; } + .main-sidebar { position: relative; margin-top: 3.72rem; @@ -52430,11 +67768,13 @@ label { overflow: auto; padding-top: calc(var(--spacing) * 2); padding-bottom: calc(var(--spacing) * 20); + &:focus-visible { --tw-outline-style: none; outline-style: none; } } + .main-sidebar .main-menu-container, .main-sidebar .simplebar-content-wrapper, .main-sidebar .simplebar-content { @@ -52443,16 +67783,19 @@ label { outline-style: none; } } + .app-sidebar .side-menu__angle { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } + .sidemenu-toggle .header-link .header-link-icon { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } + .app-sidebar { position: fixed; inset-inline-start: calc(var(--spacing) * 0); @@ -52463,9 +67806,11 @@ label { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-inline-end-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-inline-end-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: #111c43; font-family: var(--font-montserrat); transition-property: all; @@ -52475,10 +67820,12 @@ label { transition-duration: 0.05s; --tw-ease: linear; transition-timing-function: linear; + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .app-sidebar .main-sidebar-header { position: fixed; z-index: 9; @@ -52492,13 +67839,17 @@ label { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-inline-end-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-inline-end-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + border-bottom-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + padding-inline: calc(var(--spacing) * 5); padding-block: 0.813rem; transition-property: all; @@ -52508,23 +67859,29 @@ label { transition-duration: 0.05s; --tw-ease: linear; transition-timing-function: linear; + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .app-sidebar .main-sidebar-header .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: block; } + .app-sidebar .main-sidebar-header .header-logo .desktop-logo, .app-sidebar .main-sidebar-header .header-logo .toggle-logo, -.app-sidebar .main-sidebar-header .header-logo .toggle-dark, .app-sidebar .main-sidebar-header .header-logo .toggle-white { +.app-sidebar .main-sidebar-header .header-logo .toggle-dark, +.app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none; } + .app-sidebar .slide__category { position: relative; padding-inline: 1.65rem; @@ -52538,15 +67895,18 @@ label { color: #a3aed1; text-transform: uppercase; opacity: 50%; + &:where(.dark, .dark *) { color: #8f9bb3; } } + .app-sidebar .slide { margin: calc(var(--spacing) * 0); padding-inline: calc(var(--spacing) * 3); padding-block: 0rem; } + .app-sidebar .side-menu__item { position: relative; margin-block: 0.25rem; @@ -52560,45 +67920,65 @@ label { font-weight: var(--font-weight-medium); color: #a3aed1; text-decoration-line: none; + &:where(.dark, .dark *) { color: #8f9bb3; } } -.app-sidebar .side-menu__item.active, .app-sidebar .side-menu__item:hover { + +.app-sidebar .side-menu__item.active, +.app-sidebar .side-menu__item:hover { background-color: color-mix(in srgb, #fff 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } + color: var(--color-white); + &::before { content: var(--tw-content); border-color: var(--color-white); } } + .app-sidebar .side-menu__item.active .side-menu__label, -.app-sidebar .side-menu__item.active .side-menu__angle, .app-sidebar .side-menu__item:hover .side-menu__label, +.app-sidebar .side-menu__item.active .side-menu__angle, +.app-sidebar .side-menu__item:hover .side-menu__label, .app-sidebar .side-menu__item:hover .side-menu__angle { color: var(--color-white); } -.app-sidebar .side-menu__item.active .side-menu__icon, .app-sidebar .side-menu__item:hover .side-menu__icon { + +.app-sidebar .side-menu__item.active .side-menu__icon, +.app-sidebar .side-menu__item:hover .side-menu__icon { fill: var(--color-white); color: var(--color-white); } + .app-sidebar .side-menu__item.active { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } -.app-sidebar .slide-menu.child1 .side-menu__item.active, .app-sidebar .slide-menu.child2 .side-menu__item.active, .app-sidebar .slide-menu.child3 .side-menu__item.active { + +.app-sidebar .slide-menu.child1 .side-menu__item.active, +.app-sidebar .slide-menu.child2 .side-menu__item.active, +.app-sidebar .slide-menu.child3 .side-menu__item.active { background-color: transparent; } + .app-sidebar .slide-menu { padding: 0rem; } -.app-sidebar .slide-menu.child1 .side-menu__item, .app-sidebar .slide-menu.child2 .side-menu__item { + +.app-sidebar .slide-menu.child1 .side-menu__item, +.app-sidebar .slide-menu.child2 .side-menu__item { padding-inline: 1.6rem; padding-block: 0.45rem; } -.app-sidebar .slide-menu.child1 .side-menu__item:before, .app-sidebar .slide-menu.child2 .side-menu__item:before, .app-sidebar .slide-menu.child3 .side-menu__item:before { + +.app-sidebar .slide-menu.child1 .side-menu__item:before, +.app-sidebar .slide-menu.child2 .side-menu__item:before, +.app-sidebar .slide-menu.child3 .side-menu__item:before { position: absolute; inset-inline-start: calc(var(--spacing) * 2); height: 0.3rem; @@ -52611,14 +67991,21 @@ label { opacity: 50%; --tw-content: ""; content: var(--tw-content); + &:where(.dark, .dark *) { border-color: #8f9bb3; } } -.app-sidebar .slide-menu.child1 .side-menu__item:hover, .app-sidebar .slide-menu.child2 .side-menu__item:hover, .app-sidebar .slide-menu.child3 .side-menu__item:hover { + +.app-sidebar .slide-menu.child1 .side-menu__item:hover, +.app-sidebar .slide-menu.child2 .side-menu__item:hover, +.app-sidebar .slide-menu.child3 .side-menu__item:hover { color: var(--color-white); } -.app-sidebar .slide-menu.child1 .side-menu__item:hover:before, .app-sidebar .slide-menu.child2 .side-menu__item:hover:before, .app-sidebar .slide-menu.child3 .side-menu__item:hover:before { + +.app-sidebar .slide-menu.child1 .side-menu__item:hover:before, +.app-sidebar .slide-menu.child2 .side-menu__item:hover:before, +.app-sidebar .slide-menu.child3 .side-menu__item:hover:before { border-radius: var(--radius-full) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -52628,7 +68015,10 @@ label { --tw-content: "" !important; content: var(--tw-content) !important; } -.app-sidebar .slide-menu.child1 .side-menu__item.active:before, .app-sidebar .slide-menu.child2 .side-menu__item.active:before, .app-sidebar .slide-menu.child3 .side-menu__item.active:before { + +.app-sidebar .slide-menu.child1 .side-menu__item.active:before, +.app-sidebar .slide-menu.child2 .side-menu__item.active:before, +.app-sidebar .slide-menu.child3 .side-menu__item.active:before { position: absolute; height: 0.3rem; width: 0.3rem; @@ -52641,11 +68031,15 @@ label { --tw-content: ""; content: var(--tw-content); } -.app-sidebar .slide-menu.child1 li, .app-sidebar .slide-menu.child2 li, .app-sidebar .slide-menu.child3 li { + +.app-sidebar .slide-menu.child1 li, +.app-sidebar .slide-menu.child2 li, +.app-sidebar .slide-menu.child3 li { position: relative; padding: calc(var(--spacing) * 0); padding-inline-start: calc(var(--spacing) * 6); } + .app-sidebar .side-menu__label { position: relative; vertical-align: middle; @@ -52654,14 +68048,17 @@ label { line-height: 1; white-space: nowrap; color: #a3aed1; + &:where(.dark, .dark *) { color: #8f9bb3; } } + .app-sidebar .side-menu__label .badge { border-radius: var(--radius-sm); padding: calc(var(--spacing) * 2); } + .app-sidebar .side-menu__icon { margin-inline-end: calc(var(--spacing) * 2.5); height: 1.15rem; @@ -52671,10 +68068,12 @@ label { text-align: center; font-size: 1.15rem; color: #a3aed1; + &:where(.dark, .dark *) { color: #8f9bb3; } } + .app-sidebar .side-menu__angle { position: absolute; inset-inline-end: calc(var(--spacing) * 3); @@ -52688,38 +68087,48 @@ label { transition-duration: 0.05s; --tw-ease: linear; transition-timing-function: linear; + &:where(.dark, .dark *) { color: #8f9bb3; } } + .app-sidebar .slide.side-menu__label1 { display: none; } + .horizontal-logo { padding-inline: 0rem; padding-block: 0.85rem; } + .slide.has-sub .slide-menu { visibility: visible !important; --tw-translate-x: calc(var(--spacing) * 0) !important; --tw-translate-y: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } + .nav ul li { list-style-type: none; } -.nav > ul { + +.nav>ul { padding-inline-start: calc(var(--spacing) * 0); } + .slide-menu { display: none; } + .slide.has-sub { display: grid; } -.slide.has-sub.open > .side-menu__item .side-menu__angle { + +.slide.has-sub.open>.side-menu__item .side-menu__angle { rotate: 90deg; } + [data-toggled=open] .app-sidebar { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); @@ -52729,18 +68138,22 @@ label { --tw-duration: 300ms; transition-duration: 300ms; } + [data-toggled=open] .app-sidebar .main-sidebar-header { display: none; } + [data-toggled=open] .app-sidebar #sidebar-scroll { margin-top: calc(var(--spacing) * 0); } + [data-toggled=open] .app-sidebar { - @media (width >= 64rem) { + @media (width >=64rem) { --tw-translate-x: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } } + [data-toggled=close] .app-sidebar { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); @@ -52750,66 +68163,84 @@ label { --tw-duration: 300ms; transition-duration: 300ms; } + [data-toggled=close] .app-sidebar .main-sidebar-header { display: none; } + [data-toggled=close] .app-sidebar #sidebar-scroll { margin-top: calc(var(--spacing) * 0); } + [data-toggled=close] .app-sidebar { - @media (width >= 64rem) { + @media (width >=64rem) { --tw-translate-x: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } } + [data-toggled=close][dir=ltr] .app-sidebar { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } + [data-toggled=close][dir=rtl] .app-sidebar { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } + @media screen and (max-width: 991px) { .main-sidebar-header { display: none; } + #sidebar-scroll { margin-top: calc(var(--spacing) * 0) !important; } } + @media (max-width: 991.98px) { + .horizontal-logo .header-logo .desktop-logo, .horizontal-logo .header-logo .desktop-dark, .horizontal-logo .header-logo .toggle-dark, - .horizontal-logo .header-logo .desktop-white, .horizontal-logo .header-logo .toggle-white { + .horizontal-logo .header-logo .desktop-white, + .horizontal-logo .header-logo .toggle-white { display: none; } + .horizontal-logo .header-logo .toggle-logo { display: block; } + .main-sidebar-header { display: none !important; } + .main-sidebar { margin-top: calc(var(--spacing) * 0); } + .app-sidebar { top: calc(var(--spacing) * 0); } } + .slide-left, .slide-right { display: none; } -[data-nav-layout=vertical] .slide.has-sub.active > .side-menu__item { + +[data-nav-layout=vertical] .slide.has-sub.active>.side-menu__item { margin-bottom: 0.25rem; } + @media (min-width: 992px) { .horizontal-logo { display: none; } } + #responsive-overlay { visibility: hidden; position: fixed; @@ -52824,45 +68255,56 @@ label { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } + #responsive-overlay.active { visibility: visible; } + @media (max-width: 991.98px) { .main-menu { margin: calc(var(--spacing) * 0) !important; } + .app-sidebar { z-index: 105 !important; } } + [data-vertical-style=closed][data-toggled=close-menu-close] .app-sidebar { display: none; } + @media (min-width: 992px) { [data-vertical-style=closed][data-toggled=close-menu-close] .content { margin-inline-start: calc(var(--spacing) * 0); } + [data-vertical-style=closed][data-toggled=close-menu-close] .app-header { padding-inline-start: calc(var(--spacing) * 0) !important; } } + [data-vertical-style=closed][data-toggled=close-menu-open] .app-sidebar { display: block; } + @media (min-width: 992px) { [data-vertical-style=closed][data-toggled=close-menu-open] .content { margin-inline-start: calc(var(--spacing) * 60); } + [data-vertical-style=closed][data-toggled=close-menu-open] .app-header { padding-inline-start: calc(var(--spacing) * 60); } } + @media (min-width: 992px) { [data-vertical-style=doublemenu] .app-sidebar { width: calc(var(--spacing) * 20); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0px; } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar { margin-top: calc(var(--spacing) * 0); height: 100%; @@ -52870,52 +68312,67 @@ label { --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); } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header { width: calc(var(--spacing) * 20); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: block !important; } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, - [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-white, + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: none !important; } + [data-vertical-style=doublemenu] .app-sidebar .main-menu-container { margin-top: 3.75rem; } - [data-vertical-style=doublemenu] .app-sidebar .main-menu > .slide { + + [data-vertical-style=doublemenu] .app-sidebar .main-menu>.slide { padding-inline: 1.2rem; padding-block: calc(var(--spacing) * 0); } + [data-vertical-style=doublemenu] .app-sidebar .category-name, [data-vertical-style=doublemenu] .app-sidebar .side-menu__label, [data-vertical-style=doublemenu] .app-sidebar .side-menu__angle { display: none; } + [data-vertical-style=doublemenu] .app-sidebar .side-menu__icon { margin-inline-end: calc(var(--spacing) * 0); } + [data-vertical-style=doublemenu] .app-sidebar .slide__category { display: none; } + [data-vertical-style=doublemenu] .app-sidebar .simplebar-content-wrapper { position: initial; } + [data-vertical-style=doublemenu] .app-sidebar .simplebar-mask { position: inherit; } + [data-vertical-style=doublemenu] .app-sidebar .simplebar-placeholder { height: auto !important; } + [data-vertical-style=doublemenu] .app-header { padding-inline-start: 17rem; } + [data-vertical-style=doublemenu] .content { margin-inline-start: 17rem; } + [data-vertical-style=doublemenu] .slide.has-sub .slide-menu { position: absolute; inset-inline-start: calc(var(--spacing) * 2); @@ -52925,50 +68382,78 @@ label { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-inline-end-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-inline-end-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: var(--color-white); --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), + var(--tw-inset-ring-shadow), + var(--tw-ring-offset-shadow), + var(--tw-ring-shadow), + var(--tw-shadow); transition-property: none; + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } - [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2, [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3 { + + [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2, + [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3 { position: relative !important; inset-inline-start: calc(var(--spacing) * 0) !important; top: calc(var(--spacing) * 0) !important; height: auto !important; } - [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2 .slide:nth-child(2), [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3 .slide:nth-child(2) { + + [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2 .slide:nth-child(2), + [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3 .slide:nth-child(2) { padding-top: 0rem; } - [data-vertical-style=doublemenu] .slide-menu.child1 .slide, [data-vertical-style=doublemenu] .slide-menu.child2 .slide, [data-vertical-style=doublemenu] .slide-menu.child3 .slide { + + [data-vertical-style=doublemenu] .slide-menu.child1 .slide, + [data-vertical-style=doublemenu] .slide-menu.child2 .slide, + [data-vertical-style=doublemenu] .slide-menu.child3 .slide { padding-inline-start: calc(var(--spacing) * 0); } - [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item, [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item, [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item { + + [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item, + [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item, + [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item { text-align: start; } - [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item:before { + + [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item:before, + [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item:before, + [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item:before { inset-inline-start: 0.75rem; top: 0.938rem; } - [data-vertical-style=doublemenu] .slide-menu.child1 .side-menu__angle, [data-vertical-style=doublemenu] .slide-menu.child2 .side-menu__angle, [data-vertical-style=doublemenu] .slide-menu.child3 .side-menu__angle { + + [data-vertical-style=doublemenu] .slide-menu.child1 .side-menu__angle, + [data-vertical-style=doublemenu] .slide-menu.child2 .side-menu__angle, + [data-vertical-style=doublemenu] .slide-menu.child3 .side-menu__angle { inset-inline-end: calc(var(--spacing) * 4); top: 0.65rem; display: block; } - [data-vertical-style=doublemenu] .slide-menu.child2, [data-vertical-style=doublemenu] .slide-menu.child3 { + + [data-vertical-style=doublemenu] .slide-menu.child2, + [data-vertical-style=doublemenu] .slide-menu.child3 { min-width: 10rem; } + [data-vertical-style=doublemenu] .slide-menu.child1 { min-width: 12rem; } + [data-vertical-style=doublemenu] .slide-menu.child1 .slide:nth-child(2) { padding-top: calc(var(--spacing) * 3); } + [data-vertical-style=doublemenu] .side-menu__label1 { display: block !important; height: 3.75rem !important; @@ -52976,9 +68461,11 @@ label { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; border-bottom-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + padding-inline: calc(var(--spacing) * 3) !important; padding-block: calc(var(--spacing) * 5) !important; font-size: 0.938rem !important; @@ -52986,9 +68473,11 @@ label { font-weight: var(--font-weight-medium) !important; color: var(--color-white) !important; } + [data-vertical-style=doublemenu] .slide-menu { display: none; } + [data-vertical-style=doublemenu] .slide-menu.double-menu-active { visibility: visible !important; position: absolute !important; @@ -53001,76 +68490,138 @@ label { border-top-style: var(--tw-border-style) !important; border-top-width: 0px !important; } - [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-dark { + + [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: none !important; } - [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-white { + + [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white, + [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-white, + [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: block !important; } - [data-vertical-style=doublemenu][class=light][data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-white { + + [data-vertical-style=doublemenu][class=light][data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu][class=light][data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu][class=light][data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=doublemenu][class=light][data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none !important; } + [data-vertical-style=doublemenu][class=light][data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: block !important; } - [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { + + [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none !important; } + [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: block !important; } - [data-vertical-style=doublemenu].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-white { + + [data-vertical-style=doublemenu].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none !important; } + [data-vertical-style=doublemenu].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: block !important; } - [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { + + [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, + [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: none !important; } - [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-white { + + [data-vertical-style=doublemenu].dark[data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white, + [data-vertical-style=doublemenu].dark[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-white, + [data-vertical-style=doublemenu].dark[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-white, + [data-vertical-style=doublemenu].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: block !important; } + [data-vertical-style=doublemenu].dark[data-page-style=classic] .slide.has-sub .slide-menu { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-inline-end-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-inline-end-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-header { padding-inline-start: calc(var(--spacing) * 20); } + [data-vertical-style=doublemenu][data-toggled=double-menu-close] .content { margin-inline-start: calc(var(--spacing) * 20); } + [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .slide.has-sub .slide-menu { display: none !important; } + [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .main-sidebar { --tw-shadow: 0 0.125rem 0 var(--tw-shadow-color, rgba(10, 10, 10, 0.04)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + [data-vertical-style=doublemenu][data-toggled=double-menu-open] .app-sidebar .main-sidebar .slide.side-menu__label1 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-inline-end-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-inline-end-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + @media (min-width: 992px) { [data-nav-layout=horizontal] .simplebar-track.simplebar-horizontal { display: none; } + [data-nav-layout=horizontal] .app-sidebar { height: 3rem; } + [data-nav-layout=horizontal] .sidemenu-layout-styles { display: none !important; } + [data-nav-layout=horizontal] .main-menu { display: flex !important; flex-wrap: nowrap; @@ -53082,22 +68633,27 @@ label { --tw-ease: linear; transition-timing-function: linear; } + [data-nav-layout=horizontal] .main-menu-container { display: inline-flex; } + [data-nav-layout=horizontal] .side-menu__label .badge { display: none !important; } + [data-nav-layout=horizontal] .mega-menu { -moz-columns: 3; - columns: 3; + columns: 3; } + [data-nav-layout=horizontal] .app-header { z-index: 50 !important; padding-inline-start: calc(var(--spacing) * 0) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + [data-nav-layout=horizontal] .content { inset-inline-start: calc(var(--spacing) * 0) !important; margin-inline: auto !important; @@ -53105,160 +68661,198 @@ label { min-height: calc(100vh - 10.5rem) !important; width: 100% !important; } - [data-nav-layout=horizontal] .content > .container-fluid { + + [data-nav-layout=horizontal] .content>.container-fluid { margin-inline-start: auto; margin-inline-end: auto; width: 94%; } + [data-nav-layout=horizontal] .content .main-content { margin-inline: auto; width: 94%; } + [data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-layout=horizontal] .app-sidebar .simplebar-mask { overflow: visible; } - [data-nav-layout=horizontal] .app-sidebar .main-menu > .slide { + + [data-nav-layout=horizontal] .app-sidebar .main-menu>.slide { margin-inline: 0.1875rem; margin-block: calc(var(--spacing) * 0); } + [data-nav-layout=horizontal] .app-sidebar .main-sidebar { --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); } + [data-nav-layout=horizontal] .main-sidebar .simplebar-vertical { visibility: hidden !important; overflow: hidden !important; } + [data-nav-layout=horizontal] .main-sidebar, [data-nav-layout=horizontal] .main-header-container { margin-inline: auto; margin-block: calc(var(--spacing) * 0); width: 94%; } + [data-nav-layout=horizontal] .horizontal-logo { display: block; padding-inline: calc(var(--spacing) * 0); padding-block: 0.85rem; } + [data-nav-layout=horizontal] .horizontal-logo .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-logo { display: block; } + [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-dark, [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-logo, [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-dark, - [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-white, [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-white { + [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-white, + [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-white { display: none; } + [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo { display: block; padding-inline: calc(var(--spacing) * 0); padding-block: 0.85rem; } + [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo .header-logo .desktop-dark { display: block !important; } + [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo .header-logo .desktop-logo, [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo .header-logo .toggle-logo, [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo .header-logo .toggle-dark, - [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo .header-logo .desktop-white, [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo .header-logo .toggle-white { + [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo .header-logo .desktop-white, + [data-nav-layout=horizontal] [data-header-styles=dark] .horizontal-logo .header-logo .toggle-white { display: none !important; } + [data-nav-layout=horizontal] .main-header-container .sidemenu-toggle { display: none; } + [data-nav-layout=horizontal] .app-sidebar { top: 3.75rem !important; height: calc(var(--spacing) * 12) !important; width: 100% !important; } + [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 li { padding-inline-start: calc(var(--spacing) * 2); } + [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__item:before, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__item:before, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__item:before { inset-inline-start: calc(var(--spacing) * 3) !important; top: 0.938rem !important; } + [data-nav-layout=horizontal] .app-sidebar .app-sidebar .slide-menu.child1 .side-menu__item, [data-nav-layout=horizontal] .app-sidebar .app-sidebar .slide-menu.child2 .side-menu__item { padding-inline: 1.6rem !important; padding-block: 0.45rem !important; } + [data-nav-layout=horizontal] .app-sidebar .simplebar-content { overflow: hidden !important; padding: calc(var(--spacing) * 0) !important; } + [data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper { height: auto !important; overflow: hidden !important; } + [data-nav-layout=horizontal] .app-sidebar .main-sidebar { height: calc(var(--spacing) * 12) !important; padding: calc(var(--spacing) * 0) !important; } + [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 { inset-inline-start: calc(var(--spacing) * 6); border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); padding: calc(var(--spacing) * 0); - --tw-shadow: .063rem .188rem .5rem var(--tw-shadow-color, rgba(0,0,0,0.1)); + --tw-shadow: .063rem .188rem .5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + &:where(.dark, .dark *) { - --tw-shadow: .063rem .188rem .5rem var(--tw-shadow-color, rgba(255,255,255,0.1)); + --tw-shadow: .063rem .188rem .5rem var(--tw-shadow-color, rgba(255, 255, 255, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } - [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { inset-inline-end: 100% !important; border-radius: var(--radius-sm) !important; padding-inline: calc(var(--spacing) * 0) !important; } + [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active { inset-inline-start: auto !important; inset-inline-end: auto !important; } + [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 { position: absolute !important; } + [data-nav-layout=horizontal] .app-sidebar .side-menu__item { display: flex; width: 100%; border-radius: var(--radius-none); padding: 0.92rem; } + [data-nav-layout=horizontal] .app-sidebar .side-menu__angle { inset-inline-end: 0.45rem; display: block; } + [data-nav-layout=horizontal] .app-sidebar .side-menu__icon { margin-inline-end: calc(var(--spacing) * 1); margin-bottom: calc(var(--spacing) * 0); } + [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 { top: 100%; min-width: 12rem; background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + [data-nav-layout=horizontal] .app-sidebar .slide { padding: calc(var(--spacing) * 0); } + [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.has-sub, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide { display: flex; @@ -53266,29 +68860,38 @@ label { padding-inline: 0.1875rem; padding-block: calc(var(--spacing) * 0); } - [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 { + + [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, + [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 { border-radius: var(--radius-sm); } + [data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub { position: static; } + [data-nav-layout=horizontal] .app-sidebar .main-menu { margin-bottom: calc(var(--spacing) * 0); } + [data-nav-layout=horizontal] .main-sidebar-header { display: none !important; } + [data-nav-layout=horizontal] .main-sidebar { margin-top: calc(var(--spacing) * 0); padding-bottom: calc(var(--spacing) * 12); } + [data-nav-layout=horizontal] .slide__category { display: none; } + [data-nav-layout=horizontal] .main-menu-container .slide-left { inset-inline-start: 1.438rem; } + [data-nav-layout=horizontal] .main-menu-container .slide-left, [data-nav-layout=horizontal] .main-menu-container .slide-right { position: absolute; @@ -53306,10 +68909,12 @@ label { border-color: var(--color-defaultborder); padding: 0.375rem; color: var(--color-white); + &:where(.dark, .dark *) { color: var(--color-bodybg); } } + [data-nav-layout=horizontal] .main-menu-container .slide-left, [data-nav-layout=horizontal] .main-menu-container .slide-right { position: absolute; @@ -53328,100 +68933,139 @@ label { background-color: var(--color-white); padding: 0.375rem; color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: var(--color-bodybg); } } + [data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-nav-layout=horizontal] .main-menu-container .slide-right svg { fill: var(--color-black); } + [data-nav-layout=horizontal] .main-menu-container .slide-right { inset-inline-end: -3%; } + [data-nav-layout=horizontal] .main-menu-container .slide-left { inset-inline-start: -3%; } + [data-nav-layout=horizontal][page-style=classic] .app-sidebar { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-bottom-color: var(--color-defaultborder); } + [data-nav-layout=horizontal][dir=rtl] .main-menu-container .slide-right, [data-nav-layout=horizontal][dir=rtl] .main-menu-container .slide-left { rotate: 180deg; } + [data-nav-layout=horizontal].dark .header-logo .desktop-dark { display: block; } + [data-nav-layout=horizontal].dark .header-logo .toggle-logo, [data-nav-layout=horizontal].dark .header-logo .desktop-logo, [data-nav-layout=horizontal].dark .header-logo .toggle-logo, - [data-nav-layout=horizontal].dark .header-logo .desktop-white, [data-nav-layout=horizontal].dark .header-logo .toggle-white { + [data-nav-layout=horizontal].dark .header-logo .desktop-white, + [data-nav-layout=horizontal].dark .header-logo .toggle-white { display: none; } + [data-nav-layout=horizontal].dark .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } - [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child1, [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child1, + [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child2, + [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-bodybg) !important; } + [data-nav-layout=horizontal].dark .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + color: var(--color-white) !important; } + [data-nav-layout=horizontal].dark .app-sidebar .main-menu-container .slide-left, [data-nav-layout=horizontal].dark .app-sidebar .main-menu-container .slide-right { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } + color: var(--color-white); } + [data-nav-layout=horizontal].dark .app-sidebar .main-menu-container .slide-left svg, [data-nav-layout=horizontal].dark .app-sidebar .main-menu-container .slide-right svg { fill: var(--color-white); } } + @media (min-width: 992px) { - .icon-click .content, [data-nav-style=icon-click][data-nav-layout=horizontal] .content, + + .icon-click .content, + [data-nav-style=icon-click][data-nav-layout=horizontal] .content, [data-nav-style=icon-click][data-toggled=icon-click-closed] .content { margin-inline-start: 5rem; } - .icon-click .app-sidebar, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar, + + .icon-click .app-sidebar, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar { width: calc(var(--spacing) * 20); } - .icon-click .app-sidebar .main-sidebar, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar, + + .icon-click .app-sidebar .main-sidebar, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar { overflow: visible; } - .icon-click .app-sidebar .main-sidebar-header, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, + + .icon-click .app-sidebar .main-sidebar-header, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header { width: calc(var(--spacing) * 20); } - .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + + .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: block; } - .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + + .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, @@ -53437,7 +69081,9 @@ label { [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none; } - .icon-click .app-sidebar .category-name, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .category-name, + + .icon-click .app-sidebar .category-name, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .category-name, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .category-name, .icon-click .app-sidebar .side-menu__label, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__label, @@ -53447,17 +69093,23 @@ label { [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__angle { display: none; } - .icon-click .app-sidebar .side-menu__icon, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, + + .icon-click .app-sidebar .side-menu__icon, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__icon { margin-inline-end: calc(var(--spacing) * 0); } - .icon-click .app-sidebar .slide__category, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category, + + .icon-click .app-sidebar .slide__category, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category { position: relative; padding-inline: 1.65rem; padding-block: 1.2rem; } - .icon-click .app-sidebar .slide__category:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category:before, + + .icon-click .app-sidebar .slide__category:before, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category:before { position: absolute; inset-inline-start: calc(var(--spacing) * 9); @@ -53474,27 +69126,39 @@ label { --tw-content: ""; content: var(--tw-content); } - .icon-click .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, + + .icon-click .app-sidebar .simplebar-content-wrapper, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-content-wrapper { position: initial; } - .icon-click .app-sidebar .simplebar-mask, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, + + .icon-click .app-sidebar .simplebar-mask, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-mask { position: inherit; } - .icon-click .app-sidebar .simplebar-placeholder, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, + + .icon-click .app-sidebar .simplebar-placeholder, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-placeholder { height: auto !important; } - .icon-click .app-header, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-header, + + .icon-click .app-header, + [data-nav-style=icon-click][data-nav-layout=horizontal] .app-header, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-header { padding-inline-start: calc(var(--spacing) * 20); } - .icon-click .content, [data-nav-style=icon-click][data-nav-layout=horizontal] .content, + + .icon-click .content, + [data-nav-style=icon-click][data-nav-layout=horizontal] .content, [data-nav-style=icon-click][data-toggled=icon-click-closed] .content { margin-inline-start: calc(var(--spacing) * 20); } - .icon-click .slide.side-menu__label1, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.side-menu__label1, + + .icon-click .slide.side-menu__label1, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.side-menu__label1, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.side-menu__label1 { display: block !important; border-bottom-style: var(--tw-border-style) !important; @@ -53503,91 +69167,134 @@ label { padding-inline: calc(var(--spacing) * 4) !important; padding-block: calc(var(--spacing) * 2) !important; } - .icon-click .slide.has-sub .slide-menu, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu, + + .icon-click .slide.has-sub .slide-menu, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu { position: absolute !important; inset-inline-start: calc(var(--spacing) * 20) !important; top: auto !important; border-start-end-radius: var(--radius-md) !important; border-end-end-radius: var(--radius-md) !important; - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0,0,0,0.1)) !important; + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; transition-property: none !important; + &:where(.dark, .dark *) { - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255,255,255,0.1)) !important; + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255, 255, 255, 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } - .icon-click .slide.has-sub .slide-menu.child2, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child2, - [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu.child2, .icon-click .slide.has-sub .slide-menu.child3, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child3, + + .icon-click .slide.has-sub .slide-menu.child2, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child2, + [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu.child2, + .icon-click .slide.has-sub .slide-menu.child3, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child3, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu.child3 { inset-inline-start: calc(var(--spacing) * 48) !important; } - .icon-click .slide-menu.child1, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1, - [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1, .icon-click .slide-menu.child2, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2, - [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2, .icon-click .slide-menu.child3, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3, + + .icon-click .slide-menu.child1, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1, + [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1, + .icon-click .slide-menu.child2, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2, + [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2, + .icon-click .slide-menu.child3, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 { min-width: 12rem; } - .icon-click .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item, - [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item, .icon-click .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item, - [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item, .icon-click .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item, + + .icon-click .slide-menu.child1 .slide .side-menu__item, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item, + [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item, + .icon-click .slide-menu.child2 .slide .side-menu__item, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item, + [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item, + .icon-click .slide-menu.child3 .slide .side-menu__item, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .slide .side-menu__item { text-align: start; } - .icon-click .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item:before, - [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item:before, .icon-click .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item:before, - [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item:before, .icon-click .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item:before, + + .icon-click .slide-menu.child1 .slide .side-menu__item:before, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item:before, + [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item:before, + .icon-click .slide-menu.child2 .slide .side-menu__item:before, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item:before, + [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item:before, + .icon-click .slide-menu.child3 .slide .side-menu__item:before, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .slide .side-menu__item:before { inset-inline-start: calc(var(--spacing) * 3); top: 0.938rem; } - .icon-click .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .side-menu__angle, - [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .side-menu__angle, .icon-click .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .side-menu__angle, - [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .side-menu__angle, .icon-click .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .side-menu__angle, + + .icon-click .slide-menu.child1 .side-menu__angle, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .side-menu__angle, + [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .side-menu__angle, + .icon-click .slide-menu.child2 .side-menu__angle, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .side-menu__angle, + [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .side-menu__angle, + .icon-click .slide-menu.child3 .side-menu__angle, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .side-menu__angle { inset-inline-end: calc(var(--spacing) * 4); top: 0.65rem; display: block; } } + @media (min-width: 992px) { [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu { position: absolute !important; inset-inline-start: calc(var(--spacing) * 20) !important; - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0,0,0,0.1)) !important; + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; transition-property: none !important; + &:where(.dark, .dark *) { - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255,255,255,0.1)) !important; + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255, 255, 255, 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child1 { top: 100% !important; } - [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child2, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child3 { + + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child2, + [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child3 { inset-inline-start: calc(var(--spacing) * 48) !important; } + [data-nav-style=icon-click][data-nav-layout=horizontal] .mega-menu { -moz-columns: 1; - columns: 1; + columns: 1; } } + @media (min-width: 992px) { - [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-menu > .slide { + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-menu>.slide { padding-inline: 1.2rem; padding-block: calc(var(--spacing) * 0); } - [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child3 { + + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child1, + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child2, + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child3 { border-start-start-radius: var(--radius-none); border-end-start-radius: var(--radius-none); border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed].dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: block; } + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed].dark .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed].dark .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed].dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo, @@ -53595,61 +69302,90 @@ label { [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed].dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: none; } + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none; } + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: block !important; } + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar { position: absolute !important; } - [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child1 li.slide, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child2 li.slide, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child3 li.slide { + + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child1 li.slide, + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child2 li.slide, + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child3 li.slide { padding-inline-start: calc(var(--spacing) * 0); } - [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child1 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child2 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child3 li.slide a { + + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child1 li.slide a, + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child2 li.slide a, + [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child3 li.slide a { border-radius: var(--radius-none); } } + @media (min-width: 992px) { [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .content { min-height: 85rem; } } + @media (min-width: 992px) { - .icon-hover .content, [data-nav-layout=horizontal][data-nav-style=icon-hover] .content, + + .icon-hover .content, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .content, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .content { margin-inline-start: 5rem; } - .icon-hover .app-sidebar, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar, + + .icon-hover .app-sidebar, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar { width: calc(var(--spacing) * 20); } - .icon-hover .app-sidebar .main-sidebar, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar, + + .icon-hover .app-sidebar .main-sidebar, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar { overflow: visible; } - .icon-hover .app-sidebar .main-sidebar-header, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header, + + .icon-hover .app-sidebar .main-sidebar-header, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header { width: calc(var(--spacing) * 20); } - .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + + .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: block; } - .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + + .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-dark, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-white, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-white, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-white, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-white, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, + .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-white, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white { display: none; } - .icon-hover .app-sidebar .category-name, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .category-name, + + .icon-hover .app-sidebar .category-name, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .category-name, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .category-name, .icon-hover .app-sidebar .side-menu__label, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__label, @@ -53659,17 +69395,23 @@ label { [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__angle { display: none; } - .icon-hover .app-sidebar .side-menu__icon, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__icon, + + .icon-hover .app-sidebar .side-menu__icon, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__icon, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__icon { margin-inline-end: calc(var(--spacing) * 0); } - .icon-hover .app-sidebar .slide__category, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category, + + .icon-hover .app-sidebar .slide__category, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category { position: relative; padding-inline: 1.65rem; padding-block: 1.2rem; } - .icon-hover .app-sidebar .slide__category:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category:before, + + .icon-hover .app-sidebar .slide__category:before, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category:before { position: absolute; inset-inline-start: 2.4rem; @@ -53686,27 +69428,39 @@ label { --tw-content: ""; content: var(--tw-content); } - .icon-hover .app-sidebar .simplebar-content-wrapper, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-content-wrapper, + + .icon-hover .app-sidebar .simplebar-content-wrapper, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-content-wrapper { position: initial; } - .icon-hover .app-sidebar .simplebar-mask, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-mask, + + .icon-hover .app-sidebar .simplebar-mask, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-mask, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-mask { position: inherit; } - .icon-hover .app-sidebar .simplebar-placeholder, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-placeholder, + + .icon-hover .app-sidebar .simplebar-placeholder, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-placeholder, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-placeholder { height: auto !important; } - .icon-hover .app-header, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-header, + + .icon-hover .app-header, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-header, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-header { padding-inline-start: calc(var(--spacing) * 20); } - .icon-hover .content, [data-nav-layout=horizontal][data-nav-style=icon-hover] .content, + + .icon-hover .content, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .content, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .content { margin-inline-start: calc(var(--spacing) * 20); } - .icon-hover .slide.side-menu__label1, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.side-menu__label1, + + .icon-hover .slide.side-menu__label1, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.side-menu__label1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.side-menu__label1 { display: block !important; border-bottom-style: var(--tw-border-style) !important; @@ -53715,108 +69469,158 @@ label { padding-inline: calc(var(--spacing) * 4) !important; padding-block: calc(var(--spacing) * 2) !important; } - .icon-hover .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu, + + .icon-hover .slide.has-sub .slide-menu, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu { position: absolute; inset-inline-start: calc(var(--spacing) * 20); top: auto; border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0,0,0,0.1)); + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: none; + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255,255,255,0.1)); + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255, 255, 255, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } - .icon-hover .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child2, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu.child2, .icon-hover .slide.has-sub .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child3, + + .icon-hover .slide.has-sub .slide-menu.child2, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child2, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu.child2, + .icon-hover .slide.has-sub .slide-menu.child3, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu.child3 { inset-inline-start: 11.8rem !important; } - .icon-hover .slide-menu.child1, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1, .icon-hover .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2, .icon-hover .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3, + + .icon-hover .slide-menu.child1, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1, + .icon-hover .slide-menu.child2, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2, + .icon-hover .slide-menu.child3, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 { display: none !important; min-width: 12rem !important; } - .icon-hover .slide-menu.child1 .slide .side-menu__item, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item, .icon-hover .slide-menu.child2 .slide .side-menu__item, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item, .icon-hover .slide-menu.child3 .slide .side-menu__item, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item, + + .icon-hover .slide-menu.child1 .slide .side-menu__item, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item, + .icon-hover .slide-menu.child2 .slide .side-menu__item, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item, + .icon-hover .slide-menu.child3 .slide .side-menu__item, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .slide .side-menu__item { padding-inline-end: calc(var(--spacing) * 0) !important; text-align: start !important; } - .icon-hover .slide-menu.child1 .slide .side-menu__item:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item:before, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item:before, .icon-hover .slide-menu.child2 .slide .side-menu__item:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item:before, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item:before, .icon-hover .slide-menu.child3 .slide .side-menu__item:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item:before, + + .icon-hover .slide-menu.child1 .slide .side-menu__item:before, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item:before, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item:before, + .icon-hover .slide-menu.child2 .slide .side-menu__item:before, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item:before, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item:before, + .icon-hover .slide-menu.child3 .slide .side-menu__item:before, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .slide .side-menu__item:before { inset-inline-start: calc(var(--spacing) * 3); top: 0.938rem; } - .icon-hover .slide-menu.child1 .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .side-menu__angle, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .side-menu__angle, .icon-hover .slide-menu.child2 .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .side-menu__angle, - [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .side-menu__angle, .icon-hover .slide-menu.child3 .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .side-menu__angle, + + .icon-hover .slide-menu.child1 .side-menu__angle, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .side-menu__angle, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .side-menu__angle, + .icon-hover .slide-menu.child2 .side-menu__angle, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .side-menu__angle, + [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .side-menu__angle, + .icon-hover .slide-menu.child3 .side-menu__angle, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .side-menu__angle { inset-inline-end: calc(var(--spacing) * 4); top: 0.65rem; display: block; } - .icon-hover .slide.has-sub:hover .slide-menu.child1, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1, + + .icon-hover .slide.has-sub:hover .slide-menu.child1, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 { display: block !important; } - .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, + + .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 { display: block !important; } - .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, + + .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, + [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3 { display: block !important; } } + @media (min-width: 992px) { [data-nav-style=icon-hover][data-nav-layout=horizontal] .slide.has-sub .slide-menu { position: absolute; inset-inline-start: calc(var(--spacing) * 20); - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0,0,0,0.1)); + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: none; + &:where(.dark, .dark *) { - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255,255,255,0.1)); + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255, 255, 255, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + [data-nav-style=icon-hover][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child1 { top: 100% !important; } - [data-nav-style=icon-hover][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child2, [data-nav-style=icon-hover][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child3 { + + [data-nav-style=icon-hover][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child2, + [data-nav-style=icon-hover][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child3 { inset-inline-start: calc(var(--spacing) * 48) !important; } } + [data-nav-style=icon-hover][data-nav-layout=horizontal] .mega-menu { -moz-columns: 1; - columns: 1; + columns: 1; } + @media (min-width: 992px) { - [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-menu > .slide { + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-menu>.slide { padding-inline: 1.2rem; padding-block: calc(var(--spacing) * 0); } - [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child3 { + + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child1, + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child2, + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child3 { border-start-start-radius: var(--radius-none); border-end-start-radius: var(--radius-none); border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed].dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: block; } + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed].dark .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed].dark .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed].dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo, @@ -53824,367 +69628,615 @@ label { [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed].dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: none; } + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed].dark[data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none; } + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed].dark[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: block !important; } + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar { position: absolute !important; } - [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 { + + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1, + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2, + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 { padding: 0.1875rem; } - [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1 li.slide, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2 li.slide, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 li.slide { + + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1 li.slide, + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2 li.slide, + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 li.slide { padding-inline-start: calc(var(--spacing) * 0); } - [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 li.slide a { + + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1 li.slide a, + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2 li.slide a, + [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 li.slide a { border-radius: var(--radius-none); } } + @media (min-width: 992px) { [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .content { min-height: 85rem; } } + @media (min-width: 992px) { [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item { display: flex !important; align-items: center !important; padding-inline: 1.6rem !important; } + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon { margin-inline-end: 0.35rem !important; margin-bottom: calc(var(--spacing) * 0) !important; } + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle { display: block !important; } + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu { inset-inline-start: auto !important; } + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active { inset-inline-start: auto !important; inset-inline-end: auto !important; } + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 { top: 100% !important; } + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-header { padding-inline-start: 9.5rem; } } + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-header { padding-inline-start: 9.5rem; } + @media (min-width: 992px) { [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar { position: absolute !important; } + [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .side-menu__item { margin-inline: calc(var(--spacing) * 1) !important; margin-top: calc(var(--spacing) * 1) !important; margin-bottom: calc(var(--spacing) * 0) !important; border-radius: var(--radius-md) !important; } + [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .side-menu__item:last-child { margin: calc(var(--spacing) * 1) !important; } - [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child3 { + + [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child1, + [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child2, + [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child3 { border-start-end-radius: var(--radius-md) !important; border-end-end-radius: var(--radius-md) !important; } } + @media (min-width: 992px) { - .menu-click .content, [data-nav-style=menu-click][data-nav-layout=horizontal] .content, [data-nav-style=menu-click][data-toggled=menu-click-closed] .content { + + .menu-click .content, + [data-nav-style=menu-click][data-nav-layout=horizontal] .content, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .content { margin-inline-start: 9.5rem; } - .menu-click .app-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar { + + .menu-click .app-sidebar, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar { width: 9.5rem; } - .menu-click .app-sidebar .main-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar { + + .menu-click .app-sidebar .main-sidebar, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar { overflow: visible; } - .menu-click .app-sidebar .main-sidebar-header, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header { + + .menu-click .app-sidebar .main-sidebar-header, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header { width: 9.5rem; } - .menu-click .app-sidebar .side-menu__icon, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__icon { + + .menu-click .app-sidebar .side-menu__icon, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__icon { margin-inline-end: calc(var(--spacing) * 0); margin-bottom: calc(var(--spacing) * 2); } - .menu-click .app-sidebar .slide, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide { + + .menu-click .app-sidebar .slide, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide { padding: calc(var(--spacing) * 0); } - .menu-click .app-sidebar .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1, .menu-click .app-sidebar .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2, .menu-click .app-sidebar .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 { + + .menu-click .app-sidebar .slide-menu.child1, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1, + .menu-click .app-sidebar .slide-menu.child2, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2, + .menu-click .app-sidebar .slide-menu.child3, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 { min-width: 12rem; } - .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item, .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item, .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item { + + .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item, + .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item, + .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item { text-align: start; } - .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before { + + .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, + .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, + .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before { inset-inline-start: calc(var(--spacing) * 3); top: 0.938rem; } - .menu-click .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .side-menu__angle, .menu-click .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .side-menu__angle, .menu-click .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .side-menu__angle { + + .menu-click .app-sidebar .slide-menu.child1 .side-menu__angle, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .side-menu__angle, + .menu-click .app-sidebar .slide-menu.child2 .side-menu__angle, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .side-menu__angle, + .menu-click .app-sidebar .slide-menu.child3 .side-menu__angle, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .side-menu__angle { inset-inline-end: calc(var(--spacing) * 4); top: 0.65rem; display: block; } + .menu-click .app-sidebar .slide-menu.child1 .slide.has-sub.side-menu__label1, .menu-click .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, - [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, .menu-click .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, + .menu-click .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1, .menu-click .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, - [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, .menu-click .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, + .menu-click .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1, .menu-click .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide.side-menu__label1 { display: none; } - .menu-click .app-sidebar .slide__category, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide__category, + + .menu-click .app-sidebar .slide__category, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide__category, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide__category, .menu-click .app-sidebar .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__angle { display: none; } - .menu-click .app-sidebar .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__item, + + .menu-click .app-sidebar .side-menu__item, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__item, .menu-click .app-sidebar .side-menu__label, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__label, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__label { display: block; text-align: center; } - .menu-click .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu { + + .menu-click .app-sidebar .slide.has-sub .slide-menu, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu { position: absolute; inset-inline-start: 9.5rem; top: auto; - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0,0,0,0.1)); + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: none; + &:where(.dark, .dark *) { - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255,255,255,0.1)); + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255, 255, 255, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } - .menu-click .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .menu-click .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3 { + + .menu-click .app-sidebar .slide.has-sub .slide-menu.child2, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, + .menu-click .app-sidebar .slide.has-sub .slide-menu.child3, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3 { inset-inline-start: calc(var(--spacing) * 48) !important; } - .menu-click .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-content-wrapper { + + .menu-click .app-sidebar .simplebar-content-wrapper, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-content-wrapper { position: initial; } - .menu-click .app-sidebar .simplebar-mask, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-mask { + + .menu-click .app-sidebar .simplebar-mask, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-mask { position: inherit; } - .menu-click .app-sidebar .simplebar-placeholder, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-placeholder { + + .menu-click .app-sidebar .simplebar-placeholder, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-placeholder { height: auto !important; } - .menu-click .content, [data-nav-style=menu-click][data-nav-layout=horizontal] .content, [data-nav-style=menu-click][data-toggled=menu-click-closed] .content { + + .menu-click .content, + [data-nav-style=menu-click][data-nav-layout=horizontal] .content, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .content { margin-inline-start: 9.5rem; } } + @media (max-width: 991.98px) { - .menu-click .app-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar { + + .menu-click .app-sidebar, + [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar, + [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar { width: calc(var(--spacing) * 60); } } + @media (min-width: 992px) { [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .content { min-height: 100rem; } } + @media (min-width: 992px) { [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item { display: flex !important; align-items: center !important; padding-inline: 1.6rem !important; } + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon { margin-inline-end: 0.35rem !important; margin-bottom: calc(var(--spacing) * 0) !important; } + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle { display: block !important; } + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active { inset-inline-start: auto !important; inset-inline-end: auto !important; border-radius: var(--radius-none) !important; } + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 { top: 100% !important; } } + @media (min-width: 992px) { [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar { position: absolute !important; } + [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item { margin-inline: calc(var(--spacing) * 1) !important; margin-top: calc(var(--spacing) * 1) !important; margin-bottom: calc(var(--spacing) * 0) !important; border-radius: var(--radius-md) !important; } + [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item:last-child { margin: calc(var(--spacing) * 1) !important; } - [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child3 { + + [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child1, + [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child2, + [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child3 { border-start-start-radius: var(--radius-none); border-end-start-radius: var(--radius-none); border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } } + @media (min-width: 992px) { - .menu-hover .content, [data-nav-style=menu-hover][data-nav-layout=horizontal] .content, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .content { + + .menu-hover .content, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .content, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .content { margin-inline-start: 9.5rem; } - .menu-hover .app-sidebar, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar { + + .menu-hover .app-sidebar, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar { width: 9.5rem; } - .menu-hover .app-sidebar .main-sidebar, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar { + + .menu-hover .app-sidebar .main-sidebar, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar { overflow: visible; } - .menu-hover .app-sidebar .main-sidebar-header, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header { + + .menu-hover .app-sidebar .main-sidebar-header, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header { width: 9.5rem; } - .menu-hover .app-sidebar .side-menu__icon, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__icon { + + .menu-hover .app-sidebar .side-menu__icon, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__icon { margin-inline-end: calc(var(--spacing) * 0); margin-bottom: calc(var(--spacing) * 2); } - .menu-hover .app-sidebar .slide, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide { + + .menu-hover .app-sidebar .slide, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide { padding: calc(var(--spacing) * 0); } - .menu-hover .app-sidebar .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1, .menu-hover .app-sidebar .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2, .menu-hover .app-sidebar .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 { + + .menu-hover .app-sidebar .slide-menu.child1, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1, + .menu-hover .app-sidebar .slide-menu.child2, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2, + .menu-hover .app-sidebar .slide-menu.child3, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 { display: none !important; min-width: 12rem !important; } - .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item, .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item, .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item { + + .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item, + .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item, + .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item { text-align: start; } - .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before { + + .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, + .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, + .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before { inset-inline-start: calc(var(--spacing) * 3); top: 0.938rem; } - .menu-hover .app-sidebar .slide-menu.child1 .slide.has-sub.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide.side-menu__label1 { + + .menu-hover .app-sidebar .slide-menu.child1 .slide.has-sub.side-menu__label1, + .menu-hover .app-sidebar .slide-menu.child1 .slide.side-menu__label1, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, + .menu-hover .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1, + .menu-hover .app-sidebar .slide-menu.child2 .slide.side-menu__label1, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, + .menu-hover .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1, + .menu-hover .app-sidebar .slide-menu.child3 .slide.side-menu__label1, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.side-menu__label1, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide.side-menu__label1 { display: none; } - .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 { + + .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 { display: block !important; } - .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 { + + .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 { display: block !important; } - .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3 { + + .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3 { display: block !important; } - .menu-hover .app-sidebar .slide__category, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide__category, + + .menu-hover .app-sidebar .slide__category, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide__category, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide__category, .menu-hover .app-sidebar .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__angle { display: none; } - .menu-hover .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .side-menu__angle, .menu-hover .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .side-menu__angle, .menu-hover .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .side-menu__angle { + + .menu-hover .app-sidebar .slide-menu.child1 .side-menu__angle, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .side-menu__angle, + .menu-hover .app-sidebar .slide-menu.child2 .side-menu__angle, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .side-menu__angle, + .menu-hover .app-sidebar .slide-menu.child3 .side-menu__angle, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .side-menu__angle { inset-inline-end: calc(var(--spacing) * 4); top: 0.65rem; display: block; } - .menu-hover .app-sidebar .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item, + + .menu-hover .app-sidebar .side-menu__item, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item, .menu-hover .app-sidebar .side-menu__label, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__label, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__label { display: block; text-align: center; } - .menu-hover .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu { + + .menu-hover .app-sidebar .slide.has-sub .slide-menu, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu { position: absolute; inset-inline-start: 9.5rem; top: auto; border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0,0,0,0.1)); + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: none; + &:where(.dark, .dark *) { - --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255,255,255,0.1)); + --tw-shadow: 0.125rem 0.063rem 0.5rem var(--tw-shadow-color, rgba(255, 255, 255, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } - .menu-hover .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .menu-hover .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3 { + + .menu-hover .app-sidebar .slide.has-sub .slide-menu.child2, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, + .menu-hover .app-sidebar .slide.has-sub .slide-menu.child3, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3 { inset-inline-start: calc(var(--spacing) * 48) !important; } - .menu-hover .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-content-wrapper { + + .menu-hover .app-sidebar .simplebar-content-wrapper, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-content-wrapper { position: initial; } - .menu-hover .app-sidebar .simplebar-mask, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-mask { + + .menu-hover .app-sidebar .simplebar-mask, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-mask { position: inherit; } - .menu-hover .app-sidebar .simplebar-placeholder, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-placeholder { + + .menu-hover .app-sidebar .simplebar-placeholder, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-placeholder { height: auto !important; } - .menu-hover .app-header, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-header, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-header { + + .menu-hover .app-header, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-header, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-header { padding-inline-start: 9.5rem; } - .menu-hover .content, [data-nav-style=menu-hover][data-nav-layout=horizontal] .content, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .content { + + .menu-hover .content, + [data-nav-style=menu-hover][data-nav-layout=horizontal] .content, + [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .content { margin-inline-start: 9.5rem; } } + @media (min-width: 992px) { [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .content { min-height: 100rem; } } + [bg-img=bgimg1] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img1.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg1][data-menu-styles=gradient] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img1.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg2] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img2.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg2][data-menu-styles=gradient] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img2.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg3] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img3.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg3][data-menu-styles=gradient] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img3.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg4] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img4.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg4][data-menu-styles=gradient] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img4.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg5] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img5.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg5][data-menu-styles=gradient] .app-sidebar { background-image: url('../images/menu-bg-images/bg-img5.jpg') !important; background-size: cover !important; background-position: center !important; } + [bg-img=bgimg5] .app-sidebar, [bg-img=bgimg4] .app-sidebar, [bg-img=bgimg3] .app-sidebar, @@ -54193,32 +70245,42 @@ label { background-size: cover; background-position: center; background-repeat: no-repeat; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); z-index: calc(1 * -1); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } } -[bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, [bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, [bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, [bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar, + +[bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, +[bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, +[bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, +[bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar, [bg-img=bgimg4][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, [bg-img=bgimg4][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, [bg-img=bgimg4][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, @@ -54237,6 +70299,7 @@ label { [bg-img=bgimg1][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar { position: fixed; } + [bg-img=bgimg5][data-menu-styles=light] .app-sidebar, [bg-img=bgimg4][data-menu-styles=light] .app-sidebar, [bg-img=bgimg3][data-menu-styles=light] .app-sidebar, @@ -54245,11 +70308,13 @@ label { &::before { content: var(--tw-content); background-color: color-mix(in srgb, #fff 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } + [bg-img=bgimg5][data-menu-styles=light] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=light] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=light] .app-sidebar .main-sidebar-header, @@ -54257,6 +70322,7 @@ label { [bg-img=bgimg1][data-menu-styles=light] .app-sidebar .main-sidebar-header { background-color: transparent !important; } + [bg-img=bgimg5].light[data-menu-styles=dark] .app-sidebar, [bg-img=bgimg4].light[data-menu-styles=dark] .app-sidebar, [bg-img=bgimg3].light[data-menu-styles=dark] .app-sidebar, @@ -54267,6 +70333,7 @@ label { background-color: color-mix(in oklab, #111c43 80%, transparent); } } + [bg-img=bgimg5].light[data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg4].light[data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg3].light[data-menu-styles=dark] .app-sidebar .main-sidebar-header, @@ -54274,6 +70341,7 @@ label { [bg-img=bgimg1].light[data-menu-styles=dark] .app-sidebar .main-sidebar-header { background-color: transparent !important; } + [bg-img=bgimg5][data-menu-styles=dark].dark .app-sidebar, [bg-img=bgimg4][data-menu-styles=dark].dark .app-sidebar, [bg-img=bgimg3][data-menu-styles=dark].dark .app-sidebar, @@ -54282,11 +70350,13 @@ label { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(240, 241, 247) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bodybg) 80%, transparent); } } } + [bg-img=bgimg5][data-menu-styles=dark].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=dark].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=dark].dark .app-sidebar .main-sidebar-header, @@ -54294,6 +70364,7 @@ label { [bg-img=bgimg1][data-menu-styles=dark].dark .app-sidebar .main-sidebar-header { background-color: transparent !important; } + [bg-img=bgimg5][data-menu-styles=dark] .app-sidebar, [bg-img=bgimg4][data-menu-styles=dark] .app-sidebar, [bg-img=bgimg3][data-menu-styles=dark] .app-sidebar, @@ -54304,6 +70375,7 @@ label { background-color: color-mix(in oklab, #111c43 80%, transparent); } } + [bg-img=bgimg5][data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=dark] .app-sidebar .main-sidebar-header, @@ -54311,6 +70383,7 @@ label { [bg-img=bgimg1][data-menu-styles=dark] .app-sidebar .main-sidebar-header { background-color: transparent !important; } + [bg-img=bgimg5][data-menu-styles=color] .app-sidebar, [bg-img=bgimg4][data-menu-styles=color] .app-sidebar, [bg-img=bgimg3][data-menu-styles=color] .app-sidebar, @@ -54319,32 +70392,41 @@ label { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } + &::before { content: var(--tw-content); --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::before { content: var(--tw-content); --tw-gradient-from: color-mix(in srgb, #000 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, 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)); } + &::before { content: var(--tw-content); --tw-gradient-to: color-mix(in srgb, #000 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-black) 30%, transparent); } + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } + [bg-img=bgimg5][data-menu-styles=color] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=color] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=color] .app-sidebar .main-sidebar-header, @@ -54352,6 +70434,7 @@ label { [bg-img=bgimg1][data-menu-styles=color] .app-sidebar .main-sidebar-header { background-color: transparent !important; } + [bg-img=bgimg5][data-menu-styles=gradient] .app-sidebar, [bg-img=bgimg4][data-menu-styles=gradient] .app-sidebar, [bg-img=bgimg3][data-menu-styles=gradient] .app-sidebar, @@ -54362,64 +70445,83 @@ label { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::before { content: var(--tw-content); --tw-gradient-from: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-primary) 80%, 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)); } + &::before { content: var(--tw-content); --tw-gradient-to: color-mix(in srgb, rgb(35, 183, 229) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 80%, 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)); } + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset: calc(var(--spacing) * 0); } + &::after { content: var(--tw-content); z-index: calc(1 * -1); } + &::after { content: var(--tw-content); height: 100%; } + &::after { content: var(--tw-content); width: 100%; } + &::after { content: var(--tw-content); --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::after { content: var(--tw-content); --tw-gradient-from: color-mix(in srgb, #000 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, 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)); } + &::after { content: var(--tw-content); --tw-gradient-to: color-mix(in srgb, #000 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-black) 30%, transparent); } + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } + [bg-img=bgimg5][data-menu-styles=gradient] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=gradient] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=gradient] .app-sidebar .main-sidebar-header, @@ -54427,6 +70529,7 @@ label { [bg-img=bgimg1][data-menu-styles=gradient] .app-sidebar .main-sidebar-header { background-color: transparent !important; } + [bg-img=bgimg5][data-menu-styles=transparent] .app-sidebar, [bg-img=bgimg4][data-menu-styles=transparent] .app-sidebar, [bg-img=bgimg3][data-menu-styles=transparent] .app-sidebar, @@ -54435,11 +70538,13 @@ label { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(240, 241, 247) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bodybg) 80%, transparent); } } } + [bg-img=bgimg5][data-menu-styles=transparent] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=transparent] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=transparent] .app-sidebar .main-sidebar-header, @@ -54447,6 +70552,7 @@ label { [bg-img=bgimg1][data-menu-styles=transparent] .app-sidebar .main-sidebar-header { background-color: transparent !important; } + [bg-img=bgimg5][data-menu-styles=transparent].dark .app-sidebar, [bg-img=bgimg4][data-menu-styles=transparent].dark .app-sidebar, [bg-img=bgimg3][data-menu-styles=transparent].dark .app-sidebar, @@ -54455,11 +70561,13 @@ label { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(var(--color-darkbg)) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bodybg2) 80%, transparent); } } } + [bg-img=bgimg5][data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header, @@ -54467,7 +70575,9 @@ label { [bg-img=bgimg1][data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header { background-color: transparent !important; } + @media (min-width: 992px) { + [bg-img=bgimg5][data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header, @@ -54476,98 +70586,127 @@ label { backdrop-filter: blur(30px); } } + @media (min-width: 1400px) { [data-width=boxed] body { background-color: var(--color-bodybg) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg2) !important; } } + [data-width=boxed] .page { position: relative !important; margin-inline: auto !important; margin-block: calc(var(--spacing) * 0) !important; width: 1400px !important; - --tw-shadow: 0rem 0rem 1rem var(--tw-shadow-color, rgba(0,0,0,0.1)) !important; + --tw-shadow: 0rem 0rem 1rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { - --tw-shadow: 0rem 0rem 1rem var(--tw-shadow-color, rgba(255,255,255,0.1)) !important; + --tw-shadow: 0rem 0rem 1rem var(--tw-shadow-color, rgba(255, 255, 255, 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } + [data-width=boxed] .page .app-header { margin-inline: auto; margin-block: calc(var(--spacing) * 0); width: 1400px; } + [data-width=boxed][data-nav-layout=horizontal] .app-sidebar { margin-inline: auto !important; margin-block: calc(var(--spacing) * 0) !important; width: 1400px !important; } + [data-width=boxed] .page .app-sidebar { inset-inline-start: auto; } + [data-width=boxed] .page .app-header { inset-inline-start: auto; } + [data-width=boxed] .main-chart-wrapper .chat-user-details.open { inset-inline-end: calc(var(--spacing) * 0); } + [data-width=boxed].dark .page { - --tw-shadow: -1px 0px 13px 15px var(--tw-shadow-color, rgba(255,255,255,0.04)) !important; + --tw-shadow: -1px 0px 13px 15px var(--tw-shadow-color, rgba(255, 255, 255, 0.04)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + [data-width=boxed][data-vertical-style=detached] .page { margin-inline: auto !important; width: 1400px !important; } + [data-width=boxed][data-vertical-style=detached] .page .app-sidebar { margin-inline: calc(var(--spacing) * 4); } + [data-width=boxed] #sales-donut { width: 100% !important; } + [data-width=boxed] .chat-info { max-width: 21.875rem; min-width: 21.875rem; } + [data-width=boxed] .main-chat-area { width: 100%; max-width: 100%; overflow: hidden; } + [data-width=boxed] .chat-user-details { display: none; } + [data-width=boxed] .main-chart-wrapper .main-chat-right-icons .responsive-userinfo-open { display: flex; } + [data-width=boxed] .main-chart-wrapper .chat-user-details.open { bottom: calc(var(--spacing) * 2); display: block; } + [data-width=boxed] .main-chart-wrapper .chat-user-details { position: absolute; } + [data-width=boxed] .mail-info-body { max-height: calc(100vh - 19.3rem); } + [data-width=boxed] #product-quantity { width: calc(var(--spacing) * 8); } + [data-width=boxed] .xxxl\:col-span-2 { grid-column: span 4 / span 4; } - [data-width=boxed] .xxxl\:col-span-3, [data-width=boxed] .xxxl\:col-span-4, [data-width=boxed] .xxxl\:col-span-6, [data-width=boxed] .xxxl\:col-span-8 { + + [data-width=boxed] .xxxl\:col-span-3, + [data-width=boxed] .xxxl\:col-span-4, + [data-width=boxed] .xxxl\:col-span-6, + [data-width=boxed] .xxxl\:col-span-8 { grid-column: span 12 / span 12; } + [data-width=boxed] .xxxl\:col-span-9 { grid-column: span 12 / span 12; } + [data-width=boxed] .xxxl\:flex { display: block; } + [data-width=boxed] .xxxl\:space-y-0 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -54575,25 +70714,32 @@ label { margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } + [data-width=boxed] .xxl\:max-w-\[250px\] { max-width: 160px; } + [data-width=boxed] .xxxl\:\!col-span-3 { grid-column: span 6 / span 6 !important; } + [data-width=boxed] .swiper-text { display: none; } + [data-width=boxed] .xxxl\:grid-cols-4 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } + [data-page-style=classic] body { background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + [data-page-style=classic] .box { border-style: var(--tw-border-style); border-width: 1px; @@ -54601,88 +70747,120 @@ label { --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); --tw-shadow-color: transparent; + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent); } } + [data-page-style=classic].dark body { background-color: var(--color-bodybg); } + [data-page-style=classic].dark .box { border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } + --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); + box-shadow: var(--tw-inset-shadow), + var(--tw-inset-ring-shadow), + var(--tw-ring-offset-shadow), + var(--tw-ring-shadow), + var(--tw-shadow); --tw-shadow-color: transparent; + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent); } } + [data-page-style=classic].dark[data-width=boxed] .page { background-color: var(--color-bodybg) !important; } + [data-page-style=classic][data-width=boxed] .page { background-color: var(--color-bodybg) !important; background-color: var(--color-white) !important; } + [data-page-style=modern] { - --color-light: rgb(255,255,255); + --color-light: rgb(255, 255, 255); --color-customwhite: rgb(243, 246, 248); - --color-defaultborder: rgb(230,235,241); + --color-defaultborder: rgb(230, 235, 241); } + [data-page-style=modern] .dropdown-menu { background-color: var(--color-white); } + [data-page-style=modern] body { background-color: var(--color-white); } + [data-page-style=modern] .box { background-color: #f3f6f8; --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); } + [data-page-style=modern][class=dark] { - --color-light: rgb(20,20,20); + --color-light: rgb(20, 20, 20); --color-customwhite: rgb(var(--color-bodybg)); } + [data-page-style=modern][class=dark] .box { background-color: var(--color-bodybg); --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); } + [data-page-style=modern][class=dark] .dropdown-menu { background-color: var(--color-light); } + [data-page-style=modern][class=dark] body { background-color: var(--color-bodybg); } + [data-page-style=modern][class=dark] .ti-btn-light { border-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } + background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } -[data-page-style=modern][class=dark] .ti-btn-light:hover, [data-page-style=modern][class=dark] .ti-btn-light:focus, [data-page-style=modern][class=dark] .ti-btn-light:active { + +[data-page-style=modern][class=dark] .ti-btn-light:hover, +[data-page-style=modern][class=dark] .ti-btn-light:focus, +[data-page-style=modern][class=dark] .ti-btn-light:active { border-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } + background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } + [data-page-style=modern] .footer { background-color: #f3f6f8; } + [data-page-style=modern] .app-sidebar, [data-page-style=modern] .footer, [data-page-style=modern] .app-header, @@ -54690,34 +70868,43 @@ label { --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); } + @media (min-width: 992px) { [data-page-style=modern].dark[data-menu-styles][data-nav-layout=horizontal] .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + @media screen and (min-width: 992px) { [data-vertical-style=closed][data-toggled=close-menu-close] .app-sidebar { display: none; } + [data-vertical-style=closed][data-toggled=close-menu-close] .content { margin-inline-start: calc(var(--spacing) * 0) !important; } + [data-vertical-style=closed][data-toggled=close-menu-close] .app-header { padding-inline-start: calc(var(--spacing) * 0) !important; } + [data-vertical-style=closed][data-toggled=close-menu-open] .app-sidebar { display: block; } + [data-vertical-style=closed][data-toggled=close-menu-open] .content { margin-inline-start: calc(var(--spacing) * 64); } + [data-vertical-style=closed][data-toggled=close-menu-open] .app-header { padding-inline-start: calc(var(--spacing) * 64); } } + @media screen and (min-width: 992px) { [data-vertical-style=detached] .app-header { z-index: 50 !important; @@ -54725,37 +70912,45 @@ label { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + [data-vertical-style=detached] .main-header { margin-block: calc(var(--spacing) * 0) !important; flex-basis: auto !important; padding: calc(var(--spacing) * 0) !important; } + [data-vertical-style=detached] .main-header-container { margin-inline: auto; width: 94%; } + [data-vertical-style=detached] .page { margin-inline: auto !important; margin-block: calc(var(--spacing) * 0) !important; width: 94% !important; } + [data-vertical-style=detached] .horizontal-logo { order: calc(1 * -1); display: block; } + [data-vertical-style=detached] .horizontal-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-vertical-style=detached] footer { background-color: transparent !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { background-color: transparent !important; } } + [data-vertical-style=detached] .app-sidebar { top: calc(64px - (-1.5rem)); bottom: calc(var(--spacing) * 6); @@ -54765,201 +70960,267 @@ label { border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + [data-vertical-style=detached] .app-sidebar .main-sidebar-header { display: none; } + [data-vertical-style=detached] .app-sidebar .main-sidebar { margin-top: calc(var(--spacing) * 0) !important; padding-bottom: calc(var(--spacing) * 40) !important; } + [data-vertical-style=detached] .content { margin-inline-start: calc(var(--spacing) * 64); } + [data-vertical-style=detached] .horizontal-logo .header-logo .desktop-dark, [data-vertical-style=detached] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached] .horizontal-logo .header-logo .toggle-dark, - [data-vertical-style=detached] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached] .horizontal-logo .header-logo .toggle-white { + [data-vertical-style=detached] .horizontal-logo .header-logo .desktop-white, + [data-vertical-style=detached] .horizontal-logo .header-logo .toggle-white { display: none; } + [data-vertical-style=detached] .horizontal-logo .header-logo .desktop-logo { display: block; } + [data-vertical-style=detached] [data-header-styles=dark] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached] [data-header-styles=dark] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached] [data-header-styles=dark] .horizontal-logo .header-logo .toggle-dark, - [data-vertical-style=detached] [data-header-styles=dark] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached] [data-header-styles=dark] .horizontal-logo .header-logo .toggle-white { + [data-vertical-style=detached] [data-header-styles=dark] .horizontal-logo .header-logo .desktop-white, + [data-vertical-style=detached] [data-header-styles=dark] .horizontal-logo .header-logo .toggle-white { display: none !important; } + [data-vertical-style=detached] [data-header-styles=dark] .horizontal-logo .header-logo .desktop-dark { display: block !important; } + [data-vertical-style=detached].dark .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached].dark .horizontal-logo .header-logo .toggle-logo, - [data-vertical-style=detached].dark .horizontal-logo .header-logo .toggle-dark, [data-vertical-style=detached].dark .horizontal-logo .header-logo .toggle-white { + [data-vertical-style=detached].dark .horizontal-logo .header-logo .toggle-dark, + [data-vertical-style=detached].dark .horizontal-logo .header-logo .toggle-white { display: none !important; } + [data-vertical-style=detached].dark .horizontal-logo .header-logo .desktop-dark { display: block !important; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar { width: 5rem; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .side-menu__angle { display: none; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .side-menu__label { display: none; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .side-menu__item { display: block; text-align: center; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .side-menu__item .side-menu__icon { margin-inline: auto; display: block; width: 100%; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .slide__category { position: relative !important; padding-inline: 1.65rem !important; padding-block: 1.2rem !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset-inline-start: 2.25rem !important; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); top: 1.25rem !important; } + &::before { content: var(--tw-content); height: 0.35rem !important; } + &::before { content: var(--tw-content); width: 0.35rem !important; } + &::before { content: var(--tw-content); border-radius: 3.125rem !important; } + &::before { content: var(--tw-content); border-style: var(--tw-border-style) !important; border-width: 1px !important; } + &::before { content: var(--tw-content); --tw-border-style: solid !important; border-style: solid !important; } + &::before { content: var(--tw-content); opacity: 1 !important; } } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .slide__category .category-name { display: none; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .slide.has-sub .slide-menu { display: none !important; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .main-menu { padding-inline: calc(var(--spacing) * 0); } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) [data-header-styles=dark] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) [data-header-styles=dark] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) [data-header-styles=dark] .horizontal-logo .header-logo .toggle-dark, - [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) [data-header-styles=dark] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) [data-header-styles=dark] .horizontal-logo .header-logo .toggle-white { + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) [data-header-styles=dark] .horizontal-logo .header-logo .desktop-white, + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) [data-header-styles=dark] .horizontal-logo .header-logo .toggle-white { display: none !important; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) [data-header-styles=dark] .horizontal-logo .header-logo .desktop-dark { display: block !important; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]).dark .app-sidebar .main-header .header-logo .toggle-logo, [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]).dark .app-sidebar .main-header .header-logo .desktop-logo, - [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]).dark .app-sidebar .main-header .header-logo .toggle-dark, [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]).dark .app-sidebar .main-header .header-logo .toggle-white { + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]).dark .app-sidebar .main-header .header-logo .toggle-dark, + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]).dark .app-sidebar .main-header .header-logo .toggle-white { display: none; } + [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]).dark .app-sidebar .main-header .header-logo .desktop-dark { display: block; } + [data-vertical-style=detached][data-toggled=detached-close] .content { margin-inline-start: calc(var(--spacing) * 24); } + [data-vertical-style=detached].dark .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + [data-vertical-style=detached] .app-sidebar { inset-inline-start: inherit; } } + @media screen and (min-width: 992px) { [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub { display: grid; } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar { height: 90%; overflow: visible; } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header { width: 4.95rem; --tw-backdrop-blur: blur(var(--blur-3xl)); - 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, ); } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar { width: 4.95rem; } + [data-vertical-style=doublemenu] .app-sidebar .side-menu__icon { margin-inline: auto; } + [data-vertical-style=doublemenu] .app-sidebar .slide { padding: calc(var(--spacing) * 0); } + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 { width: 12rem; } - [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 { + + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2, + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 { width: 100%; } - [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 { + + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1, + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2, + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 { margin-top: calc(var(--spacing) * 0) !important; } - [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 .slide .side-menu__item { + + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item, + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2 .slide .side-menu__item, + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 .slide .side-menu__item { display: flex; text-align: start; } - [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before { + + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before { top: 0.938rem; } - [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 .side-menu__angle { + + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .side-menu__angle, + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2 .side-menu__angle, + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 .side-menu__angle { top: 0.65rem; display: block; } + [data-vertical-style=doublemenu] .app-sidebar .slide__category, [data-vertical-style=doublemenu] .app-sidebar .side-menu__angle { display: none; } + [data-vertical-style=doublemenu] .app-sidebar .side-menu__label { display: none; } + [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1 { position: absolute !important; top: calc(var(--spacing) * 0) !important; @@ -54968,58 +71229,75 @@ label { overflow-y: auto !important; transition-property: none !important; } + [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1 .slide { padding-inline: calc(var(--spacing) * 0); } + [data-vertical-style=doublemenu] .app-sidebar .simplebar-content-wrapper { position: initial; height: 100vh !important; overflow: auto !important; } + [data-vertical-style=doublemenu] .app-sidebar .simplebar-mask { position: inherit; } + [data-vertical-style=doublemenu] .main-menu { padding-inline: calc(var(--spacing) * 0); } + [data-vertical-style=doublemenu] #sidebar-scroll { margin-top: calc(var(--spacing) * 0); overflow-y: visible; } + [data-vertical-style=doublemenu] #sidebar-scroll .main-menu-container { margin-top: 4.45rem; } + [data-vertical-style=doublemenu] #sidebar-scroll { height: 100% !important; } + [data-vertical-style=doublemenu] .app-sidebar { width: calc(var(--spacing) * 20) !important; } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar { width: calc(var(--spacing) * 20) !important; } + [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu { padding-block: calc(var(--spacing) * 0); } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-white { display: none !important; } + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: block; } - [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-white { + + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none; } + [data-vertical-style=doublemenu] .side-menu__label1 { display: block !important; border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; border-bottom-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + padding-inline: calc(var(--spacing) * 3) !important; padding-block: calc(var(--spacing) * 5) !important; font-size: var(--text-base) !important; @@ -55028,1385 +71306,1790 @@ label { font-weight: var(--font-weight-semibold) !important; color: var(--color-white) !important; } + [data-vertical-style=doublemenu].dark .slide-menu.child1 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + [data-vertical-style=doublemenu].dark .side-menu__label1 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + color: var(--color-white) !important; } + [data-vertical-style=doublemenu].dark .app-sidebar .slide.has-sub .slide-menu { border-radius: var(--radius-none) !important; background-color: var(--color-bodybg) !important; } - [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { + + [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none; } + [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: block; } + [data-vertical-style=doublemenu] .double-menu-active { display: block !important; } + [data-vertical-style=doublemenu][data-toggled=double-menu-close] .slide.has-sub .slide-menu.child1 { display: none !important; } + [data-vertical-style=doublemenu][data-toggled=double-menu-close] .double-menu-active { display: block !important; } + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 1px !important; border-inline-start-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-inline-start-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide { inset-inline-start: calc(var(--spacing) * 0); } + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item { padding-inline-start: calc(var(--spacing) * 8); padding-inline-end: calc(var(--spacing) * 4); } + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before { inset-inline-start: calc(var(--spacing) * 3); } + [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .side-menu__angle { inset-inline-end: calc(var(--spacing) * 4); } + [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu { inset-inline-start: 5rem !important; border-radius: var(--radius-none) !important; } - [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child2, [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child3 { margin-inline-start: calc(5rem * -1) !important; padding-inline: calc(var(--spacing) * 0) !important; } + [data-vertical-style=doublemenu] .content { margin-inline-start: calc(var(--spacing) * 20); } + [data-vertical-style=doublemenu] .app-header { padding-inline-start: calc(var(--spacing) * 20); } + [data-vertical-style=doublemenu][data-toggled=double-menu-open] .content { margin-inline-start: 17rem; } + [data-vertical-style=doublemenu][data-toggled=double-menu-open] .app-header { padding-inline-start: 17rem; } + [data-vertical-style=doublemenu][data-toggled=double-menu-close] .content { margin-inline-start: calc(var(--spacing) * 20); } + [data-vertical-style=doublemenu][data-toggled=double-menu-close] .header { padding-inline-start: calc(var(--spacing) * 20); } } + [data-header-position=scrollable] .app-header { position: absolute; } + @media screen and (min-width: 992px) { [data-header-position=scrollable]:not([data-menu-position=scrollable]) .app-sidebar.sticky-pin { position: fixed !important; top: calc(var(--spacing) * 0) !important; } } + [data-header-position=scrollable]:not([data-menu-position=scrollable])[data-toggled=open] .app-sidebar.sticky-pin { margin-top: calc(var(--spacing) * 0); } + [data-header-styles=dark] .app-header { - --color-headerprimecolor: rgb(255,255,255); + --color-headerprimecolor: rgb(255, 255, 255); border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: #111c43; } + [data-header-styles=dark] .app-header .main-header-container .header-link-icon { fill: color-mix(in srgb, #000 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } + color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + [data-header-styles=dark] .app-header .animated-arrow span { background-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=dark] .app-header .animated-arrow span:before, [data-header-styles=dark] .app-header .animated-arrow span:after { background-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=dark] .app-header .sidebar-toggle { background-color: transparent !important; color: color-mix(in srgb, #000 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #000 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + [data-header-styles=dark] .app-header .sidebar-toggle svg { color: color-mix(in srgb, #000 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent); } } + [data-header-styles=dark] .app-header .ti-dropdown-toggle { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: transparent !important; color: color-mix(in srgb, #000 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #000 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + [data-header-styles=dark] .app-header .ti-dropdown-toggle svg { color: color-mix(in srgb, #000 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } } + [data-header-styles=dark] .app-header .dropdown-profile { &:focus { --tw-ring-color: var(--color-gray-400); } } + [data-header-styles=dark] .app-header .dropdown-profile img { --tw-ring-color: var(--color-white); } + [data-header-styles=dark] .app-header .dropdown-profile p { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-header-styles=dark] .app-header .dropdown-profile span { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-header-styles=dark] .app-header #dropdown-flag { &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + [data-header-styles=dark] .app-header .header-search button, [data-header-styles=dark] .app-header .switcher-icon button { background-color: transparent; color: color-mix(in srgb, #000 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent); } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + &:hover { @media (hover: hover) { color: var(--color-white); } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + [data-header-styles=dark] .app-header .header-search button svg, [data-header-styles=dark] .app-header .switcher-icon button svg { color: color-mix(in srgb, #000 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent); } } + [data-header-styles=dark] .app-header .header-theme-mode a, [data-header-styles=dark] .app-header .header-fullscreen a { background-color: transparent; color: color-mix(in srgb, #000 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent); } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + &:hover { @media (hover: hover) { color: var(--color-white); } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + [data-header-styles=dark] .app-header .header-theme-mode a svg, [data-header-styles=dark] .app-header .header-fullscreen a svg { color: color-mix(in srgb, #000 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 60%, transparent); } } + @media (min-width: 992px) { + [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-dark { display: none !important; } + [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-white { display: block !important; } } + [data-header-styles=color] .app-header { - --color-headerprimecolor: rgba(255,255,255,0.1); + --color-headerprimecolor: rgba(255, 255, 255, 0.1); border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + background-color: var(--color-primary) !important; } + [data-header-styles=color] .app-header .main-header-container .header-link-icon { fill: color-mix(in srgb, #000 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } + color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } } } + [data-header-styles=color] .app-header .animated-arrow span { background-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=color] .app-header .animated-arrow span:before, [data-header-styles=color] .app-header .animated-arrow span:after { background-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=color] .app-header .sidebar-toggle { background-color: transparent !important; color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + &:focus { --tw-ring-color: transparent !important; } + &:focus { --tw-ring-offset-color: transparent !important; } } + [data-header-styles=color] .app-header .sidebar-toggle svg { fill: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=color] .app-header .ti-dropdown-toggle { border-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } + background-color: transparent; color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + &:focus { --tw-ring-color: transparent; } + &:focus { --tw-ring-offset-color: transparent; } } + [data-header-styles=color] .app-header .ti-dropdown-toggle svg { fill: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-header-styles=color] .app-header .dropdown-profile { &:focus { --tw-ring-color: var(--color-gray-400); } } + [data-header-styles=color] .app-header .dropdown-profile img { --tw-ring-color: var(--color-white); } + [data-header-styles=color] .app-header .dropdown-profile p { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-header-styles=color] .app-header .dropdown-profile span { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-header-styles=color] .app-header #dropdown-flag { &:focus { --tw-ring-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + [data-header-styles=color] .app-header .header-search button, [data-header-styles=color] .app-header .switcher-icon button { background-color: transparent !important; color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } } + [data-header-styles=color] .app-header .header-search svg, [data-header-styles=color] .app-header .switcher-icon svg { fill: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-header-styles=color] .app-header .header-theme-mode a, [data-header-styles=color] .app-header .header-fullscreen a { background-color: transparent; color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + [data-header-styles=color] .app-header .header-theme-mode svg, [data-header-styles=color] .app-header .header-fullscreen svg { fill: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + @media (min-width: 992px) { + [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-dark { display: none !important; } + [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-white { display: block !important; } } + @media (max-width: 991.98px) { + [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-white { display: none; } + [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-white { display: block; } } + [data-header-styles=gradient] .app-header { - --color-headerprimecolor: rgb(255,255,255); + --color-headerprimecolor: rgb(255, 255, 255); border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: var(--color-primary); --tw-gradient-to: var(--color-secondary); --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)); + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); z-index: calc(1 * -1) !important; } + &::before { content: var(--tw-content); height: 100% !important; } + &::before { content: var(--tw-content); width: 100% !important; } } + [data-header-styles=gradient] .app-header .main-header-container .header-link-icon { fill: color-mix(in srgb, #000 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } + color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } } } + [data-header-styles=gradient] .app-header .animated-arrow span { background-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=gradient] .app-header .animated-arrow span:before, [data-header-styles=gradient] .app-header .animated-arrow span:after { background-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=gradient] .app-header .sidebar-toggle { background-color: transparent; color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + &:focus { --tw-ring-color: transparent; } + &:focus { --tw-ring-offset-color: transparent; } } + [data-header-styles=gradient] .app-header .sidebar-toggle svg { fill: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=gradient] .app-header .ti-dropdown-toggle { border-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } + background-color: transparent; color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + &:focus { --tw-ring-color: transparent; } + &:focus { --tw-ring-offset-color: transparent; } } + [data-header-styles=gradient] .app-header .ti-dropdown-toggle svg { fill: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=gradient] .app-header .dropdown-profile { &:focus { --tw-ring-color: var(--color-gray-400); } } + [data-header-styles=gradient] .app-header .dropdown-profile img { --tw-ring-color: var(--color-white); } + [data-header-styles=gradient] .app-header .dropdown-profile p { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=gradient] .app-header .dropdown-profile span { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=gradient] .app-header #dropdown-flag { &:focus { --tw-ring-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + [data-header-styles=gradient] .app-header .header-search button, [data-header-styles=gradient] .app-header .switcher-icon button { background-color: transparent; color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } + &:focus { --tw-ring-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + [data-header-styles=gradient] .app-header .header-search svg, [data-header-styles=gradient] .app-header .switcher-icon svg { fill: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=gradient] .app-header .header-theme-mode a, [data-header-styles=gradient] .app-header .header-fullscreen a { background-color: transparent; color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } + &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } + &:focus { --tw-ring-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + [data-header-styles=gradient] .app-header .header-theme-mode svg, [data-header-styles=gradient] .app-header .header-fullscreen svg { fill: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent); } } + @media (min-width: 992px) { + [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-dark { display: none !important; } + [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-white { display: block !important; } } + @media (max-width: 991.98px) { + [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-white { display: none; } + [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-white { display: block; } } + [data-header-styles=light] .app-header { border-color: #f3f3f3 !important; background-color: var(--color-white) !important; } + [data-header-styles=light] .app-header .main-header-container .header-link-icon { fill: color-mix(in srgb, #000 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } + color: #536485 !important; + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } } } + [data-header-styles=light] .app-header .animated-arrow span { background-color: #536485; } + [data-header-styles=light] .app-header .animated-arrow span:before, [data-header-styles=light] .app-header .animated-arrow span:after { background-color: #536485 !important; } + [data-header-styles=light] .app-header .sidebar-toggle { background-color: transparent !important; color: #536485 !important; + &:hover { @media (hover: hover) { background-color: var(--color-gray-50) !important; } } + &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + &:focus { --tw-ring-color: var(--color-gray-400) !important; } + &:focus { --tw-ring-offset-width: 0px !important; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; } + &:focus { --tw-ring-offset-color: var(--color-white) !important; } } + [data-header-styles=light] .app-header .ti-dropdown-toggle { border-color: var(--color-gray-200) !important; background-color: transparent !important; color: #536485 !important; + &:hover { @media (hover: hover) { background-color: var(--color-gray-50) !important; } } + &:focus { --tw-ring-color: var(--color-primary) !important; } + &:focus { --tw-ring-offset-color: var(--color-white) !important; } } + [data-header-styles=light] .app-header .dropdown-profile { &:focus { --tw-ring-color: var(--color-gray-400); } } + [data-header-styles=light] .app-header .dropdown-profile img { --tw-ring-color: var(--color-white); } + [data-header-styles=light] .app-header .dropdown-profile p { color: #536485 !important; } + [data-header-styles=light] .app-header .dropdown-profile span { color: #536485 !important; } + [data-header-styles=light] .app-header #dropdown-flag { &:focus { --tw-ring-color: var(--color-gray-400); } } + [data-header-styles=light] .app-header .header-search button, [data-header-styles=light] .app-header .switcher-icon button { background-color: transparent !important; color: #536485 !important; + &:hover { @media (hover: hover) { background-color: var(--color-gray-50) !important; } } + &:focus { --tw-ring-color: var(--color-gray-400) !important; } + &:focus { --tw-ring-offset-width: 0px !important; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; } + &:focus { --tw-ring-offset-color: var(--color-white) !important; } } + [data-header-styles=light] .app-header .header-theme-mode a, [data-header-styles=light] .app-header .header-fullscreen a { background-color: transparent !important; color: #536485 !important; + &:hover { @media (hover: hover) { background-color: var(--color-gray-50) !important; } } + &:focus { --tw-ring-color: var(--color-gray-400) !important; } + &:focus { --tw-ring-offset-width: 0px !important; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; } + &:focus { --tw-ring-offset-color: var(--color-white) !important; } } + @media screen and (min-width: 992px) { + [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-dark { display: none !important; } + [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-logo { display: block !important; } } + [data-header-styles=transparent] .app-header { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; border-color: color-mix(in srgb, #000 7.000000000000001%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent) !important; } + background-color: var(--color-bodybg) !important; } + [data-header-styles=transparent] .app-header .sidebar-toggle { background-color: transparent; color: #536485; + &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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 { --tw-ring-color: var(--color-gray-400); } + &:focus { --tw-ring-offset-width: 0px; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } + &:focus { --tw-ring-offset-color: var(--color-white); } } + [data-header-styles=transparent] .app-header .ti-dropdown-toggle { border-color: var(--color-gray-200); background-color: transparent; color: #536485; + &:focus { --tw-ring-color: var(--color-primary); } + &:focus { --tw-ring-offset-color: var(--color-white); } } + [data-header-styles=transparent] .app-header .dropdown-profile { &:focus { --tw-ring-color: var(--color-gray-400); } } + [data-header-styles=transparent] .app-header .dropdown-profile img { --tw-ring-color: var(--color-white); } + [data-header-styles=transparent] .app-header #dropdown-flag { &:focus { --tw-ring-color: var(--color-gray-400); } } + [data-header-styles=transparent] .app-header .header-search button, [data-header-styles=transparent] .app-header .switcher-icon button { background-color: transparent; color: #536485; + &:focus { --tw-ring-color: var(--color-gray-400); } + &:focus { --tw-ring-offset-width: 0px; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } + &:focus { --tw-ring-offset-color: var(--color-white); } } + [data-header-styles=transparent] .app-header .header-theme-mode a, [data-header-styles=transparent] .app-header .header-fullscreen a { background-color: transparent; color: #536485; + &:focus { --tw-ring-color: var(--color-gray-400); } + &:focus { --tw-ring-offset-width: 0px; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } + &:focus { --tw-ring-offset-color: var(--color-white); } } + @media (min-width: 992px) { + [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .desktop-white { display: none; } + [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .desktop-logo { display: block; } } + @media (max-width: 991.98px) { + [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .desktop-white { display: none; } + [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .toggle-logo { display: block; } } + [data-header-styles=transparent].dark .app-header { - --color-headerprimecolor: rgba(255,255,255,0.6); + --color-headerprimecolor: rgba(255, 255, 255, 0.6); border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; border-bottom-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-bodybg2) !important; } + [data-header-styles=transparent].dark .app-header .sidebar-toggle { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + [data-header-styles=transparent].dark .app-header .sidebar-toggle svg { fill: var(--color-white); } + [data-header-styles=transparent].dark .app-header .ti-dropdown-toggle { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + [data-header-styles=transparent].dark .app-header .ti-dropdown-toggle svg { fill: var(--color-white); } + [data-header-styles=transparent].dark .app-header .dropdown-profile { &:focus { --tw-ring-color: var(--color-gray-400); } } + [data-header-styles=transparent].dark .app-header .dropdown-profile img { --tw-ring-color: var(--color-white); } + [data-header-styles=transparent].dark .app-header .dropdown-profile p { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=transparent].dark .app-header .dropdown-profile span { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-header-styles=transparent].dark .app-header #dropdown-flag { &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + [data-header-styles=transparent].dark .app-header .header-search button, [data-header-styles=transparent].dark .app-header .switcher-icon button { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + [data-header-styles=transparent].dark .app-header .header-search button svg, [data-header-styles=transparent].dark .app-header .switcher-icon button svg { fill: var(--color-white); } + [data-header-styles=transparent].dark .app-header .header-theme-mode a, [data-header-styles=transparent].dark .app-header .header-fullscreen a { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + [data-header-styles=transparent].dark .app-header .header-theme-mode a svg, [data-header-styles=transparent].dark .app-header .header-fullscreen a svg { fill: var(--color-white); } + @media (min-width: 992px) { + [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .desktop-white { display: none; } + [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .desktop-dark { display: block; } } + @media (min-width: 992px) { + [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .toggle-dark { display: none; } + [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .toggle-white { display: block; } } + @media screen and (min-width: 992px) { [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar { width: 5rem; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-sidebar-header { width: 5rem !important; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar { width: 5rem; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-sidebar-header { width: 5rem !important; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .app-header { padding-inline-start: 5rem !important; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .side-menu__item { justify-content: center; padding-inline: calc(var(--spacing) * 0); } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .side-menu__label, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .side-menu__angle { display: none; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .side-menu__icon { margin-inline-end: calc(var(--spacing) * 0) !important; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .slide__category { position: relative !important; padding-inline: 1.65rem !important; padding-block: 1.2rem !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset-inline-start: 2.25rem !important; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); top: 1.25rem !important; } + &::before { content: var(--tw-content); height: 0.35rem !important; } + &::before { content: var(--tw-content); width: 0.35rem !important; } + &::before { content: var(--tw-content); border-radius: 3.125rem !important; } + &::before { content: var(--tw-content); border-style: var(--tw-border-style) !important; border-width: 1px !important; } + &::before { content: var(--tw-content); --tw-border-style: solid !important; border-style: solid !important; } + &::before { content: var(--tw-content); opacity: 1 !important; } } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .slide__category .category-name { display: none; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .side-menu__item { padding: calc(var(--spacing) * 3) !important; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, - [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-white { + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-white { display: none; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-logo { display: block; } - [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-white { + + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-dark, + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-white { display: none; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .slide-menu { display: none !important; } - [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]).dark .app-sidebar .main-logo.toggle-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]).dark .app-sidebar .main-logo .toggle-white { + + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]).dark .app-sidebar .main-logo.toggle-logo, + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]).dark .app-sidebar .main-logo .toggle-white { display: none !important; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]).dark .app-sidebar .main-logo.toggle-dark { display: block !important; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close] .content { margin-inline-start: 5rem !important; } + [data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-header { padding-inline-start: 5rem !important; } } + @media screen and (min-width: 992px) { [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar { width: 9.5rem !important; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide__category, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__angle { display: none; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__item { display: block !important; padding-inline: calc(var(--spacing) * 0) !important; @@ -56414,412 +73097,625 @@ label { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__item .side-menu__icon { margin-inline: auto; margin-bottom: calc(var(--spacing) * 2); display: block; width: 100%; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide.has-sub .slide-menu { display: none !important; padding-inline: calc(var(--spacing) * 0) !important; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .app-sidebar .slide { padding-inline: 0.25rem !important; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header { width: 9.5rem !important; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo, - [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-white, + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo, + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-white { display: none; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: block; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: none; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-menu { padding-inline: calc(var(--spacing) * 0); } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo, - [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark, + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: none; } + [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]).dark .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: block; } + [data-vertical-style=icontext][data-toggled=icon-text-close] .content { margin-inline-start: 9.5rem; } + [data-vertical-style=icontext][data-toggled=icon-text-close] .app-header { padding-inline-start: 9.5rem; } } + [data-menu-position=scrollable] .app-sidebar { position: absolute; } + [data-menu-position=scrollable] .app-sidebar .main-sidebar-header { position: absolute; } + [data-menu-position=scrollable] .app-sidebar #sidebar-scroll { padding-bottom: calc(var(--spacing) * 0); } + [data-menu-position=scrollable]:not([data-nav-layout=horizontal]) .content { min-height: 1300px; } + [data-menu-styles=dark] .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: #111c43; } + [data-menu-styles=dark] .app-sidebar .main-sidebar-header { --tw-backdrop-blur: blur(var(--blur-3xl)); - 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, ); } + [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo.desktop-logo, [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white { display: none !important; } + [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo.desktop-dark { display: block !important; } + [data-menu-styles=dark] .app-sidebar .main-sidebar-header .slide.has-sub .slide-menu { background-color: #111c43 !important; } + [data-menu-styles=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo.toggle-logo { - @media (width >= 64rem) { + @media (width >=64rem) { display: none; } } + [data-menu-styles=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo.toggle-dark { - @media (width >= 64rem) { + @media (width >=64rem) { display: block; } } + [data-menu-styles=dark][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo.toggle-logo { - @media (width >= 64rem) { + @media (width >=64rem) { display: none !important; } } + [data-menu-styles=dark][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo.toggle-dark { - @media (width >= 64rem) { + @media (width >=64rem) { display: block !important; } } + @media (min-width: 992px) { - [data-menu-styles=dark][class=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][class=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][class=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][class=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][class=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header { + + [data-menu-styles=dark][class=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, + [data-menu-styles=dark][class=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, + [data-menu-styles=dark][class=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, + [data-menu-styles=dark][class=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, + [data-menu-styles=dark][class=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header { background-color: var(--color-bodybg); } - [data-menu-styles=dark][class=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][class=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][class=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][class=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][class=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { + + [data-menu-styles=dark][class=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=dark][class=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=dark][class=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=dark][class=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=dark][class=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { background-color: var(--color-bodybg) !important; } - [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header { + + [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, + [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, + [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, + [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, + [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header { background-color: #111c43; } - [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo { - @media (width >= 64rem) { + + [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo { + @media (width >=64rem) { display: none !important; } } - [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { - @media (width >= 64rem) { + + [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { + @media (width >=64rem) { display: block !important; } } - [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { + + [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: #111c43 !important; } - [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2 { + + [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, + [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, + [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, + [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, + [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: #111c43 !important; } - [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { + + [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + color: var(--color-white) !important; } - [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed] .dark .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .dark .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .dark .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .dark .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu] .dark .slide.has-sub .slide-menu { + + [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed] .dark .slide.has-sub .slide-menu, + [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .dark .slide.has-sub .slide-menu, + [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .dark .slide.has-sub .slide-menu, + [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .dark .slide.has-sub .slide-menu, + [data-menu-styles=dark][data-vertical-style=doublemenu] .dark .slide.has-sub .slide-menu { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-bodybg) !important; } + [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } - [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, + [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: #111c43; } + [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + color: var(--color-white) !important; } + [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } + color: var(--color-white); } + [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg { fill: var(--color-white); } } + [data-menu-styles=dark].dark .app-sidebar { background-color: var(--color-bodybg) !important; } + [data-menu-styles=dark].dark .main-sidebar-header { background-color: var(--color-bodybg) !important; } + [data-menu-styles=color] .app-sidebar { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + background-color: var(--color-primary) !important; } + [data-menu-styles=color] .app-sidebar .main-sidebar-header { background-color: var(--color-primary); --tw-backdrop-blur: blur(var(--blur-3xl)); - 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, ); } + [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-white { display: block; } + [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: none; } + [data-menu-styles=color] .app-sidebar .app-sidebar { background-color: var(--color-primary) !important; } + [data-menu-styles=color] .app-sidebar .side-menu__item { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-menu-styles=color] .app-sidebar .side-menu__item .side-menu__icon { fill: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent); } + color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } + [data-menu-styles=color] .app-sidebar .side-menu__item .side-menu__label { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-menu-styles=color] .app-sidebar .side-menu__item.active { color: var(--color-white) !important; } + [data-menu-styles=color] .app-sidebar .side-menu__item.active .side-menu__icon { fill: var(--color-white) !important; color: var(--color-white) !important; } + [data-menu-styles=color] .app-sidebar .side-menu__item.active .side-menu__label { color: var(--color-white) !important; } + [data-menu-styles=color] .app-sidebar .side-menu__item:hover { color: var(--color-white) !important; } + [data-menu-styles=color] .app-sidebar .side-menu__item:hover .side-menu__icon { fill: var(--color-white) !important; color: var(--color-white) !important; } + [data-menu-styles=color] .app-sidebar .side-menu__item.active { background-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } -[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item { + +[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item, +[data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item, +[data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } -[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active { + +[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active, +[data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active, +[data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active { color: var(--color-white) !important; } -[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active::before { + +[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active::before, +[data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active::before, +[data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active::before { border-color: var(--color-white) !important; } -[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle { + +[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, +[data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, +[data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle { color: var(--color-white) !important; } -[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover { + +[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover, +[data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover, +[data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover { color: var(--color-white) !important; } -[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before { + +[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, +[data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, +[data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before { border-color: var(--color-white) !important; } -[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { + +[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { color: var(--color-white) !important; } + [data-menu-styles=color] .app-sidebar .slide__category { color: color-mix(in srgb, #fff 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } + [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-white { display: block !important; } + [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-logo { display: none !important; } -[data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-white, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-white { + +[data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-white, +[data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-white { display: block !important; } + [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, -[data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, +[data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, +[data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo { display: none !important; } + [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white { display: block !important; } + [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo, [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark .toggle-white { display: none !important; } + @media (min-width: 992px) { - [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { + + [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { display: none !important; } - [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white { + + [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white { display: block !important; } - [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { + + [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + background-color: var(--color-primary) !important; } - [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category { + + [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, + [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, + [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, + [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, + [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category { &::before { content: var(--tw-content); border-color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } } - [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { + + [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + color: var(--color-white) !important; } + [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } - [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, + [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + background-color: var(--color-primary) !important; } + [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + color: var(--color-white) !important; } + [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } + color: var(--color-white); } + [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg { fill: var(--color-white); } } + [data-menu-styles=gradient] .app-sidebar { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; --tw-gradient-position: to bottom in oklab; @@ -56827,23 +73723,28 @@ label { --tw-gradient-from: var(--color-primary); --tw-gradient-to: var(--color-secondary); --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)); + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); height: 100% !important; } + &::before { content: var(--tw-content); width: 100% !important; } } + [data-menu-styles=gradient] .app-sidebar .main-sidebar-header { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); --tw-gradient-position: to top in oklab; @@ -56852,161 +73753,239 @@ label { --tw-gradient-to: var(--color-secondary); --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)); --tw-backdrop-blur: blur(var(--blur-3xl)); - 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, ); } + [data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo.desktop-logo, [data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: none; } + [data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo.desktop-white { display: block !important; } + [data-menu-styles=gradient] .app-sidebar .side-menu__item { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } + &::before { content: var(--tw-content); color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } + [data-menu-styles=gradient] .app-sidebar .side-menu__item .side-menu__icon { fill: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 70%, transparent); } + color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } + [data-menu-styles=gradient] .app-sidebar .side-menu__item .side-menu__label { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-menu-styles=gradient] .app-sidebar .side-menu__item.active { color: var(--color-white) !important; } + [data-menu-styles=gradient] .app-sidebar .side-menu__item.active .side-menu__icon { fill: var(--color-white) !important; color: var(--color-white) !important; } + [data-menu-styles=gradient] .app-sidebar .side-menu__item.active .side-menu__label { color: var(--color-white) !important; } + [data-menu-styles=gradient] .app-sidebar .side-menu__item:hover { color: var(--color-white) !important; } + [data-menu-styles=gradient] .app-sidebar .side-menu__item:hover .side-menu__icon { fill: var(--color-white) !important; color: var(--color-white) !important; } + [data-menu-styles=gradient] .app-sidebar .side-menu__item.active { background-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } -[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item { + +[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } -[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active { + +[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active { color: var(--color-white) !important; } -[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active::before { + +[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active::before, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active::before, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active::before { border-color: var(--color-white) !important; } -[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle { + +[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle { color: var(--color-white) !important; } -[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover { + +[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover { color: var(--color-white) !important; } -[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before { + +[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before { border-color: var(--color-white) !important; } -[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { + +[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { color: var(--color-white) !important; } + [data-menu-styles=gradient] .app-sidebar .slide__category { color: color-mix(in srgb, #fff 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } + [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-white { display: block !important; } + [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-logo { display: none !important; } -[data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-white, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-white { + +[data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-white, +[data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-white { display: block !important; } + [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, -[data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, +[data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, +[data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo { display: none !important; } + [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white { display: block !important; } + [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo, -[data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-white { +[data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark, +[data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-white { display: none !important; } + @media (min-width: 992px) { - [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { + + [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { display: none !important; } - [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white { + + [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white { display: block !important; } - [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category { + + [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, + [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, + [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category, + [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category { &::before { content: var(--tw-content); border-color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } } - [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { + + [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { z-index: calc(1 * -1) !important; --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -57014,44 +73993,59 @@ label { --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)); --tw-gradient-to: var(--color-secondary) !important; --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)) !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); z-index: calc(1 * -1) !important; } + &::before { content: var(--tw-content); height: 100% !important; } + &::before { content: var(--tw-content); width: 100% !important; } } - [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { + + [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + color: var(--color-white) !important; } - [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { - @media (width >= 64rem) { + + [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { + @media (width >=64rem) { display: none !important; } } + [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white { - @media (width >= 64rem) { + @media (width >=64rem) { display: block !important; } } + [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { z-index: calc(1 * -1) !important; --tw-gradient-position: to bottom in oklab; @@ -57060,42 +74054,54 @@ label { --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)); --tw-gradient-to: var(--color-secondary) !important; --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)) !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); z-index: calc(1 * -1) !important; } + &::before { content: var(--tw-content); height: 100% !important; } + &::before { content: var(--tw-content); width: 100% !important; } } - [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child3 { background-color: transparent !important; background-image: none !important; + &::before { content: var(--tw-content); background-image: none !important; } } + [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + color: var(--color-white) !important; } + [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; --tw-gradient-position: to right in oklab; @@ -57103,28 +74109,37 @@ label { --tw-gradient-from: var(--color-primary); --tw-gradient-to: var(--color-secondary); --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)); + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); height: 100% !important; } + &::before { content: var(--tw-content); width: 100% !important; } } - [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, + [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: var(--color-primary); @@ -57132,122 +74147,180 @@ label { --tw-gradient-to: var(--color-secondary) !important; --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)) !important; } + [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } + color: var(--color-white) !important; } + [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } + color: var(--color-white); } + [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg { fill: var(--color-white); } } + [data-menu-styles=gradient] .dark .main-sidebar-header { background-color: var(--color-primary) !important; } + [data-menu-styles=light] .app-sidebar { - --color-menuprimecolor: rgb(128,135,147); + --color-menuprimecolor: rgb(128, 135, 147); border-color: #f3f3f3 !important; background-color: var(--color-white) !important; } + [data-menu-styles=light] .app-sidebar .slide__category::before { border-color: color-mix(in srgb, #000 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } + [data-menu-styles=light] .app-sidebar .main-sidebar-header { border-color: #f3f3f3 !important; background-color: var(--color-white) !important; --tw-backdrop-blur: blur(var(--blur-3xl)) !important; - 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,) !important; + 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, ) !important; } + [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-logo { display: block; } + [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-white { display: none; } + [data-menu-styles=light] .app-sidebar .app-sidebar { border-color: #f3f3f3 !important; background-color: var(--color-white) !important; } + [data-menu-styles=light] .app-sidebar .side-menu__label { color: #536485 !important; } + [data-menu-styles=light] .app-sidebar .side-menu__icon { color: #536485 !important; } + [data-menu-styles=light] .app-sidebar .side-menu__item { color: #536485; } + [data-menu-styles=light] .app-sidebar .side-menu__item:hover { background-color: #f3f6f8 !important; color: #536485 !important; } + [data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__label, [data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__angle { color: #536485; } + [data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__icon { fill: #536485 !important; color: #536485 !important; } + [data-menu-styles=light] .app-sidebar .side-menu__item.active { background-color: #f3f6f8; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } -[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item { + +[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item, +[data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item, +[data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item { color: #536485; + &::before { content: var(--tw-content); border-color: color-mix(in oklab, #536485 80%, transparent); } } -[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover { + +[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active, +[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active, +[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover, +[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover, +[data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active, +[data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active, +[data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover, +[data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover, +[data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active, +[data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active, +[data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover, +[data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover { color: #536485 !important; + &::before { content: var(--tw-content); border-color: #536485 !important; } } -[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover .side-menu__angle { + +[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover .side-menu__angle { color: #536485 !important; } + [data-menu-styles=light] .app-sidebar .slide__category { color: #536485; } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-logo { display: block; } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-white, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, @@ -57255,319 +74328,490 @@ label { [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-white { display: none; } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo { display: block; } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-white { display: none; } + @media (min-width: 992px) { - [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo { - @media (width >= 64rem) { + + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo { + @media (width >=64rem) { display: block !important; } } - [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { - @media (width >= 64rem) { + + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { + @media (width >=64rem) { display: none !important; } } - [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { + + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { border-color: var(--color-gray-200) !important; background-color: var(--color-white) !important; } - [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1 { + + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1 { color: var(--color-defaulttextcolor) !important; } - [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { + + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { border-color: var(--color-gray-200) !important; color: #536485 !important; } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar { border-color: var(--color-gray-200) !important; } - [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: var(--color-gray-200); background-color: var(--color-white); } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 { border-color: var(--color-gray-200) !important; color: #536485 !important; } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right { border-color: var(--color-gray-200); background-color: var(--color-white); color: #536485; } + [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg { fill: #536485; } } + [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo { display: block !important; } + [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white, [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo, [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark { display: none !important; } + @media (min-width: 992px) { - [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { + + [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { border-color: #f3f3f3 !important; background-color: var(--color-white) !important; } - [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2 { + + [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, + [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, + [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, + [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, + [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2 { border-color: #f3f3f3 !important; background-color: var(--color-white) !important; } - [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { + + [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { border-color: #f3f3f3 !important; --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; color: #222528 !important; } + [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } - [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, + [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: var(--color-white); } + [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 { border-color: #f3f3f3 !important; --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; color: #222528 !important; } + [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } + color: var(--color-white); } + [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg { fill: var(--color-white); } - [data-menu-styles=light][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=light][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=light][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=light][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child1, + [data-menu-styles=light][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=light][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-white) !important; } } + [data-menu-styles=light].dark .app-sidebar { - --color-menuprimecolor: rgb(128,135,147); + --color-menuprimecolor: rgb(128, 135, 147); border-color: #f3f3f3 !important; background-color: var(--color-white) !important; } + [data-menu-styles=light].dark .app-sidebar .main-sidebar-header { border-color: #f3f3f3; background-color: var(--color-white); } + [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .desktop-logo { display: block; } + [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .desktop-white { display: none; } + [data-menu-styles=light].dark .app-sidebar .app-sidebar { border-color: #f3f3f3 !important; background-color: var(--color-white) !important; } + [data-menu-styles=light].dark .app-sidebar .side-menu__label { color: #536485 !important; } + [data-menu-styles=light].dark .app-sidebar .side-menu__icon { color: #536485 !important; } + [data-menu-styles=light].dark .app-sidebar .side-menu__item { color: #536485; } + [data-menu-styles=light].dark .app-sidebar .side-menu__item:hover { background-color: #f3f6f8 !important; color: #536485 !important; } + [data-menu-styles=light].dark .app-sidebar .side-menu__item:hover .side-menu__label, [data-menu-styles=light].dark .app-sidebar .side-menu__item:hover .side-menu__angle { color: #536485; } + [data-menu-styles=light].dark .app-sidebar .side-menu__item:hover .side-menu__icon { fill: #536485 !important; color: #536485 !important; } + [data-menu-styles=light].dark .app-sidebar .side-menu__item.active { background-color: #f3f6f8; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } -[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item { + +[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item { color: #536485; + &::before { content: var(--tw-content); border-color: color-mix(in oklab, #536485 80%, transparent); } } -[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.hover { + +[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.active, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:active, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.hover, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.active, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:active, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.hover, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.active, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:active, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.hover { color: #536485 !important; + &::before { content: var(--tw-content); border-color: #536485 !important; } } -[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.hover .side-menu__angle { + +[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:active .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.hover .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:active .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.hover .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:active .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.hover .side-menu__angle { color: #536485 !important; } + [data-menu-styles=light].dark .app-sidebar .slide__category { color: #536485; } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-logo { display: block; } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-dark { display: none; } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo { display: block; } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark { display: none; } + @media (min-width: 992px) { - [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo { - @media (width >= 64rem) { + + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo { + @media (width >=64rem) { display: block !important; } } - [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { - @media (width >= 64rem) { + + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { + @media (width >=64rem) { display: none !important; } } - [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { + + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { border-color: var(--color-gray-200) !important; background-color: var(--color-white) !important; } - [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1 { + + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1 { color: var(--color-defaulttextcolor) !important; } - [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { + + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { border-color: var(--color-gray-200) !important; color: #536485 !important; } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar { border-color: var(--color-gray-200) !important; } - [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: var(--color-gray-200); background-color: var(--color-white); } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 { border-color: var(--color-gray-200) !important; color: #536485 !important; } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right { border-color: var(--color-gray-200); background-color: var(--color-white); color: #536485; } + [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg { fill: #536485; } } -[data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo { + +[data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, +[data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo { display: block !important; } + [data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-dark, -[data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, +[data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, +[data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-dark { display: none !important; } + [data-menu-styles=transparent] .app-sidebar { - --color-menuprimecolor: rgb(128,135,147); + --color-menuprimecolor: rgb(128, 135, 147); border-color: color-mix(in srgb, #000 7.000000000000001%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent); } + background-color: var(--color-bodybg); } + [data-menu-styles=transparent] .app-sidebar .slide__category::before { border-color: color-mix(in srgb, #000 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } + [data-menu-styles=transparent] .app-sidebar .main-sidebar-header { border-color: color-mix(in srgb, #000 7.000000000000001%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent) !important; } + --tw-backdrop-blur: blur(var(--blur-3xl)) !important; - 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,) !important; + 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, ) !important; } + [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-logo { display: block; } + [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-white, @@ -57575,80 +74819,112 @@ label { [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-white { display: none; } + [data-menu-styles=transparent] .app-sidebar .side-menu__item { color: #536485; } + [data-menu-styles=transparent] .app-sidebar .side-menu__item .side-menu__icon { fill: #536485; color: #536485; } + [data-menu-styles=transparent] .app-sidebar .side-menu__item .side-menu__label { color: #536485; } -[data-menu-styles=transparent] .app-sidebar .side-menu__item.active, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover { + +[data-menu-styles=transparent] .app-sidebar .side-menu__item.active, +[data-menu-styles=transparent] .app-sidebar .side-menu__item:hover { color: #536485 !important; + &::before { content: var(--tw-content); color: #536485 !important; } } -[data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__icon { + +[data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__icon, +[data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__icon { fill: #536485; color: #536485; } -[data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__angle { + +[data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__angle, +[data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__angle { fill: #536485; color: #536485; } + [data-menu-styles=transparent] .app-sidebar .side-menu__item.active { background-color: color-mix(in srgb, #000 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } -[data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item { + +[data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item, +[data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item, +[data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item { color: color-mix(in oklab, #536485 80%, transparent); + &::before { content: var(--tw-content); border-color: color-mix(in oklab, #536485 80%, transparent); } } -[data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item:hover { + +[data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item:hover, +[data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item:hover, +[data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item:hover { background-color: color-mix(in srgb, #000 5%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important; } + color: #536485 !important; + &::before { content: var(--tw-content); border-color: #536485 !important; } } -[data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { + +[data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { color: #536485; } + [data-menu-styles=transparent] .app-sidebar .slide__category { color: #536485; } + [data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .main-sidebar { border-color: color-mix(in srgb, #000 7.000000000000001%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent) !important; } } + [data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide .side-menu__label1 { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; color: var(--color-defaulttextcolor) !important; } + [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-logo { display: block; } + [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-white, @@ -57656,14 +74932,17 @@ label { [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .desktop-white { display: none; } + [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo { display: block !important; } + [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white, [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo, @@ -57671,218 +74950,317 @@ label { [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark { display: none !important; } + @media (min-width: 992px) { + [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, - [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, - [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, - [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, - [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, + [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, + [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, + [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, + [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white { - @media (width >= 64rem) { + @media (width >=64rem) { display: none !important; } } - [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { - @media (width >= 64rem) { + + [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, + [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark { + @media (width >=64rem) { display: block !important; } } - [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { + + [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { border-color: color-mix(in srgb, #000 7.000000000000001%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent) !important; } + background-color: var(--color-bodybg) !important; } - [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { + + [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #000 7.000000000000001%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent) !important; } } + [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; } - [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, + [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: color-mix(in srgb, #000 7.000000000000001%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent) !important; } + background-color: var(--color-bodybg) !important; } + [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #000 7.000000000000001%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent) !important; } + color: var(--color-primary) !important; } + [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right { border-color: color-mix(in srgb, #000 7.000000000000001%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent); } + background-color: var(--color-bodybg); color: #536485; } + [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg { fill: #536485; } + [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } - [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child3 { + + [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child1, + [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child2, + [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child3 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-bodybg2) !important; } + [data-menu-styles=transparent][data-nav-layout=horizontal].dark .main-menu-container .slide-left, [data-menu-styles=transparent][data-nav-layout=horizontal].dark .main-menu-container .slide-right { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + [data-menu-styles=transparent].dark .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-bodybg2) !important; } + [data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-bodybg2) !important; --tw-backdrop-blur: blur(var(--blur-3xl)) !important; - 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,) !important; + 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, ) !important; } + [data-menu-styles=transparent].dark .app-sidebar .side-menu__item { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-menu-styles=transparent].dark .app-sidebar .side-menu__item .side-menu__icon { fill: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-menu-styles=transparent].dark .app-sidebar .side-menu__item .side-menu__label { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } -[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover { + +[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active, +[data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &::before { content: var(--tw-content); color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } } -[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover .side-menu__icon { + +[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active .side-menu__icon, +[data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover .side-menu__icon { fill: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active { background-color: color-mix(in srgb, #fff 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover { background-color: color-mix(in srgb, #fff 5%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important; } + color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + &::before { content: var(--tw-content); color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { color: color-mix(in srgb, #fff 60%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent) !important; } } + [data-menu-styles=transparent].dark .app-sidebar .slide__category { color: color-mix(in srgb, #fff 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } + [data-menu-styles=transparent].dark .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=transparent].dark .app-sidebar .header-logo .desktop-white { display: block; } + [data-menu-styles=transparent].dark .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent].dark .app-sidebar .header-logo .toggle-logo, [data-menu-styles=transparent].dark .app-sidebar .header-logo .toggle-dark, @@ -57890,117 +75268,168 @@ label { [data-menu-styles=transparent].dark .app-sidebar .header-logo .desktop-dark { display: none; } -[data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo { + +[data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, +[data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo { display: block !important; } + [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-white, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-white, -[data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, +[data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, +[data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-white, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-dark { display: none !important; } + [data-menu-styles=transparent].dark .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + [data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + [data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header .header-logo.desktop-logo { display: none; } + [data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header .header-logo.desktop-dark { display: block; } + [data-menu-styles=transparent].dark .app-sidebar .side-menu__item { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } + [data-menu-styles=transparent].dark .app-sidebar .side-menu__item .side-menu__icon { fill: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 70%, transparent); } + color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } -[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover { + +[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active, +[data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover { color: var(--color-white) !important; } -[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover .side-menu__icon { + +[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active .side-menu__icon, +[data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover .side-menu__icon { fill: var(--color-white) !important; color: var(--color-white) !important; } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, #fff 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active { color: var(--color-white) !important; } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active::before { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active::before, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active::before, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active::before { border-color: var(--color-white) !important; } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle { color: var(--color-white) !important; } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover { color: var(--color-white) !important; } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover::before { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover::before { border-color: var(--color-white) !important; } -[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { + +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, +[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle { color: var(--color-white) !important; } + [data-menu-styles=transparent].dark .app-sidebar .slide__category { color: color-mix(in srgb, #fff 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } + [data-menu-styles=transparent].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-dark { - @media (width >= 64rem) { + @media (width >=64rem) { display: none; } } + [data-menu-styles=transparent].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo.toggle-white { - @media (width >= 64rem) { + @media (width >=64rem) { display: block; } } + [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img { height: calc(var(--spacing) * 8); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } + [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white { display: block !important; } + [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-white, @@ -58008,76 +75437,114 @@ label { [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark { display: none !important; } + @media (min-width: 992px) { + [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, - [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, - [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, - [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, - [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, + [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, + [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, + [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, + [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, + [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark { - @media (width >= 64rem) { + @media (width >=64rem) { display: none !important; } } - [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white { - @media (width >= 64rem) { + + [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, + [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white { + @media (width >=64rem) { display: block !important; } } - [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { + + [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, + [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + background-color: var(--color-bodybg2) !important; } - [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { + + [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, + [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + color: var(--color-white); } + [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg { fill: var(--color-white); } + [data-menu-styles=transparent].dark[data-nav-layout=horizontal].dark .app-sidebar { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + [data-menu-styles=transparent].dark[data-nav-layout=horizontal].dark .main-menu-container .slide-left, [data-menu-styles=transparent].dark[data-nav-layout=horizontal].dark .main-menu-container .slide-right { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + [loader=disable] #loader { display: none; } + #loader { position: fixed; inset-inline-start: calc(var(--spacing) * 0); @@ -58089,134 +75556,172 @@ label { align-items: center; justify-content: center; background-color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-bodybg2); } } + .tabulator .tabulator-header .tabulator-col { border-color: var(--color-gray-200) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content { padding-inline: calc(var(--spacing) * 6) !important; padding-block: calc(var(--spacing) * 3) !important; } + .tabulator .tabulator-row .tabulator-cell { padding-inline: calc(var(--spacing) * 6) !important; padding-block: calc(var(--spacing) * 3) !important; } + .tabulator .tabulator-row.tabulator-row-even { background-color: var(--color-gray-100) !important; + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + .tabulator-row.tabulator-selectable:hover { background-color: var(--color-gray-100) !important; + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + .tabulator .tabulator-row { border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; border-color: var(--color-gray-200) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .tabulator .tabulator-header { border-style: var(--tw-border-style) !important; border-width: 0px !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .tabulator { border-style: var(--tw-border-style) !important; border-width: 0px !important; background-color: transparent !important; } + .tabulator-row .tabulator-cell { border-color: var(--color-gray-200) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .tabulator .tabulator-row .tabulator-cell:nth-child(9) { border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 0px !important; } + .tabulator .tabulator-header .tabulator-col:nth-child(9) { border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 0px !important; } + .tabulator .tabulator-footer { border-color: var(--color-gray-200) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .tabulator .tabulator-footer { background-color: transparent !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; } + .tabulator .tabulator-tableholder .tabulator-table { background-color: transparent !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .tabulator-row { background-color: transparent !important; } + .tabulator .tabulator-footer .tabulator-paginator { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + select.tabulator-page-size { background-size: 1rem 1rem !important; } + .tabulator .tabulator-footer .tabulator-page-size { border-radius: var(--radius-md) !important; border-color: var(--color-gray-200) !important; @@ -58228,13 +75733,16 @@ select.tabulator-page-size { line-height: var(--tw-leading, var(--text-xs--line-height)) !important; --tw-leading: 1.6 !important; line-height: 1.6 !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .tabulator .tabulator-footer .tabulator-page { border-radius: var(--radius-md) !important; border-color: var(--color-gray-200) !important; @@ -58242,81 +75750,106 @@ select.tabulator-page-size { padding-inline: calc(var(--spacing) * 3) !important; padding-block: calc(var(--spacing) * 1) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .tabulator .tabulator-footer .tabulator-page.active { color: var(--color-primary) !important; } + .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover { background-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important; } + color: var(--color-primary) !important; } + select.tabulator-page-size { - 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,) !important; + 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, ) !important; } + select.tabulator-page-size option { border-color: var(--color-gray-200) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .tabulator .tabulator-row .tabulator-cell.tabulator-row-handle { padding-inline: calc(var(--spacing) * 0) !important; } + .sortable-data select { border-radius: var(--radius-md) !important; border-color: inherit !important; background-size: 1rem 1rem !important; } + .sortable-data .choices { margin-bottom: calc(var(--spacing) * 0) !important; } + .tabulator .tabulator-col-resize-handle:last-child { display: none !important; } + .tabulator-row .tabulator-cell.tabulator-editing { border-style: var(--tw-border-style) !important; border-width: 0px !important; border-color: var(--color-gray-200) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .tabulator .tabulator-footer .tabulator-footer-contents { flex-direction: column !important; + :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important; margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important; } + padding: calc(var(--spacing) * 4) !important; - @media (width >= 40rem) { + + @media (width >=40rem) { flex-direction: row !important; } - @media (width >= 40rem) { + + @media (width >=40rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)) !important; @@ -58324,245 +75857,322 @@ select.tabulator-page-size option { } } } + .tabulator .tabulator-footer .tabulator-page-size { padding-inline-start: calc(var(--spacing) * 1) !important; padding-inline-end: calc(var(--spacing) * 4) !important; - @media (width >= 40rem) { + + @media (width >=40rem) { padding-inline-start: calc(var(--spacing) * 3) !important; } - @media (width >= 40rem) { + + @media (width >=40rem) { padding-inline-end: calc(var(--spacing) * 8) !important; } } + .tabulator .tabulator-footer .tabulator-page { padding-inline: calc(var(--spacing) * 1) !important; - @media (width >= 40rem) { + + @media (width >=40rem) { padding-inline: calc(var(--spacing) * 3) !important; } } + .tabulator .tabulator-footer .tabulator-paginator label { display: none !important; } + @media screen and (max-width: 1024px) { + .tabulator-col, .tabulator-cell { width: calc(var(--spacing) * 60) !important; } } + .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter { color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow { border-bottom-color: var(--color-gray-200); + &:where(.dark, .dark *) { border-bottom-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow { border-top-color: var(--color-gray-200); + &:where(.dark, .dark *) { border-top-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-top-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .tabulator .tabulator-footer .tabulator-page-size { margin-bottom: calc(var(--spacing) * 2) !important; display: block !important; width: 100% !important; - @media (width >= 40rem) { + + @media (width >=40rem) { margin-bottom: calc(var(--spacing) * 0) !important; } - @media (width >= 40rem) { + + @media (width >=40rem) { display: inline-block !important; } - @media (width >= 40rem) { + + @media (width >=40rem) { width: auto !important; } } -.sortable-data .choices__list--dropdown .choices__item--selectable, .sortable-data .choices__list[aria-expanded] .choices__item--selectable { + +.sortable-data .choices__list--dropdown .choices__item--selectable, +.sortable-data .choices__list[aria-expanded] .choices__item--selectable { padding-inline: calc(var(--spacing) * 3) !important; } + #external-events .fc-event { margin-block: calc(var(--spacing) * 1); border-radius: var(--radius-sm); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); } + .fc-theme-standard td, .fc-theme-standard th { border-color: var(--color-gray-200) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .fc .fc-button:focus { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .fc-h-event { border-color: var(--color-primary); background-color: var(--color-primary); color: var(--color-white); } + .fc .fc-button-primary { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .fc .fc-button-primary:hover { border-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important; } + background-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important; } + color: var(--color-white) !important; } + .fc .fc-button-primary:disabled { border-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important; } + background-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important; } + color: var(--color-white) !important; } + .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { border-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important; } + background-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important; } + color: var(--color-white) !important; } + .fc-theme-standard .fc-scrollgrid { border-color: var(--color-gray-200) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } -.fc .fc-scrollgrid-section-sticky > * { + +.fc .fc-scrollgrid-section-sticky>* { background-color: var(--color-gray-200) !important; + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + .fc-theme-standard .fc-list { border-color: var(--color-gray-200) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .fc .fc-non-business { background-color: var(--color-gray-50) !important; + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + .fc .fc-scrollgrid { overflow: hidden; border-radius: var(--radius-sm); } + .fc .fc-bg-event, .fc .fc-highlight, .fc .fc-non-business, -.fc .fc-view-harness-active > .fc-view { +.fc .fc-view-harness-active>.fc-view { overflow: hidden; border-radius: var(--radius-sm); } + .fc .fc-cell-shaded, .fc .fc-day-disabled { background-color: var(--color-gray-50) !important; + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + .fc .fc-daygrid-day.fc-day-today { background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important; } } + .fc .fc-timegrid-col.fc-day-today { background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important; } } + .fc-theme-standard .fc-list-day-cushion { background-color: var(--color-gray-50) !important; + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + .fc .fc-list-event:hover td { background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important; } } + .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; - --tw-shadow-color: rgb(242,244,245) !important; + --tw-shadow-color: rgb(242, 244, 245) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent) !important; } + &:where(.dark, .dark *) { - --tw-shadow-color: rgb(56,56,83) !important; + --tw-shadow-color: rgb(56, 56, 83) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent) !important; } } } + .fullcalendar-events-activity li { position: relative; margin-bottom: calc(var(--spacing) * 3); @@ -58570,134 +76180,168 @@ select.tabulator-page-size option { padding-inline-start: calc(var(--spacing) * 8); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 1); } + &::before { content: var(--tw-content); top: 0.563rem; } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 3); } + &::before { content: var(--tw-content); width: calc(var(--spacing) * 3); } + &::before { content: var(--tw-content); border-radius: var(--radius-sm); } + &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } + &::before { content: var(--tw-content); border-color: var(--color-primary); } + &::before { content: var(--tw-content); background-color: transparent; } + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-start: 0.563rem; } + &::after { content: var(--tw-content); top: calc(var(--spacing) * 5); } + &::after { content: var(--tw-content); height: 100%; } + &::after { content: var(--tw-content); border-inline-start-style: var(--tw-border-style); border-inline-start-width: 2px; } + &::after { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::after { content: var(--tw-content); border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + &::after { content: var(--tw-content); background-color: transparent; } } + .fullcalendar-events-activity li:last-child { margin-bottom: calc(var(--spacing) * 0); } + .fullcalendar-events-activity li:last-child::after { border-style: var(--tw-border-style); border-width: 0px; } + #full-calendar-activity { max-height: calc(var(--spacing) * 44); } + .fc-col-header-cell .fc-scrollgrid-sync-inner { display: flex; justify-content: center; padding: calc(var(--spacing) * 2); } + .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { padding-inline: calc(var(--spacing) * 2); } + .fc .fc-day-other .fc-daygrid-day-top { color: var(--color-gray-500) !important; opacity: 100% !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent) !important; } } } + .fc-theme-standard .fc-popover { border-color: var(--color-gray-200); background-color: var(--color-white); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .fc-header-toolbar { display: block; + :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important; margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important; } - @media (width >= 48rem) { + + @media (width >=48rem) { display: flex !important; } - @media (width >= 48rem) { + + @media (width >=48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)) !important; @@ -58705,23 +76349,29 @@ select.tabulator-page-size option { } } } -.fc .fc-list-sticky .fc-list-day > * { + +.fc .fc-list-sticky .fc-list-day>* { background-color: var(--color-gray-100); + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + .fc-event-dragging { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 2); } + .fc .fc-daygrid-day-bottom { padding-top: calc(var(--spacing) * 0) !important; font-size: 0.44em !important; } + .choices__inner { min-width: 13px !important; border-radius: var(--radius-md) !important; @@ -58736,60 +76386,76 @@ select.tabulator-page-size option { --tw-leading: 1.65 !important; line-height: 1.65 !important; color: var(--font-size-defaultsize) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } + &:focus { &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } } + .input-group .choices__inner { border-start-start-radius: var(--radius-none) !important; border-end-start-radius: var(--radius-none) !important; } + .choices__input { padding: calc(var(--spacing) * 0) !important; } + .choices__list--single { padding-inline-start: calc(var(--spacing) * 0) !important; padding-inline-end: calc(var(--spacing) * 4) !important; padding-bottom: calc(var(--spacing) * 0) !important; } + .choices[data-type*=select-one] .choices__input { padding: 0.625rem !important; } + .choices[data-type*=select-one]::after { inset-inline-end: 0.7188rem !important; border-inline-color: transparent !important; border-top-color: var(--color-textmuted) !important; border-bottom-color: transparent !important; + &:where(.dark, .dark *) { border-inline-color: transparent !important; } + &:where(.dark, .dark *) { border-top-color: var(--color-textmuted) !important; } + &:where(.dark, .dark *) { border-bottom-color: transparent !important; } } + .choices[data-type*=select-one]::after { color: var(--color-textmuted) !important; } + .choices[data-type*=select-one] .choices__input { padding: 0.625rem !important; } + .choices__list--dropdown, .choices__list[aria-expanded] { z-index: 1 !important; @@ -58799,16 +76465,20 @@ select.tabulator-page-size option { border-style: solid !important; border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .choices[data-type*=select-one] .choices__input { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; @@ -58817,39 +76487,50 @@ select.tabulator-page-size option { border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background-color: var(--color-primary); color: var(--color-white); + &:where(.dark, .dark *) { background-color: var(--color-primary) !important; } + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .choices__list--dropdown .choices__list { max-height: 250px !important; } + .choices[data-type*=select-one]::after { border-color: var(--color-textmuted); } + .choices[data-type*=select-one]:after { pointer-events: none; position: absolute; @@ -58862,23 +76543,29 @@ select.tabulator-page-size option { border-style: solid; border-color: #333; } + .choices__input { background-color: transparent !important; color: var(--color-black) !important; + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .is-focused .choices__inner, .is-open .choices__inner { border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { border-inline-start-style: var(--tw-border-style) !important; @@ -58886,13 +76573,16 @@ select.tabulator-page-size option { --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .choices__list--multiple .choices__item { margin-bottom: calc(var(--spacing) * 1) !important; border-style: var(--tw-border-style) !important; @@ -58902,44 +76592,56 @@ select.tabulator-page-size option { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; } + .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 1px !important; border-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .choices__list--multiple .choices__item { margin-bottom: calc(var(--spacing) * 1) !important; } + .choices__list--single .choices__item { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .choices__input { margin-bottom: calc(var(--spacing) * 0) !important; } + .choices__list--multiple .choices__item { border-radius: var(--radius-sm) !important; padding-inline: 0.625rem !important; padding-block: 0.025rem !important; } + .form-control-select-sm .choices__inner { padding: 0.275rem !important; } + .choices[data-type*=select-one].is-open::after { margin-top: calc(0.156rem * -1) !important; } + .choices__heading { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; @@ -58947,23 +76649,28 @@ select.tabulator-page-size option { border-style: solid !important; border-color: var(--color-defaultborder) !important; color: var(--color-textmuted) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .choices[data-type*=select-one]::after { inset-inline-start: inherit !important; inset-inline-end: 0.788rem !important; } + .choices[data-type*=select-one] .choices__button { inset-inline-start: inherit !important; inset-inline-end: calc(var(--spacing) * 0) !important; margin-inline-start: inherit !important; margin-inline-end: 1.5625rem !important; } + .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { margin-inline-start: 8px !important; @@ -58975,100 +76682,126 @@ select.tabulator-page-size option { padding-inline-start: calc(var(--spacing) * 4) !important; padding-inline-end: inherit !important; } + select { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { background-position: left; } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { background-position: 0.5rem; } } + .ts-wrapper.single .ts-control:after { inset-inline-start: auto !important; inset-inline-end: 15px !important; } + .choices[data-type*=select-one] .choices__button { &:where(.dark, .dark *) { --tw-invert: invert(1); - 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: 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, ); } } + .ts-control { border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; padding-inline: calc(var(--spacing) * 3) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .ts-control input { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .ts-dropdown .active.create { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .multi .ts-control { padding-inline: calc(var(--spacing) * 3) !important; } + .ts-dropdown .active { color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-light); } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .ts-dropdown.single { border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .ts-dropdown { border-color: var(--color-defaultborder); background-color: var(--color-white); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .ts-dropdown [data-selectable].option { &:hover { @media (hover: hover) { background-color: var(--color-light); } } + &:where(.dark, .dark *) { &:hover { @media (hover: hover) { @@ -59077,46 +76810,60 @@ select { } } } + .ts-wrapper.single .ts-control { background-image: none !important; padding-inline: calc(var(--spacing) * 3) !important; color: var(--color-defaulttextcolor) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .ts-wrapper.multi .ts-control [data-value] { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; background-image: none !important; } + [class=dark] .choices[data-type*=select-one] .choices__button { filter: invert(1); } -.apexcharts-canvas .apexcharts-element-hidden, .apexcharts-datalabel.apexcharts-element-hidden, .apexcharts-hide .apexcharts-series-points { + +.apexcharts-canvas .apexcharts-element-hidden, +.apexcharts-datalabel.apexcharts-element-hidden, +.apexcharts-hide .apexcharts-series-points { display: none; } + #marketCap .apexcharts-canvas line { stroke: var(--color-defaultborder); + &:where(.dark, .dark *) { stroke: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .apexcharts-tooltip { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .apexcharts-tooltip-marker { margin-inline-end: 0.625rem; } + .apexcharts-tooltip.apexcharts-theme-light { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -59124,16 +76871,20 @@ select { border-style: solid !important; border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -59141,50 +76892,63 @@ select { border-style: solid !important; border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .apexcharts-grid line, .apexcharts-xaxis line, .apexcharts-grid-borders line { stroke: var(--color-defaultborder); + &:where(.dark, .dark *) { stroke: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + button.gridjs-sort { position: relative !important; inset-inline-end: 2rem !important; height: 1.25rem !important; width: 0.625rem !important; + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { float: right !important; } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { float: left !important; } } + .tabulator-col-title { &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .apexcharts-radialbar-track.apexcharts-track path { stroke: var(--color-light); } + .apexcharts-menu { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; @@ -59193,26 +76957,33 @@ button.gridjs-sort { border-style: solid !important; border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .apexcharts-theme-light .apexcharts-menu-item:hover { background-color: var(--color-light) !important; } + .apexcharts-inner.apexcharts-graphical line.apexcharts-xaxis-tick { stroke: transparent !important; } + #column-rotated-labels .apexcharts-xaxis-texts-g { --tw-translate-y: 2.5rem; translate: var(--tw-translate-x) var(--tw-translate-y); } + #chart-year, #chart-quarter { border-style: var(--tw-border-style) !important; @@ -59221,99 +76992,130 @@ button.gridjs-sort { border-style: solid !important; border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .apexcharts-bar-series.apexcharts-plot-series .apexcharts-series .apexcharts-bar-area { stroke: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { stroke: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .apexcharts-treemap .apexcharts-series.apexcharts-treemap-series rect { stroke: var(--color-white) !important; + &:where(.dark, .dark *) { stroke: var(--color-bodybg) !important; } } + .apexcharts-series.apexcharts-pie-series .apexcharts-pie-area { stroke: var(--color-white) !important; + &:where(.dark, .dark *) { stroke: var(--color-bodybg) !important; } } + .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { fill: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + #analytics-followers .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: #4b9bfa; + &:where(.dark, .dark *) { fill: #4b9bfa; } } + #analytics-views .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-warning); + &:where(.dark, .dark *) { fill: var(--color-warning); } } + .apexcharts-radialbar-hollow { fill: var(--color-white); + &:where(.dark, .dark *) { fill: var(--color-bodybg); } } + #sale-value .apexcharts-radialbar-hollow { fill: var(--color-white); + &:where(.dark, .dark *) { fill: var(--color-bodybg); } } + .apexcharts-radar-series.apexcharts-plot-series polygon, .apexcharts-radar-series.apexcharts-plot-series line { stroke: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { stroke: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .apexcharts-pie line, .apexcharts-pie circle { stroke: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { stroke: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .apexcharts-pie text { fill: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { fill: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + #crm-total-customers .apexcharts-grid line, #crm-total-customers .apexcharts-xaxis line, #crm-total-customers .apexcharts-grid-borders line, @@ -59354,40 +77156,52 @@ button.gridjs-sort { #glmCoin .apexcharts-xaxis line, #glmCoin .apexcharts-grid-borders line { stroke: var(--color-white) !important; + &:where(.dark, .dark *) { stroke: var(--color-bodybg) !important; } } + .apexcharts-canvas .apexcharts-toolbar { z-index: 1; } + .apexcharts-subtitle-text { fill: var(--color-textmuted) !important; } + .apexcharts-pie .apexcharts-datalabels rect { fill: transparent; } + .apexcharts-pie text { fill: var(--color-white); + &:where(.dark, .dark *) { fill: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + [dir=rtl] .apexcharts-canvas { direction: ltr; } + .apexcharts-boxPlot-area { stroke: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { stroke: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid { border-style: var(--tw-border-style) !important; border-width: 0px !important; @@ -59396,34 +77210,42 @@ button.gridjs-sort { --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding-inline: calc(var(--spacing) * 1) !important; padding-block: calc(var(--spacing) * 0) !important; } + .fc .fc-button-primary { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; } + .fc .fc-non-business { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .fc-theme-standard td, .fc-theme-standard th { border-style: var(--tw-border-style) !important; @@ -59433,13 +77255,16 @@ button.gridjs-sort { --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .fc-list-table td, .fc-list-table th { border-right-style: var(--tw-border-style) !important; @@ -59447,50 +77272,62 @@ button.gridjs-sort { border-left-style: var(--tw-border-style) !important; border-left-width: 0px !important; } + .fc .fc-daygrid-day.fc-day-today { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } } + .fc-theme-standard .fc-list { border-style: var(--tw-border-style) !important; border-width: 1px !important; --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .fc .fc-list-event:hover td { background-color: var(--color-light) !important; } + .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .fc-theme-standard .fc-list-day-cushion { background-color: var(--color-light) !important; } + .fc-theme-standard .fc-scrollgrid { border-style: var(--tw-border-style) !important; border-width: 1px !important; --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .fc-theme-bootstrap5 .fc-list, .fc-theme-bootstrap5 .fc-scrollgrid, .fc-theme-bootstrap5 td, @@ -59500,18 +77337,22 @@ button.gridjs-sort { --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + @media (max-width: 420px) { .fc-scroller.fc-scroller-liquid { overflow: scroll !important; } } + @media (max-width: 380px) { .fc .fc-daygrid-day-bottom { padding-inline-start: calc(var(--spacing) * 0) !important; @@ -59520,18 +77361,22 @@ button.gridjs-sort { padding-bottom: 3px !important; font-size: 0.75rem !important; } + .fc .fc-daygrid-more-link { z-index: 99 !important; } } + @media (max-width: 767.98px) { .fc .fc-toolbar { display: block !important; } + .fc-toolbar-chunk { margin-top: calc(var(--spacing) * 2); } } + .flatpickr-calendar { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -59542,44 +77387,57 @@ button.gridjs-sort { color: var(--font-size-defaultsize) !important; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { fill: color-mix(in srgb, #000 90%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-black) 90%, transparent) !important; } + color: color-mix(in srgb, #000 90%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-black) 90%, transparent) !important; } } + .flatpickr-monthDropdown-months, .numInput { color: var(--color-black) !important; } + .flatpickr-day.today.inRange { color: var(--color-primary) !important; } + .dayContainer { padding: calc(var(--spacing) * 1) !important; } + .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: var(--color-white) !important; color: var(--font-size-defaultsize) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { height: 1.25rem !important; @@ -59587,52 +77445,66 @@ button.gridjs-sort { fill: var(--color-primary) !important; padding: calc(var(--spacing) * 1) !important; } + .flatpickr-day.inRange { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .flatpickr-calendar.open { z-index: 106 !important; } + .flatpickr-current-month .flatpickr-monthDropdown-months { border-radius: var(--radius-sm) !important; background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } } + .flatpickr-current-month .numInputWrapper span.arrowDown:after, .flatpickr-calendar.arrowBottom:before { border-top-color: var(--color-textmuted) !important; } + .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: var(--color-textmuted) !important; } -.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), -.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), -.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { + +.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), +.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)), +.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .flatpickr-day { --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-defaulttextcolor) !important; } -.flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay { + +.flatpickr-day.nextMonthDay, +.flatpickr-day.prevMonthDay { opacity: 0.5 !important; } + .flatpickr-day.today { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; color: var(--color-white) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, @@ -59654,13 +77526,16 @@ button.gridjs-sort { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; color: var(--color-white) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, @@ -59675,40 +77550,50 @@ button.gridjs-sort { .flatpickr-day.nextMonthDay:focus { border-color: var(--color-defaultborder) !important; background-color: var(--color-defaultbackground) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-light) !important; } } + .flatpickr-day.today:hover { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; color: var(--color-white) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .flatpickr-calendar.hasTime .flatpickr-time { border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; --tw-border-style: solid !important; border-style: solid !important; border-top-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-top-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-top-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before { border-bottom-style: var(--tw-border-style) !important; @@ -59716,44 +77601,56 @@ button.gridjs-sort { --tw-border-style: solid !important; border-style: solid !important; border-bottom-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-bottom-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .flatpickr-time .numInputWrapper span.arrowDown:after { border-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent) !important; } } + .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background-color: var(--color-defaultbackground) !important; + &:where(.dark, .dark *) { background-color: var(--color-light) !important; } } + .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { color: var(--color-textmuted) !important; } + .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { inset-inline-start: 10px !important; } + .flatpickr-months .flatpickr-next-month.flatpickr-next-month { inset-inline-end: 10px !important; } + .flatpickr-weekdays { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } } + .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { top: calc(var(--spacing) * 0) !important; @@ -59763,6 +77660,7 @@ button.gridjs-sort { padding-bottom: calc(var(--spacing) * 0) !important; color: var(--color-primary) !important; } + @media (min-width: 420px) { .flatpickr-time .flatpickr-am-pm { padding-inline-start: calc(var(--spacing) * 2); @@ -59771,42 +77669,52 @@ button.gridjs-sort { padding-bottom: calc(var(--spacing) * 0); } } + .flatpickr-weekdays { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; --tw-border-style: solid !important; border-style: solid !important; border-bottom-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-bottom-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .numInputWrapper span.arrowUp { top: calc(0.125rem * -1) !important; } + .flatpickr-current-month .numInputWrapper { width: 3.5rem !important; } + .flatpickr-calendar.hasTime { width: auto; } + .flatpickr-months .numInputWrapper span { inset-inline-end: calc(var(--spacing) * 0) !important; } + @media (max-width: 575.98) { .flatpickr-calendar { width: 250px !important; } } + .flatpickr-current-month .flatpickr-monthDropdown-months { margin-top: calc(var(--spacing) * -4) !important; margin-right: 2.25rem !important; margin-bottom: calc(var(--spacing) * 0) !important; margin-left: calc(var(--spacing) * 0) !important; } + .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { padding-block: calc(var(--spacing) * 0) !important; @@ -59817,33 +77725,42 @@ button.gridjs-sort { --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; } + .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { stroke: var(--color-primary); } + .flatpickr-day { border-radius: var(--radius-md) !important; } + .numInputWrapper:hover { background-color: transparent !important; } + .numInputWrapper span { border-style: var(--tw-border-style) !important; border-width: 0px !important; } + .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-color: var(--color-primary) !important; } + .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--color-white) !important; + &:where(.dark, .dark *) { fill: var(--color-black) !important; } } + .numInputWrapper span:hover { background-color: transparent !important; } + .numInputWrapper span.arrowUp:after { top: 75% !important; border-inline-start-style: var(--tw-border-style) !important; @@ -59855,13 +77772,16 @@ button.gridjs-sort { --tw-border-style: solid !important; border-style: solid !important; border-bottom-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-primary) 50%, transparent) !important; } } + .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: var(--color-primary) !important; } + .numInputWrapper span.arrowDown:after { top: 15% !important; border-inline-start-style: var(--tw-border-style) !important; @@ -59873,68 +77793,86 @@ button.gridjs-sort { --tw-border-style: solid !important; border-style: solid !important; border-bottom-color: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-primary) 50%, transparent) !important; } } + span.flatpickr-weekday { --tw-font-weight: 700 !important; font-weight: 700 !important; color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important; } } + .flatpickr-months .flatpickr-month { fill: var(--color-primary) !important; color: var(--color-primary) !important; } + .flatpickr-monthDropdown-months, .numInput { color: var(--color-primary) !important; } + .pcr-app { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .pcr-app .pcr-interaction .pcr-result { background-color: var(--color-defaultbackground) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg2) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .theme-container button, .theme-container1 button, .theme-container2 button { display: none; } + .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview { margin-inline-end: calc(var(--spacing) * 3) !important; } + .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity { margin-inline-start: calc(var(--spacing) * 3) !important; } + .flatpickr-weekwrapper .flatpickr-weeks { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .glightbox { overflow: hidden; } + @media (min-width: 769px) { .gslide-image img { border-radius: var(--radius-md); } + .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { @@ -59944,6 +77882,7 @@ span.flatpickr-weekday { padding: 0.875rem !important; } } + #external-events .fc-event { cursor: move; border-radius: 0.35rem; @@ -59952,15 +77891,18 @@ span.flatpickr-weekday { padding-bottom: 0.4rem; font-size: 0.75rem; } + #calendar-container { position: relative; z-index: 1; } + #calendar { margin-inline: auto; margin-block: 1.25rem; max-width: 68.75rem; } + #map, #map1, #map-popup, @@ -59969,6 +77911,7 @@ span.flatpickr-weekday { z-index: 10; height: 18.75rem; } + #vector-map, #marker-map, #marker-image-map, @@ -59979,9 +77922,11 @@ span.flatpickr-weekday { #russia-map { height: 21.875rem; } + .jvm-tooltip { background-color: #1a1c1e !important; } + #vector-map #jvm-regions-group path, #marker-map #jvm-regions-group path, #marker-image-map #jvm-regions-group path, @@ -59990,14 +77935,17 @@ span.flatpickr-weekday { #users-map #jvm-regions-group path { fill: var(--color-light) !important; } + .jvm-zoom-btn { display: flex; align-items: center; justify-content: center; } + #jvm-markers-labels-group text { fill: var(--color-textmuted); } + #google-map, #google-map-overlay, #map-layers, @@ -60006,6 +77954,7 @@ span.flatpickr-weekday { #map-geofencing { height: 18.75rem; } + .google-map-overlay { display: block; border-radius: var(--radius-sm); @@ -60025,13 +77974,16 @@ span.flatpickr-weekday { opacity: 0.8; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .google-overlay_arrow { position: absolute; inset-inline-start: 50%; @@ -60039,6 +77991,7 @@ span.flatpickr-weekday { height: calc(var(--spacing) * 0); width: calc(var(--spacing) * 0); } + .google-overlay_arrow.above { bottom: calc(0.938rem * -1); border-inline-start-style: var(--tw-border-style); @@ -60053,6 +78006,7 @@ span.flatpickr-weekday { border-inline-end-color: transparent; border-top-color: #336699; } + .google-overlay_arrow.below { bottom: calc(0.938rem * -1); border-inline-start-style: var(--tw-border-style); @@ -60067,6 +78021,7 @@ span.flatpickr-weekday { border-inline-end-color: transparent; border-top-color: #336699; } + #sale-value .apexcharts-canvas, #sessions .apexcharts-canvas, #pie-basic .apexcharts-canvas, @@ -60080,35 +78035,46 @@ span.flatpickr-weekday { margin-inline: auto; margin-block: calc(var(--spacing) * 0); } + .apexcharts-legend-text { margin-inline-start: calc(0.625rem * -1) !important; padding-inline-start: 0.9375rem !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } -.apexcharts-text.apexcharts-yaxis-label tspan, .apexcharts-text.apexcharts-xaxis-label tspan { + +.apexcharts-text.apexcharts-yaxis-label tspan, +.apexcharts-text.apexcharts-xaxis-label tspan { fill: var(--color-textmuted); } + .apexcharts-canvas .apexcharts-series.apexcharts-heatmap-series rect { stroke: var(--color-white); + &:where(.dark, .dark *) { stroke: var(--color-bodybg); } } + .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble circle { stroke: var(--color-white); + &:where(.dark, .dark *) { stroke: var(--color-bodybg); } } + .apexcharts-yaxis .apexcharts-text { fill: var(--color-textmuted); } + #chart-year, #chart-quarter { width: 96%; @@ -60123,10 +78089,12 @@ span.flatpickr-weekday { padding-top: 1.25rem; --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); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + #chart-year { position: relative; z-index: 3; @@ -60139,6 +78107,7 @@ span.flatpickr-weekday { --tw-ease: linear; transition-timing-function: linear; } + #chart-year.chart-quarter-activated { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); @@ -60150,6 +78119,7 @@ span.flatpickr-weekday { --tw-ease: linear; transition-timing-function: linear; } + #chart-quarter { position: relative; z-index: calc(2 * -1); @@ -60162,6 +78132,7 @@ span.flatpickr-weekday { --tw-ease: linear; transition-timing-function: linear; } + #chart-quarter.active { z-index: 1; --tw-translate-x: calc(var(--spacing) * 0); @@ -60174,49 +78145,62 @@ span.flatpickr-weekday { --tw-ease: linear; transition-timing-function: linear; } + @media screen and (min-width: 480px) { #chart-year { --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y); } + #chart-quarter { --tw-translate-x: calc(50% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } + .echart-charts { height: 20rem; } + #echart-funnel div:nth-child(3) { background-color: var(--color-light) !important; } + #echart-funnel div:nth-child(3) textarea { border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg2) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + #echart-funnel div:nth-child(3) h4 { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } -#echart-stacked-line div:nth-child(2) > div > div > div > div > div > span:nth-child(1) { + +#echart-stacked-line div:nth-child(2)>div>div>div>div>div>span:nth-child(1) { margin-inline-start: calc(var(--spacing) * 0) !important; margin-inline-end: calc(var(--spacing) * 1) !important; } + .dropzone { border-style: var(--tw-border-style) !important; border-width: 0.125rem !important; @@ -60224,79 +78208,100 @@ span.flatpickr-weekday { border-style: dashed !important; border-color: var(--color-defaultborder) !important; background-color: transparent !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .dropzone .dz-message .dz-button { font-size: 1.25rem !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .dropzone .dz-preview { border-radius: 1.25rem; } + .filepond--credits { display: none; } + .filepond--drop-label.filepond--drop-label label { &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .filepond--panel-root { border-radius: var(--radius-sm) !important; --tw-border-style: dashed !important; border-style: dashed !important; border-color: var(--color-gray-200) !important; background-color: transparent !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } } + .filepond.circular-filepond .filepond--file, .filepond.circular-filepond .filepond--panel-root { border-radius: var(--radius-full) !important; } + .circular-filepond.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] { inset-inline-start: 40%; } + .circular-filepond.filepond--root[data-style-panel-layout~=circle] { margin-inline: auto !important; margin-block: calc(var(--spacing) * 0) !important; height: calc(var(--spacing) * 32) !important; width: calc(var(--spacing) * 32) !important; } + .filepond--root { margin-bottom: calc(var(--spacing) * 0) !important; } + .filepond--drop-label { border-radius: 0.3rem !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .filepond--credits { display: none; } + .filepond--panel-root { border-style: var(--tw-border-style) !important; border-width: 0.125rem !important; @@ -60304,32 +78309,40 @@ span.flatpickr-weekday { border-style: dashed !important; border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .filepond--drop-label.filepond--drop-label label { padding: 1.5rem !important; color: var(--font-size-defaultsize) !important; } + .filepond--root { margin-bottom: calc(var(--spacing) * 0) !important; } + .filepond--file { background-color: var(--color-primary) !important; } + .single-fileupload { margin-inline: auto !important; margin-block: calc(var(--spacing) * 0) !important; height: 8rem !important; width: 8rem !important; } + .ql-toolbar.ql-snow, .ql-container.ql-snow { border-style: var(--tw-border-style) !important; @@ -60337,74 +78350,95 @@ span.flatpickr-weekday { --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } } + .ql-snow .ql-picker { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .ql-snow .ql-stroke, .ql-snow .ql-stroke.ql-fill { stroke: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { stroke: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .ql-snow .ql-fill { fill: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { fill: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } -.ql-toolbar.ql-snow + .ql-container.ql-snow { + +.ql-toolbar.ql-snow+.ql-container.ql-snow { border-top-style: var(--tw-border-style) !important; border-top-width: 0px !important; } + .ql-snow .ql-picker-options .ql-picker-item { padding-top: calc(var(--spacing) * 0) !important; padding-bottom: calc(var(--spacing) * 0) !important; } + #product-features .ql-container { max-height: 12.5rem !important; overflow-y: scroll; } + #product-features .ql-container .ql-editor { min-height: 7.2rem; } + .ql-editor.ql-blank:before { color: var(--color-textmuted) !important; } + .ql-editor table td { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .ql-editor { min-height: 15.62rem !important; overflow: visible !important; } + .ql-snow .ql-formats { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -60412,30 +78446,38 @@ span.flatpickr-weekday { --tw-border-style: solid; border-style: solid; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-radius: var(--radius-md) !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .ql-snow .ql-picker-options { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .ql-snow .ql-tooltip { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -60446,22 +78488,28 @@ span.flatpickr-weekday { color: var(--color-defaulttextcolor) !important; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .ql-snow .ql-tooltip input[type=text] { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -60473,47 +78521,60 @@ span.flatpickr-weekday { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; outline-style: var(--tw-outline-style) !important; outline-width: 0px !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .ql-snow .ql-tooltip { z-index: 100 !important; --tw-translate-x: 12.5rem !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } + .ql-snow .ql-picker-label { padding-inline-start: calc(var(--spacing) * 2) !important; padding-inline-end: 0.125rem !important; } + .ql-snow .ql-formats .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { inset-inline-start: auto !important; inset-inline-end: calc(var(--spacing) * 0) !important; } + .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .ql-editor { text-align: start !important; } + .ql-snow .ql-editor { padding: 1.25rem; } + .ql-bubble { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; @@ -60521,169 +78582,213 @@ span.flatpickr-weekday { --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .ql-editor li:not(.ql-direction-rtl)::before { margin-inline-start: calc(1.5em * -1) !important; margin-inline-end: 0.3em !important; text-align: start !important; } + .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-inline-start: 1.5rem !important; } + .ql-toolbar.ql-snow .ql-formats { margin: calc(var(--spacing) * 1); } + .ql-tooltip.ql-editing { top: calc(var(--spacing) * 0) !important; } + .ql-bubble .ql-toolbar .ql-formats:first-child { margin-inline-start: 12px; margin-inline-end: calc(var(--spacing) * 0); } + .ql-bubble .ql-toolbar .ql-formats { margin-inline-start: calc(var(--spacing) * 0); margin-inline-end: 12px; padding-top: 8px; padding-bottom: 8px; } + .select2.select2-container { width: 100% !important; } + .select2-container--default .select2-selection--single .select2-selection__rendered { border-radius: var(--radius-md) !important; border-color: var(--color-defaultborder) !important; --tw-leading: 2.25 !important; line-height: 2.25 !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .select2-container--default .select2-selection--single { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { inset-inline-start: auto !important; inset-inline-end: calc(var(--spacing) * 3) !important; height: 2.25rem !important; } + .select2-dropdown { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .select2-container--default .select2-search--dropdown .select2-search__field { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } } + .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .select2-results__option--selectable { color: var(--font-size-defaultsize) !important; } + .select2-container--default .select2-results__option--selected { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .select2-container--default .select2-results__option--selected.select2-results__option--highlighted { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .select2-search__field { background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .select2-search__field:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } + .select2-container--default .select2-selection--multiple { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(51, 51, 53) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaulttextcolor) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .select2-container .select2-selection--multiple { min-height: 2.25rem !important; } + .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0.375rem !important; border-radius: 0.15rem !important; @@ -60695,30 +78800,37 @@ span.flatpickr-weekday { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .select2-selection--multiple .select2-search__field { background-color: transparent !important; } + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { top: calc(0.3rem * -1) !important; border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 1px !important; border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } + font-size: 1.125rem !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-white) !important; } + .select2-selection--multiple .select2-selection__choice__display { padding-inline: calc(var(--spacing) * 3) !important; font-size: 0.75rem !important; } + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: var(--color-primary) !important; } + .select2-results__option span img, .select2-selection__rendered span img { margin-inline-end: calc(var(--spacing) * 1); @@ -60726,16 +78838,20 @@ span.flatpickr-weekday { width: 1.45rem; border-radius: 1.25rem; } + .select2-container .select2-search--inline .select2-search__field { margin-top: calc(var(--spacing) * 2) !important; } + .select2-container--disabled.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--disabled .select2-selection.select2-selection--multiple { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .select2-container--default .select2-selection--single .select2-selection__clear { position: absolute !important; inset-inline-end: 0.625rem !important; @@ -60745,20 +78861,25 @@ span.flatpickr-weekday { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } + .select2-selection__clear { color: var(--color-textmuted); } + .select2-dropdown { z-index: 10 !important; } + .select2-container--default .select2-results__option--selected.select2-results__option--highlighted { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #f7f8f9 !important; color: var(--color-defaulttextcolor) !important; } + .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0.375rem !important; border-radius: 0.15rem !important; @@ -60770,6 +78891,7 @@ span.flatpickr-weekday { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .select2-container--default .select2-search--dropdown .select2-search__field { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; @@ -60777,9 +78899,11 @@ span.flatpickr-weekday { --tw-border-style: solid !important; border-style: solid !important; } + .select2-selection__choice__remov { color: var(--color-white) !important; } + .select2-results__option span img, .select2-selection__rendered span img { margin-inline-end: calc(var(--spacing) * 1) !important; @@ -60788,13 +78912,16 @@ span.flatpickr-weekday { width: 1.45rem !important; border-radius: 1.25rem !important; } + .select2-container--default .select2-results__option--selected { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .select2-container--default .select2-selection--multiple { border-color: var(--color-defaultborder) !important; } + .select2-dropdown { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -60802,6 +78929,7 @@ span.flatpickr-weekday { border-style: solid !important; border-color: var(--color-defaultborder) !important; } + .select2-container--default .select2-search--dropdown .select2-search__field { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -60809,60 +78937,74 @@ span.flatpickr-weekday { border-style: solid !important; border-color: var(--color-defaultborder) !important; } + .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 1px !important; } + .select2-container--default .select2-selection--single .select2-selection__clear { margin-inline-start: calc(var(--spacing) * 0) !important; margin-inline-end: 20px !important; padding-inline-start: calc(var(--spacing) * 0) !important; } + .swiper-button-next, .swiper-button-prev { height: 1.563rem !important; width: 1.563rem !important; border-radius: var(--radius-md) !important; background-color: color-mix(in srgb, #000 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important; } + color: var(--color-white) !important; } + .swiper-pagination-bullet { height: 0.25rem !important; width: 1.25rem !important; border-radius: var(--radius-md) !important; background-color: var(--color-white) !important; } + .custom-pagination .swiper-pagination .swiper-pagination-bullet { height: 1.25rem !important; width: 1.25rem !important; color: var(--color-black) !important; } + .custom-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--color-white) !important; color: var(--color-black) !important; } + .swiper-pagination-bullet-active { background-color: var(--color-white) !important; } + .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: var(--color-success) !important; fill: var(--color-success) !important; } + .swiper-pagination { color: var(--color-white); } -[dir=rtl] pre[class*=language-] > code { + +[dir=rtl] pre[class*=language-]>code { border-left-style: var(--tw-border-style) !important; border-left-width: 0px !important; text-align: right !important; } + #draggable-left .card, #draggable-right .card { touch-action: none; } + .fullcalendar-events-activity li { position: relative; margin-bottom: calc(var(--spacing) * 3); @@ -60870,118 +79012,146 @@ span.flatpickr-weekday { padding-inline-start: 2rem; padding-inline-end: calc(var(--spacing) * 4); font-size: 0.8125rem; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 1); } + &::before { content: var(--tw-content); top: 0.563rem; } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 3); } + &::before { content: var(--tw-content); width: calc(var(--spacing) * 3); } + &::before { content: var(--tw-content); border-radius: 3.125rem; } + &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 0.125rem; } + &::before { content: var(--tw-content); --tw-border-style: solid; border-style: solid; } + &::before { content: var(--tw-content); border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } + &::before { content: var(--tw-content); background-color: var(--color-white); } + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-start: 0.563rem; } + &::after { content: var(--tw-content); top: 1.25rem; } + &::after { content: var(--tw-content); height: 100%; } + &::after { content: var(--tw-content); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 2px; } + &::after { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::after { content: var(--tw-content); border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + &::after { content: var(--tw-content); background-color: transparent; } + &:where(.dark, .dark *) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .fullcalendar-events-activity li:last-child { margin-bottom: calc(var(--spacing) * 0); + &::after { content: var(--tw-content); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0px; } + &::after { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } + &::after { content: var(--tw-content); border-color: var(--color-defaultborder); } } + #full-calendar-activity { max-height: 21rem; } + .icons-list { margin-inline-start: calc(var(--spacing) * 0) !important; margin-inline-end: calc(var(--spacing) * -4) !important; @@ -60991,6 +79161,7 @@ span.flatpickr-weekday { flex-wrap: wrap !important; padding: calc(var(--spacing) * 0) !important; } + .icons-list .icons-list-item { margin: calc(var(--spacing) * 1) !important; display: flex !important; @@ -61005,57 +79176,71 @@ span.flatpickr-weekday { border-style: solid !important; border-color: var(--color-defaultborder) !important; text-align: center !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .icons-list .icons-list-item i { font-size: 1.05rem !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .fe { color: inherit !important; } + .scrollspy-example { margin-top: calc(var(--spacing) * 2); height: 12.5rem; overflow: auto; } + .scrollspy-example-2 { height: 21.875rem; overflow: auto; } + .scrollspy-example-3 { height: 13.75rem; overflow: auto; } + .simple-list-example-scrollspy .active { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .scrollspy-example-4 { margin-top: calc(var(--spacing) * 2); height: 12.5rem; overflow: auto; } + #navbar-example3 .nav-pills .nav-link { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); } + #navbar-example3 .active, -#navbar-example3 .nav-pills .show > .nav-link { +#navbar-example3 .nav-pills .show>.nav-link { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + #google-map, #google-map-overlay, #map-geofencing, @@ -61064,6 +79249,7 @@ span.flatpickr-weekday { #streetview-map { height: 18.75rem; } + #interactive-map, #map, #map-custom-icon, @@ -61072,10 +79258,12 @@ span.flatpickr-weekday { z-index: 10; height: 18.75rem; } + .echart-charts { height: 20rem !important; } -pre[class*=language-] > code { + +pre[class*=language-]>code { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -61086,30 +79274,37 @@ pre[class*=language-] > code { background-image: none !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + pre[class*=language-] { border-style: var(--tw-border-style) !important; border-width: 0px !important; background-color: transparent !important; background-image: none !important; } + pre[class*=language-]:before { --tw-content: none !important; content: none !important; } + pre[class*=language-]:after { --tw-content: none !important; content: none !important; } -pre[class*=language-] > code { + +pre[class*=language-]>code { max-height: 300px; } + .noUi-handle { cursor: default !important; border-radius: 3px !important; @@ -61121,16 +79316,20 @@ pre[class*=language-] > code { background-color: var(--color-white) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .noUi-target { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -61141,38 +79340,49 @@ pre[class*=language-] > code { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .noUi-horizontal { height: 0.35rem !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .noUi-vertical { width: 0.35rem !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .noUi-connect { background-color: var(--color-primary) !important; } + .noUi-horizontal .noUi-handle { inset-inline-end: calc(-0.063rem * -1) !important; height: 1rem !important; width: 1rem !important; } + .noUi-handle:after, .noUi-handle:before { inset-inline-start: 0.3rem !important; @@ -61180,12 +79390,15 @@ pre[class*=language-] > code { height: 0.375rem !important; width: 1px !important; } + .noUi-handle:after { inset-inline-start: 0.45rem !important; } + #slider-round { height: 0.625rem !important; } + #slider-round .noUi-handle { inset-inline-end: calc(0.563rem * -1) !important; top: calc(0.5rem * -1) !important; @@ -61194,12 +79407,16 @@ pre[class*=language-] > code { border-radius: var(--radius-full) !important; background-color: var(--color-primary) !important; } -#slider-round .noUi-handle:before, #slider-round .noUi-handle:after { + +#slider-round .noUi-handle:before, +#slider-round .noUi-handle:after { display: none !important; } + #slider-square { height: 0.625rem !important; } + #slider-square .noUi-handle { inset-inline-end: calc(0.563rem * -1) !important; top: calc(0.45rem * -1) !important; @@ -61208,9 +79425,12 @@ pre[class*=language-] > code { border-radius: var(--radius-none) !important; background-color: var(--color-primary) !important; } -#slider-square .noUi-handle:before, #slider-square .noUi-handle:after { + +#slider-square .noUi-handle:before, +#slider-square .noUi-handle:after { display: none !important; } + #color1, #color2, #color3 { @@ -61218,6 +79438,7 @@ pre[class*=language-] > code { display: inline-block !important; height: 12.5rem !important; } + #colorpicker { height: 15rem !important; width: 19.375rem !important; @@ -61228,6 +79449,7 @@ pre[class*=language-] > code { border-color: var(--color-defaultborder) !important; padding: 0.625rem !important; } + #result { margin-block: 1.55rem; margin-inline-start: 4rem; @@ -61246,170 +79468,218 @@ pre[class*=language-] > code { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + #color1 .noUi-connect { background-color: var(--color-danger) !important; } + #color2 .noUi-connect { background-color: var(--color-secondary) !important; } + #color3 .noUi-connect { background-color: var(--color-primary) !important; } + #slider-hide .noUi-tooltip { display: none; } + #slider-hide .noUi-active .noUi-tooltip { display: block; } + #slider-toggle { height: 3.125rem; } + .noUi-vertical .noUi-handle { height: calc(var(--spacing) * 4) !important; width: calc(var(--spacing) * 4) !important; } + .c-1-color { background-color: var(--color-secondary) !important; } + .c-2-color { background-color: var(--color-warning) !important; } + .c-3-color { background-color: var(--color-info) !important; } + .c-4-color { background-color: var(--color-danger) !important; } + .c-5-color { background-color: var(--color-indigo) !important; } + #secondary-colored-slider .noUi-connect { background-color: var(--color-secondary) !important; } + #warning-colored-slider .noUi-connect { background-color: var(--color-warning) !important; } + #info-colored-slider .noUi-connect { background-color: var(--color-info) !important; } + #success-colored-slider .noUi-connect { background-color: var(--color-success) !important; } + #danger-colored-slider .noUi-connect { background-color: var(--color-danger) !important; } + .noUi-marker { background-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + [dir=rtl] .rangeslider__handle { left: calc(var(--spacing) * 0) !important; text-align: right !important; } + [dir=rtl] .rangeslider__handle { direction: rtl !important; } + .rangeslider__fill { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { width: 100% !important; } } + .pickr .pcr-button { overflow: hidden !important; border-radius: var(--radius-sm) !important; } + .pcr-app { z-index: 9999999999 !important; border-radius: var(--radius-sm) !important; } + .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { fill: var(--color-primary) !important; } + .flatpickr-day.today { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; color: var(--color-warning) !important; } + .flatpickr-calendar { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 1px !important; --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .flatpickr-day.selected { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; color: var(--color-white) !important; + &:hover { @media (hover: hover) { border-color: var(--color-primary) !important; } } + &:hover { @media (hover: hover) { background-color: var(--color-primary) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } } + span.flatpickr-weekday { color: var(--color-primary) !important; } + .flatpickr-day.today { color: var(--color-white) !important; } + .flatpickr-day { border-radius: var(--radius-md) !important; } + .flatpickr-day.today:hover { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .flatpickr-day.today:hover.active { border-color: var(--color-primary) !important; background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .flatpickr-weekdays { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } + color: var(--color-primary) !important; } + .flatpickr-month { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important; } + font-size: 0.813rem !important; color: var(--color-primary) !important; } + .ql-toolbar.ql-snow { border-top-left-radius: 0.3rem !important; border-top-right-radius: 0.3rem !important; } + .ql-container.ql-snow, .ql-toolbar.ql-snow { border-style: var(--tw-border-style) !important; @@ -61417,13 +79687,16 @@ span.flatpickr-weekday { --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .ql-bubble { border-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; @@ -61431,22 +79704,27 @@ span.flatpickr-weekday { --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .gridjs-table { width: 100%; } + table.gridjs-table { text-align: start !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--font-size-defaultsize) !important; } + .gridjs-wrapper { border-radius: var(--radius-none) !important; border-top-style: var(--tw-border-style) !important; @@ -61456,18 +79734,23 @@ table.gridjs-table { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .gridjs-wrapper:nth-last-of-type(2) { border-radius: var(--radius-none) !important; } + .gridjs-container { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + th.gridjs-th { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -61478,22 +79761,28 @@ th.gridjs-th { padding: calc(var(--spacing) * 3) !important; text-align: start !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + td.gridjs-td { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -61501,20 +79790,25 @@ td.gridjs-td { border-style: solid !important; border-color: var(--color-defaultborder) !important; padding: calc(var(--spacing) * 3) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .gridjs-tbody, td.gridjs-td { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .gridjs-footer { border-radius: var(--radius-none) !important; border-top-style: var(--tw-border-style) !important; @@ -61526,51 +79820,63 @@ td.gridjs-td { padding-top: calc(var(--spacing) * 3) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .gridjs-pagination { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .gridjs-pagination .gridjs-pages button:first-child { border-start-start-radius: var(--radius-md) !important; border-start-end-radius: var(--radius-none) !important; border-end-end-radius: var(--radius-none) !important; border-end-start-radius: var(--radius-md) !important; } + .gridjs-pagination .gridjs-pages button:last-child { border-start-start-radius: var(--radius-none) !important; border-start-end-radius: var(--radius-md) !important; border-end-end-radius: var(--radius-md) !important; border-end-start-radius: var(--radius-none) !important; } + @media (max-width: 575.98px) { .gridjs-search-input { width: 12.5rem !important; } } + .gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled] { background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .gridjs-pagination .gridjs-pages button { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -61580,27 +79886,33 @@ td.gridjs-td { background-color: var(--color-white) !important; padding-inline: calc(var(--spacing) * 3) !important; padding-block: 0.375rem !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .gridjs-pagination .gridjs-pages button:focus { margin-inline-end: calc(var(--spacing) * 0) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + .gridjs-pagination .gridjs-pages button.gridjs-currentPage { background-color: var(--color-primary) !important; --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; color: var(--color-white) !important; } + input.gridjs-input { border-style: var(--tw-border-style); border-width: 1px; @@ -61609,13 +79921,16 @@ input.gridjs-input { padding-inline: calc(var(--spacing) * 3); padding-block: 0.375rem; color: var(--font-size-defaultsize); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + input.gridjs-input:focus { border-style: var(--tw-border-style) !important; border-width: 1px !important; @@ -61625,9 +79940,11 @@ input.gridjs-input:focus { --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; } + th.gridjs-th-fixed { background-color: var(--color-light) !important; } + #grid-header-fixed .gridjs-wrapper { border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; @@ -61636,62 +79953,78 @@ th.gridjs-th-fixed { --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + #grid-header-fixed .gridjs-container .gridjs-wrapper .gridjs-thead .gridjs-tr th { top: calc(var(--spacing) * -4) !important; } + .gridjs-tr { border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-defaultborder) !important; text-align: start !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + input.gridjs-input { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + :is(.dark [type=radio]):checked { background-color: var(--color-primary); } + #product-features { border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } + .ti-btn-icon { height: 2.313rem !important; width: 2.313rem !important; font-size: 0.95rem !important; } + .swal2-title { color: var(--color-defaulttextcolor) !important; } + [type=checkbox]:focus { border-color: var(--color-defaultborder) !important; - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-outline-style: none !important; outline-style: none !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + #security .choices__list--dropdown .choices__item--selectable::after, #security .choices__list[aria-expanded] .choices__item--selectable::after, #buycrypto .choices__list--dropdown .choices__item--selectable::after, @@ -61700,6 +80033,7 @@ input.gridjs-input { .companies-search-input .choices__list[aria-expanded] .choices__item--selectable::after { display: none !important; } + #security .choices__list--dropdown .choices__item--selectable, #security .choices__list[aria-expanded] .choices__item--selectable, #buycrypto .choices__list--dropdown .choices__item--selectable, @@ -61708,96 +80042,122 @@ input.gridjs-input { .companies-search-input .choices__list[aria-expanded] .choices__item--selectable { padding: calc(var(--spacing) * 3) !important; } + .newproject .choices__inner { width: 120px !important; } + .newproject .choices__list--dropdown .choices__item--selectable::after, .newproject .choices__list[aria-expanded] .choices__item--selectable::after { display: none !important; } + .newproject .choices__list--dropdown .choices__item--selectable, .newproject .choices__list[aria-expanded] .choices__item--selectable { padding: calc(var(--spacing) * 3) !important; } + .crypto-buy-sell .choices__inner { min-width: 5rem !important; border-color: var(--color-inputborder) !important; } + .crypto-buy-sell .choices__list--dropdown .choices__item--selectable::after, .crypto-buy-sell .choices__list[aria-expanded] .choices__item--selectable::after { display: none !important; } + .crypto-buy-sell .choices__list--dropdown .choices__item--selectable, .crypto-buy-sell .choices__list[aria-expanded] .choices__item--selectable { padding-inline-end: calc(var(--spacing) * 0) !important; } + .swal2-popup { border-radius: var(--radius-sm); padding: calc(var(--spacing) * 6); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: var(--color-white); } } + .swal2-title { margin-bottom: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 0); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } + .swal2-icon { margin-top: calc(var(--spacing) * 0); } + .swal2-image { margin-top: calc(var(--spacing) * 0); } + .swal2-styled.swal2-confirm { border-radius: var(--radius-sm); background-color: var(--color-primary); } + div:where(.swal2-container) div:where(.swal2-validation-message) { background-color: var(--color-light); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .swal2-styled.swal2-confirm:focus { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgb(132, 90, 223); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent); } } + div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right], div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] { display: none; } + .swal2-footer { border-color: var(--color-gray-200); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .swal2-styled.swal2-deny { background-color: var(--color-danger); } + .swal2-styled.swal2-cancel { background-color: var(--color-secondary); } + .swal2-loader { border-top-color: var(--color-primary); border-bottom-color: var(--color-primary); } + .swal2-file, .swal2-input, .swal2-textarea { @@ -61805,16 +80165,20 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-white); --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { @@ -61824,147 +80188,183 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-primary); } + .swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: var(--color-danger); } + .swal2-icon.swal2-error { border-color: var(--color-danger); color: var(--color-danger); } + .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { inset-inline-start: 1em; } + .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 1.9em; height: 0.3em; width: 2em; background-color: var(--color-danger); } + .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { inset-inline-end: 1em; top: 1.875rem; } + .swal2-icon.swal2-info { border-color: var(--color-info); color: var(--color-info); } + .swal2-icon.swal2-success .swal2-success-ring { border-color: color-mix(in srgb, rgb(38, 191, 148) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 50%, transparent); } } + .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 2.05em !important; right: 0.45em !important; width: calc(var(--spacing) * 8) !important; } + .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 2.375em !important; left: 0.9125em !important; width: 1.2625em !important; } + .swal2-icon.swal2-success { border-color: var(--color-success); color: var(--color-success); } + .swal2-icon.swal2-question { border-color: var(--color-secondary); color: var(--color-secondary); } + .swal2-icon.swal2-warning { border-color: var(--color-warning); color: var(--color-warning); } + .swal2-icon { height: 60px; width: 60px; } + .swal2-actions, .swal2-html-container { margin: calc(var(--spacing) * 0); } + .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: calc(var(--spacing) * 10); right: 15px; width: calc(var(--spacing) * 8); } + .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 47px; left: 22px; width: 20px; } + .swal2-image { &:where(.dark, .dark *) { --tw-brightness: brightness(50%); - 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: 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, ); } } + .swal2-icon.swal2-success .swal2-success-fix { background-color: transparent !important; background-color: transparent; } + .swal2-footer { border-color: var(--color-defaultborder); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .swiper { height: 100%; width: 100%; } + [dir=rtl] .swiper { direction: ltr; } + .swiper-cube .swiper-cube-shadow:before { background-color: transparent; } + .swiper-slide img { display: block; height: 100%; width: 100%; border-radius: var(--radius-sm); -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } + .swiper-button-next, .swiper-button-prev { height: auto; border-radius: var(--radius-full); background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } + padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); + &:where(.dark, .dark *) { color: var(--color-white); } } + .swiper-button-next:after, .swiper-button-prev:after { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--color-white); } + .swiper-pagination-bullet-active { background-color: var(--color-white); } + .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: var(--color-primary); } -.mySwiper7.swiper-free-mode.swiper-horizontal > .swiper-pagination-bullets, + +.mySwiper7.swiper-free-mode.swiper-horizontal>.swiper-pagination-bullets, .mySwiper7.swiper-free-mode .swiper-pagination-bullets.swiper-pagination-horizontal, .mySwiper7.swiper-free-mode .swiper-pagination-custom, .mySwiper7.swiper-free-mode .swiper-pagination-fraction { @@ -61972,22 +80372,27 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ bottom: calc(var(--spacing) * -4); padding-top: calc(var(--spacing) * 1); } + [dir=rtl] .swiper { direction: ltr; } + .swiper-slide img { display: block; height: 100%; width: 100%; -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } + .swiper-view .swiper-slide { opacity: 40% !important; } + .swiper-view .swiper-slide-thumb-active { opacity: 100% !important; } + .ti-btn { margin-inline-start: calc(var(--spacing) * 0); margin-bottom: calc(var(--spacing) * 1); @@ -62008,50 +80413,62 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); + &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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 { --tw-ring-offset-width: 0px; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } + &:focus { --tw-outline-style: none; outline-style: none; } } + .ti-btn.ti-btn-outline { border-style: var(--tw-border-style); border-width: 1px; } + .ti-btn.ti-btn-disabled { cursor: not-allowed; opacity: 0.65; } + .ti-btn.ti-btn-sm { height: 1.75rem; width: 1.75rem; font-size: 0.8rem; } + .ti-btn.ti-btn-lg { border-radius: var(--radius-md); padding-inline: calc(var(--spacing) * 4); padding-block: 0.65rem; font-size: 0.95rem; } + .ti-btn.ti-btn-w-xs { min-width: 5.625rem; } + .ti-btn.ti-btn-w-sm { min-width: 6.975rem; } + .ti-btn.ti-btn-w-md { min-width: 8.125rem; } + .ti-btn.ti-btn-w-lg { min-width: 9.375rem; } + .ti-btn-group { margin-inline-start: -1px; display: inline-flex; @@ -62066,536 +80483,674 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); + &:first-child { margin-inline-start: calc(var(--spacing) * 0); } + &:first-child { border-start-start-radius: var(--radius-sm); border-end-start-radius: var(--radius-sm); } + &:last-child { border-start-end-radius: var(--radius-sm); border-end-end-radius: var(--radius-sm); } + &:focus { z-index: 10; } } + .ti-btn-primary-full { background-color: var(--color-primary); color: var(--color-white); } + .ti-btn-secondary-full { background-color: var(--color-secondary); color: var(--color-white); } + .ti-btn-success-full { background-color: var(--color-success); color: var(--color-white); } + .ti-btn-danger-full { background-color: var(--color-danger); color: var(--color-white); } + .ti-btn-warning-full { background-color: var(--color-warning); color: var(--color-white); } + .ti-btn-info-full { background-color: var(--color-info); color: var(--color-white); } + .ti-btn-purple-full { background-color: var(--color-purple); color: var(--color-white); } + .ti-btn-orange-full { background-color: var(--color-orange); color: var(--color-white); } + .ti-btn-teal-full { background-color: #12c2c2; color: var(--color-white); } + .ti-btn-link { color: #0d6efd !important; text-decoration-line: underline !important; } + .ti-btn-primary { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: var(--color-primary); + &:hover { @media (hover: hover) { background-color: var(--color-primary); } } + &:hover { @media (hover: hover) { color: var(--color-white); } } + &:focus { background-color: var(--color-primary); } + &:focus { color: var(--color-white); } } + .ti-btn-primary.active { color: var(--color-white); } + .ti-btn-group:first-child { margin-inline-start: calc(var(--spacing) * 0); border-start-start-radius: var(--radius-sm); border-end-start-radius: var(--radius-sm); } + .ti-btn-group:last-child { border-start-end-radius: var(--radius-sm); border-end-end-radius: var(--radius-sm); } + .ti-btn-secondary { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } + color: var(--color-secondary); + &:hover { @media (hover: hover) { background-color: var(--color-secondary); } } + &:hover { @media (hover: hover) { color: var(--color-white); } } } + .ti-btn-warning { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } + color: var(--color-warning); + &:hover { @media (hover: hover) { background-color: var(--color-warning); } } + &:hover { @media (hover: hover) { color: var(--color-white); } } } + .ti-btn-success { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } + color: var(--color-success); + &:hover { @media (hover: hover) { background-color: var(--color-success); } } + &:hover { @media (hover: hover) { color: var(--color-white); } } } + .ti-btn-light { background-color: var(--color-light); color: var(--color-defaulttextcolor); + &:hover { @media (hover: hover) { background-color: var(--color-light); } } + &:hover { @media (hover: hover) { color: var(--color-defaulttextcolor); } } + &:focus { background-color: color-mix(in srgb, rgb(243, 246, 248) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-light) 80%, transparent); } } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 80%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 80%, transparent); } } } + .ti-btn-dark { background-color: var(--color-gray-900) !important; color: var(--color-gray-100) !important; + &:hover { @media (hover: hover) { background-color: var(--color-gray-900) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-white) !important; } + &:where(.dark, .dark *) { color: var(--color-black) !important; } } + .ti-btn-info { background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent); } + color: var(--color-info); + &:hover { @media (hover: hover) { background-color: var(--color-info); } } + &:hover { @media (hover: hover) { color: var(--color-white); } } } + .ti-btn-danger { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } + color: var(--color-danger); + &:hover { @media (hover: hover) { background-color: var(--color-danger); } } + &:hover { @media (hover: hover) { color: var(--color-white); } } + &:focus { --tw-ring-color: var(--color-danger); } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .ti-btn-purple { background-color: color-mix(in srgb, rgb(137, 32, 173) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple) 10%, transparent); } + color: var(--color-purple); + &:hover { @media (hover: hover) { background-color: var(--color-purple); } } + &:hover { @media (hover: hover) { color: var(--color-white); } } + &:focus { --tw-ring-color: var(--color-purple); } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .ti-btn-teal { background-color: color-mix(in oklab, #12c2c2 10%, transparent); color: #12c2c2; + &:hover { @media (hover: hover) { background-color: #12c2c2; } } + &:hover { @media (hover: hover) { color: var(--color-white); } } + &:focus { --tw-ring-color: #12c2c2; } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .ti-btn-orange { background-color: color-mix(in srgb, rgb(255, 165, 5) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange) 10%, transparent); } + color: var(--color-orange); + &:hover { @media (hover: hover) { background-color: var(--color-orange); } } + &:hover { @media (hover: hover) { color: var(--color-white); } } + &:focus { --tw-ring-color: var(--color-orange); } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .ti-btn-outline-primary { border-color: var(--color-primary) !important; color: var(--color-primary) !important; + &:hover { @media (hover: hover) { border-color: var(--color-primary) !important; } } + &:hover { @media (hover: hover) { background-color: var(--color-primary) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: var(--color-primary) !important; } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .ti-btn-outline-secondary { border-color: var(--color-secondary) !important; color: var(--color-secondary) !important; + &:hover { @media (hover: hover) { border-color: var(--color-secondary) !important; } } + &:hover { @media (hover: hover) { background-color: var(--color-secondary) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: var(--color-secondary) !important; } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .ti-btn-outline-danger { border-color: var(--color-danger) !important; color: var(--color-danger) !important; + &:hover { @media (hover: hover) { border-color: var(--color-danger) !important; } } + &:hover { @media (hover: hover) { background-color: var(--color-danger) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: var(--color-danger) !important; } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .ti-btn-outline-warning { border-color: var(--color-warning) !important; color: var(--color-warning) !important; + &:hover { @media (hover: hover) { border-color: var(--color-warning) !important; } } + &:hover { @media (hover: hover) { background-color: var(--color-warning) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: var(--color-warning) !important; } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .ti-btn-outline-info { border-color: var(--color-info) !important; color: var(--color-info) !important; + &:hover { @media (hover: hover) { border-color: var(--color-info) !important; } } + &:hover { @media (hover: hover) { background-color: var(--color-info) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: var(--color-info) !important; } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .ti-btn-outline-success { border-color: var(--color-success) !important; color: var(--color-success) !important; + &:hover { @media (hover: hover) { border-color: var(--color-success) !important; } } + &:hover { @media (hover: hover) { background-color: var(--color-success) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: var(--color-success) !important; } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .ti-btn-outline-light { border-color: var(--color-light) !important; color: var(--color-black) !important; + &:hover { @media (hover: hover) { border-color: var(--color-gray-200) !important; } } + &:hover { @media (hover: hover) { background-color: var(--color-gray-200) !important; } } + &:hover { @media (hover: hover) { color: var(--color-defaulttextcolor) !important; } } + &:focus { --tw-ring-color: var(--color-gray-100) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } + &:where(.dark, .dark *) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + &:where(.dark, .dark *) { &:hover { @media (hover: hover) { @@ -62603,226 +81158,286 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .ti-btn-outline-dark { border-color: var(--color-gray-900) !important; color: var(--color-gray-900) !important; + &:hover { @media (hover: hover) { border-color: var(--color-gray-900) !important; } } + &:hover { @media (hover: hover) { background-color: var(--color-gray-900) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent) !important; } } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .ti-btn-outline-teal { border-color: #12c2c2 !important; color: #12c2c2 !important; + &:hover { @media (hover: hover) { border-color: #12c2c2 !important; } } + &:hover { @media (hover: hover) { background-color: #12c2c2 !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } + &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent) !important; } } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } } + .ti-btn-ghost-primary { color: var(--color-primary); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } } + .ti-btn-ghost-secondary { color: var(--color-secondary); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } } + .ti-btn-ghost-warning { color: var(--color-warning); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } } } + .ti-btn-ghost-info { color: var(--color-info); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } } } + .ti-btn-ghost-danger { color: var(--color-danger); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } } } + .ti-btn-ghost-success { color: var(--color-success); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } } } + .ti-btn-ghost-light { color: var(--color-defaulttextcolor); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(243, 246, 248) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-light) 10%, transparent); } } } } + .ti-btn-ghost-dark { color: var(--color-black); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } } } + .ti-btn-ghost-orange { color: var(--color-orange); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(255, 165, 5) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange) 10%, transparent); } } } } + .ti-btn-ghost-purple { color: var(--color-purple); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(137, 32, 173) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple) 10%, transparent); } } } } + .ti-btn-ghost-teal { color: #12c2c2; + &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #12c2c2 10%, transparent); } } } + .btn-loader { pointer-events: none; } + .ti-btn-primary-gradient { border-style: var(--tw-border-style); border-width: 0px; @@ -62832,6 +81447,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-gradient-to: #0086ed; --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)); color: var(--color-white); + &:hover { @media (hover: hover) { border-style: var(--tw-border-style); @@ -62839,6 +81455,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + .ti-btn-secondary-gradient { border-style: var(--tw-border-style); border-width: 0px; @@ -62848,6 +81465,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-gradient-to: #0086ed; --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)); color: var(--color-white); + &:hover { @media (hover: hover) { border-style: var(--tw-border-style); @@ -62855,6 +81473,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + .ti-btn-success-gradient { border-style: var(--tw-border-style); border-width: 0px; @@ -62864,6 +81483,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-gradient-to: #0086ed; --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)); color: var(--color-white); + &:hover { @media (hover: hover) { border-style: var(--tw-border-style); @@ -62871,6 +81491,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + .ti-btn-danger-gradient { border-style: var(--tw-border-style); border-width: 0px; @@ -62880,6 +81501,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-gradient-to: #0086ed; --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)); color: var(--color-white); + &:hover { @media (hover: hover) { border-style: var(--tw-border-style); @@ -62887,6 +81509,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + .ti-btn-warning-gradient { border-style: var(--tw-border-style); border-width: 0px; @@ -62896,6 +81519,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-gradient-to: #0086ed; --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)); color: var(--color-white); + &:hover { @media (hover: hover) { border-style: var(--tw-border-style); @@ -62903,6 +81527,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + .ti-btn-info-gradient { border-style: var(--tw-border-style); border-width: 0px; @@ -62912,6 +81537,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-gradient-to: #0086ed; --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)); color: var(--color-white); + &:hover { @media (hover: hover) { border-style: var(--tw-border-style); @@ -62919,6 +81545,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + .ti-btn-orange-gradient { border-style: var(--tw-border-style); border-width: 0px; @@ -62928,6 +81555,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-gradient-to: #0086ed; --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)); color: var(--color-white); + &:hover { @media (hover: hover) { border-style: var(--tw-border-style); @@ -62935,6 +81563,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + .ti-btn-purple-gradient { border-style: var(--tw-border-style); border-width: 0px; @@ -62944,6 +81573,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-gradient-to: #0086ed; --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)); color: var(--color-white); + &:hover { @media (hover: hover) { border-style: var(--tw-border-style); @@ -62951,6 +81581,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + .ti-btn-teal-gradient { border-style: var(--tw-border-style); border-width: 0px; @@ -62960,6 +81591,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-gradient-to: #0086ed; --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)); color: var(--color-white); + &:hover { @media (hover: hover) { border-style: var(--tw-border-style); @@ -62967,6 +81599,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + .btn-border-down.btn-primary-light { border-bottom-style: var(--tw-border-style); border-bottom-width: 0.1875rem; @@ -62974,6 +81607,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ border-style: solid; border-color: var(--color-primary); } + .ti-btn-facebook { border-style: var(--tw-border-style); border-width: 1px; @@ -62983,7 +81617,10 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-facebook); color: var(--color-white); } -.ti-btn-facebook:hover, .ti-btn-facebook:focus, .ti-btn-facebook:active { + +.ti-btn-facebook:hover, +.ti-btn-facebook:focus, +.ti-btn-facebook:active { border-style: var(--tw-border-style) !important; border-width: 1px !important; --tw-border-style: solid !important; @@ -62992,6 +81629,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-facebook) !important; color: var(--color-white) !important; } + .ti-btn-google { border-style: var(--tw-border-style); border-width: 1px; @@ -63001,7 +81639,10 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-google); color: var(--color-white); } -.ti-btn-google:hover, .ti-btn-google:focus, .ti-btn-google:active { + +.ti-btn-google:hover, +.ti-btn-google:focus, +.ti-btn-google:active { border-style: var(--tw-border-style) !important; border-width: 1px !important; --tw-border-style: solid !important; @@ -63010,6 +81651,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-google) !important; color: var(--color-white) !important; } + .ti-btn-twitter { border-style: var(--tw-border-style); border-width: 1px; @@ -63019,7 +81661,10 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-twitter); color: var(--color-white); } -.ti-btn-twitter:hover, .ti-btn-twitter:focus, .ti-btn-twitter:active { + +.ti-btn-twitter:hover, +.ti-btn-twitter:focus, +.ti-btn-twitter:active { border-style: var(--tw-border-style) !important; border-width: 1px !important; --tw-border-style: solid !important; @@ -63028,6 +81673,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-twitter) !important; color: var(--color-white) !important; } + .ti-btn-github { border-style: var(--tw-border-style); border-width: 1px; @@ -63037,7 +81683,10 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-github); color: var(--color-white); } -.ti-btn-github:hover, .ti-btn-github:focus, .ti-btn-github:active { + +.ti-btn-github:hover, +.ti-btn-github:focus, +.ti-btn-github:active { border-style: var(--tw-border-style) !important; border-width: 1px !important; --tw-border-style: solid !important; @@ -63046,6 +81695,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-github) !important; color: var(--color-white) !important; } + .ti-btn-youtube { border-style: var(--tw-border-style); border-width: 1px; @@ -63055,7 +81705,10 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-youtube); color: var(--color-white); } -.ti-btn-youtube:hover, .ti-btn-youtube:focus, .ti-btn-youtube:active { + +.ti-btn-youtube:hover, +.ti-btn-youtube:focus, +.ti-btn-youtube:active { border-style: var(--tw-border-style) !important; border-width: 1px !important; --tw-border-style: solid !important; @@ -63064,6 +81717,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-youtube) !important; color: var(--color-white) !important; } + .ti-btn-instagram { border-style: var(--tw-border-style); border-width: 1px; @@ -63073,9 +81727,12 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: #f09433; color: var(--color-white); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1); } -.ti-btn-instagram:hover, .ti-btn-instagram:focus, .ti-btn-instagram:active { + +.ti-btn-instagram:hover, +.ti-btn-instagram:focus, +.ti-btn-instagram:active { border-style: var(--tw-border-style); border-width: 1px; --tw-border-style: solid; @@ -63083,12 +81740,14 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ border-color: transparent; color: var(--color-white); } -.ti-btn-group > .ti-btn-group:not(:first-child) > .ti-btn, -.ti-btn-group > .ti-btn:nth-child(n+3), -.ti-btn-group > :not(.ti-btn-check) + .ti-btn { + +.ti-btn-group>.ti-btn-group:not(:first-child)>.ti-btn, +.ti-btn-group>.ti-btn:nth-child(n+3), +.ti-btn-group> :not(.ti-btn-check)+.ti-btn { border-start-start-radius: var(--radius-none); border-end-start-radius: var(--radius-none); } + .ti-btn-group-vertical { position: relative; display: inline-block; @@ -63097,38 +81756,45 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ justify-content: center; vertical-align: middle; } -.ti-btn-group-vertical > .ti-btn-group:not(:last-child) > .ti-btn, -.ti-btn-group-vertical > .ti-btn:not(:last-child):not(.ti-dropdown-toggle) { + +.ti-btn-group-vertical>.ti-btn-group:not(:last-child)>.ti-btn, +.ti-btn-group-vertical>.ti-btn:not(:last-child):not(.ti-dropdown-toggle) { border-bottom-right-radius: var(--radius-none); border-bottom-left-radius: var(--radius-none); border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } -.ti-btn-group-vertical > .ti-btn-group:not(:first-child) > .ti-btn, -.ti-btn-group-vertical > .ti-btn ~ .ti-btn { + +.ti-btn-group-vertical>.ti-btn-group:not(:first-child)>.ti-btn, +.ti-btn-group-vertical>.ti-btn~.ti-btn { border-top-left-radius: var(--radius-none); border-top-right-radius: var(--radius-none); } + .ti-btn-group-vertical .ti-btn-info-full { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(73, 182, 245) 90%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 90%, transparent); } } } } + .ti-btn-group-vertical .ti-btn-primary-full { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(132, 90, 223) 90%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } } } + .ti-btn-check { pointer-events: none; width: 1px; @@ -63141,18 +81807,22 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ border-width: 0; position: absolute; } + .ti-btn-group .ti-btn { padding-inline: calc(var(--spacing) * 3); padding-block: 0.45rem; } + .ti-btn-group-lg .ti-btn { padding-inline: calc(var(--spacing) * 4); padding-block: 0.65rem; } + .ti-btn-group-sm .ti-btn { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); } + .ti-btn-group-vertical { position: relative; display: inline-flex; @@ -63161,10 +81831,12 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ justify-content: center; vertical-align: middle; } + .label-ti-btn { position: relative; padding-inline-start: 2.6rem; } + .label-ti-btn-icon { position: absolute; inset-inline-start: calc(var(--spacing) * -0); @@ -63175,23 +81847,29 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ align-items: center; justify-content: center; background-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } + font-size: 1rem; } + .label-ti-btn.label-end { padding-inline-start: calc(var(--spacing) * 4); padding-inline-end: 2.6rem; } + .label-ti-btn.label-end .label-ti-btn-icon { inset-inline-start: auto; inset-inline-end: calc(var(--spacing) * -0); } + .custom-button { position: relative; padding-inline-start: 2.75rem; } + .custom-button .custom-ti-btn-icons { position: absolute; inset-inline-start: calc(0.125rem * -1); @@ -63209,9 +81887,11 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-shadow: 0 0 1px 0.25rem var(--tw-shadow-color, rgba(0 0 0 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .custom-button .custom-ti-btn-icons i { position: absolute; } + .ti-btn-border-down.ti-btn-teal { border-inline-style: var(--tw-border-style) !important; border-inline-width: 0px !important; @@ -63223,6 +81903,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ border-style: solid !important; border-color: #12c2c2 !important; } + .ti-btn-border-start.ti-btn-secondary { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0.1875rem !important; @@ -63236,6 +81917,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ border-style: solid !important; border-color: var(--color-secondary) !important; } + .ti-btn-border-end.ti-btn-purple { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0px !important; @@ -63249,6 +81931,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ border-style: solid !important; border-color: var(--color-purple) !important; } + .ti-btn-border-top.ti-btn-warning { border-inline-style: var(--tw-border-style) !important; border-inline-width: 0px !important; @@ -63260,9 +81943,11 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ border-style: solid !important; border-color: var(--color-warning) !important; } + .ti-btn-hover { position: relative; } + .ti-btn-hover.ti-btn-hover-animate { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -63272,122 +81957,151 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ transition-duration: 0.2s; --tw-ease: linear; transition-timing-function: linear; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); display: flex; } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 2rem; } + &::before { content: var(--tw-content); align-items: center; } + &::before { content: var(--tw-content); justify-content: center; } + &::before { content: var(--tw-content); font-size: 0.8125rem; } + &::before { content: var(--tw-content); opacity: 0%; } + &::before { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } + &::before { content: var(--tw-content); transition-delay: 0s; } + &::before { content: var(--tw-content); --tw-duration: 0.2s; transition-duration: 0.2s; } + &::before { content: var(--tw-content); --tw-ease: linear; transition-timing-function: linear; } + &::before { --tw-content: "\F417"; content: var(--tw-content); } } + .ti-btn-hover.ti-btn-hover-animate:hover { padding-inline-end: calc(var(--spacing) * 8); + &::before { content: var(--tw-content); text-indent: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); opacity: 1; } } + .ti-btn-darken-hover { position: relative; } + .ti-btn-darken-hover:hover { &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 100%; } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 25%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 25%, transparent); } } } + .ti-btn-loader i { animation: var(--animate-spin) !important; } -.ti-btn-group-vertical > .ti-btn, -.ti-btn-group > .ti-btn { + +.ti-btn-group-vertical>.ti-btn, +.ti-btn-group>.ti-btn { position: relative; flex-grow: 1; } + .btn-check { pointer-events: none !important; padding: 0 !important; @@ -63401,6 +82115,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ width: 1px !important; padding: calc(var(--spacing) * 0) !important; } + .ti-form-input { display: block; width: 100%; @@ -63411,61 +82126,74 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ padding-block: 0.75rem; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); + &:focus { border-color: var(--color-gray-200); } + &:focus { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + &:focus-visible { --tw-outline-style: none; outline-style: none; } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } + &:where(.dark, .dark *) { --tw-shadow-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent); } } + &:where(.dark, .dark *) { &:focus { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .ti-switch { position: relative; height: calc(var(--spacing) * 7); width: 3.25rem; cursor: pointer; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; border-radius: var(--radius-full); border-style: var(--tw-border-style); border-width: 2px; border-color: transparent; background-color: var(--color-gray-200); - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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); --tw-ring-color: transparent; --tw-ring-offset-color: var(--color-white); @@ -63476,91 +82204,112 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ transition-duration: 200ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); + &::before { content: var(--tw-content); display: inline-block; } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 6); } + &::before { content: var(--tw-content); width: calc(var(--spacing) * 6); } + &::before { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } + &::before { content: var(--tw-content); - transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); + transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } + &::before { content: var(--tw-content); border-radius: var(--radius-full); } + &::before { content: var(--tw-content); background-color: var(--color-white); } + &::before { content: var(--tw-content); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + &::before { content: var(--tw-content); - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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); } + &::before { content: var(--tw-content); 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, 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)); } + &::before { content: var(--tw-content); --tw-duration: 200ms; transition-duration: 200ms; } + &::before { content: var(--tw-content); --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } + &:checked { background-color: var(--color-primary); } + &:checked { background-image: none; } + &:checked { &::before { content: var(--tw-content); background-color: var(--color-white); } } + &:focus { border-color: var(--color-primary); } + &:focus { --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); } + &:focus { --tw-ring-color: transparent; } + &:focus { --tw-ring-offset-width: 0px; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } + &:focus { outline-style: var(--tw-outline-style); outline-width: 0px; } + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { &:checked { &::before { @@ -63570,6 +82319,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &:checked { &::before { @@ -63579,46 +82329,56 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ } } } + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } + &:where(.dark, .dark *) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + &:where(.dark, .dark *) { &:checked { background-color: var(--color-primary); } } + &:where(.dark, .dark *) { &:checked { &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .ti-form-select { display: block; width: 100%; @@ -63629,30 +82389,38 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ padding-inline-end: calc(var(--spacing) * 9); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); + &:focus { border-color: var(--color-primary); } + &:focus { --tw-ring-color: var(--color-primary); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } + .ti-form-select-label { margin-bottom: calc(var(--spacing) * 2); display: block; @@ -63660,10 +82428,12 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); + &:where(.dark, .dark *) { color: var(--color-white); } } + .ti-form-label { margin-bottom: calc(var(--spacing) * 2); display: block; @@ -63671,10 +82441,12 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); + &:where(.dark, .dark *) { color: var(--color-white); } } + .ti-form-control { border-radius: 0.35rem; border-style: var(--tw-border-style); @@ -63689,56 +82461,71 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-defaulttextcolor); + &::-moz-placeholder { color: var(--color-defaulttextcolor); } + &::placeholder { color: var(--color-defaulttextcolor); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg2); } + &:where(.dark, .dark *) { &::-moz-placeholder { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } + &::placeholder { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } } + .ti-form-control:focus { border-color: var(--color-inputborder); background-color: var(--color-white); color: var(--color-defaulttextcolor); --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); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .ti-form-control:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } + .form-select { display: block; width: 100%; @@ -63751,6 +82538,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } + .form-select { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -63761,45 +82549,58 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ background-color: var(--color-white); color: var(--font-size-defaultsize); color: var(--color-defaulttextcolor); + &:focus { border-style: var(--tw-border-style); border-width: 1px; } + &:focus { border-color: var(--color-primary); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .form-select option { border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + background-color: var(--color-white); padding-inline: calc(var(--spacing) * 3); padding-block: 0.35rem; + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .form-select option:checked { background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } + color: var(--color-primary); } + .form-check-input { height: 0.9rem; width: 0.9rem; @@ -63810,149 +82611,186 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ border-style: solid; border-color: var(--color-inputborder); background-color: var(--color-white); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .form-check-input:focus { border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-defaultborder) !important; --tw-outline-style: none !important; outline-style: none !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .form-check-input:checked { border-color: var(--color-primary); background-color: var(--color-primary); } + .form-check-input.form-checked-outline:checked { border-color: var(--color-primary); background-color: transparent; } + .form-check-input.form-checked-secondary:checked { border-color: var(--color-secondary); background-color: var(--color-secondary); + &:hover { @media (hover: hover) { background-color: var(--color-secondary); } } } + .form-check-input.form-checked-warning:checked { border-color: var(--color-warning); background-color: var(--color-warning); + &:hover { @media (hover: hover) { background-color: var(--color-warning); } } } + .form-check-input.form-checked-info:checked { border-color: var(--color-info); background-color: var(--color-info); + &:hover { @media (hover: hover) { background-color: var(--color-info); } } } + .form-check-input.form-checked-success:checked { border-color: var(--color-success); background-color: var(--color-success) !important; + &:focus { border-color: var(--color-success); } + &:focus { background-color: var(--color-success) !important; } + &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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 { --tw-shadow-color: rgb(38, 191, 148); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-success) var(--tw-shadow-alpha), transparent); } } } + .form-check-input.form-checked-danger:checked { border-color: var(--color-danger); background-color: var(--color-danger); + &:hover { @media (hover: hover) { background-color: var(--color-danger); } } } + .form-check-input.form-checked-light:checked { border-color: var(--color-light); background-color: var(--color-light); + &:hover { @media (hover: hover) { background-color: var(--color-light); } } } + .form-check-input.form-checked-dark:checked { border-color: #232323; background-color: #232323; + &:hover { @media (hover: hover) { background-color: var(--color-black); } } } + [type=radio] { --tw-ring-color: var(--color-primary); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .form-check-input { -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; vertical-align: top; } + .form-check-input[type=checkbox] { border-radius: 0.25rem; } + .form-check-input[type=radio] { border-radius: 50%; --tw-ring-color: var(--color-primary); } + .form-check-input:active { --tw-brightness: brightness(90%); - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); + 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, ); } + .form-check-input:focus { --tw-outline-style: none !important; outline-style: none !important; } + .form-check-input:checked { border-color: var(--color-primary); background-color: var(--color-primary); --tw-ring-color: var(--color-primary); } + .input-group-text { border-radius: 0.3125rem; border-color: var(--color-inputborder); @@ -63960,12 +82798,14 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ font-size: 0.875rem; color: var(--color-defaulttextcolor); } + .input-group-text .form-control { border-start-start-radius: var(--radius-none) !important; border-end-start-radius: var(--radius-none) !important; border-style: var(--tw-border-style) !important; border-width: 0px !important; } + .input-group-text { display: flex; align-items: center; @@ -63983,13 +82823,16 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); white-space: nowrap; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .input-group { position: relative; display: flex; @@ -63997,9 +82840,10 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ flex-wrap: wrap; align-items: stretch; } -.input-group > .form-control, -.input-group > .form-floating, -.input-group > .form-select { + +.input-group>.form-control, +.input-group>.form-floating, +.input-group>.form-select { position: relative; width: 1%; min-width: calc(var(--spacing) * 0); @@ -64007,6 +82851,7 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ flex-grow: 1; flex-basis: auto; } + .form-control { border-radius: var(--radius-none); border-style: var(--tw-border-style); @@ -64023,56 +82868,72 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-defaulttextcolor); + &::-moz-placeholder { font-size: 0.8rem; } + &::placeholder { font-size: 0.8rem; } + &::-moz-placeholder { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + &::placeholder { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + &::-moz-placeholder { color: var(--color-defaulttextcolor); } + &::placeholder { color: var(--color-defaulttextcolor); } + &::-moz-placeholder { opacity: 40%; } + &::placeholder { opacity: 40%; } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } + &:where(.dark, .dark *) { &::-moz-placeholder { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } + &::placeholder { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } } + .form-control:focus { border-color: var(--color-inputborder); background-color: var(--color-white); @@ -64081,95 +82942,118 @@ div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-outline-style: none; outline-style: none; + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .form-control:focus-visible { --tw-outline-style: none; outline-style: none; } + .form-checked-outline:checked[type=checkbox] { position: relative; background-color: transparent; background-image: none; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * -4); } + &::before { content: var(--tw-content); height: 0.625rem; } + &::before { content: var(--tw-content); width: 0.625rem; } + &::before { content: var(--tw-content); font-size: 0.688rem; } + &::before { content: var(--tw-content); color: var(--color-primary); } + &:hover { @media (hover: hover) { background-color: transparent; } } } + .form-checked-outline:checked[type=checkbox].form-checked-success { &::before { content: var(--tw-content); color: var(--color-success); } } + .form-control-lg { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: .75rem; } + .form-check-md .form-check-input { height: 1.15rem; width: 1.15rem; } + .form-check-lg .form-check-input { height: 1.35rem; width: 1.35rem; } + .form-check-reverse { padding-inline-start: calc(var(--spacing) * 0); padding-right: 1.5rem; text-align: end; + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { padding-left: 1.5rem; } } + .form-check-reverse .form-check-input { margin-inline-start: calc(var(--spacing) * 0); margin-inline-end: calc(1.5em * -1); + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { float: right; } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { float: left; } } + [type=text]:focus, input:where(:not([type])):focus, [type=email]:focus, @@ -64187,15 +83071,18 @@ input:where(:not([type])):focus, textarea:focus, select:focus { border-color: var(--color-defaultborder) !important; - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + [type=checkbox]:checked:hover, [type=checkbox]:checked:focus, [type=radio]:checked:hover, @@ -64203,6 +83090,7 @@ select:focus { background-color: var(--color-primary); --tw-ring-color: var(--color-primary); } + .toggle { position: relative; margin-inline-start: 0.625rem; @@ -64221,6 +83109,7 @@ select:focus { --tw-ease: linear; transition-timing-function: linear; } + .toggle span { position: absolute; inset-inline-start: 0.188rem; @@ -64240,35 +83129,44 @@ select:focus { transition-duration: 0.2s; --tw-ease: linear; transition-timing-function: linear; + &::before { content: var(--tw-content); inset-inline-start: calc(1.563rem * -1); } + &::before { --tw-content: "on"; content: var(--tw-content); } + &::after { content: var(--tw-content); inset-inline-end: calc(1.813rem * -1); } + &::after { content: var(--tw-content); color: var(--color-textmuted); } + &::after { --tw-content: "off"; content: var(--tw-content); } } -.toggle span::before, .toggle span::after { + +.toggle span::before, +.toggle span::after { position: absolute; top: 0.188rem; + :where(& > :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))); } + font-size: 0.625rem; --tw-leading: 1.38; line-height: 1.38; @@ -64282,360 +83180,452 @@ select:focus { transition-duration: 0.2s; --tw-ease: linear; transition-timing-function: linear; + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } + .toggle.on { background-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } + .toggle.on span { inset-inline-start: 2.313rem; background-color: var(--color-primary); + &::before { content: var(--tw-content); color: var(--color-primary); } } + .toggle.on.toggle-secondary { background-color: color-mix(in srgb, rgb(35, 183, 229) 40%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } + .toggle.on.toggle-secondary span { background-color: var(--color-secondary); + &::before { content: var(--tw-content); color: var(--color-secondary); } } + .toggle.on.toggle-warning { background-color: color-mix(in srgb, rgb(245, 184, 73) 40%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 40%, transparent); } } + .toggle.on.toggle-warning span { background-color: var(--color-warning); + &::before { content: var(--tw-content); color: var(--color-warning); } } + .toggle.on.toggle-info { background-color: color-mix(in srgb, rgb(73, 182, 245) 40%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 40%, transparent); } } + .toggle.on.toggle-info span { background-color: var(--color-info); + &::before { content: var(--tw-content); color: var(--color-info); } } + .toggle.on.toggle-success { background-color: color-mix(in srgb, rgb(38, 191, 148) 40%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 40%, transparent); } } + .toggle.on.toggle-success span { background-color: var(--color-success); + &::before { content: var(--tw-content); color: var(--color-success); } } + .toggle.on.toggle-danger { background-color: color-mix(in srgb, rgb(230, 83, 60) 40%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 40%, transparent); } } + .toggle.on.toggle-danger span { background-color: var(--color-danger); + &::before { content: var(--tw-content); color: var(--color-danger); } } + .toggle.on.toggle-light { background-color: color-mix(in srgb, rgb(243, 246, 248) 40%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-light) 40%, transparent); } } + .toggle.on.toggle-light span { background-color: var(--color-light); + &::before { content: var(--tw-content); color: var(--color-textmuted); } } + .toggle.on.toggle-dark { background-color: color-mix(in srgb, #000 40%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } + .toggle.on.toggle-dark span { background-color: var(--color-black); + &::before { content: var(--tw-content); color: var(--color-white); } } + .toggle.on span { inset-inline-start: 2.313rem; } + .toggle.on.toggle-sm span { inset-inline-start: 2.313rem; + &::before { content: var(--tw-content); inset-inline-start: calc(1.563rem * -1); } + &::before { content: var(--tw-content); top: calc(1px * -1); } } + .toggle.on.toggle-lg span { inset-inline-start: 2.563rem; + &::before { content: var(--tw-content); inset-inline-start: calc(1.75rem * -1); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * 2); } } + .toggle.toggle-sm { height: 1.063rem; width: 3.125rem; } + .toggle.toggle-sm span { height: 0.625rem; width: 0.625rem; + &::after { content: var(--tw-content); inset-inline-end: calc(1.875rem * -1); } + &::after { content: var(--tw-content); top: calc(1px * -1); } } + .toggle.toggle-lg { height: 2.125rem; width: 4.5rem; } + .toggle.toggle-lg span { width: 1.75rem; + &::after { content: var(--tw-content); inset-inline-end: calc(1.938rem * -1); } + &::after { content: var(--tw-content); top: calc(var(--spacing) * 2); } } -.custom-toggle-switch > input[type=checkbox] { + +.custom-toggle-switch>input[type=checkbox] { display: none; } -.custom-toggle-switch > label { + +.custom-toggle-switch>label { position: relative; height: calc(var(--spacing) * 0); width: 2.5rem; cursor: pointer; } + .label-primary { background-color: var(--color-primary); color: var(--color-white); } + .label-secondary { background-color: var(--color-secondary); color: var(--color-white); } + .label-warning { background-color: var(--color-warning); color: var(--color-white); } + .label-info { background-color: var(--color-info); color: var(--color-white); } + .label-success { background-color: var(--color-success); color: var(--color-white); } + .label-danger { background-color: var(--color-danger); color: var(--color-white); } + .label-light { background-color: var(--color-light); color: var(--color-white); } + .label-dark { background-color: var(--color-black); color: var(--color-white); } -.custom-toggle-switch > input[type=checkbox]:checked + label::before { + +.custom-toggle-switch>input[type=checkbox]:checked+label::before { background-color: inherit; opacity: 0.5; } -.custom-toggle-switch > label { + +.custom-toggle-switch>label { &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); margin-top: calc(var(--spacing) * -2); } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 4); } + &::before { content: var(--tw-content); width: 2.5rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-md); } + &::before { content: var(--tw-content); background-color: var(--color-textmuted); } + &::before { content: var(--tw-content); opacity: 0.3; } + &::before { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } + &::before { content: var(--tw-content); --tw-duration: 0.4s; transition-duration: 0.4s; } + &::before { content: var(--tw-content); --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * -1); } + &::after { content: var(--tw-content); top: calc(var(--spacing) * -1); } + &::after { content: var(--tw-content); margin-top: calc(var(--spacing) * -2); } + &::after { content: var(--tw-content); height: 1.5rem; } + &::after { content: var(--tw-content); width: 1.5rem; } + &::after { content: var(--tw-content); border-radius: 1rem; } + &::after { content: var(--tw-content); background-color: var(--color-white); } + &::after { content: var(--tw-content); - --tw-shadow: 0 0 0.313rem var(--tw-shadow-color, rgba(228,229,237,0.8)); + --tw-shadow: 0 0 0.313rem var(--tw-shadow-color, rgba(228, 229, 237, 0.8)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + &::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } + &::after { content: var(--tw-content); --tw-duration: 0.3s; transition-duration: 0.3s; } + &::after { content: var(--tw-content); --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } } -.custom-toggle-switch > input[type=checkbox]:checked + label::after { + +.custom-toggle-switch>input[type=checkbox]:checked+label::after { inset-inline-start: 50%; background-color: inherit; } -.custom-toggle-switch.toggle-sm > label::before { + +.custom-toggle-switch.toggle-sm>label::before { height: 10px; width: 27px; border-radius: 10px; } -.custom-toggle-switch.toggle-sm input[type=checkbox]:checked + label::after { + +.custom-toggle-switch.toggle-sm input[type=checkbox]:checked+label::after { inset-inline-start: 13px; } -.custom-toggle-switch.toggle-sm > label::after { + +.custom-toggle-switch.toggle-sm>label::after { height: 17px; width: 17px; border-radius: var(--radius-full); } -.custom-toggle-switch.toggle-lg > label::before { + +.custom-toggle-switch.toggle-lg>label::before { height: 27px; width: 55px; border-radius: 20px; } -.custom-toggle-switch.toggle-lg input[type=checkbox]:checked + label::after { + +.custom-toggle-switch.toggle-lg input[type=checkbox]:checked+label::after { inset-inline-start: 77%; } -.custom-toggle-switch.toggle-lg > label::after { + +.custom-toggle-switch.toggle-lg>label::after { margin-top: calc(8px * -1); height: 35px; width: 35px; border-radius: var(--radius-full); } + .form-control-sm { border-color: var(--color-inputborder) !important; padding-inline: 0.8rem !important; padding-block: calc(var(--spacing) * 1) !important; font-size: 0.8rem !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .form-control { width: 100%; border-radius: 0.35rem; @@ -64649,21 +83639,25 @@ select:focus { font-weight: var(--font-weight-normal); color: var(--color-defaulttextcolor); } + .form-control:focus { border-color: var(--color-inputborder); background-color: var(--color-white); color: var(--color-defaulttextcolor); --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); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .form-control:disabled, .form-select:disabled { background-color: var(--color-light); color: var(--color-defaulttextcolor); } + .form-control-plaintext { margin-bottom: calc(var(--spacing) * 0); display: block; @@ -64676,6 +83670,7 @@ select:focus { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } + .form-input-color { height: 2.25rem; width: 2.25rem; @@ -64683,68 +83678,80 @@ select:focus { border-radius: var(--radius-md); padding: calc(var(--spacing) * 0); } + .form-text { margin-top: calc(var(--spacing) * 1) !important; font-size: 0.875em !important; } + .form-check { margin-bottom: 0.125rem; display: block; padding-inline-start: calc(var(--spacing) * 0); } + .form-check .form-check-label { padding-inline-start: calc(var(--spacing) * 2); } -.form-check-input:disabled ~ .form-check-label, -.form-check-input[disabled] ~ .form-check-label { + +.form-check-input:disabled~.form-check-label, +.form-check-input[disabled]~.form-check-label { cursor: default; opacity: 50%; } -.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + +.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-start-start-radius: var(--radius-none) !important; border-end-start-radius: var(--radius-none) !important; } -.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), -.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, -.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, -.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + +.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), +.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, +.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, +.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-start-end-radius: var(--radius-none) !important; border-end-end-radius: var(--radius-none) !important; } -.input-group-lg > .btn, -.input-group-lg > .form-control, -.input-group-lg > .form-select, -.input-group-lg > .input-group-text { + +.input-group-lg>.btn, +.input-group-lg>.form-control, +.input-group-lg>.form-select, +.input-group-lg>.input-group-text { border-radius: var(--radius-md) !important; padding-inline: calc(var(--spacing) * 4) !important; padding-block: calc(var(--spacing) * 2) !important; font-size: 1.25rem !important; } -.input-group-sm > .btn, -.input-group-sm > .form-control, -.input-group-sm > .form-select, -.input-group-sm > .input-group-text { + +.input-group-sm>.btn, +.input-group-sm>.form-control, +.input-group-sm>.form-select, +.input-group-sm>.input-group-text { padding-inline: calc(var(--spacing) * 2) !important; padding-block: calc(var(--spacing) * 1) !important; font-size: 0.875rem !important; } + .form-range { height: 0.5rem; width: 100%; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; border-radius: var(--radius-md); background-color: var(--color-light); padding: calc(var(--spacing) * 0); } + .form-range:focus { --tw-outline-style: none; outline-style: none; } + .form-range:disabled { pointer-events: none; } + .form-control-color { height: 1.75rem !important; width: 1.75rem !important; @@ -64752,29 +83759,56 @@ select:focus { border-radius: var(--radius-md) !important; padding: calc(var(--spacing) * 0) !important; } -input[type=week]::-webkit-calendar-picker-indicator, input[type=month]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-calendar-picker-indicator { + +input[type=week]::-webkit-calendar-picker-indicator, +input[type=month]::-webkit-calendar-picker-indicator, +input[type=date]::-webkit-calendar-picker-indicator, +input[type=datetime-local]::-webkit-calendar-picker-indicator, +input[type=time]::-webkit-calendar-picker-indicator { &:where(.dark, .dark *) { --tw-invert: invert(100%) !important; - 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,) !important; + 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, ) !important; } } -[dir=rtl] input[type=week], [dir=rtl] input[type=month], [dir=rtl] input[type=date], [dir=rtl] input[type=datetime-local], [dir=rtl] input[type=time] { + +[dir=rtl] input[type=week], +[dir=rtl] input[type=month], +[dir=rtl] input[type=date], +[dir=rtl] input[type=datetime-local], +[dir=rtl] input[type=time] { text-align: end !important; } -[dir=rtl] input[type=week], [dir=rtl] input[type=month], [dir=rtl] input[type=date], [dir=rtl] input[type=datetime-local], [dir=rtl] input[type=time] { + +[dir=rtl] input[type=week], +[dir=rtl] input[type=month], +[dir=rtl] input[type=date], +[dir=rtl] input[type=datetime-local], +[dir=rtl] input[type=time] { direction: rtl !important; } -[dir=rtl] input[type=week]::-webkit-calendar-picker-indicator, [dir=rtl] input[type=month]::-webkit-calendar-picker-indicator, [dir=rtl] input[type=date]::-webkit-calendar-picker-indicator, [dir=rtl] input[type=datetime-local]::-webkit-calendar-picker-indicator, [dir=rtl] input[type=time]::-webkit-calendar-picker-indicator { + +[dir=rtl] input[type=week]::-webkit-calendar-picker-indicator, +[dir=rtl] input[type=month]::-webkit-calendar-picker-indicator, +[dir=rtl] input[type=date]::-webkit-calendar-picker-indicator, +[dir=rtl] input[type=datetime-local]::-webkit-calendar-picker-indicator, +[dir=rtl] input[type=time]::-webkit-calendar-picker-indicator { text-align: end !important; } -[dir=rtl] input[type=week]::-webkit-calendar-picker-indicator, [dir=rtl] input[type=month]::-webkit-calendar-picker-indicator, [dir=rtl] input[type=date]::-webkit-calendar-picker-indicator, [dir=rtl] input[type=datetime-local]::-webkit-calendar-picker-indicator, [dir=rtl] input[type=time]::-webkit-calendar-picker-indicator { + +[dir=rtl] input[type=week]::-webkit-calendar-picker-indicator, +[dir=rtl] input[type=month]::-webkit-calendar-picker-indicator, +[dir=rtl] input[type=date]::-webkit-calendar-picker-indicator, +[dir=rtl] input[type=datetime-local]::-webkit-calendar-picker-indicator, +[dir=rtl] input[type=time]::-webkit-calendar-picker-indicator { direction: rtl !important; } + body { &:where(.dark, .dark *) { background-color: var(--color-bodybg2) !important; } } + .box { position: relative; margin-bottom: calc(var(--spacing) * 6); @@ -64786,16 +83820,20 @@ body { color: var(--color-defaulttextcolor); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .box-header { flex-wrap: wrap; align-items: center; @@ -64809,16 +83847,20 @@ body { padding-block: calc(var(--spacing) * 4); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); - @media (width >= 48rem) { + + @media (width >=48rem) { display: flex; } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .box-title { position: relative; margin-inline-end: auto; @@ -64826,74 +83868,94 @@ body { --tw-font-weight: 700; font-weight: 700; color: var(--color-defaulttextcolor); + &::before { content: var(--tw-content); position: absolute; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .box .box-header .box-title { &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(0.65rem * -1); } + &::before { content: var(--tw-content); top: 0.15rem; } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 4); } + &::before { content: var(--tw-content); width: 0.2rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-md); } + &::before { content: var(--tw-content); --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } + &::before { content: var(--tw-content); --tw-gradient-from: color-mix(in srgb, rgb(132, 90, 223) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-primary) 50%, transparent); } + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } + &::before { content: var(--tw-content); --tw-gradient-to: color-mix(in srgb, rgb(35, 183, 229) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 50%, transparent); } + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } + .box-body { padding: calc(var(--spacing) * 5); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .box-footer { border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); @@ -64904,75 +83966,97 @@ body { padding-block: calc(var(--spacing) * 4); color: var(--font-size-defaultsize); color: var(--color-defaulttextcolor); - @media (width >= 48rem) { + + @media (width >=48rem) { padding-inline: calc(var(--spacing) * 5); } - @media (width >= 48rem) { + + @media (width >=48rem) { padding-block: calc(var(--spacing) * 4); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .display-1 { font-size: 5rem; } + .display-2 { font-size: 4.5rem; } + .display-3 { font-size: 4rem; } + .display-4 { font-size: 3.5rem; } + .display-5 { font-size: 3rem; } + .display-6 { font-size: 2.5rem; } + .overlay-box { position: relative; overflow: hidden; color: color-mix(in srgb, #fff 90%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + .overlay-box .box-header { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + .overlay-box .box-footer { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + .over-content-bottom { top: auto; } + .box-anchor { pointer-events: none; position: absolute; @@ -64981,6 +84065,7 @@ body { --tw-content: ""; content: var(--tw-content); } + .box.box-fullscreen { position: fixed; inset: calc(var(--spacing) * 0); @@ -64988,21 +84073,25 @@ body { margin: calc(var(--spacing) * 0); border-radius: var(--radius-none); } + .box-img-overlay { position: absolute; inset: calc(var(--spacing) * 0); overflow: auto; border-radius: var(--radius-sm); } + .card-img-top { border-top-left-radius: var(--radius-md) !important; border-top-right-radius: var(--radius-md) !important; } + .lead { font-size: 1.25rem; --tw-font-weight: 300; font-weight: 300; } + .alert { margin-bottom: calc(var(--spacing) * 5); border-radius: var(--radius-sm); @@ -65010,15 +84099,18 @@ body { padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); + &:last-child { margin-bottom: calc(var(--spacing) * 0); } } + .text-badge .badge { position: absolute; inset-inline-end: calc(var(--spacing) * -4); top: calc(var(--spacing) * -4); } + .review-quote { position: absolute; inset-inline-end: 0.8rem; @@ -65028,10 +84120,12 @@ body { --tw-leading: 0; line-height: 0; color: color-mix(in srgb, rgb(132, 90, 223) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 70%, transparent); } } + .badge { display: inline-flex; align-items: center; @@ -65041,9 +84135,11 @@ body { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + .badge:last-child { margin-bottom: calc(var(--spacing) * 0); } + .ti-list-group { align-items: center; border-radius: var(--radius-md); @@ -65056,13 +84152,16 @@ body { font-size: 0.8125rem; --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .ti-list-group .ti-list-group-item { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; @@ -65071,17 +84170,21 @@ body { border-color: var(--color-defaultborder); padding-inline: 1.25rem; padding-block: calc(var(--spacing) * 3); + &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .ti-list-group .ti-list-group-item.active { border-top-left-radius: var(--radius-md) !important; border-top-right-radius: var(--radius-md) !important; @@ -65089,36 +84192,47 @@ body { background-color: var(--color-primary) !important; color: var(--color-white) !important; } -.ti-list-group .ti-list-group-item.disabled, .ti-list-group .ti-list-group-item:disabled { + +.ti-list-group .ti-list-group-item.disabled, +.ti-list-group .ti-list-group-item:disabled { background-color: var(--color-light) !important; color: var(--color-textmuted) !important; opacity: 0.5 !important; } + .ti-list-group .ti-list-group-item.ti-list-group-item-action { width: 100%; } -.ti-list-group .ti-list-group-item.ti-list-group-item-action:hover, .ti-list-group .ti-list-group-item.ti-list-group-item-action:focus { + +.ti-list-group .ti-list-group-item.ti-list-group-item-action:hover, +.ti-list-group .ti-list-group-item.ti-list-group-item-action:focus { background-color: var(--color-light); } + .ti-list-group .ti-list-group-item.ti-icon-link { padding-inline: calc(var(--spacing) * 3); padding-block: 0.375rem; + &:focus { z-index: 10; } + &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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 { --tw-outline-style: none; outline-style: none; } } + .ti-list-group-flush { border-style: var(--tw-border-style); border-width: 0px; } + .ti-main-progress { display: flex; height: calc(var(--spacing) * 1.5); @@ -65126,12 +84240,14 @@ body { overflow: hidden; border-radius: var(--radius-full); } + .ti-main-progress .ti-main-progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; } + .ti-spinner { display: inline-block; height: calc(var(--spacing) * 6); @@ -65143,6 +84259,7 @@ body { border-color: currentcolor; border-top-color: transparent; } + .ti-toast { max-width: var(--container-xs); border-radius: var(--radius-sm); @@ -65150,43 +84267,55 @@ body { border-width: 1px; --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .ti-border { border-color: #e5e7eb; } -.nav-link:focus, .nav-link:hover { + +.nav-link:focus, +.nav-link:hover { cursor: pointer; color: var(--color-primary); } + .nav-tabs { border-color: var(--color-defaultborder); } + .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-color: var(--color-defaultborder); background-color: var(--color-light); color: var(--color-defaulttextcolor); } + .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: var(--color-defaultborder); } + .nav-tabs-header { border-style: var(--tw-border-style); border-width: 0px; } + .nav-tabs-header .nav-item { margin-inline-end: calc(var(--spacing) * 2); } + .nav-tabs-header .nav-item:last-child { margin-inline-end: calc(var(--spacing) * 0); } + .nav-tabs-header .nav-item .nav-link { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -65199,6 +84328,7 @@ body { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .nav-tabs-header .nav-item .nav-link.active { border-style: var(--tw-border-style); border-width: 1px; @@ -65206,12 +84336,16 @@ body { border-style: solid; border-color: transparent; background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: var(--color-primary); } -.nav-tabs-header .nav-item .nav-link:hover, .nav-tabs-header .nav-item .nav-link:focus { + +.nav-tabs-header .nav-item .nav-link:hover, +.nav-tabs-header .nav-item .nav-link:focus { border-style: var(--tw-border-style); border-width: 1px; --tw-border-style: solid; @@ -65219,23 +84353,28 @@ body { border-color: transparent; color: var(--color-primary); } + .nav-justified .nav-item, -.nav-justified > .nav-link { +.nav-justified>.nav-link { flex-grow: 1; flex-basis: calc(var(--spacing) * 0); text-align: center; } + .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } + .nav.nav-style-1 { border-style: var(--tw-border-style); border-width: 0px; } + .nav.nav-style-3 .nav-link { border-radius: var(--radius-none) !important; } + .nav.nav-style-3 .nav-link { border-bottom-style: var(--tw-border-style); border-bottom-width: 3px; @@ -65243,6 +84382,7 @@ body { border-style: solid; border-color: transparent; } + .nav.nav-style-3 .nav-link.active { border-radius: var(--radius-none) !important; border-bottom-style: var(--tw-border-style) !important; @@ -65253,25 +84393,31 @@ body { background-color: transparent !important; color: var(--color-primary) !important; } + .tab-style-6 { border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 0px; background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + padding: calc(var(--spacing) * 2); color: var(--color-primary); } + .tab-style-6 .nav-item { margin-inline-end: calc(var(--spacing) * 2); border-style: var(--tw-border-style); border-width: 0px; } + .tab-style-6 .nav-item:last-child { margin-inline-end: calc(var(--spacing) * 0); } + .tab-style-6 .nav-item .nav-link { border-style: var(--tw-border-style); border-width: 0px; @@ -65282,6 +84428,7 @@ body { color: var(--font-size-defaultsize); color: var(--color-primary); } + .tab-style-6 .nav-item .nav-link.active { border-style: var(--tw-border-style); border-width: 0px; @@ -65290,13 +84437,17 @@ body { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } -.tab-style-6 .nav-item .nav-link:hover, .tab-style-6 .nav-item .nav-link:focus { + +.tab-style-6 .nav-item .nav-link:hover, +.tab-style-6 .nav-item .nav-link:focus { border-style: var(--tw-border-style); border-width: 0px; } + .navbar { border-radius: var(--radius-md); } + .navbar .navbar-nav .nav-link { padding-inline: calc(var(--spacing) * 4); padding-block: 0.4rem; @@ -65305,6 +84456,7 @@ body { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .navbar .navbar-toggler { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -65318,44 +84470,54 @@ body { line-height: 1; color: var(--color-black); } + .navbar .navbar-toggler .navbar-toggler-icon { position: relative; height: 1rem; width: 1rem; background-image: none; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); font-size: 1rem; } + &::before { content: var(--tw-content); color: var(--color-defaulttextcolor); } + &::before { --tw-content: '\F479'; content: var(--tw-content); } } + .navbar .navbar-toggler:focus { --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); } + .nav-pills .nav-link.active, -.nav-pills .show > .nav-link { +.nav-pills .show>.nav-link { background-color: var(--color-primary); color: var(--color-white); } + .navitem { margin-inline-end: calc(var(--spacing) * 4); } + .bg-primary-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65365,6 +84527,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-secondary-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65374,6 +84537,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-warning-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65383,6 +84547,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-info-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65392,6 +84557,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-success-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65401,6 +84567,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-danger-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65410,6 +84577,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-orange-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65419,6 +84587,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-purple-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65428,6 +84597,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-teal-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65437,6 +84607,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-light-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65446,6 +84617,7 @@ body { --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)) !important; color: var(--color-white) !important; } + .bg-dark-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -65455,11 +84627,13 @@ body { --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)) !important; color: var(--color-white) !important; } + code { font-size: 0.675rem !important; overflow-wrap: break-word !important; color: var(--color-red) !important; } + .color-container { display: flex; height: 3rem; @@ -65470,175 +84644,215 @@ code { --tw-leading: 3rem; line-height: 3rem; } + .bd-example-row [class^=col], -.bd-example-cssgrid .grid > * { +.bd-example-cssgrid .grid>* { border-style: var(--tw-border-style); border-width: 1px; --tw-border-style: solid; border-style: solid; border-color: var(--color-defaultborder); background-color: color-mix(in srgb, rgb(243, 246, 248) 75%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-light) 75%, transparent); } + padding-top: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 3); } -.bd-example-cssgrid .grid > * { + +.bd-example-cssgrid .grid>* { border-radius: var(--radius-sm); } + .bd-example-row-flex-cols .grid { min-height: 10rem; background-color: color-mix(in srgb, rgb(243, 246, 248) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-light) 50%, transparent); } } + .bd-example-row-flex-cols .grid .col { padding: calc(var(--spacing) * 3); } + .flex-container div { border-style: var(--tw-border-style); border-width: 0px; background-color: transparent; } -.flex-container div > div { + +.flex-container div>div { border-style: var(--tw-border-style); border-width: 1px; --tw-border-style: solid; border-style: solid; border-color: var(--color-white); background-color: var(--color-light); + &:where(.dark, .dark *) { border-color: var(--color-bodybg); } } + .ratio { position: relative; width: 100%; + &::before { content: var(--tw-content); display: block; } } + .bd-example-ratios .ratio { display: inline-block; width: 10rem; border-radius: var(--radius-md); border-color: var(--color-defaultborder); background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: var(--color-textmuted); } + .bd-example-position-utils .position-absolute { position: absolute; height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 8); border-radius: 0.375rem; background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .bd-example-position-utils .position-relative { position: relative; height: 12.5rem; background-color: var(--color-light); } + .border-container { margin: calc(var(--spacing) * 1); display: inline-block; height: 5rem; width: 5rem; background-color: color-mix(in srgb, rgb(243, 246, 248) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-light) 30%, transparent); } } + .upcoming-events-list li { position: relative; margin-bottom: 1.5rem; padding-inline-start: 1.5rem; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 100%; } + &::before { content: var(--tw-content); width: 0.25rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-md); } } + .upcoming-events-list li:nth-child(1) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } + .upcoming-events-list li:nth-child(2) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } } + .upcoming-events-list li:nth-child(3) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } } + .upcoming-events-list li:nth-child(4) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } } + .upcoming-events-list li:nth-child(5) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } } + .upcoming-events-list li:nth-child(5) { &::before { content: var(--tw-content); background-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } } + .upcoming-events-list li:last-child { margin-bottom: calc(var(--spacing) * 0); } + #external-events .fc-event { margin-bottom: 0.4rem; cursor: move; @@ -65647,28 +84861,35 @@ code { padding-block: 0.375rem; font-size: 0.75rem; } + .glightbox { overflow: hidden; } + .project-list-title { max-width: 13.375rem; } + .page-header { padding-block: calc(var(--spacing) * 5); } + .main-content { padding-inline: calc(var(--spacing) * 6); } + .content { margin-inline-start: calc(var(--spacing) * 0); margin-top: 60px; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); - @media (width >= 64rem) { + + @media (width >=64rem) { margin-inline-start: calc(var(--spacing) * 60); } } + pre { border-style: var(--tw-border-style); border-width: 1px; @@ -65677,14 +84898,17 @@ pre { padding: calc(var(--spacing) * 5); font-size: 0.75rem; } + html { scroll-behavior: smooth; text-align: start; font-family: var(--font-inter); } + html[dir=rtl] { direction: rtl !important; } + body { position: relative; margin: calc(var(--spacing) * 0); @@ -65697,46 +84921,57 @@ body { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { color: var(--color-white); } } + [dir=rtl] body { direction: rtl; } + .page { display: flex; height: 100%; min-height: 100vh; flex-direction: column; } + ::-webkit-scrollbar { height: 5px; width: 0px; background-color: var(--color-gray-100); } + ::-webkit-scrollbar-thumb { height: 2px; width: 0px; background-color: var(--color-gray-300); } + .dark ::-webkit-scrollbar { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } + .dark ::-webkit-scrollbar-thumb { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } + code { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-danger); } + .icons-list { margin-inline-start: calc(var(--spacing) * 0); margin-inline-end: calc(1px * -1); @@ -65747,6 +84982,7 @@ code { flex-wrap: wrap; padding: calc(var(--spacing) * 0); } + .icons-list .icons-list-item { position: relative; display: flex; @@ -65760,47 +84996,58 @@ code { padding: calc(var(--spacing) * 2); text-align: center; text-decoration-line: none; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .icons-list .icons-list-item:hover i { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y); } + .icons-list .icons-list-item i { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); color: var(--color-primary); } + .icon-label { margin-top: calc(var(--spacing) * 4); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--color-gray-500); + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } + .simplebar-scrollbar:before { background-color: var(--color-gray-200) !important; } + .simplebar-track.simplebar-vertical { width: 10px !important; } + [data-toggled=icon-overlay-close] .content { - @media (width >= 64rem) { + @media (width >=64rem) { margin-inline-start: calc(var(--spacing) * 24); } } + .scrollToTop { position: fixed; inset-inline-end: calc(var(--spacing) * 5); @@ -65826,21 +85073,25 @@ code { --tw-duration: 100ms; transition-duration: 100ms; } + select option:active, select option:hover, select option:focus { background-color: green !important; } + select { background-color: start 0.5rem center; padding-inline-start: calc(var(--spacing) * 2); padding-inline-end: calc(var(--spacing) * 9); } + #drag-right .box, #drag-center .box, #drag-left .box { touch-action: none; } + .ti-img-thumbnail { margin-inline: auto; height: auto; @@ -65850,16 +85101,20 @@ select { border-width: 1px; border-color: var(--color-defaultborder); padding: calc(var(--spacing) * 1); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg2); } } + .ti-img-thumbnail-rounded { margin-inline: auto; height: auto; @@ -65869,16 +85124,20 @@ select { border-width: 1px; border-color: var(--color-defaultborder); padding: calc(var(--spacing) * 1); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg2); } } + #responsive-overlay { visibility: hidden; position: fixed; @@ -65891,48 +85150,61 @@ select { transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 100ms; transition-duration: 100ms; + &:where(.dark, .dark *) { background-color: #323251cc; } } + #responsive-overlay.active { visibility: visible; opacity: 50%; + &:where(.dark, .dark *) { opacity: 80%; } } + .container, .container-fluid { margin-inline: auto; width: 100%; padding-inline: calc(1.5rem * 0.5); } + .container { - @media (width >= 40rem) { + @media (width >=40rem) { max-width: 540px; } - @media (width >= 48rem) { + + @media (width >=48rem) { max-width: 720px; } - @media (width >= 64rem) { + + @media (width >=64rem) { max-width: 960px; } - @media (width >= 80rem) { + + @media (width >=80rem) { max-width: 1140px; } - @media (width >= 100rem) { + + @media (width >=100rem) { max-width: 1320px; } } + @media (min-width: 576px) { + .container, .container-sm { margin-inline: auto; max-width: 540px; } } + @media (min-width: 768px) { + .container, .container-md, .container-sm { @@ -65940,7 +85212,9 @@ select { max-width: 720px; } } + @media (min-width: 992px) { + .container, .container-lg, .container-md, @@ -65949,7 +85223,9 @@ select { max-width: 960px; } } + @media (min-width: 1200px) { + .container, .container-lg, .container-md, @@ -65959,7 +85235,9 @@ select { max-width: 1140px; } } + @media (min-width: 1400px) { + .container, .container-lg, .container-md, @@ -65970,17 +85248,20 @@ select { max-width: 1320px; } } + [class^=ri-], [class*=" ri-"] { display: inline-flex; } + @layer utilities { .aspect-w-16 { position: relative; padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%); --tw-aspect-w: 16; } - .aspect-w-16 > * { + + .aspect-w-16>* { position: absolute; height: 100%; width: 100%; @@ -65989,15 +85270,18 @@ select { bottom: 0; left: 0; } + .aspect-h-9 { --tw-aspect-h: 9; } + .aspect-w-1 { position: relative; padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%); --tw-aspect-w: 1; } - .aspect-w-1 > * { + + .aspect-w-1>* { position: absolute; height: 100%; width: 100%; @@ -66006,14 +85290,17 @@ select { bottom: 0; left: 0; } + .aspect-h-1 { --tw-aspect-h: 1; } } + .ti-dropdown { position: relative; display: inline-flex; } + .ti-dropdown-toggle { display: inline-flex; align-items: center; @@ -66029,24 +85316,30 @@ select { font-weight: var(--font-weight-medium); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .ti-dropdown-caret { height: calc(var(--spacing) * 2.5); width: calc(var(--spacing) * 2.5); color: var(--color-gray-600); + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } + .ti-dropdown-menu { z-index: 13; margin-top: calc(var(--spacing) * 2); @@ -66059,39 +85352,49 @@ select { opacity: 0%; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - transition-property: opacity,margin; + transition-property: opacity, margin; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &.hs-dropdown-menu.open { opacity: 100%; } + .hs-dropdown.open>& { opacity: 100%; } + .hs-dropdown.open>.hs-dropdown-toggle & { opacity: 100%; } + .hs-dropdown.open>.hs-dropdown-menu>& { opacity: 100%; } } + .ti-dropdown-item { display: block; padding-inline: 0.9375rem; @@ -66100,42 +85403,52 @@ select { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-gray-800); + &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(132, 90, 223) 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } } + &:hover { @media (hover: hover) { color: var(--color-primary); } } + &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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 { --tw-ring-color: var(--color-primary); } + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } + &:where(.dark, .dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(132, 90, 223) 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } } } + &:where(.dark, .dark *) { &:hover { @media (hover: hover) { @@ -66144,80 +85457,100 @@ select { } } } + .ti-dropdown-item.active { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .ti-dropdown-item.disabled { pointer-events: none; background-color: transparent; color: var(--color-textmuted); } + .ti-dropdown-menu-hover { &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); top: calc(var(--spacing) * -4); } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 4); } + &::before { content: var(--tw-content); width: 100%; } + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } + &::after { content: var(--tw-content); bottom: calc(var(--spacing) * -4); } + &::after { content: var(--tw-content); height: calc(var(--spacing) * 4); } + &::after { content: var(--tw-content); width: 100%; } } + .ti-dropdown-divider { padding-block: calc(var(--spacing) * 2); + &:first-child { padding-top: calc(var(--spacing) * 0); } + &:last-child { padding-bottom: calc(var(--spacing) * 0); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + hr { &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .ti-dropdown-title { display: block; padding-inline: calc(var(--spacing) * 3); @@ -66228,13 +85561,16 @@ hr { font-weight: var(--font-weight-medium); color: var(--color-gray-400); text-transform: uppercase; + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } + .ti-dropdown-header { margin: calc(var(--spacing) * -2); border-top-left-radius: var(--radius-sm); @@ -66242,36 +85578,44 @@ hr { background-color: var(--color-gray-100); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 3); + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + .ti-dropdown-header .ti-dropdown-header-title { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-gray-500); + &:where(.dark, .dark *) { color: var(--color-white); } } + .ti-dropdown-header .ti-dropdown-header-content { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-gray-800); + &:where(.dark, .dark *) { color: var(--color-white); } } + .ti-dropdowm-profileimg { height: auto; width: calc(var(--spacing) * 8); border-radius: var(--radius-full); } + .ti-dropdowm-profileimg-content { max-width: 7.5rem; overflow: hidden; @@ -66280,203 +85624,267 @@ hr { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-gray-600); + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } + .ti-dropdown-icon { height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); color: var(--color-gray-600); + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } + .ti-dropdown-toggle { position: relative; } + .ti-dropdown-toggle .ti-dropdown-toggle { &::after { content: var(--tw-content); margin-inline-start: calc(var(--spacing) * 1); } + &::after { content: var(--tw-content); display: inline-block; } + &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 0px; } + &::after { content: var(--tw-content); vertical-align: 0; } + &::after { content: var(--tw-content); font-size: 0.6rem; } + &::after { content: var(--tw-content); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + &::after { --tw-content: "\f282"; content: var(--tw-content); } } + .ti-dropdown-toggle .ti-dropup .ti-dropdown-toggle { &::after { content: var(--tw-content); margin-inline-start: calc(var(--spacing) * 1); } + &::after { content: var(--tw-content); display: inline-block; } + &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 0px; } + &::after { content: var(--tw-content); vertical-align: 0; } + &::after { content: var(--tw-content); font-size: 0.6rem; } + &::after { content: var(--tw-content); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + &::after { --tw-content: "\F286"; content: var(--tw-content); } } + .ti-dropdown-toggle .dropend .ti-dropdown-toggle { &::after { content: var(--tw-content); margin-inline-start: calc(var(--spacing) * 1); } + &::after { content: var(--tw-content); display: inline-block; } + &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 0px; } + &::after { content: var(--tw-content); vertical-align: 0; } + &::after { content: var(--tw-content); font-size: 0.6rem; } + &::after { content: var(--tw-content); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + &::after { --tw-content: "\F285"; content: var(--tw-content); } } + .ti-dropdown-toggle .dropstart .ti-dropdown-toggle { &::before { content: var(--tw-content); margin-inline-start: calc(var(--spacing) * 1); } + &::before { content: var(--tw-content); display: inline-block; } + &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 0px; } + &::before { content: var(--tw-content); vertical-align: 0; } + &::before { content: var(--tw-content); font-size: 0.6rem; } + &::before { content: var(--tw-content); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + &::before { --tw-content: "\F284"; content: var(--tw-content); } } + .ti-dropdown-toggle .dropdown-toggle-split { opacity: 0.85; } -.dropmenu-item-warning .ti-dropdown-item:hover, .dropmenu-item-warning .ti-dropdown-item:focus, .dropmenu-item-warning .ti-dropdown-item:active, .dropmenu-item-warning .ti-dropdown-item.active { + +.dropmenu-item-warning .ti-dropdown-item:hover, +.dropmenu-item-warning .ti-dropdown-item:focus, +.dropmenu-item-warning .ti-dropdown-item:active, +.dropmenu-item-warning .ti-dropdown-item.active { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent) !important; } + color: var(--color-warning) !important; } -.dropmenu-item-info .ti-dropdown-item:hover, .dropmenu-item-info .ti-dropdown-item:focus, .dropmenu-item-info .ti-dropdown-item:active, .dropmenu-item-info .ti-dropdown-item.active { + +.dropmenu-item-info .ti-dropdown-item:hover, +.dropmenu-item-info .ti-dropdown-item:focus, +.dropmenu-item-info .ti-dropdown-item:active, +.dropmenu-item-info .ti-dropdown-item.active { background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent) !important; } + color: var(--color-info) !important; } + .dropmenu-light-success { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } + --tw-backdrop-blur: blur(var(--blur-3xl)); - 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, ); } -.dropmenu-light-success .ti-dropdown-item:hover, .dropmenu-light-success .ti-dropdown-item:focus, .dropmenu-light-success .ti-dropdown-item:active, .dropmenu-light-success .ti-dropdown-item.active { + +.dropmenu-light-success .ti-dropdown-item:hover, +.dropmenu-light-success .ti-dropdown-item:focus, +.dropmenu-light-success .ti-dropdown-item:active, +.dropmenu-light-success .ti-dropdown-item.active { background-color: var(--color-success) !important; color: var(--color-white) !important; } + .dropmenu-light-danger { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } + --tw-backdrop-blur: blur(var(--blur-3xl)); - 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, ); } -.dropmenu-light-danger .ti-dropdown-item:hover, .dropmenu-light-danger .ti-dropdown-item:focus, .dropmenu-light-danger .ti-dropdown-item:active, .dropmenu-light-danger .ti-dropdown-item.active { + +.dropmenu-light-danger .ti-dropdown-item:hover, +.dropmenu-light-danger .ti-dropdown-item:focus, +.dropmenu-light-danger .ti-dropdown-item:active, +.dropmenu-light-danger .ti-dropdown-item.active { background-color: var(--color-danger) !important; color: var(--color-white) !important; } + .ti-btn-list a { margin-inline-end: calc(var(--spacing) * 0); } -.bd-example > .dropdown-menu { + +.bd-example>.dropdown-menu { position: static; display: block; } + .dropdown-header { margin-bottom: calc(var(--spacing) * 0); display: block; @@ -66484,6 +85892,7 @@ hr { padding-block: calc(var(--spacing) * 2); font-size: 0.875rem; } + .progress { display: flex; height: 0.75rem; @@ -66491,25 +85900,31 @@ hr { border-radius: var(--radius-sm); background-color: var(--color-light); } + .progress.progress-xs, .progress-stacked.progress-xs { height: 0.3125rem; } + .progress.progress-sm, .progress-stacked.progress-sm { height: 0.5rem; } + .progress.progress-lg, .progress-stacked.progress-lg { height: 1rem; } + .progress.progress-xl, .progress-stacked.progress-xl { height: 1.25rem; } + .progress-stacked { background-color: var(--color-light); } + .progress-bar { display: flex; align-items: center; @@ -66519,129 +85934,159 @@ hr { background-color: var(--color-primary); color: var(--color-white); } + .progress-animate { position: relative; border-radius: 0.625rem; } + .progress-animate .progress-bar { position: relative; border-radius: 0.625rem; } + .progress-custom { position: relative; overflow: visible; } + .progress-custom .progress-bar { position: relative; overflow: visible; + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-end: calc(0.375rem * -1); } + &::after { content: var(--tw-content); top: calc(0.375rem * -1); } + &::after { content: var(--tw-content); height: 1.15rem; } + &::after { content: var(--tw-content); width: 1.15rem; } + &::after { content: var(--tw-content); border-radius: 50%; } + &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 0.25rem; } + &::after { content: var(--tw-content); --tw-border-style: solid; border-style: solid; } + &::after { content: var(--tw-content); border-color: var(--color-primary); } + &::after { content: var(--tw-content); background-color: var(--color-white); } } + .progress-custom .progress-bar.progress-secondary { background-color: var(--color-secondary) !important; + &::after { content: var(--tw-content); border-color: var(--color-secondary) !important; } } + .progress-custom .progress-bar.progress-secondary .progress-bar-value { &::after { content: var(--tw-content); border-top-color: var(--color-secondary); } } + .progress-custom .progress-bar.progress-warning { background-color: var(--color-warning) !important; + &::after { content: var(--tw-content); border-color: var(--color-warning) !important; } } + .progress-custom .progress-bar.progress-warning .progress-bar-value { &::after { content: var(--tw-content); border-top-color: var(--color-warning); } } + .progress-custom .progress-bar.progress-info { background-color: var(--color-info) !important; + &::after { content: var(--tw-content); border-color: var(--color-info) !important; } } + .progress-custom .progress-bar.progress-info .progress-bar-value { &::after { content: var(--tw-content); border-top-color: var(--color-info); } } + .progress-custom .progress-bar.progress-success { background-color: var(--color-success) !important; + &::after { content: var(--tw-content); border-color: var(--color-success) !important; } } + .progress-custom .progress-bar.progress-success .progress-bar-value { &::after { content: var(--tw-content); border-top-color: var(--color-success); } } + .progress-custom .progress-bar.progress-danger { background-color: var(--color-danger) !important; + &::after { content: var(--tw-content); border-color: var(--color-danger) !important; } } + .progress-custom .progress-bar.progress-danger .progress-bar-value { &::after { content: var(--tw-content); border-top-color: var(--color-danger); } } + .progress-custom .progress-bar-value { position: absolute; inset-inline-end: -0.688rem; @@ -66657,45 +86102,55 @@ hr { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-white); - --tw-shadow: 0 0.313rem 0.313rem var(--tw-shadow-color, rgba(0,0,0,.4)); + --tw-shadow: 0 0.313rem 0.313rem var(--tw-shadow-color, rgba(0, 0, 0, .4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-start: 28%; } + &::after { content: var(--tw-content); bottom: -0.375rem; } + &::after { content: var(--tw-content); border-inline-style: var(--tw-border-style); border-inline-width: 0.438rem; } + &::after { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 0.438rem; } + &::after { content: var(--tw-content); border-color: var(--color-primary); } + &::after { content: var(--tw-content); border-inline-color: transparent; } + &:where(.dark, .dark *) { - --tw-shadow-color: rgba(255,255,255,.4); + --tw-shadow-color: rgba(255, 255, 255, .4); + @supports (color: color-mix(in lab, red, red)) { - --tw-shadow-color: color-mix(in oklab, rgba(255,255,255,.4) var(--tw-shadow-alpha), transparent); + --tw-shadow-color: color-mix(in oklab, rgba(255, 255, 255, .4) var(--tw-shadow-alpha), transparent); } } } + .progress-bar-title { position: absolute; inset-inline-start: calc(var(--spacing) * 0); @@ -66712,47 +86167,57 @@ hr { font-weight: var(--font-weight-semibold); color: var(--color-white); text-transform: uppercase; + &::after { content: var(--tw-content); position: absolute; } + &::after { content: var(--tw-content); inset-inline-end: calc(1.063rem * -1); } + &::after { content: var(--tw-content); top: calc(var(--spacing) * 0); } + &::after { content: var(--tw-content); border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1.063rem; } + &::after { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: .8rem; } + &::after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: .85rem; } + &::after { content: var(--tw-content); --tw-border-style: solid; border-style: solid; } + &::after { content: var(--tw-content); border-color: transparent; } + &::after { content: var(--tw-content); border-inline-start-color: var(--color-primary); } } + .progress-item-1, .progress-item-2, .progress-item-3 { @@ -66764,49 +86229,61 @@ hr { border-radius: 1.563rem; background-color: var(--color-light); } + .progress-item-1 { inset-inline-start: 25%; } + .progress-item-2 { inset-inline-start: 50%; } + .progress-item-3 { inset-inline-start: 75%; } + .custom-progress-3 { visibility: visible; border-radius: 0.625rem; } + .custom-progress-3 .progress-bar { visibility: visible; position: relative; margin: 0.313rem; border-radius: var(--radius-sm); + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-start: 0.125rem; } + &::before { content: var(--tw-content); height: calc(var(--spacing) * 1); } + &::before { content: var(--tw-content); width: calc(var(--spacing) * 1); } + &::before { content: var(--tw-content); border-radius: var(--radius-md); } + &::before { content: var(--tw-content); background-color: var(--color-white); } } + .custom-progress-3 .progress-bar .progress-bar-value { position: absolute; inset-inline-end: calc(0.625rem * -1); @@ -66826,10 +86303,12 @@ hr { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-primary); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .custom-progress-3 .progress-bar .progress-bar-value.primary { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -66838,6 +86317,7 @@ hr { border-color: var(--color-primary); color: var(--color-primary); } + .custom-progress-3 .progress-bar .progress-bar-value.secondary { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -66846,6 +86326,7 @@ hr { border-color: var(--color-secondary); color: var(--color-secondary); } + .custom-progress-3 .progress-bar .progress-bar-value.warning { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -66854,6 +86335,7 @@ hr { border-color: var(--color-warning); color: var(--color-warning); } + .custom-progress-3 .progress-bar .progress-bar-value.info { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -66862,6 +86344,7 @@ hr { border-color: var(--color-info); color: var(--color-info); } + .custom-progress-3 .progress-bar .progress-bar-value.success { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -66870,6 +86353,7 @@ hr { border-color: var(--color-success); color: var(--color-success); } + .custom-progress-3 .progress-bar .progress-bar-value.danger { border-style: var(--tw-border-style); border-width: 0.125rem; @@ -66878,61 +86362,80 @@ hr { border-color: var(--color-danger); color: var(--color-danger); } + .custom-progress-4.progress { border-radius: var(--radius-sm); background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .custom-progress-4.progress.secondary { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + .custom-progress-4.progress.secondary .progress-bar-label { color: var(--color-secondary); } + .custom-progress-4.progress.warning { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } + .custom-progress-4.progress.warning .progress-bar-label { color: var(--color-warning); } + .custom-progress-4.progress.info { background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } + .custom-progress-4.progress.info .progress-bar-label { color: var(--color-info); } + .custom-progress-4.progress.success { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } + .custom-progress-4.progress.success .progress-bar-label { color: var(--color-success); } + .custom-progress-4.progress.danger { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + .custom-progress-4.progress.danger .progress-bar-label { color: var(--color-danger); } + .custom-progress-4.progress .progress-bar { border-radius: var(--radius-sm); } + .custom-progress-4.progress .progress-bar-label { position: absolute; inset-inline-end: 0.313rem; @@ -66941,6 +86444,7 @@ hr { font-weight: var(--font-weight-semibold); color: var(--color-primary); } + .ti-modal { position: fixed; inset-inline-start: calc(var(--spacing) * 0); @@ -66951,6 +86455,7 @@ hr { overflow-x: hidden; overflow-y: auto; } + .ti-modal .ti-modal-header { display: flex; align-items: center; @@ -66960,46 +86465,58 @@ hr { border-color: var(--color-defaultborder); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .ti-modal .ti-modal-box { margin: calc(var(--spacing) * 3); opacity: 0%; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); - @media (width >= 40rem) { + + @media (width >=40rem) { margin-inline: auto; } - @media (width >= 40rem) { + + @media (width >=40rem) { width: 100%; } - @media (width >= 40rem) { + + @media (width >=40rem) { max-width: var(--container-md); } - @media (width >= 48rem) { + + @media (width >=48rem) { max-width: var(--container-lg); } + &.open { opacity: 100%; } + .open & { opacity: 100%; } + &.open { --tw-duration: 500ms; transition-duration: 500ms; } + .open & { --tw-duration: 500ms; transition-duration: 500ms; } } + .ti-modal .ti-modal-content { display: flex; flex-direction: column; @@ -67010,32 +86527,40 @@ hr { background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + &:where(.dark, .dark *) { --tw-shadow-color: color-mix(in srgb, #000 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent); } } } + .ti-modal .ti-modal-title { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-gray-800); + &:where(.dark, .dark *) { color: var(--color-white); } } + .ti-modal .ti-modal-close-btn { display: inline-flex; height: calc(var(--spacing) * 8); @@ -67050,85 +86575,104 @@ hr { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); + &:hover { @media (hover: hover) { color: var(--color-gray-400); } } + &:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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 { --tw-ring-color: var(--color-gray-400); } + &:focus { --tw-ring-offset-width: 0px; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } + &:focus { --tw-ring-offset-color: var(--color-white); } + &:focus { --tw-outline-style: none; outline-style: none; } + &:where(.dark, .dark *) { color: var(--color-white); } + &:where(.dark, .dark *) { &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } + &:where(.dark, .dark *) { &:focus { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + &:where(.dark, .dark *) { &:focus { --tw-ring-offset-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .ti-modal .ti-modal-body { padding: calc(var(--spacing) * 4); } + .ti-modal .ti-modal-footer { display: flex; align-items: center; justify-content: flex-end; -moz-column-gap: calc(var(--spacing) * 2); - column-gap: calc(var(--spacing) * 2); + column-gap: calc(var(--spacing) * 2); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-defaultborder); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .toast-container { pointer-events: none; z-index: 1090; max-width: 100%; } + .toast { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -67140,6 +86684,7 @@ hr { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .toast .toast-header { display: flex; align-items: center; @@ -67147,10 +86692,12 @@ hr { padding-inline: calc(var(--spacing) * 3); padding-block: 0.375rem; } + .toast .toast-header img { height: 1.25rem; width: 1.25rem; } + .toast .toast-header { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; @@ -67158,40 +86705,49 @@ hr { border-style: solid; border-color: var(--color-defaultborder); } + .toast .toast-header .btn-close { margin-inline-end: 0.125rem; padding: calc(var(--spacing) * 3); } + .toast .toast-body { padding: calc(var(--spacing) * 3); font-size: 0.8rem; } + .toast .btn-close { font-size: 0.563rem; } + .toast.colored-toast { border-style: var(--tw-border-style) !important; border-width: 0px !important; --tw-backdrop-blur: blur(20px) !important; - 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,) !important; + 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, ) !important; } + .toast.colored-toast .btn-close { --tw-invert: invert(1); - 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: 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, ); } + .toast.colored-toast .toast-header { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + .bd-example-toasts { min-height: 15rem; } + .alert { align-items: center; border-radius: var(--radius-md); @@ -67201,10 +86757,12 @@ hr { padding-block: 0.625rem; font-size: 0.8125rem; } + .alert.alert-dismissible { padding-inline: 0.85rem; padding-block: 0.625rem; } + .alert .btn-close { display: flex; align-items: center; @@ -67212,35 +86770,46 @@ hr { background-image: none; padding: 0.95rem; } + .alert .btn-close i { font-size: 1.5rem; --tw-leading: 1.5; line-height: 1.5; } + .alert:last-child { margin-bottom: calc(var(--spacing) * 0); } + .alert .alert-link { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } + .alert-warning { border-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } + background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } + color: var(--color-warning); } + .alert-warning .alert-link { color: var(--color-warning); } + .alert-warning .btn-close { color: var(--color-warning); } + .alert-warning .btn-close.custom-close { border-radius: 50px; padding: 0.85rem; @@ -67249,23 +86818,31 @@ hr { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .alert-primary { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: var(--color-primary); } + .alert-primary .alert-link { color: var(--color-primary); } + .alert-primary .btn-close { color: var(--color-primary); } + .alert-primary .btn-close.custom-close { border-radius: 50px; padding: 0.85rem; @@ -67274,23 +86851,31 @@ hr { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .alert-secondary { border-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } + background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } + color: var(--color-secondary); } + .alert-secondary .alert-link { color: var(--color-secondary); } + .alert-secondary .btn-close { color: var(--color-secondary); } + .alert-secondary .btn-close.custom-close { border-radius: 50px; padding: 0.85rem; @@ -67299,23 +86884,31 @@ hr { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .alert-success { border-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent); } + background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } + color: var(--color-success); } + .alert-success .alert-link { color: var(--color-success); } + .alert-success .btn-close { color: var(--color-success); } + .alert-success .btn-close.custom-close { border-radius: 50px; padding: 0.85rem; @@ -67324,23 +86917,31 @@ hr { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .alert-info { border-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 10%, transparent); } + background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent); } + color: var(--color-info); } + .alert-info .alert-link { color: var(--color-info); } + .alert-info .btn-close { color: var(--color-info); } + .alert-info .btn-close.custom-close { border-radius: 50px; padding: 0.85rem; @@ -67349,23 +86950,31 @@ hr { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .alert-danger { border-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } + background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } + color: var(--color-danger); } + .alert-danger .alert-link { color: var(--color-danger); } + .alert-danger .btn-close { color: var(--color-danger); } + .alert-danger .btn-close.custom-close { border-radius: 50px; padding: 0.85rem; @@ -67374,17 +86983,21 @@ hr { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .alert-light { border-color: var(--color-light); background-color: var(--color-light); color: var(--font-size-defaultsize); } + .alert-light .alert-link { color: var(--font-size-defaultsize); } + .alert-light .btn-close { color: var(--font-size-defaultsize); } + .alert-light .btn-close.custom-close { border-radius: 50px; padding: 0.85rem; @@ -67393,41 +87006,55 @@ hr { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .alert-dark { border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } + background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } + color: var(--color-black); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .alert-dark .alert-link { color: var(--color-black); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .alert-dark .btn-close { color: var(--color-black); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .alert-dark .btn-close.custom-close { border-radius: 50px; padding: 0.85rem; @@ -67435,139 +87062,176 @@ hr { opacity: 1; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .alert-solid-primary { border-color: var(--color-primary); background-color: var(--color-primary); color: var(--color-white); } + .alert-solid-primary .btn-close { color: var(--color-white); } + .alert-solid-secondary { border-color: var(--color-secondary); background-color: var(--color-secondary); color: var(--color-white); } + .alert-solid-secondary .btn-close { color: var(--color-white); } + .alert-solid-warning { border-color: var(--color-warning); background-color: var(--color-warning); color: var(--color-white); } + .alert-solid-warning .btn-close { color: var(--color-white); } + .alert-solid-info { border-color: var(--color-info); background-color: var(--color-info); color: var(--color-white); } + .alert-solid-info .btn-close { color: var(--color-white); } + .alert-solid-success { border-color: var(--color-success); background-color: var(--color-success); color: var(--color-white); } + .alert-solid-success .btn-close { color: var(--color-white); } + .alert-solid-danger { border-color: var(--color-danger); background-color: var(--color-danger); color: var(--color-white); } + .alert-solid-danger .btn-close { color: var(--color-white); } + .alert-solid-light { border-color: var(--color-light); background-color: var(--color-light); color: var(--color-defaulttextcolor); } + .alert-solid-light .btn-close { color: var(--color-defaulttextcolor); } + .alert-solid-dark { border-color: var(--color-black); background-color: var(--color-black); color: var(--color-white); } + .alert-solid-dark .btn-close { color: var(--color-white); } + .alert-outline-primary { border-color: var(--color-primary); color: var(--color-primary); } + .alert-outline-primary .btn-close { color: var(--color-primary); } + .alert-outline-secondary { border-color: var(--color-secondary); color: var(--color-secondary); } + .alert-outline-secondary .btn-close { color: var(--color-secondary); } + .alert-outline-info { border-color: var(--color-info); color: var(--color-info); } + .alert-outline-info .btn-close { color: var(--color-info); } + .alert-outline-warning { border-color: var(--color-warning); color: var(--color-warning); } + .alert-outline-warning .btn-close { color: var(--color-warning); } + .alert-outline-success { border-color: var(--color-success); color: var(--color-success); } + .alert-outline-success .btn-close { color: var(--color-success); } + .alert-outline-danger { border-color: var(--color-danger); color: var(--color-danger); } + .alert-outline-danger .btn-close { color: var(--color-danger); } + .alert-outline-light { border-color: var(--color-light); color: var(--color-defaulttextcolor); } + .alert-outline-light .btn-close { color: var(--color-light); } + .alert-outline-dark { border-color: var(--color-black); color: var(--color-black); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .alert-outline-dark .btn-close { color: var(--color-light); } + .alert-primary.custom-alert-icon { border-style: var(--tw-border-style); border-width: 1px; @@ -67580,19 +87244,24 @@ hr { background-color: var(--color-white); font-size: 0.813rem; color: #8c9097; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .alert-primary.custom-alert-icon .btn-close { color: #8c9097; } + .alert-secondary.custom-alert-icon { border-style: var(--tw-border-style); border-width: 1px; @@ -67605,19 +87274,24 @@ hr { background-color: var(--color-white); font-size: 0.813rem; color: #8c9097; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .alert-secondary.custom-alert-icon .btn-close { color: #8c9097; } + .alert-warning.custom-alert-icon { border-style: var(--tw-border-style); border-width: 1px; @@ -67630,19 +87304,24 @@ hr { background-color: var(--color-white); font-size: 0.813rem; color: #8c9097; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .alert-warning.custom-alert-icon .btn-close { color: #8c9097; } + .alert-danger.custom-alert-icon { border-style: var(--tw-border-style); border-width: 1px; @@ -67655,19 +87334,24 @@ hr { background-color: var(--color-white); font-size: 0.813rem; color: #8c9097; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .alert-danger.custom-alert-icon .btn-close { color: #8c9097; } + .alert-success.custom-alert-icon { border-style: var(--tw-border-style); border-width: 1px; @@ -67680,19 +87364,24 @@ hr { background-color: var(--color-white); font-size: 0.813rem; color: #8c9097; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .alert-success.custom-alert-icon .btn-close { color: #8c9097; } + .alert-info.custom-alert-icon { border-style: var(--tw-border-style); border-width: 1px; @@ -67705,19 +87394,24 @@ hr { background-color: var(--color-white); font-size: 0.813rem; color: #8c9097; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .alert-info.custom-alert-icon .btn-close { color: #8c9097; } + .alert-light.custom-alert-icon { border-style: var(--tw-border-style); border-width: 1px; @@ -67729,16 +87423,20 @@ hr { border-inline-start-color: var(--color-light); font-size: 0.813rem; color: #8c9097; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .alert-light.custom-alert-icon .btn-close { color: #8c9097; } + .alert-dark.custom-alert-icon { border-style: var(--tw-border-style); border-width: 1px; @@ -67750,16 +87448,20 @@ hr { border-inline-start-color: var(--color-black); font-size: 0.813rem; color: #8c9097; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .alert-dark.custom-alert-icon .btn-close { color: #8c9097; } + .custom-alert1 { margin-inline-end: calc(var(--spacing) * 0); border-style: var(--tw-border-style); @@ -67767,24 +87469,29 @@ hr { background-color: var(--color-white); padding: 1.25rem; color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .custom-alert1 p { margin-bottom: 2.5rem; font-size: 0.8rem; color: #8c9097; } + .custom-alert1 .custom-alert-icon { margin-bottom: 0.85rem; height: 3.125rem; width: 3.125rem; } + .custom-alert1 .btn-close { margin-bottom: calc(var(--spacing) * 4); padding: calc(var(--spacing) * 0); } + .custom-alert1.alert-primary { border-top-style: var(--tw-border-style); border-top-width: 0.313rem; @@ -67792,6 +87499,7 @@ hr { border-style: solid; border-color: var(--color-primary); } + .custom-alert1.alert-secondary { border-top-style: var(--tw-border-style); border-top-width: 0.313rem; @@ -67799,6 +87507,7 @@ hr { border-style: solid; border-color: var(--color-secondary); } + .custom-alert1.alert-warning { border-top-style: var(--tw-border-style); border-top-width: 0.313rem; @@ -67806,6 +87515,7 @@ hr { border-style: solid; border-color: var(--color-warning); } + .custom-alert1.alert-danger { border-top-style: var(--tw-border-style); border-top-width: 0.313rem; @@ -67813,6 +87523,7 @@ hr { border-style: solid; border-color: var(--color-danger); } + .custom-alert1.alert-success { border-top-style: var(--tw-border-style); border-top-width: 0.313rem; @@ -67820,99 +87531,121 @@ hr { border-style: solid; border-color: var(--color-success); } + .alert-img { display: flex; align-items: center; } + .alert-img .avatar { border-style: var(--tw-border-style); border-width: 1px; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + .breadcrumb { margin-bottom: calc(var(--spacing) * 2); } + .breadcrumb .breadcrumb-item a { color: var(--color-primary) !important; } + .breadcrumb .breadcrumb-item.active { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-defaulttextcolor); } -.breadcrumb-item + .breadcrumb-item { + +.breadcrumb-item+.breadcrumb-item { padding-inline-start: calc(var(--spacing) * 2); } -.breadcrumb-item + .breadcrumb-item { + +.breadcrumb-item+.breadcrumb-item { &::before { content: var(--tw-content); margin-inline-end: calc(var(--spacing) * 2); } + &::before { content: var(--tw-content); color: var(--color-textmuted); } + &::before { --tw-content: "/"; content: var(--tw-content); } } -.breadcrumb-example1 .breadcrumb-item + .breadcrumb-item { + +.breadcrumb-example1 .breadcrumb-item+.breadcrumb-item { &::before { content: var(--tw-content); margin-inline-end: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); color: var(--color-textmuted) !important; } + &::before { content: var(--tw-content); --tw-content: '' !important; content: var(--tw-content) !important; } } -.breadcrumb-example2 .breadcrumb-item + .breadcrumb-item { + +.breadcrumb-example2 .breadcrumb-item+.breadcrumb-item { &::before { content: var(--tw-content); color: var(--color-textmuted); } + &::before { --tw-content: "~"; content: var(--tw-content); } } -.breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before { + +.breadcrumb-style1 .breadcrumb-item+.breadcrumb-item::before { color: var(--color-textmuted); --tw-content: "->"; content: var(--tw-content); } -.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before { + +.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before { color: var(--color-textmuted); --tw-content: ''; content: var(--tw-content); } -.breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before { + +.breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before { color: var(--color-textmuted); --tw-content: ''; content: var(--tw-content); } + .embedded-breadcrumb:before { opacity: 0.7; + &::before { --tw-content: ''; content: var(--tw-content); } } + .dark .embedded-breadcrumb:before { --tw-invert: invert(1); - 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: 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, ); } + .avatar { position: relative; margin-bottom: calc(var(--spacing) * 1); @@ -67926,26 +87659,33 @@ hr { font-weight: var(--font-weight-medium); color: var(--color-white); } + .avatar a.badge:hover { color: var(--color-white); } + .avatar img { height: 100%; width: 100%; border-radius: var(--radius-md); } + .avatar .avatar-rounded { border-radius: var(--radius-full) !important; } + .avatar .avatar-rounded img { border-radius: var(--radius-full) !important; } + .avatar.avatar-radius-0 { border-radius: var(--radius-none); } + .avatar.avatar-radius-0 img { border-radius: var(--radius-none); } + .avatar .avatar-badge { position: absolute !important; inset-inline-end: calc(0.375rem * -1) !important; @@ -67963,59 +87703,75 @@ hr { border-color: var(--color-white) !important; font-size: 0.625rem !important; } -.avatar.online, .avatar.offline { + +.avatar.online, +.avatar.offline { position: relative; + &::before { content: var(--tw-content); position: absolute; } + &::before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } + &::before { content: var(--tw-content); height: 0.75rem; } + &::before { content: var(--tw-content); width: 0.75rem; } + &::before { content: var(--tw-content); border-radius: var(--radius-full); } + &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 2px; } + &::before { content: var(--tw-content); --tw-border-style: solid; border-style: solid; } + &::before { content: var(--tw-content); border-color: var(--color-white); } + &::before { content: var(--tw-content); + &:where(.dark, .dark *) { border-color: var(--color-black); } } } + .avatar.online:before { background-color: var(--color-success); } + .avatar.offline:before { background-color: var(--color-gray-500); } + .avatar.avatar-xs { height: 1.25rem; width: 1.25rem; @@ -68023,6 +87779,7 @@ hr { --tw-leading: 1.25rem; line-height: 1.25rem; } + .avatar.avatar-xs .avatar-badge { inset-inline-end: calc(0.5rem * -1) !important; top: calc(25% * -1) !important; @@ -68033,16 +87790,20 @@ hr { --tw-leading: 1rem !important; line-height: 1rem !important; } -.avatar.avatar-xs.online, .avatar.avatar-xs.offline { + +.avatar.avatar-xs.online, +.avatar.avatar-xs.offline { &::before { content: var(--tw-content); height: 0.5rem; } + &::before { content: var(--tw-content); width: 0.5rem; } } + .avatar.avatar-sm { height: 1.75rem; width: 1.75rem; @@ -68050,6 +87811,7 @@ hr { --tw-leading: 1.75rem; line-height: 1.75rem; } + .avatar.avatar-sm .avatar-badge { inset-inline-end: calc(0.5rem * -1) !important; top: calc(38% * -1) !important; @@ -68060,16 +87822,20 @@ hr { --tw-leading: 1.1rem !important; line-height: 1.1rem !important; } -.avatar.avatar-sm.online, .avatar.avatar-sm.offline { + +.avatar.avatar-sm.online, +.avatar.avatar-sm.offline { &::before { content: var(--tw-content); height: 0.5rem; } + &::before { content: var(--tw-content); width: 0.5rem; } } + .avatar.avatar-md { height: 2.5rem; width: 2.5rem; @@ -68077,6 +87843,7 @@ hr { --tw-leading: 2.5rem; line-height: 2.5rem; } + .avatar.avatar-md .avatar-badge { inset-inline-end: calc(13% * -1) !important; top: calc(6% * -1) !important; @@ -68087,20 +87854,25 @@ hr { --tw-leading: 1.2rem !important; line-height: 1.2rem !important; } -.avatar.avatar-md.online, .avatar.avatar-md.offline { + +.avatar.avatar-md.online, +.avatar.avatar-md.offline { &::before { content: var(--tw-content); height: 0.75rem; } + &::before { content: var(--tw-content); width: 0.75rem; } } + .avatar.avatar-md svg { height: 1.5rem; width: 1.5rem; } + .avatar.avatar-lg { height: 3rem; width: 3rem; @@ -68108,24 +87880,30 @@ hr { --tw-leading: 3rem; line-height: 3rem; } + .avatar.avatar-lg .avatar-badge { inset-inline-end: calc(0.25% * -1); top: calc(15% * -1); } -.avatar.avatar-lg.online, .avatar.avatar-lg.offline { + +.avatar.avatar-lg.online, +.avatar.avatar-lg.offline { &::before { content: var(--tw-content); height: 0.8rem; } + &::before { content: var(--tw-content); width: 0.8rem; } } + .avatar.avatar-lg svg { height: 1.8rem; width: 1.8rem; } + .avatar.avatar-xl { height: 4rem; width: 4rem; @@ -68133,20 +87911,25 @@ hr { --tw-leading: 4rem; line-height: 4rem; } + .avatar.avatar-xl .avatar-badge { inset-inline-end: calc(0.2% * -1); top: calc(8% * -1); } -.avatar.avatar-xl.online, .avatar.avatar-xl.offline { + +.avatar.avatar-xl.online, +.avatar.avatar-xl.offline { &::before { content: var(--tw-content); height: 0.95rem; } + &::before { content: var(--tw-content); width: 0.95rem; } } + .avatar.avatar-xxl { height: 5rem; width: 5rem; @@ -68154,27 +87937,35 @@ hr { --tw-leading: 5rem; line-height: 5rem; } + .avatar.avatar-xxl .avatar-badge { inset-inline-end: calc(0% * -1); top: calc(4% * -1); } -.avatar.avatar-xxl.online, .avatar.avatar-xxl.offline { + +.avatar.avatar-xxl.online, +.avatar.avatar-xxl.offline { bottom: calc(var(--spacing) * 1); + &::before { content: var(--tw-content); height: 1.05rem; } + &::before { content: var(--tw-content); width: 1.05rem; } } + .avatar-rounded { border-radius: var(--radius-full) !important; } + .avatar-rounded img { border-radius: var(--radius-full) !important; } + .accordion-button { background-color: var(--color-white); padding-inline: calc(var(--spacing) * 4); @@ -68183,30 +87974,36 @@ hr { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .accordion-button:not(.collapsed) { color: var(--color-defaulttextcolor); --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); } + .accordion-button:focus { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); --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); + &:where(.dark, .dark *) { background-color: var(--color-light); } } + .accordion-body { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); font-size: 0.8125rem; color: var(--color-textmuted); } + .accordion-item { border-style: var(--tw-border-style); border-width: 1px; @@ -68215,25 +88012,32 @@ hr { border-color: var(--color-defaultborder); background-color: var(--color-white); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .accordions-items-seperate .accordion-item:not(:first-of-type) { margin-top: calc(var(--spacing) * 2); } + .accordions-items-seperate .accordion-item { overflow: hidden; border-radius: var(--radius-md); @@ -68242,27 +88046,34 @@ hr { --tw-border-style: solid; border-style: solid; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .accordion-item:last-of-type { border-bottom-right-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } + .accordion-item:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } + .accordion.accordion-flush .accordion-button { padding-inline-end: 2.5rem; } + .accordion.accordion-flush .accordion-button:after { inset-inline-start: 98.5rem !important; } + .accordion.accordion-primary .accordion-button { background-color: var(--color-white); padding-inline: calc(var(--spacing) * 4); @@ -68271,47 +88082,62 @@ hr { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .accordion.accordion-primary .accordion-button:focus { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: var(--color-primary); } -.accordion.accordion-primary .accordion-button:after, .accordion.accordion-primary .accordion-button:not(.collapsed)::after { + +.accordion.accordion-primary .accordion-button:after, +.accordion.accordion-primary .accordion-button:not(.collapsed)::after { background-image: none; } + .accordion.accordion-primary .accordion-button:after { background-color: var(--color-primary); color: var(--color-white); } + .accordion.accordion-primary .accordion-button.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .accordion.accordion-primary .accordion-button.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + .accordion.accordion-secondary .accordion-button { background-color: var(--color-white); padding-inline: calc(var(--spacing) * 4); @@ -68320,114 +88146,150 @@ hr { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .accordion.accordion-secondary .accordion-button:focus { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } + color: var(--color-secondary); } -.accordion.accordion-secondary .accordion-button:after, .accordion.accordion-secondary .accordion-button:not(.collapsed)::after { + +.accordion.accordion-secondary .accordion-button:after, +.accordion.accordion-secondary .accordion-button:not(.collapsed)::after { background-image: none; } + .accordion.accordion-secondary .accordion-button:after { background-color: var(--color-secondary); color: var(--color-white); } + .accordion.accordion-secondary .accordion-button.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .accordion.accordion-secondary .accordion-button.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-success .accordion-button { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } + color: var(--color-success); } + .accordion.accordion-success .accordion-button:after { background-color: var(--color-success); color: var(--color-white); } + .accordion.accordion-success .accordion-button.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .accordion.accordion-success .accordion-button.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-danger .accordion-button { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } + color: var(--color-danger); } + .accordion.accordion-danger .accordion-button:after { background-color: var(--color-danger); color: var(--color-white); } + .accordion.accordion-danger .accordion-button.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); } + .accordion.accordion-danger .accordion-button.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-warning .accordion-button { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } + color: var(--color-warning); } + .accordion.accordion-warning .accordion-button:after { background-color: var(--color-warning); color: var(--color-white); } + .accordion.accordion-warning .accordion-button.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); } + .accordion.accordion-warning .accordion-button.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-info .accordion-button { background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent); } + color: var(--color-info); } + .accordion.accordion-info .accordion-button:after { background-color: var(--color-info); color: var(--color-white); } + .accordion.accordion-info .accordion-button.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); } + .accordion.accordion-info .accordion-button.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-primary .accordion-button { background-color: var(--color-white); padding-inline: calc(var(--spacing) * 4); @@ -68437,22 +88299,27 @@ hr { font-weight: var(--font-weight-medium); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-primary .accordion-button:focus { background-color: var(--color-primary); color: var(--color-white); } + .accordion.accordion-solid-primary .accordion-button:after { background-color: var(--color-white); color: var(--color-primary); } + .accordion.accordion-solid-primary .accordion-button.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-primary .accordion-button.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-secondary .accordion-button { background-color: var(--color-white); padding-inline: calc(var(--spacing) * 4); @@ -68462,86 +88329,107 @@ hr { font-weight: var(--font-weight-medium); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-secondary .accordion-button:focus { background-color: var(--color-secondary); color: var(--color-white); } + .accordion.accordion-solid-secondary .accordion-button:after { background-color: var(--color-white); color: var(--color-secondary); } + .accordion.accordion-solid-secondary .accordion-button.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-secondary .accordion-button.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-success { background-color: var(--color-success); color: var(--color-white); } + .accordion.accordion-solid-success:after { background-color: var(--color-white); color: var(--color-success); } + .accordion.accordion-solid-success.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-success.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-danger { background-color: var(--color-danger); color: var(--color-white); } + .accordion.accordion-solid-danger:after { background-color: var(--color-white); color: var(--color-danger); } + .accordion.accordion-solid-danger.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-danger.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-warning { background-color: var(--color-danger); color: var(--color-white); } + .accordion.accordion-solid-warning:after { background-color: var(--color-white); color: var(--color-danger); } + .accordion.accordion-solid-warning.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-warning.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-info { background-color: var(--color-info); color: var(--color-white); } + .accordion.accordion-solid-info:after { background-color: var(--color-white); color: var(--color-info); } + .accordion.accordion-solid-info.collapsed { background-color: var(--color-white); color: var(--color-defaulttextcolor); } + .accordion.accordion-solid-info.collapsed:after { background-color: var(--color-defaultbackground); color: var(--color-defaulttextcolor); } + .accordion.accordion-border-primary .accordion-item { border-style: var(--tw-border-style); border-width: 1px; @@ -68549,15 +88437,18 @@ hr { border-style: solid; border-color: var(--color-primary); } + .accordion.accordion-border-primary .accordion-button { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; background-color: var(--color-white); color: var(--color-primary); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .accordion.accordion-border-primary .accordion-button:after { border-style: var(--tw-border-style); border-width: 1px; @@ -68567,11 +88458,13 @@ hr { background-color: var(--color-white); color: var(--color-primary); } + .accordion.accordion-border-primary .accordion-button:not(.collapsed) { --tw-border-style: solid; border-style: solid; border-color: var(--color-primary); } + .accordion.accordion-border-success .accordion-item { border-style: var(--tw-border-style); border-width: 1px; @@ -68579,15 +88472,18 @@ hr { border-style: solid; border-color: var(--color-success); } + .accordion.accordion-border-success .accordion-button { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; background-color: var(--color-white); color: var(--color-success); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .accordion.accordion-border-success .accordion-button:after { border-style: var(--tw-border-style); border-width: 1px; @@ -68596,138 +88492,181 @@ hr { border-color: var(--color-success); background-color: var(--color-white); color: var(--color-success); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .accordion.accordion-border-success .accordion-button:not(.collapsed) { --tw-border-style: solid; border-style: solid; border-color: var(--color-success); } + .accordion.accordionicon-none .accordion-button:after { display: none; } + .accordion.accordionicon-left .accordion-button:after { position: absolute; inset-inline-start: 1.935rem; } + .accordion.accordion-customicon1 .accordion-button:after { --tw-content: "\EA13" !important; content: var(--tw-content) !important; } + .accordion.accordion-customicon1 .accordion-button:not(.collapsed)::after { --tw-content: "\F1AF" !important; content: var(--tw-content) !important; } + .customized-accordion .accordion-item.custom-accordion-primary .accordion-button { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0.25rem; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(132, 90, 223) 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 60%, transparent); } + background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .customized-accordion .accordion-item.custom-accordion-primary .accordion-button:after { background-color: color-mix(in srgb, rgb(132, 90, 223) 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 60%, transparent); } + color: var(--color-white); } + .customized-accordion .accordion-item.custom-accordion-primary .accordion-body { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0.25rem; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(132, 90, 223) 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 60%, transparent); } + background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + padding-top: calc(var(--spacing) * 0); } + .customized-accordion .accordion-item.custom-accordion-secondary .accordion-button { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0.25rem; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(35, 183, 229) 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } + background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + .customized-accordion .accordion-item.custom-accordion-secondary .accordion-button:after { background-color: color-mix(in srgb, rgb(35, 183, 229) 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } + color: var(--color-white); } + .customized-accordion .accordion-item.custom-accordion-secondary .accordion-body { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0.25rem; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(35, 183, 229) 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } + background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } + padding-top: calc(var(--spacing) * 0); } + .customized-accordion .accordion-item.custom-accordion-danger .accordion-button { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0.25rem; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(230, 83, 60) 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 60%, transparent); } + background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + .customized-accordion .accordion-item.custom-accordion-danger .accordion-button:after { background-color: color-mix(in srgb, rgb(230, 83, 60) 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 60%, transparent); } + color: var(--color-white); } + .customized-accordion .accordion-item.custom-accordion-danger .accordion-body { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0.25rem; --tw-border-style: solid; border-style: solid; border-color: color-mix(in srgb, rgb(230, 83, 60) 60%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 60%, transparent); } + background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } + padding-top: calc(var(--spacing) * 0); } + .mySwiper1 .swiper-button-next:after, .mySwiper1 .swiper-button-prev:after { font-size: 1.5rem !important; @@ -68735,6 +88674,7 @@ hr { font-weight: 300 !important; color: var(--color-white) !important; } + .mySwiper1 .swiper-pagination-bullet { height: 3px; width: 30px; @@ -68742,19 +88682,22 @@ hr { background-color: var(--color-white); color: var(--color-white); } + .box.box-bg-primary { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .box.box-bg-success { background-color: var(--color-secondary) !important; color: var(--color-white) !important; } + .ti-offcanvas { position: fixed; z-index: 150; height: 100%; - transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); + transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); background-color: var(--color-white); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); @@ -68763,18 +88706,22 @@ hr { transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } } + .ti-offcanvas.ti-offcanvas-left { inset-inline-start: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); @@ -68782,15 +88729,18 @@ hr { max-width: 27.5rem; border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } + .ti-offcanvas.ti-offcanvas-top { inset-inline: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); @@ -68801,6 +88751,7 @@ hr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } + .ti-offcanvas.ti-offcanvas-right { inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); @@ -68808,15 +88759,18 @@ hr { max-width: 27.5rem; border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } + .ti-offcanvas.ti-offcanvas-bottom { inset-inline: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); @@ -68827,11 +88781,13 @@ hr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } + .ti-offcanvas.open { --tw-translate-x: calc(var(--spacing) * 0) !important; --tw-translate-y: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } + .ti-offcanvas .ti-offcanvas-header { display: flex; align-items: center; @@ -68841,27 +88797,33 @@ hr { border-color: var(--color-defaultborder); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .ti-offcanvas .ti-offcanvas-title { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-gray-800); + &:where(.dark, .dark *) { color: var(--color-white); } } + .ti-offcanvas .ti-offcanvas-body { height: 100vh; overflow-y: auto; padding-inline: calc(var(--spacing) * 0); padding-bottom: calc(var(--spacing) * 80); } + .ti-offcanvas .ti-offcanvas-footer { position: absolute !important; bottom: calc(var(--spacing) * 0) !important; @@ -68876,16 +88838,20 @@ hr { padding-block: calc(var(--spacing) * 3) !important; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .switcher-style-head { margin-bottom: calc(var(--spacing) * 0); background-color: var(--color-light); @@ -68896,53 +88862,64 @@ hr { font-weight: var(--font-weight-semibold); color: var(--color-defaulttextcolor); } + .switcher-style { padding-inline: 1.563rem; padding-block: 0.875rem; } + [type=radio] { color: var(--color-primary) !important; } + .theme-colors.switcher-style { padding-inline: 1.563rem; padding-block: 0.938rem; } + .theme-colors [type=radio]:checked { background-image: none; --tw-ring-color: transparent; + &:checked { --tw-ring-color: transparent; } + &:checked { &::before { content: var(--tw-content); position: relative; } } + &:checked { &::before { content: var(--tw-content); inset-inline-start: 0px; } } + &:checked { &::before { content: var(--tw-content); top: 0px; } } + &:checked { &::before { content: var(--tw-content); font-family: 'remixicon'; } } + &:checked { &::before { content: var(--tw-content); font-size: 20px; } } + &:checked { &::before { content: var(--tw-content); @@ -68950,30 +88927,36 @@ hr { font-weight: var(--font-weight-medium); } } + &:checked { &::before { content: var(--tw-content); color: var(--color-success); } } + &:checked { &::before { --tw-content: "\eb7b"; content: var(--tw-content); } } + &:focus { border-color: transparent; } + &:focus { --tw-ring-color: transparent; } } + .theme-colors .switch-select .color-input { height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 8); border-radius: var(--radius-full); } + .theme-colors .switch-select .color-input.form-check-input:checked { position: relative; border-style: var(--tw-border-style); @@ -68981,12 +88964,14 @@ hr { --tw-border-style: solid; border-style: solid; border-color: var(--color-inputborder); + &::after { content: var(--tw-content); --tw-content: none !important; content: none !important; } } + .theme-colors .switch-select .color-input.form-check-input:checked:before { position: absolute; display: flex; @@ -69002,30 +88987,39 @@ hr { --tw-content: "\ea5e"; content: var(--tw-content); } + .theme-colors .switch-select .color-input.color-white { background-color: var(--color-white); } + .theme-colors .switch-select .color-input.color-dark { background-color: var(--color-black); } + .theme-colors .switch-select .color-input.color-primary { background-color: var(--color-primary); } + .theme-colors .switch-select .color-input.color-primary-1 { background-color: #3a5892; } + .theme-colors .switch-select .color-input.color-primary-2 { background-color: #5c90a3; } + .theme-colors .switch-select .color-input.color-primary-3 { background-color: #a15adf; } + .theme-colors .switch-select .color-input.color-primary-4 { background-color: #4eac4c; } + .theme-colors .switch-select .color-input.color-primary-5 { background-color: #df5a5a; } + .theme-colors .switch-select .color-input.color-gradient { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); @@ -69033,26 +89027,33 @@ hr { --tw-gradient-to: #6e72a8; --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)); } + .theme-colors .switch-select .color-input.color-transparent { background-image: url('../images/menu-bg-images/transparent.png') !important; background-size: cover !important; background-position: center !important; } + .theme-colors .switch-select .color-input.color-bg-1 { background-color: #141e60; } + .theme-colors .switch-select .color-input.color-bg-2 { background-color: #084e73; } + .theme-colors .switch-select .color-input.color-bg-3 { background-color: #5a2587; } + .theme-colors .switch-select .color-input.color-bg-4 { background-color: #186533; } + .theme-colors .switch-select .color-input.color-bg-5 { background-color: #784214; } + .menu-image .bgimage-input { height: 5.625rem; width: 3.5rem; @@ -69060,6 +89061,7 @@ hr { border-style: var(--tw-border-style); border-width: 0px; } + .menu-image .bgimage-input.form-check-input { &:checked { &::before { @@ -69068,6 +89070,7 @@ hr { content: none !important; } } + &:checked { &::after { content: var(--tw-content); @@ -69075,44 +89078,52 @@ hr { content: none !important; } } + &:focus { border-color: transparent; } + &:focus { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } + .menu-image .bgimage-input.bg-img1 { background-image: url('../images/menu-bg-images/bg-img1.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } + .menu-image .bgimage-input.bg-img2 { background-image: url('../images/menu-bg-images/bg-img2.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } + .menu-image .bgimage-input.bg-img3 { background-image: url('../images/menu-bg-images/bg-img3.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } + .menu-image .bgimage-input.bg-img4 { background-image: url('../images/menu-bg-images/bg-img4.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } + .menu-image .bgimage-input.bg-img5 { background-image: url('../images/menu-bg-images/bg-img5.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } + .pickr-container-primary .pickr .pcr-button, .pickr-container-background .pickr .pcr-button { top: calc(4px * -1) !important; @@ -69126,27 +89137,33 @@ hr { border-style: solid !important; border-color: var(--color-inputborder) !important; background-color: var(--color-primary) !important; + &::after { content: var(--tw-content); font-size: 1.25rem !important; } + &::after { content: var(--tw-content); color: color-mix(in srgb, #fff 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent) !important; } } } + .pickr-container-primary .pickr .pcr-button:focus, .pickr-container-background .pickr .pcr-button:focus { --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); } + #hs-overlay-switcher .theme-colors .theme-container-primary button, #hs-overlay-switcher .theme-colors .theme-container-background button { display: none !important; } + .pickr-container-primary .pickr .pcr-button, .pickr-container-background .pickr .pcr-button { top: calc(4px * -1) !important; @@ -69160,47 +89177,59 @@ hr { border-style: solid !important; background-color: var(--color-primary) !important; } + .pickr-container-primary .pickr .pcr-button::after, .pickr-container-background .pickr .pcr-button::after { font-family: 'remixicon' !important; color: color-mix(in srgb, #fff 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent) !important; } + --tw-content: "\efc3" !important; content: var(--tw-content) !important; } + .ti-pagination { display: flex; align-items: center; padding-inline: calc(var(--spacing) * 3); padding-block: 0.375rem; } + .ti-pagination li .page-link { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-defaultborder); font-size: 1rem; color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: transparent; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } + &:where(.dark, .dark *) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } @@ -69208,87 +89237,107 @@ hr { } } } + .ti-pagination li .page-link.active { background-color: var(--color-primary) !important; color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-primary) !important; } + &:where(.dark, .dark *) { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent) !important; } } } + .ti-pagination li .page-link.disabled { pointer-events: none; color: var(--color-gray-500); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .ti-pagination li .page-link:focus { background-color: var(--color-light); --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); } + .ti-pagination li .page-link:hover { border-color: var(--color-defaultborder); background-color: var(--color-light); color: var(--color-primary); } + .ti-pagination li:first-child .page-link { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); } + .ti-pagination li:last-child .page-link { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } + .ti-pagination.pagination-sm li .page-link { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } + .ti-pagination.pagination-sm li:first-child .page-link { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); } + .ti-pagination.pagination-sm li:last-child .page-link { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } + .ti-pagination.pagination-lg li .page-link { padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 3); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); - @media (width >= 40rem) { + + @media (width >=40rem) { padding-inline: calc(var(--spacing) * 6); } } + .ti-pagination.pagination-lg li:first-child .page-link { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); } + .ti-pagination.pagination-lg li:last-child .page-link { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } + .pagination-style-1 .ti-pagination li { :where(& > :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(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } + .pagination-style-1 .ti-pagination li .page-link { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -69297,27 +89346,33 @@ hr { padding-block: 0.375rem; --tw-leading: 1; line-height: 1; - @media (width >= 40rem) { + + @media (width >=40rem) { padding-inline: calc(var(--spacing) * 3); } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .pagination-style-2 .ti-pagination li { :where(& > :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))); } + border-style: var(--tw-border-style); border-width: 0px; + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } + .pagination-style-2 .ti-pagination li.active .page-link { position: relative !important; border-radius: var(--radius-md) !important; @@ -69330,49 +89385,60 @@ hr { --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; color: var(--color-primary) !important; + &::before { content: var(--tw-content); position: absolute !important; } + &::before { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0) !important; } + &::before { content: var(--tw-content); bottom: -7px !important; } + &::before { content: var(--tw-content); height: 0.1rem !important; } + &::before { content: var(--tw-content); width: 100% !important; } + &::before { content: var(--tw-content); background-color: var(--color-primary) !important; } - @media (width >= 40rem) { + + @media (width >=40rem) { padding-inline: calc(var(--spacing) * 3) !important; } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .pagination-style-3 .ti-pagination li { :where(& > :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(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } + .pagination-style-3 .ti-pagination li .page-link { border-radius: var(--radius-full) !important; border-style: var(--tw-border-style) !important; @@ -69382,19 +89448,23 @@ hr { --tw-leading: 1 !important; line-height: 1 !important; } + .pagination-style-4 .ti-pagination li { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0 !important; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)) !important; margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important; } + font-size: .8125rem !important; + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1 !important; } } } + .pagination-style-4 .ti-pagination li .page-link { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -69404,40 +89474,48 @@ hr { --tw-leading: 1; line-height: 1; } + .pagination-style-4 .ti-pagination li .page-link.active { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .pagination-style-4 .ti-pagination li .page-link.active .page-link { &:hover { @media (hover: hover) { background-color: var(--color-primary) !important; } } + &:hover { @media (hover: hover) { color: var(--color-white) !important; } } } + .table { margin-bottom: calc(var(--spacing) * 0); border-radius: var(--radius-md); text-align: start; color: var(--color-defaulttextcolor); } + .table tr { &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .table tbody tr th { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .table th, .table td { padding: 0.75rem; @@ -69449,40 +89527,53 @@ hr { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } + .table thead tr th { font-size: 0.85rem; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } -.table.table-sm > :not(caption) > * > * { + +.table.table-sm> :not(caption)>*>* { padding: 0.3rem; } + .table.table-dark { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } + color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #000 2.5%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 2.5%, transparent); } } } + .table.table-primary { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + color: color-mix(in srgb, rgb(132, 90, 223) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 70%, transparent); } } + .table.table-bordered.table-bordered-primary tbody, .table.table-bordered.table-bordered-primary td, .table.table-bordered.table-bordered-primary tfoot, @@ -69490,10 +89581,12 @@ hr { .table.table-bordered.table-bordered-primary thead, .table.table-bordered.table-bordered-primary tr { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important; } } + .table.table-bordered.table-bordered-info tbody, .table.table-bordered.table-bordered-info td, .table.table-bordered.table-bordered-info tfoot, @@ -69501,10 +89594,12 @@ hr { .table.table-bordered.table-bordered-info thead, .table.table-bordered.table-bordered-info tr { border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } + .table.table-bordered.table-bordered-secondary tbody, .table.table-bordered.table-bordered-secondary td, .table.table-bordered.table-bordered-secondary tfoot, @@ -69512,10 +89607,12 @@ hr { .table.table-bordered.table-bordered-secondary thead, .table.table-bordered.table-bordered-secondary tr { border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } + .table.table-bordered.table-bordered-warning tbody, .table.table-bordered.table-bordered-warning td, .table.table-bordered.table-bordered-warning tfoot, @@ -69523,10 +89620,12 @@ hr { .table.table-bordered.table-bordered-warning thead, .table.table-bordered.table-bordered-warning tr { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } + .table.table-bordered.table-bordered-success tbody, .table.table-bordered.table-bordered-success td, .table.table-bordered.table-bordered-success tfoot, @@ -69534,10 +89633,12 @@ hr { .table.table-bordered.table-bordered-success thead, .table.table-bordered.table-bordered-success tr { border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } + .table.table-bordered.table-bordered-danger tbody, .table.table-bordered.table-bordered-danger td, .table.table-bordered.table-bordered-danger tfoot, @@ -69545,16 +89646,20 @@ hr { .table.table-bordered.table-bordered-danger thead, .table.table-bordered.table-bordered-danger tr { border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } -.table.table-striped > tbody > tr:nth-of-type(odd) > * { + +.table.table-striped>tbody>tr:nth-of-type(odd)>* { color: var(--color-defaulttextcolor); } -.table.table-striped-columns > :not(caption) > tr > :nth-child(2n) { + +.table.table-striped-columns> :not(caption)>tr> :nth-child(2n) { color: var(--color-defaulttextcolor); } + .table tbody.table-group-divider { border-radius: var(--radius-md); border-top-style: var(--tw-border-style); @@ -69562,12 +89667,15 @@ hr { --tw-border-style: solid; border-style: solid; } -.table.table-hover > tbody > tr:hover > * { + +.table.table-hover>tbody>tr:hover>* { color: var(--color-defaulttextcolor); } + .table .table-active { color: var(--color-defaulttextcolor); } + .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -69576,33 +89684,41 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .table-responsive, .table { overflow-y: visible !important; } + .table-responsive { display: block; width: 100%; overflow-x: auto; } + .table-responsive { overflow-x: auto; } + .ti-custom-table { min-width: 100%; } + .ti-custom-table th { background-color: var(--color-gray-50); padding-inline: calc(var(--spacing) * 6); @@ -69615,16 +89731,20 @@ hr { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); text-transform: uppercase; + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } + &:where(.dark, .dark *) { color: var(--color-white); } } + .ti-custom-table tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -69633,18 +89753,22 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .ti-custom-table td { padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); @@ -69653,17 +89777,21 @@ hr { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; + &:where(.dark, .dark *) { color: var(--color-gray-200); } } + .ti-striped-table tbody tr { &:nth-child(odd) { background-color: var(--color-white); } + &:nth-child(even) { background-color: var(--color-gray-100); } + &:where(.dark, .dark *) { &:nth-child(odd) { &:where(.dark, .dark *) { @@ -69671,21 +89799,25 @@ hr { } } } + &:where(.dark, .dark *) { &:nth-child(even) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } } + .ti-custom-table-hover tbody tr { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } + &:where(.dark, .dark *) { &:hover { @media (hover: hover) { @@ -69694,17 +89826,21 @@ hr { } } } + .table-bordered { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .table-bordered tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -69712,32 +89848,40 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } + .table-bordered-primary { border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } + .table-bordered-primary .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -69746,21 +89890,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } } + .table-bordered-primary tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -69769,21 +89918,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } } + .table-bordered-primary tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -69791,35 +89945,44 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } } + .table-bordered-secondary { border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } } + .table-bordered-secondary .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -69828,21 +89991,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } } } + .table-bordered-secondary tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -69851,21 +90019,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } } } + .table-bordered-secondary tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -69873,35 +90046,44 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } } } + .table-bordered-warning { border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } } + .table-bordered-warning .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -69910,21 +90092,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } } } + .table-bordered-warning tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -69933,21 +90120,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } } } + .table-bordered-warning tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -69955,35 +90147,44 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } } } + .table-bordered-danger { border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } } + .table-bordered-danger .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -69992,21 +90193,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } } } + .table-bordered-danger tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70015,21 +90221,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } } } + .table-bordered-danger tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70037,35 +90248,44 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } } } + .table-bordered-info { border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } } + .table-bordered-info .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70074,21 +90294,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } } } + .table-bordered-info tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70097,21 +90322,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } } } + .table-bordered-info tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70119,35 +90349,44 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } } } + .table-bordered-success { border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } } + .table-bordered-success .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70156,21 +90395,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } } } + .table-bordered-success tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70179,21 +90423,26 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } } } + .table-bordered-success tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70201,33 +90450,42 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 30%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } } } + .table-primary { background-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + .table-primary th { color: var(--color-black); + &:where(.dark, .dark *) { color: var(--color-white); } } + .table-primary tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70236,27 +90494,34 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } } + .table-primary td { color: var(--color-gray-800); + &:where(.dark, .dark *) { color: var(--color-gray-200); } } + .table-primary tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70264,21 +90529,26 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } } + .table-primary .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70287,36 +90557,46 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } } + .table-dark { background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } + &:where(.dark, .dark *) { background-color: var(--color-bodybg2); } } + .table-dark th { color: var(--color-black); + &:where(.dark, .dark *) { color: var(--color-white); } } + .table-dark tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70325,27 +90605,34 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #000 2.5%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 2.5%, transparent); } } } } + .table-dark td { color: var(--color-black); + &:where(.dark, .dark *) { color: var(--color-white); } } + .table-dark tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70353,21 +90640,26 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #000 2.5%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 2.5%, transparent); } } } } + .table-dark .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70376,33 +90668,42 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #000 2.5%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 2.5%, transparent); } } } } + .table-secondary { background-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + .table-secondary th { color: var(--color-black); + &:where(.dark, .dark *) { color: var(--color-white); } } + .table-secondary tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70411,27 +90712,34 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } } + .table-secondary td { color: var(--color-gray-800); + &:where(.dark, .dark *) { color: var(--color-gray-200); } } + .table-secondary tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70439,21 +90747,26 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } } + .table-secondary .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70462,33 +90775,42 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(35, 183, 229) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } } + .table-warning { background-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } + .table-warning th { color: var(--color-black); + &:where(.dark, .dark *) { color: var(--color-white); } } + .table-warning tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70497,27 +90819,34 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } } } + .table-warning td { color: var(--color-gray-800); + &:where(.dark, .dark *) { color: var(--color-gray-200); } } + .table-warning tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70525,21 +90854,26 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } } } + .table-warning .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70548,33 +90882,42 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(245, 184, 73) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } } } + .table-info { background-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } + .table-info th { color: var(--color-black); + &:where(.dark, .dark *) { color: var(--color-white); } } + .table-info tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70583,27 +90926,34 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } } } + .table-info td { color: var(--color-gray-800); + &:where(.dark, .dark *) { color: var(--color-gray-200); } } + .table-info tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70611,21 +90961,26 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } } } + .table-info .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70634,33 +90989,42 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(73, 182, 245) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } } } + .table-danger { background-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + .table-danger th { color: var(--color-black); + &:where(.dark, .dark *) { color: var(--color-white); } } + .table-danger tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70669,27 +91033,34 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } } } + .table-danger td { color: var(--color-gray-800); + &:where(.dark, .dark *) { color: var(--color-gray-200); } } + .table-danger tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70697,21 +91068,26 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } } } + .table-danger .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70720,33 +91096,42 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(230, 83, 60) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } } } + .table-success { background-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } + .table-success th { color: var(--color-black); + &:where(.dark, .dark *) { color: var(--color-white); } } + .table-success tbody { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70755,27 +91140,34 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } } } + .table-success td { color: var(--color-gray-800); + &:where(.dark, .dark *) { color: var(--color-gray-200); } } + .table-success tr { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; @@ -70783,21 +91175,26 @@ hr { border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } } } + .table-success .ti-custom-table-head { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -70806,127 +91203,166 @@ hr { border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } + :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } + &:where(.dark, .dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, rgb(38, 191, 148) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } } } + .ti-head-primary th { background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } + &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } } + .ti-head-secondary th { background-color: color-mix(in srgb, rgb(35, 183, 229) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } + &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(35, 183, 229) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } } + .ti-head-warning th { background-color: color-mix(in srgb, rgb(245, 184, 73) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } + &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(245, 184, 73) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } } } + .ti-head-success th { background-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } + &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } } + .ti-head-info th { background-color: color-mix(in srgb, rgb(73, 182, 245) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 20%, transparent); } + &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(73, 182, 245) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-info) 20%, transparent); } } } + .ti-head-danger th { background-color: color-mix(in srgb, rgb(230, 83, 60) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } + &:where(.dark, .dark *) { background-color: color-mix(in srgb, rgb(230, 83, 60) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } } } -.table-striped > tbody > tr:nth-of-type(odd) > * { + +.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: color-mix(in srgb, #000 1.25%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 1.25%, transparent); } + color: var(--color-defaulttextcolor); } -.table-striped-columns > :not(caption) > tr > :nth-child(2n) { + +.table-striped-columns> :not(caption)>tr> :nth-child(2n) { background-color: var(--color-light); color: var(--color-defaulttextcolor); } -.table.table-success.table-striped > tbody > tr:nth-of-type(odd) > * { + +.table.table-success.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: color-mix(in srgb, rgb(38, 191, 148) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } + caption { padding-top: calc(var(--spacing) * 2); padding-bottom: calc(var(--spacing) * 2); text-align: start; color: var(--color-textmuted); } + .table-active { background-color: var(--color-light); } + .ti-main-tooltip { position: relative; display: inline-block; } + .ti-main-tooltip .ti-main-tooltip-toggle { display: block; text-align: center; } + .ti-main-tooltip-content { visibility: hidden; position: absolute; @@ -70947,114 +91383,143 @@ caption { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); + &:where(.dark, .dark *) { background-color: var(--color-gray-900); } + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } + &.hs-tooltip-content.show { visibility: visible; } + .hs-tooltip.show & { visibility: visible; } + &.hs-tooltip-content.show { opacity: 100%; } + .hs-tooltip.show & { opacity: 100%; } } + #pie-basic .apexcharts-canvas, #polararea-basic .apexcharts-canvas { margin-inline: auto; margin-block: calc(var(--spacing) * 0); } + .chartjs-chart { max-height: 18.75rem !important; } + .echart-charts { height: calc(var(--spacing) * 80); } + .apexcharts-legend-marker { margin-inline-end: calc(var(--spacing) * 1); } + .apexcharts-tooltip.apexcharts-theme-light, .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { z-index: 0; border-color: var(--color-gray-200); background-color: var(--color-white); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .apexcharts-treemap-rect, .apexcharts-heatmap-rect, .apexcharts-marker, #apexcharts-radialbarTrack-0 { &:where(.dark, .dark *) { stroke: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + .apexcharts-pie-series path { &:where(.dark, .dark *) { stroke: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + .apexcharts-legend-text { &:where(.dark, .dark *) { color: var(--color-white); } } + .apexcharts-legend-text, .apexcharts-datalabel-value { &:where(.dark, .dark *) { fill: var(--color-white); } + &:where(.dark, .dark *) { color: var(--color-white); } } + .apexcharts-radar-series.apexcharts-plot-series polygon, .apexcharts-radar-series.apexcharts-plot-series line { &:where(.dark, .dark *) { stroke: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + .apexcharts-pie line, .apexcharts-pie circle { &:where(.dark, .dark *) { stroke: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + .apexcharts-toolbar { display: none !important; - @media (width >= 40rem) { + + @media (width >=40rem) { display: flex !important; } } + .apexcharts-text, .apexcharts-zoom-icon svg, .apexcharts-zoomin-icon svg, @@ -71063,19 +91528,23 @@ caption { .apexcharts-menu-icon svg { &:where(.dark, .dark *) { fill: color-mix(in srgb, #fff 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-white) 80%, transparent) !important; } } } + .apexcharts-toolbar { z-index: 0; } + .apexcharts-text title, .apexcharts-text tspan { fill: var(--color-gray-500); color: var(--color-gray-500); } + #area-chart .apexcharts-title-text, #area-chart .apexcharts-subtitle-text, #line-chart .apexcharts-title-text, @@ -71095,12 +91564,14 @@ caption { translate: var(--tw-translate-x) var(--tw-translate-y); } } + #bar-chart .apexcharts-yaxis-label { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * -20); translate: var(--tw-translate-x) var(--tw-translate-y); } } + #timeline-basic .apexcharts-yaxis-label, #candlestick-basic .apexcharts-yaxis-label, #heatmap-basic .apexcharts-yaxis-label { @@ -71109,386 +91580,491 @@ caption { translate: var(--tw-translate-x) var(--tw-translate-y); } } + .apexcharts-menu { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } } + .apexcharts-theme-light .apexcharts-menu-item:hover { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } + #boxplot-basic .apexcharts-series path { &:where(.dark, .dark *) { stroke: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + @media (min-width: 992px) { [data-vertical-style=doublemenu] .simplebar-offset { position: inherit !important; } } + @media (min-width: 992px) { [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1 { height: 100vh !important; } } + #visitors-countries { z-index: 11; } + .h5 { font-size: 1.25rem !important; } + h6 { font-size: 1rem; } + .ng-select .ng-select-container { border-color: var(--color-inputborder) !important; background-color: var(--color-white) !important; font-size: 0.875rem !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } -.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input { + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input { color: var(--color-defaulttextcolor) !important; } + .input-group .ng-select .ng-select-container { border-start-start-radius: var(--radius-none) !important; border-end-start-radius: var(--radius-none) !important; } + .simplebar-scrollbar.simplebar-visible:before { opacity: .1 !important; } -.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container { + +.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } + [dir=rtl] .table { margin-inline-end: 1px; } + .avatar-list-stacked .avatar.avatar-xs { margin-inline-end: calc(0.5rem * -1) !important; } -dropzone > .dropzone.dz-wrapper .dz-message { + +dropzone>.dropzone.dz-wrapper .dz-message { min-height: 85px !important; border-color: var(--color-inputborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .ng-dropdown-panel { border-color: var(--color-inputborder) !important; background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { border-color: var(--color-inputborder) !important; background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .angular-editor-toolbar[_ngcontent-ng-c834769704] .angular-editor-toolbar-set[_ngcontent-ng-c834769704] .angular-editor-button[_ngcontent-ng-c834769704], .angular-editor-toolbar[_ngcontent-ng-c834769704], .ae-font .ae-picker-label { border-color: var(--color-inputborder) !important; background-color: var(--color-white) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-placeholder[_ngcontent-ng-c1917172166] { color: var(--color-defaulttextcolor) !important; opacity: 0.5 !important; } + .angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166] { border-color: var(--color-inputborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .swal-modal { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .swal-modal .swal-title { color: var(--color-defaulttextcolor) !important; } + .swal-modal .swal-text { color: #8c9097 !important; opacity: 0.7 !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 50%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent) !important; } } } + .ae-font .ae-picker-label svg .ae-stroke { stroke: var(--color-defaulttextcolor) !important; } + .ae-font .ae-picker-options { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .ae-font .ae-picker-label:before { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: var(--color-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)); + &:where(.dark, .dark *) { --tw-gradient-from: var(--color-bodybg); --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)); } + &:where(.dark, .dark *) { --tw-gradient-to: var(--color-bodybg); --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)); } } + .ae-font .ae-picker-label { border-color: var(--color-inputborder); background-color: var(--color-white); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .ae-font .ae-picker-options .ae-picker-item { color: var(--color-defaulttextcolor) !important; } -.ae-font .ae-picker-options .ae-picker-item.selected, .ae-font .ae-picker-options .ae-picker-item.focused, .ae-font .ae-picker-options .ae-picker-item:hover { + +.ae-font .ae-picker-options .ae-picker-item.selected, +.ae-font .ae-picker-options .ae-picker-item.focused, +.ae-font .ae-picker-options .ae-picker-item:hover { &:where(.dark, .dark *) { color: var(--color-black) !important; } } + .ae-font.ae-expanded .ae-picker-options { border-color: var(--color-inputborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + [dir=rtl] .ae-font .ae-picker-label { float: right !important; padding-inline-end: 10px !important; padding-left: 8px !important; text-align: right !important; } + [dir=rtl] .ae-font .ae-picker-label:before { right: auto !important; left: calc(var(--spacing) * 0) !important; } + [dir=rtl] .ae-font .ae-picker-label:before, [dir=rtl] .ae-font .ae-picker-label svg { right: auto !important; left: calc(var(--spacing) * 0) !important; } + .NgxEditor__MenuBar { background-color: var(--color-light) !important; } + .NgxEditor { border-color: var(--color-inputborder) !important; background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + app-footer { margin-top: auto; } + .tab-content .tab-pane, .mails-information .mail-attachment { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } -.custom-toggle-switch > label:after { + +.custom-toggle-switch>label:after { &:where(.dark, .dark *) { border-style: var(--tw-border-style); border-width: 1px; } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } + &:where(.dark, .dark *) { --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); } } + .mdc-text-field--filled:not(.mdc-text-field--disabled) { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 50%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent) !important; } } } + .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above, .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 50%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent) !important; } } } + .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input { color: var(--color-defaulttextcolor) !important; } + .mat-mdc-icon-button svg { fill: var(--color-defaulttextcolor) !important; } + .NgxEditor__Dropdown:hover, .angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166], .angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166] { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166]:focus-within { --tw-outline-style: none !important; outline-style: none !important; } + .angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166] { min-height: 15rem !important; } + @media (max-width: 375px) { .ti-pagination li .page-link { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; } } + [type=checkbox]:focus { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + :is(.dark .progress-custom .progress-bar-value) { - --tw-shadow-color: rgba(255, 255, 255, .08)! ; + --tw-shadow-color: rgba(255, 255, 255, .08) !; } + .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup { color: var(--color-defaulttextcolor) !important; opacity: 6 !important; } + .color-pickr-slider #result { margin-inline-start: calc(var(--spacing) * 8) !important; margin-top: calc(var(--spacing) * 12) !important; margin-bottom: calc(var(--spacing) * 6) !important; } + .color-pickr-slider #result #result { margin-inline-start: calc(var(--spacing) * 0) !important; margin-top: calc(var(--spacing) * 0) !important; margin-bottom: calc(var(--spacing) * 0) !important; } + .color-pickr-slider #color1, .color-pickr-slider #color2, .color-pickr-slider #color3 { display: none !important; } + #lightPrimaryColorID, #transparentBgColorID, .pickr-container1 input { @@ -71497,56 +92073,69 @@ app-footer { width: 2rem !important; border-radius: var(--radius-md) !important; } + .color-picker .box { flex-direction: row-reverse !important; flex-wrap: wrap !important; align-content: space-between !important; justify-content: flex-start !important; + &:where(.dark, .dark *) { background-color: transparent !important; } } + .NgxEditor__MenuItem:hover { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .br-units[_ngcontent-ng-c3013319537] { flex-wrap: wrap !important; } + #external-events[_ngcontent-ng-c3653271785] { border-style: var(--tw-border-style) !important; border-width: 0px !important; border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-month-view .cal-cell-row .cal-cell:hover, .cal-month-view .cal-cell-row:hover { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-month-view .cal-day-cell.cal-today { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-cell, .cal-header, .cal-month-view .cal-days .cal-cell-row, @@ -71554,189 +92143,252 @@ app-footer { .cal-month-view .cal-day-cell.cal-today { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-month-view .cal-day-cell.cal-weekend .cal-day-number, .cal-month-view .cal-day-cell.cal-out-month .cal-day-number, .cal-month-view .cal-day-number { color: var(--color-defaulttextcolor) !important; } + .owl-theme .owl-nav [class*=owl-] { background-color: color-mix(in srgb, #000 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important; } + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .ng-select.select-md.ng-select-single .ng-select-container { height: 48px !important; } + .ng-select.select-lg.ng-select-single .ng-select-container { height: 56px !important; } + .companies-search-input .ng-select.ng-select-single .ng-select-container { display: flex; height: 44px !important; gap: 5px !important; } + .ng-select.form-control { padding: calc(var(--spacing) * 0) !important; } + .ng-dropdown-panel { z-index: 2 !important; } + ng-select.ng-select-searchable.ng-select-clearable.ng-select.ng-select-single.ng-select-opened.ng-select-bottom { z-index: 1 !important; } -#carousel-container[_ngcontent-ng-c1271098887] > .current-figure[_ngcontent-ng-c1271098887] > .current-image[_ngcontent-ng-c1271098887] > img[_ngcontent-ng-c1271098887], -.previews-container[_ngcontent-ng-c1488287478] > .preview-inner-container[_ngcontent-ng-c1488287478] > .preview-image[_ngcontent-ng-c1488287478] { + +#carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887]>.current-image[_ngcontent-ng-c1271098887]>img[_ngcontent-ng-c1271098887], +.previews-container[_ngcontent-ng-c1488287478]>.preview-inner-container[_ngcontent-ng-c1488287478]>.preview-image[_ngcontent-ng-c1488287478] { border-radius: var(--radius-lg) !important; } -.previews-container[_ngcontent-ng-c1488287478] > .preview-inner-container[_ngcontent-ng-c1488287478] { + +.previews-container[_ngcontent-ng-c1488287478]>.preview-inner-container[_ngcontent-ng-c1488287478] { gap: calc(var(--spacing) * 0.5) !important; } + h4 { font-size: 1.5rem !important; } -h3, .h3 { + +h3, +.h3 { font-size: 1.75rem !important; } -.nft-tag.nft-tag-dark:hover .nft-tag-text, .nft-tag.nft-tag-dark.active .nft-tag-text { + +.nft-tag.nft-tag-dark:hover .nft-tag-text, +.nft-tag.nft-tag-dark.active .nft-tag-text { color: var(--color-defaulttextcolor) !important; opacity: 0.8 !important; } + .ng-select.ng-select-single.Buy-crypto-input .ng-select-container { height: 40px !important; } -.mat-mdc-table tbody, .mat-mdc-table tfoot, .mat-mdc-table thead, .mat-mdc-cell, .mat-mdc-footer-cell, .mat-mdc-header-row, .mat-mdc-row, .mat-mdc-footer-row, .mat-mdc-table .mat-mdc-header-cell { + +.mat-mdc-table tbody, +.mat-mdc-table tfoot, +.mat-mdc-table thead, +.mat-mdc-cell, +.mat-mdc-footer-cell, +.mat-mdc-header-row, +.mat-mdc-row, +.mat-mdc-footer-row, +.mat-mdc-table .mat-mdc-header-cell { border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .mat-mdc-paginator { border-color: var(--color-defaultborder) !important; background-color: var(--color-white) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .mat-mdc-table { background-color: var(--color-white) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } -.mat-mdc-select-arrow, .mat-mdc-select { + +.mat-mdc-select-arrow, +.mat-mdc-select { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } } + @media (min-width: 992px) { [data-menu-styles=dark][data-nav-layout=horizontal][data-page-style=classic] .app-sidebar { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 { inset-inline-start: auto !important; inset-inline-end: auto !important; } + [data-nav-layout=vertical][data-toggled=icon-hover-closed][data-nav-style=icon-hover] .app-sidebar .simplebar-content { position: absolute !important; } + [data-nav-layout=vertical][data-toggled=icon-hover-closed][data-nav-style=icon-hover] .app-sidebar .simplebar-track.simplebar-horizontal { position: fixed !important; } + [data-nav-layout=vertical][data-toggled=icon-hover-closed][data-nav-style=icon-hover] .app-sidebar .side-menu__item { margin-top: 0.25rem !important; } + [data-vertical-style=icontext][data-toggled=icon-text-close] .app-sidebar .side-menu__item { margin-top: 0.25rem !important; } } + @media (max-width: 991.98px) { .mail-navigation { display: none; } } + [type=checkbox]:focus { --tw-ring-offset-color: transparent !important; --tw-ring-offset-width: 0 !important; } + .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } + .ti-btn-outline-light:hover, .product-sizes { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .product-details-page #carousel-container[_ngcontent-ng-c1271098887] { background-color: var(--color-light) !important; } -.product-details-page .previews-container[_ngcontent-ng-c1488287478] > .preview-inner-container[_ngcontent-ng-c1488287478] > .preview-image[_ngcontent-ng-c1488287478] { + +.product-details-page .previews-container[_ngcontent-ng-c1488287478]>.preview-inner-container[_ngcontent-ng-c1488287478]>.preview-image[_ngcontent-ng-c1488287478] { border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + [_nghost-ng-c1488287478] { padding: 5px !important; } + @media (min-width: 992px) { [data-nav-layout=horizontal] .landing-body .app-sidebar { padding-inline-start: 1rem !important; padding-inline-end: 1rem !important; } } + .ti-btn-outline-light:focus-visible { outline-style: var(--tw-outline-style) !important; outline-width: 0px !important; } + .code-section { display: block; } + .select2-img { display: inline-flex; margin-inline-end: 0.25rem !important; @@ -71744,36 +92396,48 @@ h3, .h3 { width: 1.45rem !important; border-radius: 1.25rem !important; } + .custom-width { width: 4.5rem; } -#carousel-container[_ngcontent-ng-c1271098887] > .current-figure[_ngcontent-ng-c1271098887] .nav[_ngcontent-ng-c1271098887], -#carousel-container[_ngcontent-ng-c1271098887] > .current-figure[_ngcontent-ng-c1271098887] > .nav-right[_ngcontent-ng-c1271098887], -#carousel-container[_ngcontent-ng-c1271098887] > .current-figure[_ngcontent-ng-c1271098887] > .nav-left[_ngcontent-ng-c1271098887] { + +#carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887] .nav[_ngcontent-ng-c1271098887], +#carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887]>.nav-right[_ngcontent-ng-c1271098887], +#carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887]>.nav-left[_ngcontent-ng-c1271098887] { border-radius: var(--radius-md) !important; background-color: color-mix(in srgb, #000 30%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important; } + color: var(--color-white) !important; } -.arrow-image, .right-arrow-image, .left-arrow-image, .empty-arrow-image { + +.arrow-image, +.right-arrow-image, +.left-arrow-image, +.empty-arrow-image { margin: 5px !important; height: 15px !important; width: 15px !important; background-size: contain !important; } + .scrollable-modal-max .ti-modal .ti-modal-body { overflow-y: auto; } + .ae-font .ae-picker-label { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .ng-clear-wrapper { display: none !important; } + .dropzone .dz-preview:hover, .dropzone.dz-wrapper .dz-preview .dz-progress, .dropzone .dz-preview .dz-success-mark, @@ -71781,183 +92445,235 @@ h3, .h3 { .dropzone .dz-preview .dz-error-mark { z-index: 9 !important; } + .dropzone .dz-preview .dz-image { z-index: 8 !important; } -.ng-select .ng-select-container .ng-value-container .ng-input > input { + +.ng-select .ng-select-container .ng-value-container .ng-input>input { display: none !important; } + .dropzone .dz-preview.dz-image-preview { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } -dropzone > .dropzone.dz-wrapper.dz-single .dz-preview { + +dropzone>.dropzone.dz-wrapper.dz-single .dz-preview { max-height: 10rem !important; } -dropzone > .dropzone.dz-wrapper .dz-message { + +dropzone>.dropzone.dz-wrapper .dz-message { border-style: var(--tw-border-style) !important; border-width: 0px !important; } + .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover { background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } + input::-webkit-datetime-edit { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { justify-content: flex-end !important; } } -input[type=week]::-webkit-calendar-picker-indicator, input[type=month]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-calendar-picker-indicator { + +input[type=week]::-webkit-calendar-picker-indicator, +input[type=month]::-webkit-calendar-picker-indicator, +input[type=date]::-webkit-calendar-picker-indicator, +input[type=datetime-local]::-webkit-calendar-picker-indicator, +input[type=time]::-webkit-calendar-picker-indicator { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { position: absolute !important; } } + .mat-stepper-vertical, .mat-stepper-horizontal { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .mat-stepper-horizontal-line { border-top-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-top-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-top-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + @media (max-width: 480px) { .mat-vertical-content-container { margin-left: calc(var(--spacing) * 0) !important; + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-right: calc(var(--spacing) * 0) !important; } } + .mat-vertical-content { padding: calc(var(--spacing) * 0) !important; } + .mat-stepper-vertical-line::before { display: none !important; } + .mat-vertical-stepper-header .mat-step-icon { margin-right: calc(var(--spacing) * 0) !important; + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-left: calc(var(--spacing) * 0) !important; } } + .mat-step-icon { height: 32px !important; width: 100% !important; border-radius: 5px !important; } + .checkout-payment-success { padding: 1rem !important; } } + .mat-step-icon { background-color: var(--color-light) !important; color: var(--color-defaulttextcolor) !important; } + .mat-step-icon.mat-step-icon-selected { background-color: var(--color-primary) !important; color: var(--color-white) !important; } + .ng-dropdown-panel .ng-dropdown-header { &:where(.dark, .dark *) { border-bottom-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + input.ng-star-inserted { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } -.NgxEditor__Dropdown .NgxEditor__Dropdown--Selected, .NgxEditor__Dropdown .NgxEditor__Dropdown--Open { + +.NgxEditor__Dropdown .NgxEditor__Dropdown--Selected, +.NgxEditor__Dropdown .NgxEditor__Dropdown--Open { color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .NgxEditor__Dropdown .NgxEditor__Dropdown--DropdownMenu { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .NgxEditor__Dropdown .NgxEditor__Dropdown--Item:hover { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } } + .NgxEditor__Dropdown .NgxEditor__Dropdown--Text:after { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-right: 24px !important; } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-left: 0 !important; } } -.product-details-page #carousel-container[_ngcontent-ng-c1271098887] > .current-figure[_ngcontent-ng-c1271098887] > .current-image[_ngcontent-ng-c1271098887] > img[_ngcontent-ng-c1271098887] { + +.product-details-page #carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887]>.current-image[_ngcontent-ng-c1271098887]>img[_ngcontent-ng-c1271098887] { margin-inline: auto !important; width: auto !important; } + .NgxEditor__Seperator { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } + .ti-pagination li .page-link:hover { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + div.mat-mdc-select-panel { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .mat-mdc-option { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { border-style: var(--tw-border-style) !important; @@ -71965,208 +92681,260 @@ div.mat-mdc-select-panel { border-color: var(--color-defaultborder) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .mdc-data-table__table { border-style: var(--tw-border-style) !important; border-width: 1px !important; --tw-border-style: solid !important; border-style: solid !important; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .mat-elevation-z8 .mdc-data-table__table { border-style: var(--tw-border-style) !important; border-width: 0px !important; } + .mat-mdc-paginator-page-size { margin-block: 0.5rem; } -.mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { + +.mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } -.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + +.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .mat-mdc-raised-button:not(:disabled) { background-color: var(--color-light) !important; color: var(--color-defaulttextcolor) !important; + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + #external-events[_ngcontent-ng-c2392543396] { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-week-view .cal-day-headers { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-week-view { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment, .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-week-view .cal-hour-odd { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .cal-week-view .cal-all-day-events { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-week-view .cal-time-events { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-week-view .cal-day-headers .cal-header:hover, .cal-week-view .cal-day-headers .cal-drag-over { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-week-view .cal-header.cal-today { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .cal-week-view .cal-day-column { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + #calendar2 .btn-group .btn-primary:last-child { border-start-end-radius: 2px !important; border-end-end-radius: 2px !important; } + h5 { font-size: 1.25rem; } + .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { top: calc(var(--spacing) * 0); } + .nft-details-bg.product-details-page #carousel-container[_ngcontent-ng-c1271098887] { &:where(.dark, .dark *) { background-color: transparent !important; } } + .br-square .br-unit-inner { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + select { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { background-position: 0.5rem !important; } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { background-position: left !important; } } + .ng-select .ng-select-container .ng-value-container .ng-placeholder { color: var(--color-defaulttextcolor) !important; opacity: 0.7 !important; + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .ngx-slider .ngx-slider-bar:not(.ngx-slider-selection) { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #000 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } + .color-pickr-slider #result { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .custom-fileupload.single-fileupload .filepond--root .filepond--drop-label { min-height: 7.5em !important; } -.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value { + +.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + select { border-radius: var(--radius-md); border-style: var(--tw-border-style); @@ -72177,73 +92945,91 @@ select { background-color: var(--color-white); color: var(--font-size-defaultsize); color: var(--color-defaulttextcolor); + &:focus { border-style: var(--tw-border-style); border-width: 1px; } + &:focus { border-color: var(--color-primary); } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + select option { border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in srgb, rgb(132, 90, 223) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } + background-color: var(--color-white); padding-inline: calc(var(--spacing) * 3); padding-block: 0.35rem; + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + select option:checked { background-color: color-mix(in srgb, rgb(132, 90, 223) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } + color: var(--color-primary); } + .angular-editor-toolbar[_ngcontent-ng-c834769704] .angular-editor-toolbar-set[_ngcontent-ng-c834769704] .foreground[_ngcontent-ng-c834769704] [_ngcontent-ng-c834769704]:after { &:where(.dark, .dark *) { background-color: var(--color-white) !important; } } + .NgxEditor__Popup { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .mdc-notched-outline__leading, .mdc-notched-outline__trailing { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .mat-mdc-select-arrow svg { &:where(.dark, .dark *) { fill: var(--color-white) !important; } } + .mat-mdc-select-value-text { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .ngx-slider .ngx-slider-bubble { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + [type=text], input:where(:not([type])), [type=email], @@ -72264,211 +93050,266 @@ select { background-color: var(--color-white); color: var(--font-size-defaultsize); color: var(--color-defaulttextcolor); + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .angular-editor-toolbar .angular-editor-toolbar-set .foreground:after { &:where(.dark, .dark *) { background-color: var(--color-white) !important; } } + .angular-editor-toolbar .angular-editor-toolbar-set .foreground i:after { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { right: 13px !important; } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: auto !important; } } + .angular-editor-toolbar .angular-editor-toolbar-set .background { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .swal-button--cancel { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } + &:where(.dark, .dark *) { color: var(--color-white) !important; } + &:where(.dark, .dark *) { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } + #invoice-list-stats .apexcharts-canvas { width: 100% !important; } + #invoice-list-stats .apexcharts-canvas svg { width: 100% !important; } + ngx-colors-panel .opened, .color-picker { &:where(.dark, .dark *) { background-color: var(--color-bodybg) !important; } } + .opened .manual-input-wrapper .g-input input { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .opened button { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + ngx-colors-panel svg { &:where(.dark, .dark *) { --tw-invert: invert(1) !important; - 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,) !important; + 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, ) !important; } } + ngx-colors-panel .circle.button { &:where(.dark, .dark *) { background-color: color-mix(in srgb, #fff 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } + .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { &:where(.dark, .dark *) { border-color: color-mix(in srgb, #fff 20%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } } + [data-nav-layout=vertical] .main-menu { margin: calc(var(--spacing) * 0) !important; } + #mail-reply-editor .NgxEditor { min-height: 12rem !important; } + .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input { background-color: transparent !important; } + #grid-sorting .mat-elevation-z8 .mdc-data-table__table { border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; } + #basic-table .mdc-data-table__table, #download-table .mdc-data-table__table, #reactivity-table .mdc-data-table__table { border-style: var(--tw-border-style) !important; border-width: 0px !important; } + #line-chart .apexcharts-canvas { width: 100% !important; } + #line-chart .apexcharts-canvas svg { width: 100% !important; } + @media (max-width: 375px) { - .header-content-right .hs-dropdown.open > .ti-dropdown-menu { + .header-content-right .hs-dropdown.open>.ti-dropdown-menu { width: 100% !important; --tw-translate-x: calc(var(--spacing) * 0) !important; --tw-translate-y: 71px !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } } + #timeline-colors .apexcharts-grid-row { fill: transparent !important; } + uhfdsj .ngx-colors-overlay.undefined .ng-star-inserted:not(.circle.button) { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: 304px !important; } } + .NgxEditor__Dropdown .NgxEditor__Dropdown--Active { &:where(.dark, .dark *) { background-color: var(--color-bodybg2); } } + [data-nav-layout=horizontal][class=dark][data-header-styles=transparent] .app-header .horizontal-logo .header-logo .toggle-white { display: none; } -[data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu { + +[data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu, +[data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu { left: auto !important; + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { right: auto !important; } } + .ng-dropdown-panel { z-index: 99999 !important; } + .h4 { font-size: 1.5rem; } + .dz-message .dz-text { color: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } + .apexcharts-title-text { &:where(.dark, .dark *) { fill: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } + #radialbar-multiple .apexcharts-text.apexcharts-datalabel-label { &:where(.dark, .dark *) { fill: color-mix(in srgb, rgb(51, 51, 53) 70%, transparent); + @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-defaulttextcolor) 70%, transparent); } } } -[data-nav-layout=vertical] .main-menu > .slide.has-sub > .slide-menu.child1 > .slide { + +[data-nav-layout=vertical] .main-menu>.slide.has-sub>.slide-menu.child1>.slide { margin-block: 2px; } + #calendar2 .btn-primary.active { background-color: color-mix(in srgb, rgb(132, 90, 223) 80%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important; } } + .apexcharts-canvas { width: 100% !important; } + .apexcharts-canvas svg { width: 100% !important; } + #calendar2 .btn-group { position: relative; display: inline-flex; vertical-align: middle; } + :is([dir=ltr] #calendar2 .btn-group .btn-primary:first-child) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + #calendar2 .btn-group .btn-primary { cursor: pointer; --tw-bg-opacity: 1; @@ -72477,30 +93318,36 @@ uhfdsj .ngx-colors-overlay.undefined .ng-star-inserted:not(.circle.button) { --tw-text-opacity: 1; color: rgb(255, 255, 255, var(--tw-text-opacity)); } + .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { background-color: var(--color-primary) !important; color: var(--color-white) !important; } -pre[class*=language-] > code { + +pre[class*=language-]>code { position: relative; z-index: 1; background-size: 3em 3em; background-origin: content-box; background-attachment: local; } + pre { overflow: auto; } + .owl-nav .owl-prev { position: absolute; top: 29% !important; left: 2px; } + .owl-nav .owl-next { position: absolute; top: 29% !important; right: 2px; } + .owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 14px; @@ -72512,15 +93359,19 @@ pre { width: 30px; height: 30px; } + .authentication .owl-nav .owl-prev { top: 45% !important; } + .authentication .owl-nav .owl-next { top: 45% !important; } + .authentication .owl-theme .owl-nav [class*=owl-] { background: rgba(0, 0, 0, 0.3) !important; } + code[class*=language-] { max-height: inherit; height: inherit; @@ -72528,7 +93379,8 @@ code[class*=language-] { display: block; overflow: auto; } -pre[class*=language-] > code { + +pre[class*=language-]>code { position: relative; z-index: 1; border-left: 10px solid #358ccb; @@ -72539,6 +93391,7 @@ pre[class*=language-] > code { background-origin: content-box; background-attachment: local; } + code[class*=language-], pre[class*=language-] { color: #000; @@ -72556,34 +93409,43 @@ pre[class*=language-] { tab-size: 4; hyphens: none; } + #crm-main .apexcharts-canvas { width: 100px !important; } + #leads-source .apexcharts-canvas { width: 300px !important; } + .showcode { border-style: var(--tw-border-style) !important; border-width: 0px !important; padding: calc(var(--spacing) * 0) !important; } + .mat-horizontal-stepper-wrapper .mat-stepper-horizontal-line { display: none; } + .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container { justify-content: space-between; } + @media (min-width: 992px) { [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .main-sidebar .simplebar-track.simplebar-horizontal { display: none !important; } } + .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder { z-index: 0 !important; } + .swal-modal .swal-footer { text-align: center !important; } + .swal-icon--success:after, .swal-icon--success:before, .swal-icon--success__hide-corners { @@ -72591,88 +93453,108 @@ pre[class*=language-] { background-color: var(--color-bodybg2) !important; } } + .swal-icon--success__ring { top: 7px !important; left: calc(14px * -1) !important; } + .swal-icon--success__line--long { top: 45px !important; right: 19px !important; width: 47px !important; } + .swal-icon--success__line--tip { top: 53px !important; left: calc(var(--spacing) * 0.5) !important; width: 25px !important; } + .cal-month-view { &:where(.dark, .dark *) { border-color: #303234 !important; } + &:where(.dark, .dark *) { background-color: var(--color-bodybg2) !important; } } + [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu .slide-menu.child2 { z-index: 99999 !important; } + .pickr-container-primary .pickr .pcr-button, .pickr-container-background .pickr .pcr-button { background-color: var(--color-primary); } + .pickr-container-background .pickr .pcr-button::after, .pickr-container-primary .pickr .pcr-button::after { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-leading: 1.4; line-height: 1.4; - color: rgba(255,255,255,0.7); + color: rgba(255, 255, 255, 0.7); --tw-content: "\efc5"; content: var(--tw-content); font-family: remixicon !important; } + @media (min-width: 992px) { [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar .simplebar-content-wrapper { overflow: visible !important; } } + @media (min-width: 992px) { [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar .simplebar-content-wrapper { overflow: visible !important; } } + spk-flatpickr { padding: 0 !important; border: 0 !important; } + .no-border-gridjs .gridjs.gridjs-container .gridjs-wrapper { border-style: var(--tw-border-style); border-width: 0px; } + .custom-gridjs .gridjs-table .gridjs-thead .gridjs-tr .gridjs-th:hover { background-color: var(--color-bodybg); } -.custom-gridjs th.gridjs-th-sort:focus, .custom-gridjs th.gridjs-th-sort:hover { + +.custom-gridjs th.gridjs-th-sort:focus, +.custom-gridjs th.gridjs-th-sort:hover { background-color: var(--color-bodybg); } + #grid-header-fixed .custom-gridjs .gridjs.gridjs-container .gridjs-wrapper { border-style: var(--tw-border-style); border-width: 0px; } + .gridjs-pagination .gridjs-pages button:last-child { &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + input { &:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } } + input[type=radio] { position: relative; height: calc(var(--spacing) * 4); @@ -72684,39 +93566,46 @@ input[type=radio] { border-color: var(--color-inputborder); background-color: var(--color-white); padding: calc(var(--spacing) * 0.5); + &:checked { background-color: var(--color-primary); } + &:checked { &::after { content: var(--tw-content); position: absolute; } } + &:checked { &::after { content: var(--tw-content); top: calc(2 / 4 * 100%); } } + &:checked { &::after { content: var(--tw-content); left: calc(2 / 4 * 100%); } } + &:checked { &::after { content: var(--tw-content); height: 6px; } } + &:checked { &::after { content: var(--tw-content); width: 6px; } } + &:checked { &::after { content: var(--tw-content); @@ -72724,6 +93613,7 @@ input[type=radio] { translate: var(--tw-translate-x) var(--tw-translate-y); } } + &:checked { &::after { content: var(--tw-content); @@ -72731,34 +93621,41 @@ input[type=radio] { translate: var(--tw-translate-x) var(--tw-translate-y); } } + &:checked { &::after { content: var(--tw-content); border-radius: 50%; } } + &:checked { &::after { content: var(--tw-content); background-color: var(--color-white); } } + &:checked { &::after { --tw-content: ""; content: var(--tw-content); } } + &:disabled { cursor: not-allowed; } + &:disabled { opacity: 50%; } + &:where(.dark, .dark *) { background-color: transparent; } } + input[type=checkbox].form-check-input { position: relative; height: calc(var(--spacing) * 4); @@ -72767,27 +93664,32 @@ input[type=checkbox].form-check-input { border-radius: var(--radius-sm); background-color: var(--color-white); padding: calc(var(--spacing) * 0.5); + &:checked { background-color: var(--color-primary); } + &:checked { &::after { content: var(--tw-content); position: absolute; } } + &:checked { &::after { content: var(--tw-content); top: calc(2 / 4 * 100%); } } + &:checked { &::after { content: var(--tw-content); left: calc(2 / 4 * 100%); } } + &:checked { &::after { content: var(--tw-content); @@ -72795,6 +93697,7 @@ input[type=checkbox].form-check-input { translate: var(--tw-translate-x) var(--tw-translate-y); } } + &:checked { &::after { content: var(--tw-content); @@ -72802,18 +93705,21 @@ input[type=checkbox].form-check-input { translate: var(--tw-translate-x) var(--tw-translate-y); } } + &:checked { &::after { content: var(--tw-content); font-family: remixicon; } } + &:checked { &::after { content: var(--tw-content); font-size: 0.65rem; } } + &:checked { &::after { content: var(--tw-content); @@ -72821,38 +93727,47 @@ input[type=checkbox].form-check-input { font-weight: var(--font-weight-bold); } } + &:checked { &::after { content: var(--tw-content); color: var(--color-white); } } + &:checked { &::after { --tw-content: '\EB7B'; content: var(--tw-content); } } + &:disabled { cursor: not-allowed; } + &:disabled { opacity: 50%; } + &:where(.dark, .dark *) { border-style: var(--tw-border-style); border-width: 1px; } + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: transparent; } } + .dark input[type=date].calenderColor::-webkit-calendar-picker-indicator, .dark input[type=week].calenderColor::-webkit-calendar-picker-indicator, .dark input[type=month].calenderColor::-webkit-calendar-picker-indicator, @@ -72862,6 +93777,7 @@ input[type=checkbox].form-check-input { color: white; opacity: 1; } + .custom-select { -webkit-appearance: none; -moz-appearance: none; @@ -72872,28 +93788,36 @@ input[type=checkbox].form-check-input { background-repeat: no-repeat; padding-right: calc(var(--spacing) * 10); } + [dir=rtl] .custom-select { background-position: 0.35rem center; } + .apexcharts-svg, .apexcharts-canvas { width: 100% !important; + &:focus { --tw-outline-style: none !important; outline-style: none !important; } } + .ng-select .ng-select-container { min-height: 40px !important; } + .form-control.angualr-search { width: 250px !important; } + .mat-mdc-header-row { position: relative; z-index: 10; } -.swiper::part(button-prev), .swiper::part(button-next) { + +.swiper::part(button-prev), +.swiper::part(button-next) { height: 1.2rem; width: 1.2rem !important; border-radius: 0.5rem; @@ -72901,6 +93825,7 @@ input[type=checkbox].form-check-input { padding: 5px !important; color: #fffafa; } + .swiper::part(bullet-active) { height: calc(var(--spacing) * 1); width: calc(var(--spacing) * 5); @@ -72908,6 +93833,7 @@ input[type=checkbox].form-check-input { background-color: var(--color-white); color: var(--color-black); } + .swiper::part(bullet) { height: calc(var(--spacing) * 1); width: calc(var(--spacing) * 5); @@ -72916,6 +93842,7 @@ input[type=checkbox].form-check-input { color: var(--color-black); opacity: 0.5; } + .landing-body .swiper.pagination-dynamic::part(bullet-active) { height: calc(var(--spacing) * 1); width: calc(var(--spacing) * 5); @@ -72923,6 +93850,7 @@ input[type=checkbox].form-check-input { background-color: var(--color-primary); color: var(--color-black); } + .landing-body .swiper.pagination-dynamic::part(bullet) { height: calc(var(--spacing) * 1); width: calc(var(--spacing) * 5); @@ -72930,10 +93858,12 @@ input[type=checkbox].form-check-input { background-color: rgba(0, 0, 0, 0.3); color: var(--color-black); opacity: 0.5; + &:where(.dark, .dark *) { background-color: rgba(255, 255, 255, 0.6); } } + .swiper.custom-pagination::part(bullet-active) { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); @@ -72941,6 +93871,7 @@ input[type=checkbox].form-check-input { background-color: var(--color-white); color: var(--color-black); } + .swiper.custom-pagination::part(bullet) { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); @@ -72949,17 +93880,20 @@ input[type=checkbox].form-check-input { color: var(--color-black); opacity: 0.5; } + .iconclick { position: relative; color: inherit; display: inline-flex; pointer-events: none; } + .pickr .color-picker { visibility: visible; visibility: visible !important; left: 0px !important; } + .color-picker.open .hex-text .box, .color-picker.open .hsla-text .box, .color-picker.open .rgba-text .box { @@ -72968,25 +93902,31 @@ input[type=checkbox].form-check-input { border-width: 1px; border-color: var(--color-defaultborder); padding: 2px; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .color-picker.open .hex-text .box input, .color-picker.open .hsla-text .box input, .color-picker.open .rgba-text .box input { border-style: var(--tw-border-style); border-width: 0px; + &:where(.dark, .dark *) { color: var(--color-white) !important; } } + .color-picker.open .hex-text .box div, .color-picker.open .hsla-text .box div, .color-picker.open .rgba-text .box div { @@ -72994,10 +93934,13 @@ input[type=checkbox].form-check-input { color: var(--color-white) !important; } } + #stocks-marketcap { width: 100% !important; } + @media (max-width: 440px) { + #stepline-chart .apexcharts-toolbar, #crm-revenue-analytics .apexcharts-toolbar, #treemap-colorranges .apexcharts-toolbar, @@ -73030,35 +93973,44 @@ input[type=checkbox].form-check-input { display: none !important; } } + #bar-categories .apexcharts-datalabels { --tw-translate-x: 20px; translate: var(--tw-translate-x) var(--tw-translate-y); } + .apexcharts-legend-marker { stroke: none; } + .mat-mdc-paginator-range-actions { flex-wrap: wrap; } + @media (max-width: 360px) { .mat-mdc-paginator-range-label { display: none !important; } } + #project-descriptioin-editor .ql-container { height: 200px; overflow: auto; } -[data-nav-layout=horizontal][data-menu-styles=light][data-page-style=modern][data-header-styles=light] .app-sidebar, [data-nav-layout=horizontal][data-menu-styles=light][data-page-style=modern][data-header-styles=dark] .app-sidebar { + +[data-nav-layout=horizontal][data-menu-styles=light][data-page-style=modern][data-header-styles=light] .app-sidebar, +[data-nav-layout=horizontal][data-menu-styles=light][data-page-style=modern][data-header-styles=dark] .app-sidebar { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-bottom-color: var(--color-defaultborder) !important; } + @media (min-width: 622px) { .companies-search-input .ng-select-container { border-radius: 0px !important; } } + @media (max-width: 622px) { .companies-search-input input.form-control { border-start-end-radius: var(--radius-sm) !important; @@ -73066,187 +94018,237 @@ input[type=checkbox].form-check-input { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-defaultborder) !important; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } } + @media (min-width: 992px) { [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header { border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 0px !important; } } + .ng-select.custom-invoice-currency .ng-select-container { background-color: var(--color-light) !important; } + .search-company-cart-star .br-units .br-unit { font-size: 1.25rem !important; } + .custom-close-ngselect.ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon { display: none !important; } + .ti-pagination li:not(:first-child) .page-link { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0px !important; } + select { &:focus-visible { --tw-outline-style: none; outline-style: none; } } + .ngx-slider .ngx-slider-pointer { &:focus-visible { --tw-outline-style: none; outline-style: none; } } + .ngx-slider .ngx-slider-bar { &:where(.dark, .dark *) { background-color: var(--color-bodybg2); } } + .ngx-slider .ngx-slider-bar:not(.ngx-slider-selection) { &:where(.dark, .dark *) { background-color: var(--color-gray) !important; } } + .ngx-slider .ngx-slider-pointer.ngx-slider-active:after { background-color: #fff !important; } + .cusotm-ngx-slider .ngx-slider { z-index: 0; } + .cusotm-ngx-slider .ngx-slider .ngx-slider-pointer { background-color: var(--color-primary); } + #secondary-colored-slider .ngx-slider .ngx-slider-pointer { background-color: var(--color-secondary); } + #warning-colored-slider .ngx-slider .ngx-slider-pointer { background-color: var(--color-warning); } + #info-colored-slider .ngx-slider .ngx-slider-pointer { background-color: var(--color-info); } + #success-colored-slider .ngx-slider .ngx-slider-pointer { background-color: var(--color-success); } + #danger-colored-slider .ngx-slider .ngx-slider-pointer { background-color: var(--color-danger); } + #slider-toggle .ngx-slider.vertical .ngx-slider-pointer { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: -3px !important; } } + #merging-tooltips-slider .noUi-tooltip { &:where(.dark, .dark *) { border-color: var(--color-defaultborder)/10; } + &:where(.dark, .dark *) { background-color: var(--color-bodybg)/10; } + &:where(.dark, .dark *) { color: var(--color-white); } } + #red { accent-color: #ff383c; + &:where(.dark, .dark *) { accent-color: #ff4a4e; } } + #green { accent-color: #189777; + &:where(.dark, .dark *) { accent-color: #32ffcb; } } + #blue { accent-color: #757cd9; + &:where(.dark, .dark *) { accent-color: #979eff; } } + #result { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + :host ::ng-deep #red { accent-color: #ff383c; + &:where(.dark, .dark *) { accent-color: #ff4a4e; } } + :host ::ng-deep #green { accent-color: #189777; + &:where(.dark, .dark *) { accent-color: #32ffcb; } } + :host ::ng-deep #blue { accent-color: #757cd9; + &:where(.dark, .dark *) { accent-color: #979eff; } } + #choices-text-email-filter .ng-trigger { background-color: var(--color-primary); } + #choices-text-email-filter .ng2-tag-input { border-style: var(--tw-border-style); border-width: 0px; padding: calc(var(--spacing) * 0) !important; } + .pickr-container .example-form2 .mat-mdc-form-field-flex { border-radius: 6px; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-defaultborder); padding-inline: 15px; + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } } + .pickr-container .example-form2 .mdc-line-ripple::before, .pickr-container .example-form2 .mdc-line-ripple.mdc-line-ripple--active:after { border-style: var(--tw-border-style); border-width: 0px; } + .AjaxloaderSweetalertInputClass { --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); } + #chart-line .apexcharts-marker, #chart-line2 .apexcharts-marker, #chart-area .apexcharts-marker, #sessionsByDevice .apexcharts-marker { stroke: none; } + [data-menu-styles=gradient][data-vertical-style=doublemenu][data-nav-layout=vertical] .app-sidebar .main-sidebar-header { border-color: var(--color-gray-500) !important; } + [data-menu-styles=gradient][data-vertical-style=doublemenu][data-nav-layout=vertical] .app-sidebar .main-menu .slide.has-sub .slide-menu.child1 .slide { margin-block: calc(var(--spacing) * 0) !important; } + .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mat-mdc-notch-piece { border-width: 1px !important; } + .create-nft-item .filepond--root { margin-inline: auto; height: 15.08rem; @@ -73254,6 +94256,7 @@ select { border-radius: var(--radius-sm); text-align: center; } + @media screen and (min-width: 1660px) { .create-nft-item .filepond--root { margin: calc(var(--spacing) * 0); @@ -73261,22 +94264,27 @@ select { width: 20.25rem; } } + .create-nft-item .filepond--root .filepond--file { margin: calc(var(--spacing) * 0) !important; } + .create-nft-item .filepond--root .filepond--list .filepond--item { margin-inline-end: 0.8rem; } + .create-nft-item .filepond--root .filepond--image-preview-wrapper { margin: calc(var(--spacing) * 0) !important; height: 100% !important; width: 100% !important; border-radius: 0.3rem; } + .create-nft-item .filepond--root .filepond--image-preview { height: 100% !important; background-color: transparent !important; } + .create-nft-item .filepond--root .filepond--image-preview canvas { right: calc(var(--spacing) * 0) !important; left: calc(var(--spacing) * 0) !important; @@ -73284,8 +94292,9 @@ select { max-height: 100% !important; width: 100% !important; -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } + .create-nft-item .filepond--root .filepond--drop-label { bottom: calc(var(--spacing) * 0); display: flex; @@ -73295,6 +94304,7 @@ select { align-items: center; justify-content: center; } + .create-nft-item .filepond--root .filepond--drop-label label { padding: 2em; font-size: var(--text-xs); @@ -73303,6 +94313,7 @@ select { font-weight: var(--font-weight-semibold); color: var(--color-primary); } + .create-nft-item .filepond--panel-root { border-style: var(--tw-border-style); border-width: 2px; @@ -73310,29 +94321,37 @@ select { border-style: dashed; border-color: var(--color-defaultborder); background-color: var(--color-light); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent); } } + &:where(.dark, .dark *) { background-color: var(--color-bodybg); } } + .create-nft-item .filepond--list-scroller[data-state=overflow] { overflow-y: hidden !important; } + .filepond--root .filepond--drop-label { min-height: 4.75em; } + [data-nav-layout=vertical][data-vertical-style=doublemenu] .main-menu .slide.has-sub .slide-menu.child1 .slide.side-menu__label1 { margin-block: calc(var(--spacing) * 0) !important; } + #stars-hover .br.br-default { display: flex; align-items: center; } + #stars-hover .br-text { margin-inline-start: calc(var(--spacing) * 4); border-radius: 0.25rem; @@ -73345,69 +94364,86 @@ select { font-weight: var(--font-weight-semibold); color: #26bf94; } + [dir=rtl] .br.br-default .br-units .br-unit .br-unit-inner.br-fraction::after { --tw-content: "\2605"; left: 11px; content: var(--tw-content); } + @media (max-width: 991.98px) { [data-toggled=open] #responsive-overlay { visibility: visible; } } + #slider-toggle .ngx-slider.vertical .ngx-slider-pointer { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: -3px !important; } } -[dir=rtl] .ql-editor li > .ql-ui:before { + +[dir=rtl] .ql-editor li>.ql-ui:before { margin-right: -0.7em !important; } + #blog-category-select .ng-placeholder { font-size: 0.775rem !important; } + .ngx-colors-overlay ngx-colors-panel .opened { background-color: var(--color-bodybg); + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: 10px; } } + .ngx-colors-overlay ngx-colors-panel .opened .g-input { border-color: var(--color-defaultborder); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + .ngx-colors-overlay ngx-colors-panel .opened .manual-input-wrapper .g-input input { &:where(.dark, .dark *) { color: var(--color-white) !important; } } + [data-nav-layout=horizontal] .app-sidebar .side-menu__item { margin-block: calc(var(--spacing) * 0); } + @media (min-width: 992px) { [data-nav-style=icon-click] .iconclick .side-menu__item { z-index: 1; } + [data-vertical-style=doublemenu] .iconclick { position: relative !important; margin-inline: auto !important; display: inline-block !important; } } + @media (min-width: 992px) { [data-menu-position=scrollable][data-nav-layout=horizontal] .app-sidebar { position: relative !important; z-index: 49 !important; } } + .fslightbox-source { border-radius: var(--radius-md); } + .highlight.clip-widget markdown pre { margin: 1rem !important; max-height: 400px !important; @@ -73415,356 +94451,442 @@ select { border-color: var(--color-defaultborder); background-color: transparent; padding: calc(var(--spacing) * 0); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } -.highlight.clip-widget markdown pre > code { + +.highlight.clip-widget markdown pre>code { border-radius: 10px !important; border-color: var(--color-defaultborder); background-color: var(--color-light); + &:where(.dark, .dark *) { border-color: color-mix(in srgb, rgb(243, 243, 243) 10%, transparent) !important; + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-defaultborder) 10%, transparent) !important; } } } + @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-leading { syntax: "*"; inherits: false; } + @property --tw-font-weight { syntax: "*"; inherits: false; } + @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } + @property --tw-shadow-color { syntax: "*"; inherits: false; } + @property --tw-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: 0px; } + @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } + @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } + @property --tw-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-duration { syntax: "*"; inherits: false; } + @property --tw-ease { syntax: "*"; inherits: false; } + @property --tw-tracking { syntax: "*"; inherits: false; } + @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } + @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } + @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-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-pan-x { syntax: "*"; inherits: false; } + @property --tw-pan-y { syntax: "*"; inherits: false; } + @property --tw-pinch-zoom { syntax: "*"; inherits: false; } + @keyframes spin { to { transform: rotate(360deg); } } + @keyframes ping { - 75%, 100% { + + 75%, + 100% { transform: scale(2); opacity: 0; } } + @keyframes pulse { 50% { opacity: 0.5; } } + @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 { + + *, + ::before, + ::after, + ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; diff --git a/public/assets/fonts/EtihadAltis-Text_V3.ttf b/public/assets/fonts/EtihadAltis-Text_V3.ttf new file mode 100644 index 00000000..ec5eedad Binary files /dev/null and b/public/assets/fonts/EtihadAltis-Text_V3.ttf differ diff --git a/public/assets/scss/style.scss b/public/assets/scss/style.scss index f74f7662..0a679ec1 100644 --- a/public/assets/scss/style.scss +++ b/public/assets/scss/style.scss @@ -172,3 +172,4 @@ Background Image @forward "global/global"; @forward "global/custom"; + diff --git a/src/app/features/global-masters/currencies/pages/currency-list/currency-list.html b/src/app/features/global-masters/currencies/pages/currency-list/currency-list.html index b1131052..42016fbe 100644 --- a/src/app/features/global-masters/currencies/pages/currency-list/currency-list.html +++ b/src/app/features/global-masters/currencies/pages/currency-list/currency-list.html @@ -6,7 +6,7 @@ [pageIndex]="queryState.pageIndex()" [pageSize]="queryState.pageSize()" [pageSizeOptions]="[5, 10, 20, 50]" - tableTitle="Currencies" + tableTitle="Currency Management" buttonTitle="Add" [showSearch]="true" [showAddButton]="true" @@ -49,6 +49,7 @@ /> -
-
-
- + +
+ + +
+
+ + -
-
- -
+ -
- -
+ @if (getCurrencyFieldError('name', { + required: 'Currency Name is required.', + maxlength: 'Currency Name cannot exceed 100 characters.' + })) { + + {{ getCurrencyFieldError('name', { + required: 'Currency Name is required.', + maxlength: 'Currency Name cannot exceed 100 characters.' + }) }} + + } -
- -
- -
-
- + + + + +
+ +
+ + + + + + @if (getCurrencyFieldError('code', { + required: 'Currency Code is required.', + minlength: 'Currency Code must contain exactly 3 letters.', + maxlength: 'Currency Code must contain exactly 3 letters.', + pattern: 'Currency Code can contain letters only.' + })) { + + + {{ getCurrencyFieldError('code', { + required: 'Currency Code is required.', + minlength: 'Currency Code must contain exactly 3 letters.', + maxlength: 'Currency Code must contain exactly 3 letters.', + pattern: 'Currency Code can contain letters only.' + }) }} + + + } + +
+ +
+ + + + + +
+ +
+ + + + + + + + + @if (getCurrencyFieldError('symbol', { + required: 'Currency Symbol is required.', + maxlength: 'Currency Symbol cannot exceed 8 characters.' + })) { + + + + {{ getCurrencyFieldError('symbol', { + required: 'Currency Symbol is required.', + maxlength: 'Currency Symbol cannot exceed 8 characters.' + }) }} + + + + } + + +
+ +
+ + + + + + +
+ +
+ + + + + + + + + @if (getCurrencyFieldError('numericCode', { + required:'Numeric Code is required.', + min:'Numeric Code must be at least 1.', + max:'Numeric Code cannot exceed 999.' + })) { + + + + {{ getCurrencyFieldError('numericCode', { + required:'Numeric Code is required.', + min:'Numeric Code must be at least 1.', + max:'Numeric Code cannot exceed 999.' + }) }} + + + + } + + +
+ +
+ + + + + + + +
+ + +
+ + + + + + + + + @if (getCurrencyFieldError('decimalDigits', { + required:'Decimal Digits is required.', + min:'Decimal Digits cannot be less than 0.', + max:'Decimal Digits cannot exceed 4.' + })) { + + + + {{ getCurrencyFieldError('decimalDigits', { + required:'Decimal Digits is required.', + min:'Decimal Digits cannot be less than 0.', + max:'Decimal Digits cannot exceed 4.' + }) }} + + + + } + + +
+ + +
+ + +
+ + diff --git a/src/app/features/global-masters/currencies/pages/currency-list/currency-list.scss b/src/app/features/global-masters/currencies/pages/currency-list/currency-list.scss index e69de29b..18e7aae4 100644 --- a/src/app/features/global-masters/currencies/pages/currency-list/currency-list.scss +++ b/src/app/features/global-masters/currencies/pages/currency-list/currency-list.scss @@ -0,0 +1,117 @@ +:host-context(.dark) .custom-floating-input { + background-color: var(--color-bodybg) !important; + border-color: color-mix(in srgb, #fff 10%, transparent) !important; +} + +:host-context(.dark) .custom-floating-label { + background-color: var(--color-bodybg) !important; +} + +:host-context(.dark) .custom-floating-input:focus { + border-color: var(--color-blue-400) !important; + box-shadow: none !important; +} + +:host-context(.dark) .custom-floating-input:not(:placeholder-shown) { + border-color: var(--color-primary) !important; + box-shadow: none !important; +} + +.custom-floating-field { + position: relative; + display: block; +} + +.custom-floating-input { + display: block; + width: 100%; + min-height: 2.5rem; + padding: 0.75rem 0.75rem 0.5rem; + border: 1px solid var(--color-inputborder); + border-radius: 0.5rem; + background-color: var(--color-white); + color: var(--color-defaulttextcolor); + font-size: 0.8125rem; + line-height: 1.25; + transition: border-color 0.2s ease, box-shadow 0.2s ease; +} + +.custom-floating-input:focus { + border-color: var(--color-primary) !important; + outline: none; + box-shadow: none; +} + +.custom-floating-input:not(:placeholder-shown) { + border-color: var(--color-primary); + box-shadow: none; +} + +.custom-floating-input::placeholder { + color: transparent; +} + +.custom-floating-label { + position: absolute; + inset-inline-start: 0.75rem; + top: 50%; + transform: translateY(-50%); + transform-origin: left top; + z-index: 10; + padding-inline: 0.25rem; + background-color: var(--color-white); + color: #8c9097; + font-size: 0.75rem; + line-height: 1; + pointer-events: none; + transition: all 0.2s ease-out; + max-width: calc(100% - 1.75rem); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.custom-floating-input:focus~.custom-floating-label, +.custom-floating-input:not(:placeholder-shown)~.custom-floating-label { + top: 0; + transform: translateY(-50%) scale(0.9); + color: var(--color-primary); +} + +/* Center label on invalid empty fields (validation state) */ +.custom-floating-field.has-error.is-empty .custom-floating-input:not(:focus)~.custom-floating-label { + top: 35% !important; + transform: translateY(-50%) !important; +} + +.custom-floating-field.has-error .custom-floating-input, +.custom-floating-field.has-error .custom-floating-input:focus, +.custom-floating-field.has-error .custom-floating-input:not(:placeholder-shown) { + border-color: var(--color-danger) !important; +} + +.custom-floating-field.has-error .custom-floating-label, +.custom-floating-field.has-error .custom-floating-input:focus~.custom-floating-label, +.custom-floating-field.has-error .custom-floating-input:not(:placeholder-shown)~.custom-floating-label, +.custom-floating-field.has-error.is-empty .custom-floating-input~.custom-floating-label { + color: var(--color-danger) !important; +} + +.custom-floating-error { + display: block; + margin-top: 0.25rem; + color: var(--color-danger); + font-size: 0.75rem; + line-height: 1.25; +} + +/* Remove number spinner buttons for cleaner look */ +.custom-floating-input[type='number']::-webkit-inner-spin-button, +.custom-floating-input[type='number']::-webkit-outer-spin-button { + appearance: none; + margin: 0; +} + +.custom-floating-input[type='number'] { + -moz-appearance: textfield; +} diff --git a/src/app/features/global-masters/currencies/pages/currency-list/currency-list.ts b/src/app/features/global-masters/currencies/pages/currency-list/currency-list.ts index a749e989..ef0819e5 100644 --- a/src/app/features/global-masters/currencies/pages/currency-list/currency-list.ts +++ b/src/app/features/global-masters/currencies/pages/currency-list/currency-list.ts @@ -27,7 +27,6 @@ import { } from '../../../../../shared/components/data-table/data-table.types'; import { DataTable } from '../../../../../shared/components/data-table/data-table'; import { DataTableCellDirective } from '../../../../../shared/directives/data-table-cell.directive'; -import { FormInput } from '../../../../../shared/components/form/form-input/form-input'; import { Modal } from '../../../../../shared/components/modal/modal'; import { ConfirmDialog } from '../../../../../shared/components/confirm-dialog/confirm-dialog'; @@ -48,7 +47,7 @@ interface CurrencyTableRow extends DataTableRecord { @Component({ selector: 'currency-list', standalone: true, - imports: [DataTable, DataTableCellDirective, Modal, ReactiveFormsModule, FormInput, ConfirmDialog], + imports: [DataTable, DataTableCellDirective, Modal, ReactiveFormsModule, ConfirmDialog], templateUrl: './currency-list.html', styleUrl: './currency-list.scss', }) @@ -390,7 +389,7 @@ export class CurrencyList { name: currencyDetails.name ?? '', code: currencyDetails.code ?? '', symbol: currencyDetails.symbol ?? '', - numericCode: currencyDetails.numericCode ?? 0, + numericCode: currencyDetails.numericCode ?? '0', decimalDigits: currencyDetails.decimalDigits ?? 2 }); this.resetCurrencyFormState(); @@ -482,7 +481,7 @@ export class CurrencyList { queueMicrotask(() => { const firstInvalidControl = this.elementRef.nativeElement.querySelector( - 'modal .form-control.is-invalid, modal [aria-invalid="true"]' + 'modal .custom-floating-input.is-invalid, modal [aria-invalid="true"]' ); firstInvalidControl?.focus(); @@ -515,6 +514,31 @@ export class CurrencyList { ? `https://flagcdn.com/24x18/${code}.png` : ''; } + isEmptyField(fieldName: string): boolean { + const value = this.currencyForm.get(fieldName)?.value; + return value === '' || value === null || value === undefined; + } + + getCurrencyFieldError(fieldName: string, messages: Record): string | null { + const control = this.currencyForm.get(fieldName); + + if (!control || control.valid || !this.currencySubmitAttempted()) { + return null; + } + + const errors = control.errors ?? {}; + + for (const key of Object.keys(errors)) { + const message = messages[key]; + + if (message) { + return message; + } + } + + return null; + } + onFlagError(event: Event): void { const image = event.target as HTMLImageElement; image.style.display = 'none'; diff --git a/src/app/shared/components/data-table/data-table.html b/src/app/shared/components/data-table/data-table.html index b6dca138..1a65ea66 100644 --- a/src/app/shared/components/data-table/data-table.html +++ b/src/app/shared/components/data-table/data-table.html @@ -1,16 +1,16 @@ -
+
-
-
+
+
{{ tableTitle () }} -
-
+ +
@if(showAddButton()){
+ className="!rounded-full shadow-sm" (buttonClicked)="onAddClick($event)" />
} @@ -20,17 +20,18 @@
} --> @if (showSearch()) { -
- +
+ +
}
-
-
+
+
@@ -67,7 +68,8 @@
-
+
@@ -109,10 +111,10 @@
@if (showPaginator()) { - - + --> + + + +
+ +
+ + @if (prefixIcon()) { + + } + + + + + + @if (loading()) { + + + } @else if ( + type() === 'password' && + showPasswordToggle() + ) { + + + + + } @else if (suffixIcon()) { + + + + } + +
+ +
+ +
\ No newline at end of file diff --git a/src/app/shared/components/form/form-input/form-input.scss b/src/app/shared/components/form/form-input/form-input.scss index e69de29b..704d8e71 100644 --- a/src/app/shared/components/form/form-input/form-input.scss +++ b/src/app/shared/components/form/form-input/form-input.scss @@ -0,0 +1,272 @@ +/* ========================================= + Floating Input +========================================= */ + +:host ::ng-deep .custom-floating-field { + position: relative; + width: 100%; +} + + +:host ::ng-deep .floating-input-wrapper { + position: relative; + width: 100%; +} + + +/* ========================================= + Input +========================================= */ + +:host ::ng-deep .custom-floating-input { + + width: 100%; + height: 56px; + + padding: 0 16px; + + border-radius: 12px; + + border: 1px solid #d1d5db; + + background: #ffffff; + + font-size: 16px; + + color: #111827; + + outline: none; + + transition: + border-color .25s ease, + box-shadow .25s ease; + + box-sizing: border-box; +} + + +/* ========================================= + Focus +========================================= */ + +:host ::ng-deep .custom-floating-input:focus { + + border-color: #2563eb; + + box-shadow: + 0 0 0 3px rgba(37,99,235,.12); + +} + + + +/* ========================================= + Floating Label +========================================= */ + + +:host ::ng-deep .floating-label { + + position: absolute; + + left: 16px; + + top: 50%; + + transform: translateY(-50%); + + background: #ffffff; + + padding: 0 6px; + + color: #64748b; + + font-size: 16px; + + pointer-events: none; + + transition: .25s ease; + + z-index: 1; +} + + + +/* ========================================= + Floating Animation +========================================= */ + + +:host ::ng-deep .custom-floating-input:focus + .floating-label, +:host ::ng-deep .custom-floating-input:not(:placeholder-shown) + .floating-label { + + + top: 0; + + transform: translateY(-50%); + + font-size: 13px; + + color: #2563eb; + +} + + + +/* ========================================= + Prefix Icon +========================================= */ + + +:host ::ng-deep .floating-prefix-icon { + + position: absolute; + + left: 14px; + + top: 50%; + + transform: translateY(-50%); + + z-index: 2; + + color: #94a3b8; + +} + + + +:host ::ng-deep .floating-prefix-icon ~ .custom-floating-input { + + padding-left: 42px; + +} + + + + +/* ========================================= + Suffix / Action / Loader +========================================= */ + + +:host ::ng-deep .floating-suffix-icon, +:host ::ng-deep .floating-action, +:host ::ng-deep .floating-loader { + + + position: absolute; + + right: 14px; + + top: 50%; + + transform: translateY(-50%); + +} + + + +:host ::ng-deep .floating-action { + + + border: none; + + background: transparent; + + cursor: pointer; + + color: #64748b; + +} + + + + +/* ========================================= + Disabled +========================================= */ + + +:host ::ng-deep .custom-floating-input:disabled { + + + background: #f8fafc; + + cursor: not-allowed; + + opacity: .8; + +} + + + +/* ========================================= + Validation States +========================================= */ + + +:host ::ng-deep .custom-floating-input.ng-invalid.ng-touched { + + + border-color:#ef4444; + +} + + +:host ::ng-deep .custom-floating-input.ng-valid.ng-touched { + + + border-color:#22c55e; + +} + + + +/* ========================================= + Dark Mode +========================================= */ + + +:host ::ng-deep .dark .custom-floating-input { + + + background:#1f2937; + + border-color:#475569; + + color:#ffffff; + +} + + + +:host ::ng-deep .dark .floating-label { + + + background:#1f2937; + + color:#94a3b8; + +} + + + +:host ::ng-deep .dark .custom-floating-input:focus { + + + border-color:#60a5fa; + +} + + + +:host ::ng-deep .dark +.custom-floating-input:focus + .floating-label, +:host ::ng-deep .dark +.custom-floating-input:not(:placeholder-shown) + .floating-label { + + + color:#60a5fa; + +} \ No newline at end of file diff --git a/src/app/shared/components/form/form-input/form-input.ts b/src/app/shared/components/form/form-input/form-input.ts index 14592d6c..a16eb7f4 100644 --- a/src/app/shared/components/form/form-input/form-input.ts +++ b/src/app/shared/components/form/form-input/form-input.ts @@ -79,6 +79,7 @@ export class FormInput implements ControlValueAccessor { readonly showPasswordToggle = input(true); readonly loading = input(false); + readonly floating = input(false); readonly wrapperClass = input(''); readonly fieldContentClass = input(''); @@ -151,10 +152,14 @@ export class FormInput implements ControlValueAccessor { const configuredPlaceholder = this.placeholder().trim(); - if (configuredPlaceholder) { + if (configuredPlaceholder && !this.floating()) { return configuredPlaceholder; } + if (this.floating()) { + return '\u00A0'; + } + return this.useLabelAsPlaceholder() ? this.label() : null; diff --git a/src/app/shared/components/modal/modal.html b/src/app/shared/components/modal/modal.html index ee0e83b8..5fdd66da 100644 --- a/src/app/shared/components/modal/modal.html +++ b/src/app/shared/components/modal/modal.html @@ -1,4 +1,4 @@ -@if (open()) { + + +@if (open()) { + +} \ No newline at end of file diff --git a/src/app/shared/components/modal/modal.scss b/src/app/shared/components/modal/modal.scss index 92d692cd..c251a389 100644 --- a/src/app/shared/components/modal/modal.scss +++ b/src/app/shared/components/modal/modal.scss @@ -1,3 +1,750 @@ -:host { - display: contents; +// :host { +// display: contents; +// } + +// :host(.modern-modal) .ti-modal-content { +// border-radius: 1rem !important; +// box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; +// border-color: var(--color-defaultborder) !important; + +// &:where(.dark, .dark *) { +// box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important; +// } +// } + +// :host(.modern-modal) .ti-modal-header { +// padding-inline: 1.5rem !important; +// padding-block: 1.25rem !important; +// border-color: var(--color-defaultborder) !important; +// } + +// :host(.modern-modal) .ti-modal-title { +// font-size: 1.125rem !important; +// font-weight: 600 !important; +// color: var(--color-gray-800) !important; + +// &:where(.dark, .dark *) { +// color: var(--color-white) !important; +// } +// } + +// :host(.modern-modal) .ti-modal-close-btn { +// border-radius: 0.5rem !important; +// color: var(--color-gray-500) !important; +// transition: all 0.2s ease !important; + +// &:hover { +// color: var(--color-primary) !important; +// background-color: color-mix(in srgb, var(--color-primary) 10%, transparent) !important; +// } +// } + +// :host(.modern-modal) .ti-modal-body { +// padding: 1.5rem !important; +// } + +// :host(.modern-modal) .ti-modal-footer { +// padding-inline: 1.5rem !important; +// padding-block: 1rem !important; +// gap: 0.75rem !important; +// border-color: var(--color-defaultborder) !important; +// } + + +/* ========================================================== + Overlay +========================================================== */ + +.modal-overlay { + position: fixed; + inset: 0; + z-index: 9999; + + display: flex; + justify-content: center; + align-items: center; + + padding: 1.5rem; + + animation: modalFade .22s ease; } + +/* ========================================================== + Backdrop +========================================================== */ + +.modal-backdrop { + position: absolute; + inset: 0; + + background: rgba(15, 23, 42, .42); + + backdrop-filter: blur(1px); + -webkit-backdrop-filter: blur(1px); +} + +/* ========================================================== + Wrapper +========================================================== */ + +.modern-modal-wrapper { + + position: relative; + + width: 100%; + + display: flex; + justify-content: center; + align-items: center; + + pointer-events: auto; + + animation: modalSlide .28s ease; +} + +/* ========================================================== + Modal +========================================================== */ + +.modern-modal { + + position: relative; + + display: flex; + flex-direction: column; + + width: 100%; + max-height: 90vh; + + overflow: hidden; + + border-radius: 20px; + + background: #ffffff; + + // border: 1px solid #edf2f7; + + box-shadow: + 0 15px 40px rgba(15, 23, 42, .10), + 0 30px 80px rgba(15, 23, 42, .14); + +} + +/* ========================================================== + Header +========================================================== */ + +.modern-modal-header { + + position: relative; + + overflow: hidden; + + border-bottom: 1px solid rgba(255, 255, 255, .08); + + // background: linear-gradient(135deg, + // #020617 0%, + // #172554 40%, + // #4338CA 75%, + // #7C3AED 100%); + // background: linear-gradient(135deg, + // #111C43 0%, + // #16285c 55%, + // #1d3578 100%); + background-color: #7c3deb; + + isolation: isolate; +} + +/* Decorative Background */ +.modal-header-bg { + + position: absolute; + + inset: 0; + + overflow: hidden; + + pointer-events: none; +} + +/* Left Glow */ + +.modal-header-bg::before { + + content: ""; + + position: absolute; + + width: 280px; + + height: 280px; + + left: -120px; + + top: -120px; + + border-radius: 50%; + + background: + radial-gradient(circle, + rgba(255, 255, 255, .14), + transparent 72%); + + filter: blur(8px); +} + +/* Right Glow */ + +.modal-header-bg::after { + + content: ""; + + position: absolute; + + width: 240px; + + height: 240px; + + right: -80px; + + top: -90px; + + border-radius: 50%; + + background: + radial-gradient(circle, + rgba(91, 140, 255, .25), + transparent 72%); + + filter: blur(10px); +} + +.modern-modal-header::after { + + content: ""; + + position: absolute; + + left: 0; + + bottom: 0; + + width: 100%; + + height: 1px; + + background: + linear-gradient(90deg, + transparent, + rgba(255, 255, 255, .18), + transparent); +} + +/* Header Layout */ + +.modal-header-content { + + position: relative; + + z-index: 2; + + display: flex; + + justify-content: space-between; + + align-items: center; + + gap: 20px; + + padding: 10px 2rem; +} + +.modal-header-left { + + display: flex; + + align-items: center; + + gap: 18px; + + min-width: 0; + + flex: 1; +} + +/* ========================================================== + Icon +========================================================== */ + +.modal-icon { + + flex-shrink: 0; +} + +.modal-icon-inner { + + width: 40px; + + height: 40px; + + border-radius: 12px; + + display: flex; + + justify-content: center; + + align-items: center; + + color: #ffffff; + + background: + linear-gradient(145deg, + rgba(255, 255, 255, .18), + rgba(255, 255, 255, .06)); + + border: 1px solid rgba(255, 255, 255, .18); + + backdrop-filter: blur(12px); + + box-shadow: + inset 0 1px 1px rgba(255, 255, 255, .15), + 0 10px 30px rgba(0, 0, 0, .25); +} + +.modal-icon-inner i { + + font-size: 17px; +} + +/* ========================================================== + Title +========================================================== */ + +.modal-title-wrapper { + + min-width: 0; +} + +.modern-modal-title { + + margin: 0; + + color: #ffffff; + + font-size: 17px; + + font-weight: 700; + + letter-spacing: -.4px; + + line-height: 1.3; +} + +.modern-modal-subtitle { + + margin-top: .45rem; + + color: rgba(255, 255, 255, .72); + + font-size: .9rem; + + line-height: 1.6; +} + +/* ========================================================== + Close +========================================================== */ + +.modern-close-btn { + + width: 25px; + + height: 25px; + + border-radius: 14px; + + display: flex; + + align-items: center; + + justify-content: center; + + cursor: pointer; + + color: #ffffff; + + background: rgba(255, 255, 255, .08); + + // border: 1px solid rgba(255, 255, 255, .12); + + backdrop-filter: blur(8px); + + transition: .28s; +} + +.modern-close-btn:hover { + + background: rgba(255, 255, 255, .18); + + transform: rotate(90deg) scale(1.05); + + border-color: rgba(255, 255, 255, .25); +} + +.modern-close-btn i { + + font-size: 16px; +} + +/* ========================================================== + Body +========================================================== */ + +.modern-modal-body { + + flex: 1; + + overflow: auto; + + padding: 2rem; +} + +.modal-content-wrapper { + + display: flex; + + flex-direction: column; + + gap: 1.5rem; +} + +/* Scroll */ + +.modern-modal-body::-webkit-scrollbar { + + width: 7px; +} + +.modern-modal-body::-webkit-scrollbar-thumb { + + background: #d4dbe6; + + border-radius: 20px; +} + +.modern-modal-body::-webkit-scrollbar-thumb:hover { + + background: #b8c3d3; +} + +/* ========================================================== + Footer +========================================================== */ +/* Footer */ + +.modern-modal-footer { + + display: flex; + + justify-content: flex-end; + + align-items: center; + + gap: 12px; + + padding: 5px 2rem; + + border-top: 1px solid #edf2f7; + + background: #ffffff; +} + + +/* ============================ + Cancel Button +============================ */ + + +::ng-deep .modern-modal-footer app-button:first-child button { + + + height: 36px; + + padding: 0 16px; + + border-radius: 10px; + + border: 1px solid #dbe3ef; + + background: #ffffff; + + color: #475569; + + font-weight: 600; + + font-size: 13px; + + transition: .3s ease; + +} + + +::ng-deep .modern-modal-footer app-button:first-child button:hover { + + + background: #f8fafc; + + border-color: #cbd5e1; + + transform: translateY(-2px); + +} + + + +/* ============================ + Save Button +============================ */ + + +::ng-deep .modern-modal-footer app-button:last-child button { + + + position: relative; + + overflow: hidden; + + height: 36px; + + padding: 0 16px; + + border-radius: 10px; + + border: none; + + + color: #ffffff; + + + // background: + + // linear-gradient(135deg, + // #111C43, + // #2563eb); + background: #7c3deb; + + box-shadow: + + 0 8px 20px rgba(125, 61, 235, 0.468); + + + font-weight: 600; + + font-size: 13px; + + + transition: .35s ease; + +} + + + +::ng-deep .modern-modal-footer app-button:last-child button:hover { + + + transform: translateY(-3px); + + + box-shadow: + + 0 12px 28px rgba(37, 99, 235, .45); + +} + + + +/* ============================ + Shine Animation +============================ */ + + +::ng-deep .modern-modal-footer app-button:last-child button::before { + + + content: ""; + + + position: absolute; + + + top: 0; + + left: -120%; + + + width: 70%; + + + height: 100%; + + + background: + + linear-gradient(120deg, + transparent, + rgba(255, 255, 255, .55), + transparent); + + + transform: skewX(-25deg); + + + animation: saveButtonShine 2s infinite; + +} + + + +@keyframes saveButtonShine { + + + 0% { + + left: -120%; + + } + + + 40% { + + left: 130%; + + } + + + 100% { + + left: 130%; + + } + +} + + +/* Disabled */ + +::ng-deep .modern-modal-footer button:disabled { + + + opacity: .55; + + cursor: not-allowed; + + transform: none !important; + + box-shadow: none !important; + +} + +::ng-deep .modern-modal-footer app-button button { + + height: 36px; + + padding: 0 16px; + + border-radius: 10px; + + font-size: 13px; + + font-weight: 600; + + transition: .3s ease; + +} + +/* ========================================================== + Mobile +========================================================== */ + +@media (max-width:768px) { + + .modal-overlay { + + padding: 1rem; + } + + .modern-modal { + + border-radius: 18px; + + max-height: 95vh; + } + + .modal-header-content { + + padding: 1em; + } + + .modal-icon-inner { + + width: 48px; + height: 48px; + + border-radius: 14px; + } + + .modern-modal-title { + + font-size: 12px; + } + + .modern-modal-body { + + padding: 1.2rem; + } + + .modern-modal-footer { + + padding: 1rem 1.2rem; + + flex-wrap: wrap; + } + +} + +/* ========================================================== + Animation +========================================================== */ + +@keyframes modalFade { + + from { + + opacity: 0; + } + + to { + + opacity: 1; + } + +} + +@keyframes modalSlide { + + from { + + opacity: 0; + + transform: translateY(20px) scale(.98); + } + + to { + + opacity: 1; + + transform: translateY(0) scale(1); + } + +} \ No newline at end of file diff --git a/src/app/shell/ui/page-header/page-header.html b/src/app/shell/ui/page-header/page-header.html index 3ae4964e..044b00a6 100644 --- a/src/app/shell/ui/page-header/page-header.html +++ b/src/app/shell/ui/page-header/page-header.html @@ -1,8 +1,8 @@ @if(childTitle){