Joakim
cd202ebb1d
Major improvements: - Replace Gorilla Mux with Chi v5 router for better performance and cleaner code - Fix CSS/JS MIME type issues that prevented proper asset loading - Add built-in CORS middleware replacing manual OPTIONS handlers - Simplify routing with nested route syntax - Update URL parameter extraction from mux.Vars to chi.URLParam New Devigo demo: - Add production Norwegian sales training website (devigo.no) - Real-world Hugo-generated content with TailwindCSS - 39 insertr-enhanced elements for comprehensive CMS testing - Demonstrates international language support and B2B use cases - Fixed asset paths for localhost serving compatibility Technical benefits: - Automatic MIME type detection for static files - Reduced code complexity with built-in middleware - Better performance with lighter dependency stack - Production-ready CORS handling
2752 lines
96 KiB
CSS
2752 lines
96 KiB
CSS
/*!tailwindcss v4.1.13 | MIT License | https://tailwindcss.com*//*!* Justified gallery style*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root, :host {
|
|
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
"Courier New", monospace;
|
|
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
--color-yellow-200: oklch(94.5% 0.129 101.54);
|
|
--color-green-200: oklch(92.5% 0.084 155.995);
|
|
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
--color-pink-200: oklch(89.9% 0.061 343.231);
|
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
--color-black: #000;
|
|
--color-white: #fff;
|
|
--spacing: 0.25rem;
|
|
--text-sm: 0.875rem;
|
|
--text-sm--line-height: calc(1.25 / 0.875);
|
|
--text-base: 1rem;
|
|
--text-base--line-height: calc(1.5 / 1);
|
|
--text-lg: 1.125rem;
|
|
--text-lg--line-height: calc(1.75 / 1.125);
|
|
--text-xl: 1.25rem;
|
|
--text-xl--line-height: calc(1.75 / 1.25);
|
|
--text-2xl: 1.5rem;
|
|
--text-2xl--line-height: calc(2 / 1.5);
|
|
--font-weight-normal: 400;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
--leading-tight: 1.25;
|
|
--leading-relaxed: 1.625;
|
|
--radius-sm: 0.25rem;
|
|
--radius-lg: 0.5rem;
|
|
--radius-xl: 0.75rem;
|
|
--radius-2xl: 1rem;
|
|
--default-transition-duration: 150ms;
|
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
--default-font-family: var(--font-sans);
|
|
--default-mono-font-family: var(--font-mono);
|
|
}
|
|
}@layer base{*, ::after, ::before, ::backdrop, ::file-selector-button {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0 solid;
|
|
}
|
|
html, :host {
|
|
line-height: 1.5;
|
|
-webkit-text-size-adjust: 100%;
|
|
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 {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
a {
|
|
color: inherit;
|
|
-webkit-text-decoration: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
b, strong {
|
|
font-weight: bolder;
|
|
}
|
|
code, kbd, samp, pre {
|
|
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
font-size: 1em;
|
|
}
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
sub, sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
table {
|
|
text-indent: 0;
|
|
border-color: inherit;
|
|
border-collapse: collapse;
|
|
}
|
|
:-moz-focusring {
|
|
outline: auto;
|
|
}
|
|
progress {
|
|
vertical-align: baseline;
|
|
}
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
ol, ul, menu {
|
|
list-style: none;
|
|
}
|
|
img, svg, video, canvas, audio, iframe, embed, object {
|
|
display: block;
|
|
vertical-align: middle;
|
|
}
|
|
img, video {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
button, input, select, optgroup, textarea, ::file-selector-button {
|
|
font: inherit;
|
|
font-feature-settings: inherit;
|
|
font-variation-settings: inherit;
|
|
letter-spacing: inherit;
|
|
color: inherit;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
opacity: 1;
|
|
}
|
|
:where(select:is([multiple], [size])) optgroup {
|
|
font-weight: bolder;
|
|
}
|
|
:where(select:is([multiple], [size])) optgroup option {
|
|
padding-inline-start: 20px;
|
|
}
|
|
::file-selector-button {
|
|
margin-inline-end: 4px;
|
|
}
|
|
::placeholder {
|
|
opacity: 1;
|
|
}
|
|
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
::placeholder {
|
|
color: currentcolor;
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
}
|
|
}
|
|
}
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
::-webkit-date-and-time-value {
|
|
min-height: 1lh;
|
|
text-align: inherit;
|
|
}
|
|
::-webkit-datetime-edit {
|
|
display: inline-flex;
|
|
}
|
|
::-webkit-datetime-edit-fields-wrapper {
|
|
padding: 0;
|
|
}
|
|
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
|
|
padding-block: 0;
|
|
}
|
|
::-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 {
|
|
appearance: button;
|
|
}
|
|
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
[hidden]:where(:not([hidden="until-found"])) {
|
|
display: none !important;
|
|
}
|
|
}@layer utilities{.pointer-events-none {
|
|
pointer-events: none;
|
|
}
|
|
.visible {
|
|
visibility: visible;
|
|
}
|
|
.sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip-path: inset(50%);
|
|
white-space: nowrap;
|
|
border-width: 0;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.fixed {
|
|
position: fixed;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
.static {
|
|
position: static;
|
|
}
|
|
.sticky {
|
|
position: sticky;
|
|
}
|
|
.inset-0 {
|
|
inset: calc(var(--spacing) * 0);
|
|
}
|
|
.top-0 {
|
|
top: calc(var(--spacing) * 0);
|
|
}
|
|
.top-1\.5 {
|
|
top: calc(var(--spacing) * 1.5);
|
|
}
|
|
.top-1\/2 {
|
|
top: calc(1/2 * 100%);
|
|
}
|
|
.left-0 {
|
|
left: calc(var(--spacing) * 0);
|
|
}
|
|
.left-1\/2 {
|
|
left: calc(1/2 * 100%);
|
|
}
|
|
.z-0 {
|
|
z-index: 0;
|
|
}
|
|
.z-10 {
|
|
z-index: 10;
|
|
}
|
|
.z-30 {
|
|
z-index: 30;
|
|
}
|
|
.z-50 {
|
|
z-index: 50;
|
|
}
|
|
.order-0 {
|
|
order: 0;
|
|
}
|
|
.order-0 {
|
|
order: 0;
|
|
}
|
|
.order-1 {
|
|
order: 1;
|
|
}
|
|
.order-1 {
|
|
order: 1;
|
|
}
|
|
.order-3 {
|
|
order: 3;
|
|
}
|
|
.order-3 {
|
|
order: 3;
|
|
}
|
|
.order-first {
|
|
order: -9999;
|
|
}
|
|
.order-first {
|
|
order: -1;
|
|
}
|
|
.order-last {
|
|
order: 9999;
|
|
}
|
|
.order-last {
|
|
order: 13;
|
|
}
|
|
.col-12 {
|
|
grid-column: 12;
|
|
}
|
|
.col-auto {
|
|
grid-column: auto;
|
|
}
|
|
.container {
|
|
width: 100%;
|
|
@media (width >= 40rem) {
|
|
max-width: 40rem;
|
|
}
|
|
@media (width >= 48rem) {
|
|
max-width: 48rem;
|
|
}
|
|
@media (width >= 64rem) {
|
|
max-width: 64rem;
|
|
}
|
|
@media (width >= 80rem) {
|
|
max-width: 80rem;
|
|
}
|
|
@media (width >= 96rem) {
|
|
max-width: 96rem;
|
|
}
|
|
}
|
|
.m-1 {
|
|
margin: calc(var(--spacing) * 1);
|
|
}
|
|
.m-3 {
|
|
margin: calc(var(--spacing) * 3);
|
|
}
|
|
.mx-auto {
|
|
margin-inline: auto;
|
|
}
|
|
.my-3 {
|
|
margin-block: calc(var(--spacing) * 3);
|
|
}
|
|
.my-8 {
|
|
margin-block: calc(var(--spacing) * 8);
|
|
}
|
|
.ms-1 {
|
|
margin-inline-start: calc(var(--spacing) * 1);
|
|
}
|
|
.row {
|
|
--bs-gutter-x: 1.5rem;
|
|
--bs-gutter-y: 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-top: calc(var(--bs-gutter-y) * -1);
|
|
margin-right: calc(var(--bs-gutter-x) / -2);
|
|
margin-left: calc(var(--bs-gutter-x) / -2);
|
|
& > * {
|
|
box-sizing: border-box;
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding-right: calc(var(--bs-gutter-x) / 2);
|
|
padding-left: calc(var(--bs-gutter-x) / 2);
|
|
margin-top: var(--bs-gutter-y);
|
|
}
|
|
}
|
|
.mt-4 {
|
|
margin-top: calc(var(--spacing) * 4);
|
|
}
|
|
.mt-6 {
|
|
margin-top: calc(var(--spacing) * 6);
|
|
}
|
|
.mt-8 {
|
|
margin-top: calc(var(--spacing) * 8);
|
|
}
|
|
.mt-9 {
|
|
margin-top: calc(var(--spacing) * 9);
|
|
}
|
|
.mt-11 {
|
|
margin-top: calc(var(--spacing) * 11);
|
|
}
|
|
.mr-1 {
|
|
margin-right: calc(var(--spacing) * 1);
|
|
}
|
|
.mr-2 {
|
|
margin-right: calc(var(--spacing) * 2);
|
|
}
|
|
.mr-4 {
|
|
margin-right: calc(var(--spacing) * 4);
|
|
}
|
|
.mr-5 {
|
|
margin-right: calc(var(--spacing) * 5);
|
|
}
|
|
.mb-2 {
|
|
margin-bottom: calc(var(--spacing) * 2);
|
|
}
|
|
.mb-3 {
|
|
margin-bottom: calc(var(--spacing) * 3);
|
|
}
|
|
.mb-4 {
|
|
margin-bottom: calc(var(--spacing) * 4);
|
|
}
|
|
.mb-6 {
|
|
margin-bottom: calc(var(--spacing) * 6);
|
|
}
|
|
.mb-8 {
|
|
margin-bottom: calc(var(--spacing) * 8);
|
|
}
|
|
.mb-10 {
|
|
margin-bottom: calc(var(--spacing) * 10);
|
|
}
|
|
.mb-14 {
|
|
margin-bottom: calc(var(--spacing) * 14);
|
|
}
|
|
.mb-28 {
|
|
margin-bottom: calc(var(--spacing) * 28);
|
|
}
|
|
.ml-2 {
|
|
margin-left: calc(var(--spacing) * 2);
|
|
}
|
|
.ml-4 {
|
|
margin-left: calc(var(--spacing) * 4);
|
|
}
|
|
.ml-auto {
|
|
margin-left: auto;
|
|
}
|
|
.form-input {
|
|
appearance: none;
|
|
background-color: #fff;
|
|
border-color: oklch(55.1% 0.027 264.364);
|
|
border-width: 1px;
|
|
border-radius: 0px;
|
|
padding-top: 0.5rem;
|
|
padding-right: 0.75rem;
|
|
padding-bottom: 0.5rem;
|
|
padding-left: 0.75rem;
|
|
font-size: 1rem;
|
|
line-height: 1.5rem;
|
|
--tw-shadow: 0 0 #0000;
|
|
&:focus {
|
|
outline: 2px solid transparent;
|
|
outline-offset: 2px;
|
|
--tw-ring-inset: var(--tw-empty, );
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: oklch(54.6% 0.245 262.881);
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
border-color: oklch(54.6% 0.245 262.881);
|
|
}
|
|
&::placeholder {
|
|
color: oklch(55.1% 0.027 264.364);
|
|
opacity: 1;
|
|
}
|
|
&::-webkit-datetime-edit-fields-wrapper {
|
|
padding: 0;
|
|
}
|
|
&::-webkit-date-and-time-value {
|
|
min-height: 1.5em;
|
|
}
|
|
&::-webkit-date-and-time-value {
|
|
text-align: inherit;
|
|
}
|
|
&::-webkit-datetime-edit {
|
|
display: inline-flex;
|
|
}
|
|
&::-webkit-datetime-edit {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
&::-webkit-datetime-edit-year-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
&::-webkit-datetime-edit-month-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
&::-webkit-datetime-edit-day-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
&::-webkit-datetime-edit-hour-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
&::-webkit-datetime-edit-minute-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
&::-webkit-datetime-edit-second-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
&::-webkit-datetime-edit-millisecond-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
&::-webkit-datetime-edit-meridiem-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
.block {
|
|
display: block;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.grid {
|
|
display: grid;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
.inline-block {
|
|
display: inline-block;
|
|
}
|
|
.inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.table {
|
|
display: table;
|
|
}
|
|
.h-4 {
|
|
height: calc(var(--spacing) * 4);
|
|
}
|
|
.h-6 {
|
|
height: calc(var(--spacing) * 6);
|
|
}
|
|
.col-12 {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.col-auto {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.row-cols-auto {
|
|
& > * {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
}
|
|
.w-4 {
|
|
width: calc(var(--spacing) * 4);
|
|
}
|
|
.w-\[30px\] {
|
|
width: 30px;
|
|
}
|
|
.w-full {
|
|
width: 100%;
|
|
}
|
|
.\!min-w-\[500px\] {
|
|
min-width: 500px !important;
|
|
}
|
|
.col {
|
|
flex: 1 0 0%;
|
|
}
|
|
.-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);
|
|
}
|
|
.-rotate-35 {
|
|
rotate: calc(35deg * -1);
|
|
}
|
|
.transform {
|
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
}
|
|
.cursor-pointer {
|
|
cursor: pointer;
|
|
}
|
|
.resize {
|
|
resize: both;
|
|
}
|
|
.flex-col {
|
|
flex-direction: column;
|
|
}
|
|
.items-center {
|
|
align-items: center;
|
|
}
|
|
.justify-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-center {
|
|
justify-content: center;
|
|
}
|
|
.gap-4 {
|
|
gap: calc(var(--spacing) * 4);
|
|
}
|
|
.space-y-4 {
|
|
:where(& > :not(:last-child)) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
|
}
|
|
}
|
|
.space-x-1 {
|
|
:where(& > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
}
|
|
.space-x-3 {
|
|
:where(& > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
}
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
.rounded {
|
|
border-radius: 0.25rem;
|
|
}
|
|
.rounded-2xl {
|
|
border-radius: var(--radius-2xl);
|
|
}
|
|
.rounded-full {
|
|
border-radius: calc(infinity * 1px);
|
|
}
|
|
.rounded-lg {
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
.rounded-xl {
|
|
border-radius: var(--radius-xl);
|
|
}
|
|
.border {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
.border-t {
|
|
border-top-style: var(--tw-border-style);
|
|
border-top-width: 1px;
|
|
}
|
|
.border-r {
|
|
border-right-style: var(--tw-border-style);
|
|
border-right-width: 1px;
|
|
}
|
|
.border-border {
|
|
border-color: var(--color-border);
|
|
}
|
|
.bg-\(--section-color\) {
|
|
background-color: var(--section-color);
|
|
}
|
|
.bg-body {
|
|
background-color: var(--color-body);
|
|
}
|
|
.bg-gray-200 {
|
|
background-color: var(--color-gray-200);
|
|
}
|
|
.bg-light {
|
|
background-color: var(--color-light);
|
|
}
|
|
.bg-primary {
|
|
background-color: var(--color-primary);
|
|
}
|
|
.bg-white {
|
|
background-color: var(--color-white);
|
|
}
|
|
.bg-gradient-to-b {
|
|
--tw-gradient-position: to bottom in oklab;
|
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
}
|
|
.from-body {
|
|
--tw-gradient-from: var(--color-body);
|
|
--tw-gradient-via-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-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
}
|
|
.to-light {
|
|
--tw-gradient-to: var(--color-light);
|
|
--tw-gradient-via-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-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));
|
|
}
|
|
.fill-current {
|
|
fill: currentcolor;
|
|
}
|
|
.fill-current {
|
|
fill: currentcolor;
|
|
}
|
|
.p-6 {
|
|
padding: calc(var(--spacing) * 6);
|
|
}
|
|
.p-8 {
|
|
padding: calc(var(--spacing) * 8);
|
|
}
|
|
.px-2 {
|
|
padding-inline: calc(var(--spacing) * 2);
|
|
}
|
|
.px-3 {
|
|
padding-inline: calc(var(--spacing) * 3);
|
|
}
|
|
.px-4 {
|
|
padding-inline: calc(var(--spacing) * 4);
|
|
}
|
|
.px-7 {
|
|
padding-inline: calc(var(--spacing) * 7);
|
|
}
|
|
.px-8 {
|
|
padding-inline: calc(var(--spacing) * 8);
|
|
}
|
|
.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-7 {
|
|
padding-block: calc(var(--spacing) * 7);
|
|
}
|
|
.py-10 {
|
|
padding-block: calc(var(--spacing) * 10);
|
|
}
|
|
.py-14 {
|
|
padding-block: calc(var(--spacing) * 14);
|
|
}
|
|
.py-16 {
|
|
padding-block: calc(var(--spacing) * 16);
|
|
}
|
|
.py-\[2\.5px\] {
|
|
padding-block: 2.5px;
|
|
}
|
|
.pt-8 {
|
|
padding-top: calc(var(--spacing) * 8);
|
|
}
|
|
.pr-5 {
|
|
padding-right: calc(var(--spacing) * 5);
|
|
}
|
|
.pb-6 {
|
|
padding-bottom: calc(var(--spacing) * 6);
|
|
}
|
|
.pl-2 {
|
|
padding-left: calc(var(--spacing) * 2);
|
|
}
|
|
.pl-6 {
|
|
padding-left: calc(var(--spacing) * 6);
|
|
}
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
.font-primary {
|
|
font-family: var(--font-primary);
|
|
}
|
|
.text-lg {
|
|
font-size: var(--text-lg);
|
|
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
}
|
|
.text-xl {
|
|
font-size: var(--text-xl);
|
|
line-height: var(--tw-leading, var(--text-xl--line-height));
|
|
}
|
|
.text-\[8rem\] {
|
|
font-size: 8rem;
|
|
}
|
|
.text-\[12px\] {
|
|
font-size: 12px;
|
|
}
|
|
.text-h3 {
|
|
font-size: var(--text-h3);
|
|
}
|
|
.font-bold {
|
|
--tw-font-weight: var(--font-weight-bold);
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
.font-semibold {
|
|
--tw-font-weight: var(--font-weight-semibold);
|
|
font-weight: var(--font-weight-semibold);
|
|
}
|
|
.text-black {
|
|
color: var(--color-black);
|
|
}
|
|
.text-dark {
|
|
color: var(--color-dark);
|
|
}
|
|
.text-light {
|
|
color: var(--color-light);
|
|
}
|
|
.text-primary {
|
|
color: var(--color-primary);
|
|
}
|
|
.text-red-500 {
|
|
color: var(--color-red-500);
|
|
}
|
|
.text-text-dark {
|
|
color: var(--color-text-dark);
|
|
}
|
|
.text-text-light {
|
|
color: var(--color-text-light);
|
|
}
|
|
.text-white {
|
|
color: var(--color-white);
|
|
}
|
|
.capitalize {
|
|
text-transform: capitalize;
|
|
}
|
|
.uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
.opacity-0 {
|
|
opacity: 0%;
|
|
}
|
|
.opacity-100 {
|
|
opacity: 100%;
|
|
}
|
|
.shadow {
|
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.invert {
|
|
--tw-invert: invert(100%);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.transition {
|
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
}
|
|
.backface-hidden {
|
|
backface-visibility: hidden;
|
|
}
|
|
.gx-5 {
|
|
--bs-gutter-x: 3rem;
|
|
}
|
|
.hover\:bg-light {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
background-color: var(--color-light);
|
|
}
|
|
}
|
|
}
|
|
.hover\:bg-primary {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
background-color: var(--color-primary);
|
|
}
|
|
}
|
|
}
|
|
.hover\:text-primary {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-primary);
|
|
}
|
|
}
|
|
}
|
|
.hover\:text-white {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-white);
|
|
}
|
|
}
|
|
}
|
|
.sm\:col-10 {
|
|
@media (width >= 40rem) {
|
|
grid-column: 10;
|
|
}
|
|
}
|
|
.sm\:block {
|
|
@media (width >= 40rem) {
|
|
display: block;
|
|
}
|
|
}
|
|
.sm\:hidden {
|
|
@media (width >= 40rem) {
|
|
display: none;
|
|
}
|
|
}
|
|
.sm\:col-10 {
|
|
@media (width >= 40rem) {
|
|
flex: 0 0 auto;
|
|
width: 83.33333333333334%;
|
|
}
|
|
}
|
|
.sm\:bg-red-200 {
|
|
@media (width >= 40rem) {
|
|
background-color: var(--color-red-200);
|
|
}
|
|
}
|
|
.md\:order-1 {
|
|
@media (width >= 48rem) {
|
|
order: 1;
|
|
}
|
|
}
|
|
.md\:order-1 {
|
|
@media (width >= 48rem) {
|
|
order: 1;
|
|
}
|
|
}
|
|
.md\:order-2 {
|
|
@media (width >= 48rem) {
|
|
order: 2;
|
|
}
|
|
}
|
|
.md\:order-2 {
|
|
@media (width >= 48rem) {
|
|
order: 2;
|
|
}
|
|
}
|
|
.md\:col-5 {
|
|
@media (width >= 48rem) {
|
|
grid-column: 5;
|
|
}
|
|
}
|
|
.md\:col-6 {
|
|
@media (width >= 48rem) {
|
|
grid-column: 6;
|
|
}
|
|
}
|
|
.md\:col-7 {
|
|
@media (width >= 48rem) {
|
|
grid-column: 7;
|
|
}
|
|
}
|
|
.md\:col-8 {
|
|
@media (width >= 48rem) {
|
|
grid-column: 8;
|
|
}
|
|
}
|
|
.md\:col-10 {
|
|
@media (width >= 48rem) {
|
|
grid-column: 10;
|
|
}
|
|
}
|
|
.md\:mb-0 {
|
|
@media (width >= 48rem) {
|
|
margin-bottom: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
.md\:block {
|
|
@media (width >= 48rem) {
|
|
display: block;
|
|
}
|
|
}
|
|
.md\:hidden {
|
|
@media (width >= 48rem) {
|
|
display: none;
|
|
}
|
|
}
|
|
.md\:col-5 {
|
|
@media (width >= 48rem) {
|
|
flex: 0 0 auto;
|
|
width: 41.66666666666667%;
|
|
}
|
|
}
|
|
.md\:col-6 {
|
|
@media (width >= 48rem) {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
}
|
|
.md\:col-7 {
|
|
@media (width >= 48rem) {
|
|
flex: 0 0 auto;
|
|
width: 58.333333333333336%;
|
|
}
|
|
}
|
|
.md\:col-8 {
|
|
@media (width >= 48rem) {
|
|
flex: 0 0 auto;
|
|
width: 66.66666666666667%;
|
|
}
|
|
}
|
|
.md\:col-10 {
|
|
@media (width >= 48rem) {
|
|
flex: 0 0 auto;
|
|
width: 83.33333333333334%;
|
|
}
|
|
}
|
|
.md\:bg-yellow-200 {
|
|
@media (width >= 48rem) {
|
|
background-color: var(--color-yellow-200);
|
|
}
|
|
}
|
|
.lg\:order-1 {
|
|
@media (width >= 64rem) {
|
|
order: 1;
|
|
}
|
|
}
|
|
.lg\:order-1 {
|
|
@media (width >= 64rem) {
|
|
order: 1;
|
|
}
|
|
}
|
|
.lg\:col-3 {
|
|
@media (width >= 64rem) {
|
|
grid-column: 3;
|
|
}
|
|
}
|
|
.lg\:col-4 {
|
|
@media (width >= 64rem) {
|
|
grid-column: 4;
|
|
}
|
|
}
|
|
.lg\:col-6 {
|
|
@media (width >= 64rem) {
|
|
grid-column: 6;
|
|
}
|
|
}
|
|
.lg\:col-7 {
|
|
@media (width >= 64rem) {
|
|
grid-column: 7;
|
|
}
|
|
}
|
|
.lg\:col-8 {
|
|
@media (width >= 64rem) {
|
|
grid-column: 8;
|
|
}
|
|
}
|
|
.lg\:col-10 {
|
|
@media (width >= 64rem) {
|
|
grid-column: 10;
|
|
}
|
|
}
|
|
.lg\:mt-0 {
|
|
@media (width >= 64rem) {
|
|
margin-top: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
.lg\:mb-0 {
|
|
@media (width >= 64rem) {
|
|
margin-bottom: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
.lg\:ml-0 {
|
|
@media (width >= 64rem) {
|
|
margin-left: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
.lg\:block {
|
|
@media (width >= 64rem) {
|
|
display: block;
|
|
}
|
|
}
|
|
.lg\:flex {
|
|
@media (width >= 64rem) {
|
|
display: flex;
|
|
}
|
|
}
|
|
.lg\:hidden {
|
|
@media (width >= 64rem) {
|
|
display: none;
|
|
}
|
|
}
|
|
.lg\:inline-block {
|
|
@media (width >= 64rem) {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
.lg\:col-3 {
|
|
@media (width >= 64rem) {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
}
|
|
.lg\:col-4 {
|
|
@media (width >= 64rem) {
|
|
flex: 0 0 auto;
|
|
width: 33.333333333333336%;
|
|
}
|
|
}
|
|
.lg\:col-6 {
|
|
@media (width >= 64rem) {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
}
|
|
.lg\:col-7 {
|
|
@media (width >= 64rem) {
|
|
flex: 0 0 auto;
|
|
width: 58.333333333333336%;
|
|
}
|
|
}
|
|
.lg\:col-8 {
|
|
@media (width >= 64rem) {
|
|
flex: 0 0 auto;
|
|
width: 66.66666666666667%;
|
|
}
|
|
}
|
|
.lg\:col-10 {
|
|
@media (width >= 64rem) {
|
|
flex: 0 0 auto;
|
|
width: 83.33333333333334%;
|
|
}
|
|
}
|
|
.lg\:w-auto {
|
|
@media (width >= 64rem) {
|
|
width: auto;
|
|
}
|
|
}
|
|
.lg\:\!max-w-\[600px\] {
|
|
@media (width >= 64rem) {
|
|
max-width: 600px !important;
|
|
}
|
|
}
|
|
.lg\:\!max-w-\[1200px\] {
|
|
@media (width >= 64rem) {
|
|
max-width: 1200px !important;
|
|
}
|
|
}
|
|
.lg\:space-x-2 {
|
|
@media (width >= 64rem) {
|
|
: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)));
|
|
}
|
|
}
|
|
}
|
|
.lg\:border-r-0 {
|
|
@media (width >= 64rem) {
|
|
border-right-style: var(--tw-border-style);
|
|
border-right-width: 0px;
|
|
}
|
|
}
|
|
.lg\:bg-green-200 {
|
|
@media (width >= 64rem) {
|
|
background-color: var(--color-green-200);
|
|
}
|
|
}
|
|
.lg\:pr-0 {
|
|
@media (width >= 64rem) {
|
|
padding-right: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
.lg\:pb-0 {
|
|
@media (width >= 64rem) {
|
|
padding-bottom: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
.lg\:text-left {
|
|
@media (width >= 64rem) {
|
|
text-align: left;
|
|
}
|
|
}
|
|
.lg\:text-right {
|
|
@media (width >= 64rem) {
|
|
text-align: right;
|
|
}
|
|
}
|
|
.lg\:text-h1 {
|
|
@media (width >= 64rem) {
|
|
font-size: var(--text-h1);
|
|
}
|
|
}
|
|
.lg\:group-hover\:visible {
|
|
@media (width >= 64rem) {
|
|
&:is(:where(.group):hover *) {
|
|
@media (hover: hover) {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.lg\:group-hover\:opacity-100 {
|
|
@media (width >= 64rem) {
|
|
&:is(:where(.group):hover *) {
|
|
@media (hover: hover) {
|
|
opacity: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.xl\:col-6 {
|
|
@media (width >= 80rem) {
|
|
grid-column: 6;
|
|
}
|
|
}
|
|
.xl\:block {
|
|
@media (width >= 80rem) {
|
|
display: block;
|
|
}
|
|
}
|
|
.xl\:hidden {
|
|
@media (width >= 80rem) {
|
|
display: none;
|
|
}
|
|
}
|
|
.xl\:col-6 {
|
|
@media (width >= 80rem) {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
}
|
|
.xl\:space-x-8 {
|
|
@media (width >= 80rem) {
|
|
:where(& > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
}
|
|
}
|
|
.xl\:bg-blue-200 {
|
|
@media (width >= 80rem) {
|
|
background-color: var(--color-blue-200);
|
|
}
|
|
}
|
|
.xl\:p-20 {
|
|
@media (width >= 80rem) {
|
|
padding: calc(var(--spacing) * 20);
|
|
}
|
|
}
|
|
.\32 xl\:block {
|
|
@media (width >= 96rem) {
|
|
display: block;
|
|
}
|
|
}
|
|
.\32 xl\:hidden {
|
|
@media (width >= 96rem) {
|
|
display: none;
|
|
}
|
|
}
|
|
.\32 xl\:bg-pink-200 {
|
|
@media (width >= 96rem) {
|
|
background-color: var(--color-pink-200);
|
|
}
|
|
}
|
|
.dark\:border-darkmode-border {
|
|
&:where(.dark, .dark *) {
|
|
border-color: var(--color-darkmode-border);
|
|
}
|
|
}
|
|
.dark\:bg-darkmode-body {
|
|
&:where(.dark, .dark *) {
|
|
background-color: var(--color-darkmode-body);
|
|
}
|
|
}
|
|
.dark\:bg-darkmode-light {
|
|
&:where(.dark, .dark *) {
|
|
background-color: var(--color-darkmode-light);
|
|
}
|
|
}
|
|
.dark\:bg-darkmode-primary {
|
|
&:where(.dark, .dark *) {
|
|
background-color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
.dark\:from-darkmode-body {
|
|
&:where(.dark, .dark *) {
|
|
--tw-gradient-from: var(--color-darkmode-body);
|
|
--tw-gradient-via-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-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
}
|
|
}
|
|
.dark\:to-darkmode-light {
|
|
&:where(.dark, .dark *) {
|
|
--tw-gradient-to: var(--color-darkmode-light);
|
|
--tw-gradient-via-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-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
}
|
|
}
|
|
.dark\:text-darkmode-primary {
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
.dark\:text-darkmode-text-dark {
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-darkmode-text-dark);
|
|
}
|
|
}
|
|
.dark\:text-darkmode-text-light {
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-darkmode-text-light);
|
|
}
|
|
}
|
|
.dark\:text-text-dark {
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
}
|
|
.dark\:text-white {
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-white);
|
|
}
|
|
}
|
|
.dark\:opacity-0 {
|
|
&:where(.dark, .dark *) {
|
|
opacity: 0%;
|
|
}
|
|
}
|
|
.dark\:opacity-100 {
|
|
&:where(.dark, .dark *) {
|
|
opacity: 100%;
|
|
}
|
|
}
|
|
.dark\:hover\:bg-darkmode-light {
|
|
&:where(.dark, .dark *) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
background-color: var(--color-darkmode-light);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.dark\:hover\:bg-darkmode-primary {
|
|
&:where(.dark, .dark *) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
background-color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.dark\:hover\:text-darkmode-primary {
|
|
&:where(.dark, .dark *) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.dark\:hover\:text-text-dark {
|
|
&:where(.dark, .dark *) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}input#nav-toggle:checked+label #show-button{display:none}input#nav-toggle:checked+label #hide-button{display:block}input#nav-toggle:checked~#nav-menu{display:block}.form-input{width:100%;border-radius:.25rem;border-color:transparent;background-color:var(--color-light);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);color:var(--color-text-dark);&::placeholder { color:var(--color-text-light); } &:focus { border-color:var(--color-primary); } &:focus { --tw-ring-color:transparent; } &:where(.dark,.dark *) { border-color:var(--color-darkmode-border); } &:where(.dark,.dark *) { background-color:var(--color-darkmode-light); } &:where(.dark,.dark *) { color:var(--color-darkmode-text-light); } &:where(.dark,.dark *) { &:focus { border-color:var(--color-darkmode-primary); } }}.form-label{margin-bottom:calc(var(--spacing) * 4);display:block;font-family:var(--font-secondary);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-text-dark);&:where(.dark,.dark *) { color:var(--color-darkmode-text-light); }}.swiper-pagination-bullet{height:calc(var(--spacing) * 2.5) !important;width:calc(var(--spacing) * 2.5) !important;background-color:var(--color-light) !important;opacity:100% !important;&:where(.dark,.dark *) { background-color:var(--color-darkmode-light)!important; }}.swiper-pagination-bullet-active{height:calc(var(--spacing) * 4) !important;width:calc(var(--spacing) * 4) !important;background-color:var(--color-primary) !important;&:where(.dark,.dark *) { background-color:var(--color-darkmode-primary)!important; }}@layer base{html {
|
|
font-size: var(--text-base-sm);
|
|
@media (width >= 48rem) {
|
|
font-size: var(--text-base);
|
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
}
|
|
@media (width >= 48rem) {
|
|
font-size: var(--text-base);
|
|
}
|
|
}
|
|
body {
|
|
background-color: var(--color-body);
|
|
font-family: var(--font-primary);
|
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
font-size: var(--text-base);
|
|
--tw-leading: var(--leading-relaxed);
|
|
line-height: var(--leading-relaxed);
|
|
--tw-font-weight: var(--font-weight-normal);
|
|
font-weight: var(--font-weight-normal);
|
|
color: var(--color-text);
|
|
&:where(.dark, .dark *) {
|
|
background-color: var(--color-darkmode-body);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-darkmode-text);
|
|
}
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: var(--font-secondary);
|
|
--tw-leading: var(--leading-tight);
|
|
line-height: var(--leading-tight);
|
|
--tw-font-weight: var(--font-weight-bold);
|
|
font-weight: var(--font-weight-bold);
|
|
color: var(--color-text-dark);
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-darkmode-text-dark);
|
|
}
|
|
}
|
|
h1, .h1 {
|
|
font-size: var(--text-h1-sm);
|
|
@media (width >= 48rem) {
|
|
font-size: var(--text-h1);
|
|
}
|
|
}
|
|
h2, .h2 {
|
|
font-size: var(--text-h2-sm);
|
|
@media (width >= 48rem) {
|
|
font-size: var(--text-h2);
|
|
}
|
|
}
|
|
h3, .h3 {
|
|
font-size: var(--text-h3-sm);
|
|
@media (width >= 48rem) {
|
|
font-size: var(--text-h3);
|
|
}
|
|
}
|
|
h4, .h4 {
|
|
font-size: var(--text-h4);
|
|
}
|
|
h5, .h5 {
|
|
font-size: var(--text-h5);
|
|
}
|
|
h6, .h6 {
|
|
font-size: var(--text-h6);
|
|
}
|
|
b, strong {
|
|
--tw-font-weight: var(--font-weight-semibold);
|
|
font-weight: var(--font-weight-semibold);
|
|
}
|
|
code {
|
|
&::after {
|
|
content: var(--tw-content);
|
|
--tw-border-style: none;
|
|
border-style: none;
|
|
}
|
|
}
|
|
blockquote > p {
|
|
margin-block: calc(var(--spacing) * 0) !important;
|
|
}
|
|
}@layer components{.section {
|
|
padding-block: calc(var(--spacing) * 20);
|
|
@media (width >= 80rem) {
|
|
padding-block: calc(var(--spacing) * 24);
|
|
}
|
|
}
|
|
.section-sm {
|
|
padding-block: calc(var(--spacing) * 10);
|
|
@media (width >= 80rem) {
|
|
padding-block: calc(var(--spacing) * 12);
|
|
}
|
|
}
|
|
.container {
|
|
margin-inline: auto;
|
|
padding-inline: calc(var(--spacing) * 4);
|
|
@media (width >= 80rem) {
|
|
max-width: 1320px !important;
|
|
}
|
|
}
|
|
.social-icons {
|
|
:where(& > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
}
|
|
.social-icons li {
|
|
display: inline-block;
|
|
}
|
|
.social-icons li a {
|
|
display: flex;
|
|
height: calc(var(--spacing) * 9);
|
|
width: calc(var(--spacing) * 9);
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: var(--radius-sm);
|
|
background-color: var(--color-primary);
|
|
text-align: center;
|
|
--tw-leading: calc(var(--spacing) * 9);
|
|
line-height: calc(var(--spacing) * 9);
|
|
color: var(--color-white);
|
|
&:where(.dark, .dark *) {
|
|
background-color: var(--color-darkmode-primary);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
}
|
|
.social-icons li a svg {
|
|
height: calc(var(--spacing) * 5);
|
|
width: calc(var(--spacing) * 5);
|
|
}
|
|
.content {
|
|
color: var(--tw-prose-body);
|
|
max-width: 65ch;
|
|
:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 1.25em;
|
|
margin-bottom: 1.25em;
|
|
}
|
|
:where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-lead);
|
|
font-size: 1.25em;
|
|
line-height: 1.6;
|
|
margin-top: 1.2em;
|
|
margin-bottom: 1.2em;
|
|
}
|
|
:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-links);
|
|
text-decoration: underline;
|
|
font-weight: 500;
|
|
}
|
|
:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-bold);
|
|
font-weight: 600;
|
|
}
|
|
:where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
}
|
|
:where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
}
|
|
:where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
}
|
|
:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: decimal;
|
|
margin-top: 1.25em;
|
|
margin-bottom: 1.25em;
|
|
padding-inline-start: 1.625em;
|
|
}
|
|
:where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: upper-alpha;
|
|
}
|
|
:where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: lower-alpha;
|
|
}
|
|
:where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: upper-alpha;
|
|
}
|
|
:where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: lower-alpha;
|
|
}
|
|
:where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: upper-roman;
|
|
}
|
|
:where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: lower-roman;
|
|
}
|
|
:where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: upper-roman;
|
|
}
|
|
:where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: lower-roman;
|
|
}
|
|
:where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: decimal;
|
|
}
|
|
:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
list-style-type: disc;
|
|
margin-top: 1.25em;
|
|
margin-bottom: 1.25em;
|
|
padding-inline-start: 1.625em;
|
|
}
|
|
:where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
|
font-weight: 400;
|
|
color: var(--tw-prose-counters);
|
|
}
|
|
:where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
|
color: var(--tw-prose-bullets);
|
|
}
|
|
:where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 600;
|
|
margin-top: 1.25em;
|
|
}
|
|
:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
border-color: var(--tw-prose-hr);
|
|
border-top-width: 1;
|
|
margin-top: 3em;
|
|
margin-bottom: 3em;
|
|
}
|
|
:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
font-weight: 500;
|
|
font-style: italic;
|
|
color: var(--tw-prose-quotes);
|
|
border-inline-start-width: 0.25rem;
|
|
border-inline-start-color: var(--tw-prose-quote-borders);
|
|
quotes: "\201C""\201D""\2018""\2019";
|
|
margin-top: 1.6em;
|
|
margin-bottom: 1.6em;
|
|
padding-inline-start: 1em;
|
|
}
|
|
:where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
|
content: open-quote;
|
|
}
|
|
:where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
|
content: close-quote;
|
|
}
|
|
:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 800;
|
|
font-size: 2.25em;
|
|
margin-top: 0;
|
|
margin-bottom: 0.8888889em;
|
|
line-height: 1.1111111;
|
|
}
|
|
:where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
font-weight: 900;
|
|
color: inherit;
|
|
}
|
|
:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 700;
|
|
font-size: 1.5em;
|
|
margin-top: 2em;
|
|
margin-bottom: 1em;
|
|
line-height: 1.3333333;
|
|
}
|
|
:where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
font-weight: 800;
|
|
color: inherit;
|
|
}
|
|
:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 600;
|
|
font-size: 1.25em;
|
|
margin-top: 1.6em;
|
|
margin-bottom: 0.6em;
|
|
line-height: 1.6;
|
|
}
|
|
:where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
font-weight: 700;
|
|
color: inherit;
|
|
}
|
|
:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 600;
|
|
margin-top: 1.5em;
|
|
margin-bottom: 0.5em;
|
|
line-height: 1.5;
|
|
}
|
|
:where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
font-weight: 700;
|
|
color: inherit;
|
|
}
|
|
:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
:where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
display: block;
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
:where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
:where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
font-weight: 500;
|
|
font-family: inherit;
|
|
color: var(--tw-prose-kbd);
|
|
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
|
|
font-size: 0.875em;
|
|
border-radius: 0.3125rem;
|
|
padding-top: 0.1875em;
|
|
padding-inline-end: 0.375em;
|
|
padding-bottom: 0.1875em;
|
|
padding-inline-start: 0.375em;
|
|
}
|
|
:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-code);
|
|
font-weight: 600;
|
|
font-size: 0.875em;
|
|
}
|
|
:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
|
content: "`";
|
|
}
|
|
:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
|
content: "`";
|
|
}
|
|
:where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
}
|
|
:where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
}
|
|
:where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
font-size: 0.875em;
|
|
}
|
|
:where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
font-size: 0.9em;
|
|
}
|
|
:where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
}
|
|
:where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
}
|
|
:where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: inherit;
|
|
}
|
|
:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-pre-code);
|
|
background-color: var(--tw-prose-pre-bg);
|
|
overflow-x: auto;
|
|
font-weight: 400;
|
|
font-size: 0.875em;
|
|
line-height: 1.7142857;
|
|
margin-top: 1.7142857em;
|
|
margin-bottom: 1.7142857em;
|
|
border-radius: 0.375rem;
|
|
padding-top: 0.8571429em;
|
|
padding-inline-end: 1.1428571em;
|
|
padding-bottom: 0.8571429em;
|
|
padding-inline-start: 1.1428571em;
|
|
}
|
|
:where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
background-color: transparent;
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
font-weight: inherit;
|
|
color: inherit;
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
line-height: inherit;
|
|
}
|
|
:where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
|
content: none;
|
|
}
|
|
:where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
|
content: none;
|
|
}
|
|
:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
width: 100%;
|
|
table-layout: auto;
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
font-size: 0.875em;
|
|
line-height: 1.7142857;
|
|
}
|
|
:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: var(--tw-prose-th-borders);
|
|
}
|
|
:where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 600;
|
|
vertical-align: bottom;
|
|
padding-inline-end: 0.5714286em;
|
|
padding-bottom: 0.5714286em;
|
|
padding-inline-start: 0.5714286em;
|
|
}
|
|
:where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: var(--tw-prose-td-borders);
|
|
}
|
|
:where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
border-bottom-width: 0;
|
|
}
|
|
:where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
vertical-align: baseline;
|
|
}
|
|
:where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
border-top-width: 1px;
|
|
border-top-color: var(--tw-prose-th-borders);
|
|
}
|
|
:where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
vertical-align: top;
|
|
}
|
|
:where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
text-align: start;
|
|
}
|
|
:where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
:where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
color: var(--tw-prose-captions);
|
|
font-size: 0.875em;
|
|
line-height: 1.4285714;
|
|
margin-top: 0.8571429em;
|
|
}
|
|
--tw-prose-body: oklch(37.3% 0.034 259.733);
|
|
--tw-prose-headings: oklch(21% 0.034 264.665);
|
|
--tw-prose-lead: oklch(44.6% 0.03 256.802);
|
|
--tw-prose-links: oklch(21% 0.034 264.665);
|
|
--tw-prose-bold: oklch(21% 0.034 264.665);
|
|
--tw-prose-counters: oklch(55.1% 0.027 264.364);
|
|
--tw-prose-bullets: oklch(87.2% 0.01 258.338);
|
|
--tw-prose-hr: oklch(92.8% 0.006 264.531);
|
|
--tw-prose-quotes: oklch(21% 0.034 264.665);
|
|
--tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
|
|
--tw-prose-captions: oklch(55.1% 0.027 264.364);
|
|
--tw-prose-kbd: oklch(21% 0.034 264.665);
|
|
--tw-prose-kbd-shadows: NaN NaN NaN;
|
|
--tw-prose-code: oklch(21% 0.034 264.665);
|
|
--tw-prose-pre-code: oklch(92.8% 0.006 264.531);
|
|
--tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
|
|
--tw-prose-th-borders: oklch(87.2% 0.01 258.338);
|
|
--tw-prose-td-borders: oklch(92.8% 0.006 264.531);
|
|
--tw-prose-invert-body: oklch(87.2% 0.01 258.338);
|
|
--tw-prose-invert-headings: #fff;
|
|
--tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
|
|
--tw-prose-invert-links: #fff;
|
|
--tw-prose-invert-bold: #fff;
|
|
--tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
|
|
--tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
|
|
--tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
|
|
--tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
|
|
--tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
|
|
--tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
|
|
--tw-prose-invert-kbd: #fff;
|
|
--tw-prose-invert-kbd-shadows: 255 255 255;
|
|
--tw-prose-invert-code: #fff;
|
|
--tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
|
|
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
|
|
--tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
|
|
--tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
|
|
font-size: 1rem;
|
|
line-height: 1.75;
|
|
:where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
:where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
padding-inline-start: 0.375em;
|
|
}
|
|
:where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
padding-inline-start: 0.375em;
|
|
}
|
|
:where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0.75em;
|
|
margin-bottom: 0.75em;
|
|
}
|
|
:where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 1.25em;
|
|
}
|
|
:where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-bottom: 1.25em;
|
|
}
|
|
:where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 1.25em;
|
|
}
|
|
:where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-bottom: 1.25em;
|
|
}
|
|
:where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0.75em;
|
|
margin-bottom: 0.75em;
|
|
}
|
|
:where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 1.25em;
|
|
margin-bottom: 1.25em;
|
|
}
|
|
:where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0.5em;
|
|
padding-inline-start: 1.625em;
|
|
}
|
|
:where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0;
|
|
}
|
|
:where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0;
|
|
}
|
|
:where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0;
|
|
}
|
|
:where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0;
|
|
}
|
|
:where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
padding-inline-start: 0;
|
|
}
|
|
:where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
padding-inline-end: 0;
|
|
}
|
|
:where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
padding-top: 0.5714286em;
|
|
padding-inline-end: 0.5714286em;
|
|
padding-bottom: 0.5714286em;
|
|
padding-inline-start: 0.5714286em;
|
|
}
|
|
:where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
padding-inline-start: 0;
|
|
}
|
|
:where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
padding-inline-end: 0;
|
|
}
|
|
:where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
:where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-top: 0;
|
|
}
|
|
:where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
margin-bottom: 0;
|
|
}
|
|
max-width: none;
|
|
& :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
margin-top: .6em;
|
|
}
|
|
& :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
margin-bottom: .3em;
|
|
}
|
|
& :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-darkmode-text-dark);
|
|
}
|
|
}
|
|
& :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-size: var(--text-h1-sm);
|
|
}
|
|
@media (width >= 48rem) {
|
|
& :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-size: var(--text-h1);
|
|
}
|
|
}
|
|
& :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-size: var(--text-h2-sm);
|
|
}
|
|
@media (width >= 48rem) {
|
|
& :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-size: var(--text-h2);
|
|
}
|
|
}
|
|
& :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-size: var(--text-h3-sm);
|
|
}
|
|
@media (width >= 48rem) {
|
|
& :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-size: var(--text-h3);
|
|
}
|
|
}
|
|
& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
max-width: 100%;
|
|
}
|
|
& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-radius: 0.25rem;
|
|
}
|
|
& :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-color: var(--color-border);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-color: var(--color-darkmode-border);
|
|
}
|
|
}
|
|
& :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-size: var(--text-base);
|
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
}
|
|
& :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-size: var(--text-base);
|
|
}
|
|
& :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-text);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-darkmode-text);
|
|
}
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-left-style: var(--tw-border-style);
|
|
border-left-width: 10px;
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-color: var(--color-primary);
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
background-color: var(--color-light);
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
padding-inline: calc(var(--spacing) * 8);
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
padding-block: calc(var(--spacing) * 10);
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-family: var(--font-secondary);
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-size: var(--text-2xl);
|
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
font-style: normal;
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
background-color: var(--color-darkmode-light);
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-darkmode-text-light);
|
|
}
|
|
}
|
|
& :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
& :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
background-color: var(--color-light);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
background-color: var(--color-darkmode-light);
|
|
}
|
|
}
|
|
& :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
padding-inline: calc(var(--spacing) * 1);
|
|
}
|
|
& :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-primary);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
& :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-darkmode-text);
|
|
}
|
|
}
|
|
& :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-text);
|
|
}
|
|
& :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
text-decoration-line: underline;
|
|
}
|
|
& :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-primary);
|
|
}
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-darkmode-text);
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
& :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-text);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-darkmode-text);
|
|
}
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
position: relative;
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
overflow: hidden;
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&::before {
|
|
content: var(--tw-content);
|
|
position: absolute;
|
|
}
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&::before {
|
|
content: var(--tw-content);
|
|
top: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&::before {
|
|
content: var(--tw-content);
|
|
left: calc(var(--spacing) * 0);
|
|
}
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&::before {
|
|
content: var(--tw-content);
|
|
height: 100%;
|
|
}
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&::before {
|
|
content: var(--tw-content);
|
|
width: 100%;
|
|
}
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&::before {
|
|
content: var(--tw-content);
|
|
border-radius: inherit;
|
|
}
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&::before {
|
|
content: var(--tw-content);
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
}
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&::before {
|
|
--tw-content: "";
|
|
content: var(--tw-content);
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
&::before {
|
|
content: var(--tw-content);
|
|
border-color: var(--color-darkmode-border);
|
|
}
|
|
}
|
|
}
|
|
& :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-color: var(--color-border);
|
|
}
|
|
& :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
background-color: var(--color-light);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-color: var(--color-darkmode-border);
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
background-color: var(--color-darkmode-light);
|
|
}
|
|
}
|
|
& :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
position: relative;
|
|
}
|
|
& :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
z-index: 10;
|
|
}
|
|
& :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
padding-inline: calc(var(--spacing) * 4);
|
|
}
|
|
& :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
padding-block: 18px;
|
|
}
|
|
& :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-darkmode-text);
|
|
}
|
|
}
|
|
& :is(:where(tr):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-color: var(--color-border);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(tr):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
border-color: var(--color-darkmode-border);
|
|
}
|
|
}
|
|
& :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
position: relative;
|
|
}
|
|
& :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
z-index: 10;
|
|
}
|
|
& :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
padding-inline: calc(var(--spacing) * 3);
|
|
}
|
|
& :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
padding-block: 18px;
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
& :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
color: var(--color-darkmode-text);
|
|
}
|
|
}
|
|
}
|
|
.content .btn {
|
|
text-decoration-line: none;
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-white) !important;
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.header {
|
|
background-color: var(--color-body);
|
|
padding-block: calc(var(--spacing) * 6);
|
|
&:where(.dark, .dark *) {
|
|
background-color: var(--color-darkmode-body);
|
|
}
|
|
}
|
|
.navbar {
|
|
position: relative;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.navbar-brand {
|
|
font-size: var(--text-xl);
|
|
line-height: var(--tw-leading, var(--text-xl--line-height));
|
|
--tw-font-weight: var(--font-weight-semibold);
|
|
font-weight: var(--font-weight-semibold);
|
|
color: var(--color-text-dark);
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-darkmode-text-dark);
|
|
}
|
|
image {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
.navbar-nav {
|
|
text-align: center;
|
|
@media (width >= 64rem) {
|
|
text-align: left;
|
|
}
|
|
}
|
|
.nav-link {
|
|
display: block;
|
|
cursor: pointer;
|
|
padding: calc(var(--spacing) * 3);
|
|
--tw-font-weight: var(--font-weight-semibold);
|
|
font-weight: var(--font-weight-semibold);
|
|
color: var(--color-text-dark);
|
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-primary);
|
|
}
|
|
}
|
|
@media (width >= 64rem) {
|
|
padding-inline: calc(var(--spacing) * 2);
|
|
}
|
|
@media (width >= 64rem) {
|
|
padding-block: calc(var(--spacing) * 3);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-darkmode-text-dark);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.nav-dropdown {
|
|
margin-right: calc(var(--spacing) * 0);
|
|
}
|
|
.nav-dropdown > svg {
|
|
pointer-events: none;
|
|
}
|
|
.nav-dropdown.active .nav-dropdown-list {
|
|
display: block;
|
|
}
|
|
.nav-dropdown-list {
|
|
z-index: 10;
|
|
display: none;
|
|
min-width: 180px;
|
|
border-radius: 0.25rem;
|
|
background-color: var(--color-body);
|
|
padding: calc(var(--spacing) * 4);
|
|
--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 >= 64rem) {
|
|
visibility: hidden;
|
|
}
|
|
@media (width >= 64rem) {
|
|
position: absolute;
|
|
}
|
|
@media (width >= 64rem) {
|
|
display: block;
|
|
}
|
|
@media (width >= 64rem) {
|
|
opacity: 0%;
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
background-color: var(--color-darkmode-body);
|
|
}
|
|
}
|
|
.nav-dropdown-item {
|
|
&:not(:last-child) {
|
|
margin-bottom: calc(var(--spacing) * 2);
|
|
}
|
|
}
|
|
.nav-dropdown-link {
|
|
display: block;
|
|
padding-block: calc(var(--spacing) * 1);
|
|
--tw-font-weight: var(--font-weight-semibold);
|
|
font-weight: var(--font-weight-semibold);
|
|
color: var(--color-text-dark);
|
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-primary);
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-darkmode-text);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.theme-switcher {
|
|
display: inline-flex;
|
|
label {
|
|
position: relative;
|
|
display: inline-block;
|
|
height: calc(var(--spacing) * 4);
|
|
width: calc(var(--spacing) * 6);
|
|
cursor: pointer;
|
|
border-radius: var(--radius-2xl);
|
|
background-color: var(--color-border);
|
|
@media (width >= 64rem) {
|
|
width: calc(var(--spacing) * 10);
|
|
}
|
|
}
|
|
input {
|
|
position: absolute;
|
|
opacity: 0%;
|
|
}
|
|
span {
|
|
position: absolute;
|
|
top: calc(var(--spacing) * -1);
|
|
left: calc(var(--spacing) * 0);
|
|
display: flex;
|
|
height: calc(var(--spacing) * 6);
|
|
width: calc(var(--spacing) * 6);
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: calc(infinity * 1px);
|
|
background-color: var(--color-dark);
|
|
transition-property: all;
|
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
--tw-duration: 300ms;
|
|
transition-duration: 300ms;
|
|
&:where(.dark, .dark *) {
|
|
background-color: var(--color-white);
|
|
}
|
|
}
|
|
input:checked + label {
|
|
span {
|
|
@media (width >= 64rem) {
|
|
left: calc(var(--spacing) * 4);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.btn {
|
|
display: inline-block;
|
|
border-radius: 0.25rem;
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
border-color: transparent;
|
|
padding-inline: calc(var(--spacing) * 5);
|
|
padding-block: calc(var(--spacing) * 2);
|
|
--tw-font-weight: var(--font-weight-semibold);
|
|
font-weight: var(--font-weight-semibold);
|
|
text-transform: capitalize;
|
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
}
|
|
.btn-sm {
|
|
border-radius: var(--radius-sm);
|
|
padding-inline: calc(var(--spacing) * 4);
|
|
padding-block: calc(var(--spacing) * 1.5);
|
|
font-size: var(--text-sm);
|
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
}
|
|
.btn-primary {
|
|
border-color: var(--color-primary);
|
|
background-color: var(--color-primary);
|
|
color: var(--color-white);
|
|
&:where(.dark, .dark *) {
|
|
border-color: var(--color-darkmode-primary);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
background-color: var(--color-darkmode-primary);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
}
|
|
.btn-outline-primary {
|
|
border-color: var(--color-dark);
|
|
background-color: transparent;
|
|
color: var(--color-text-dark);
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
background-color: var(--color-dark);
|
|
}
|
|
}
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-white);
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
border-color: var(--color-darkmode-primary);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
color: var(--color-white);
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
background-color: var(--color-darkmode-primary);
|
|
}
|
|
}
|
|
}
|
|
&:where(.dark, .dark *) {
|
|
&:hover {
|
|
@media (hover: hover) {
|
|
color: var(--color-text-dark);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}.search-wrapper{position:relative;z-index:1}.search-wrapper svg{display:inline-block;background-color:transparent}.search-wrapper-header{padding:14px;position:relative}.search-wrapper-header input{border:1px solid #ddd;width:100%;border-radius:4px;height:52px;padding:0 15px 0 40px;transition:.25s}.search-wrapper-header input:focus{border-color:var(--color-primary);box-shadow:none;outline:none}.search-wrapper-header label{position:absolute;left:28px;top:calc(50% - 13px)}.search-wrapper-header label .search-reset{display:none;transition:.1s}.search-wrapper-header label .search-reset:hover{cursor:pointer;color:#fb5c5c}.search-result-empty{display:block;text-align:center;padding:32px 0;cursor:text;user-select:none}.search-result mark{padding:0;border-radius:2px}.search-result:not(:empty)+.search-result-empty{display:none}.search-not-found{text-align:center}.search-not-found svg{margin-bottom:16px}.search-not-found p{margin-bottom:0}.search-result-item{position:relative;display:block;padding:16px;border-radius:4px;border:1px solid #eee;background-color:#fff;transition:0s;margin-bottom:4px;display:flex;align-items:flex-start}.search-result-item div:empty,.search-result-item .search-result-item-description:empty{display:none}.search-result-item-image{flex-shrink:0}.search-result-item-image:empty{display:none}.search-result-item-body{flex-grow:1}.search-result-item>div>img{border-radius:4px;max-height:400px;width:100%;object-fit:cover}.search-page .search-result-item>div>img{object-fit:cover;max-height:250px;width:100%}.search-result-item:focus,.search-result-item.search-item-selected,.search-result-item:hover{background-color:var(--color-primary)}.search-result-item:focus *,.search-result-item.search-item-selected *,.search-result-item:hover *{color:#fff}.search-result-item:focus mark,.search-result-item.search-item-selected mark,.search-result-item:hover mark{background-color:#fef08a;color:#060606}.search-result-item [data-result-item] u{color:var(--color-primary)}.search-result-item .hidden{display:none}.search-result-group-title{padding:0 12px;display:inline-block;margin-bottom:5px;margin-top:15px;font-size:18px}.search-result-item-title{transition:0s;font-size:18px;color:#000;margin-bottom:0;line-height:1.35;font-weight:700}.search-result-item-title::before{position:absolute;bottom:0;left:0;right:0;top:0;z-index:10;content:""}.search-result-item-content{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0}.search-result-item-description{font-size:90%;margin-top:6px;margin-bottom:4px}.search-result-item-content:empty{display:none}.search-result-item-taxonomies{display:flex;flex-wrap:wrap;font-size:13px;align-items:center}.search-result-item-taxonomies>div{margin-right:12px;color:#999}.search-result-item-taxonomies>div svg{margin-right:4px}.search-wrapper-footer{color:#999;font-size:12px;padding:8px 14px;user-select:none;line-height:1;display:flex;align-items:center}.search-wrapper-footer kbd{color:#777;background-color:#eee;font-size:12px;border-radius:3px;margin-right:3px;padding:2px 4px;line-height:1;text-align:center;display:inline-block}.search-wrapper-footer span:not(:last-child){margin-right:16px}.search-wrapper-footer span:last-child{margin-left:auto}.search-wrapper-footer .search-result-info:empty{display:none}.search-wrapper-footer .search-result-info{margin-left:-3px}.search-wrapper-footer .search-result-info em{color:#000;font-style:normal;padding:0 3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.search-modal{position:fixed;height:100%;width:100%;inset:0;z-index:9999;opacity:0;visibility:hidden}.search-modal.show{opacity:1;visibility:visible}.search-modal-overlay{position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,.5)}.search-modal .search-wrapper{width:660px;max-width:96%;margin:100px auto;border-radius:4px;background-color:#fff}.search-modal .search-wrapper-body{max-height:calc(100vh - 350px);padding:14px;overflow-y:auto;background-color:#f5f6f7;box-shadow:inset 0 2px 18px #ddd;border-radius:4px}.search-modal .search-result-group:first-child .search-result-group-title:not(:empty){margin-top:-15px}.search-modal .search-result-item a>div{margin-right:16px}.search-modal .search-result-item-image{margin-right:15px}.search-modal .search-result-item-image img{width:100px;height:100px;object-fit:cover}@media(max-width:576px){.search-modal .search-result-item-image img{width:60px;height:60px}.search-wrapper-footer{display:none}}.dark .search-modal .search-wrapper{background-color:#1c1c1c}.dark .search-modal .search-wrapper-header input{color:#fff;background-color:#222;border-color:#535353}.dark .search-modal .search-wrapper-header input:focus{border-color:#fff}.dark .search-modal .search-wrapper-body{background-color:#222;box-shadow:none}.dark .search-modal .search-result-item{border-color:#3e3e3e;background-color:#1c1c1c}.dark .search-modal .search-result-item:focus,.dark .search-modal .search-result-item.search-item-selected,.dark .search-modal .search-result-item:hover{background-color:#060606}.dark .search-modal .search-result-item .search-result-item-title{color:#fff}.dark .search-wrapper-footer kbd{background-color:#3e3e3e;color:#ccc}.dark .search-wrapper-footer .search-result-info em{color:#fff}.search-page .search-wrapper{padding:100px 0}.search-page .search-wrapper-header,.search-page .search-wrapper-footer{width:660px;max-width:96%;margin:0 auto}.search-page .search-wrapper-footer{padding-top:0;padding-bottom:0;margin-bottom:60px}.search-page .search-wrapper-body{padding:0 16px}.search-page .search-result-group{display:flex;flex-wrap:wrap}.search-page .search-result-item{margin-right:-15px;margin-left:-15px}.search-page .search-result-group>p,.search-page .search-result-item{padding-right:15px !important;padding-left:15px !important}.search-page .search-result-group>p{width:100%}.search-page .search-result-item{flex:none;width:calc(100% - (4 * 4px));display:block;padding-top:15px !important;padding-bottom:15px !important;margin:0 8px 16px}.search-page .search-result-item .search-result-item-image{margin-bottom:10px}.search-page .search-result-group-title{font-size:22px;font-weight:700}.search-page .search-result-info{display:block;text-align:center}.search-page .search-wrapper-header input{padding:0 20px}@media(min-width:576px){.search-page .search-result-item{width:calc(50% - (4 * 4px))}}@media(max-width:576px){.search-wrapper .search-wrapper-footer span:not(.search-result-info){display:none}}@media(min-width:768px){.search-page .search-result-item{width:calc(33.3333333333% - (4 * 4px))}}@media(min-width:992px){.search-page .search-result-item{width:calc(25% - (4 * 4px))}}.dark .search-page .search-wrapper-header input{color:#fff;background-color:#222;border-color:#535353}.dark .search-page .search-wrapper-header input:focus{border-color:#fff}.dark .search-page .search-result-item{border-color:#3e3e3e;background-color:#1c1c1c}.dark .search-page .search-result-item:focus,.dark .search-page .search-result-item.search-item-selected,.dark .search-page .search-result-item:hover{background-color:#060606}.dark .search-page .search-result-item-title{color:#fff}.share-title{display:inline-block;margin-right:.3em}.share-link{border-radius:.25rem;transition:25ms ease-out;height:2.5em;width:2.5em;line-height:2.5em;text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;margin:.5em;display:inline-block;vertical-align:middle}.share-icon{fill:#fff;stroke:none;display:block;height:100%}.share-icon svg{width:1em;height:100%;margin:auto}.share-pinterest{background-color:#bd081c}.share-pinterest:hover{background-color:#8c0615}.share-facebook{background-color:#3b5998}.share-facebook:hover{background-color:#2d4373}.share-tumblr{background-color:#35465c}.share-tumblr:hover{background-color:#222d3c}.share-reddit{background-color:#5f99cf}.share-reddit:hover{background-color:#3a80c1}.share-linkedin{background-color:#0077b5}.share-linkedin:hover{background-color:#046293}.share-vk{background-color:#507299}.share-vk:hover{background-color:#43648c}.share-twitter{background-color:#55acee}.share-twitter:hover{background-color:#2795e9}.share-email{background-color:#777}.share-email:hover{background-color:#5e5e5e}.share-whatsapp{background-color:#25d366}.share-whatsapp:hover{background-color:#1da851}.share-telegram{background-color:#54a9eb}.share-telegram:hover{background-color:#4b97d1}.img{max-width:100%;height:auto}.gallery{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.gallery .gallery-item{margin:0 10px;margin-bottom:20px;overflow:hidden;max-width:calc(100% - 20px)}.gallery .gallery-item img{user-select:none;width:100%;vertical-align:middle;transition:.3s}.gallery.zoomable .gallery-item:hover img{transform:scale(1.05);cursor:zoom-in}.gallery::after{content:"";flex-grow:99999;min-width:calc(100vw/3)}@media(max-width:460px){.gallery{flex-direction:column}.gallery .gallery-item{width:calc(100% - 20px) !important}}.gallery-slider .swiper-slide img{width:100%}.gallery-slider .swiper-button-prev,.gallery-slider .swiper-button-next{color:#fff;opacity:0;transition:.3s}.gallery-slider:hover .swiper-button-prev,.gallery-slider:hover .swiper-button-next{opacity:1}.gallery-slider:hover .swiper-button-prev{left:30px}.gallery-slider:hover .swiper-button-next{right:30px}.img{max-width:100%;height:auto}.img-light{display:initial}.img-dark{display:none}.dark .img-light{display:none}.dark .img-dark{display:initial}.content img{max-width:100%;margin-bottom:1.5rem;height:auto;display:inline-block}.content img.glightbox{cursor:pointer}.content img.img-center{display:block;margin-left:auto;margin-right:auto}.content img.img-left{display:block;margin-left:0;margin-right:auto}.content img.img-right{display:block;margin-left:auto;margin-right:0}.content img.img-float-left{float:left;margin-right:1.5rem}.content img.img-float-right{float:right;margin-left:1.5rem}.content figure{display:inline-block;margin-bottom:1.5rem}.content figure img{margin-bottom:.7rem}.content figure.img-center{display:block;text-align:center}.content figure.img-left{display:block;text-align:left}.content figure.img-right{display:block;text-align:right}.content figure.img-float-left{float:left;margin-right:1.5rem}.content figure.img-float-right{float:right;margin-left:1.5rem}.table-of-content{margin:1rem 0 1.5rem}.table-of-content summary{font-size:18px;color:#fff;background-color:#555;padding:5px 20px;margin-bottom:0 !important}.table-of-content ul li:before{display:none}#TableOfContents{padding:10px;background-color:#f7f7f7}#TableOfContents li,#TableOfContents a{color:#333 !important}#TableOfContents a{text-decoration:none}#TableOfContents a:hover{text-decoration:underline}.content .table-of-content ul li,.content .table-of-content ol li{margin-bottom:6px !important}.dark #TableOfContents{background-color:#333}.dark #TableOfContents li,.dark #TableOfContents a{color:#fff !important}.tab-nav{list-style:none;padding:0;margin:0 !important;display:flex;border-bottom:1px solid #aaa;overflow-x:auto}.tab-nav::-webkit-scrollbar{width:2px}.tab-nav-item{padding:.5rem 1rem !important;cursor:pointer;opacity:.8;margin:0 !important;white-space:nowrap}.tab-nav-item::before{display:none !important}.tab-nav-item.active{border-bottom:3px solid #aaa;opacity:1}.tab-content .tab-content-panel{display:none;padding:1rem}.tab-content .tab-content-panel p{margin-bottom:0 !important}.tab-content .tab-content-panel.active{display:block}.accordion{border:1px solid #ccc}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;font-size:1.1rem;width:100%;font-weight:700;text-align:left}.accordion-icon{width:.78em;height:.78em;transform:rotate(-90deg);transition:transform .2s ease}.accordion-content{max-height:0;overflow:hidden;padding:0 1rem}.accordion.active .accordion-icon{transform:rotate(0)}.accordion.active .accordion-content{max-height:max-content}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;height:100%;width:100%;overflow:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;height:100%;width:100%;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;top:50%;z-index:50;transform:translateY(-50%);background-color:#fff;border-radius:.5rem;padding:2rem;max-width:90%;margin:0 auto}.modal-close{position:absolute;top:.5rem;right:.5rem;height:2rem;width:2rem;background-color:#f2f2f2;color:#000;border-radius:50%;text-align:center;line-height:2rem}.notice{margin-bottom:1.5rem;border:1px solid;padding:1.5rem;border-color:initial}.notice-head{display:flex;align-items:center}.notice-head svg{margin-right:.75rem}.notice-head p{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;line-height:1}.notice-body{margin-top:.75rem}.notice-body p{margin:0}.notice.note{color:#293df2;background-color:rgba(41,61,242,.15)}.notice.abstract{color:#0ca68c;background-color:rgba(12,166,140,.15)}.notice.info{color:#09c3ed;background-color:rgba(9,195,237,.15)}.notice.todo{color:#8d05a8;background-color:rgba(141,5,168,.15)}.notice.tip{color:#19cfb0;background-color:rgba(25,207,176,.15)}.notice.success{color:#04d904;background-color:rgba(4,217,4,.15)}.notice.question{color:#e38902;background-color:rgba(227,137,2,.15)}.notice.warning{color:#e38902;background-color:rgba(227,137,2,.15)}.notice.failure{color:#e31a00;background-color:rgba(227,26,0,.15)}.notice.danger{color:#e31a00;background-color:rgba(227,26,0,.15)}.notice.bug{color:#e31a00;background-color:rgba(227,26,0,.15)}.notice.example{color:#b83acf;background-color:rgba(184,54,207,.15)}.notice.quote{color:#918e91;background-color:rgba(145,142,145,.15)}.dark .notice-head p{color:#d1d5db}.table-of-content{overflow:hidden;border-radius:.25rem}.share-icons .share-link{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);border-radius:.25rem;background-color:var(--color-primary);--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9);&:hover { @media (hover:hover) { background-color:var(--color-primary); } } &:where(.dark,.dark *) { background-color:var(--color-darkmode-primary); } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { background-color:var(--color-darkmode-primary); } } }}.share-icons .share-icon svg{&:where(.dark,.dark *) { fill:var(--color-darkmode-light); }}.notice{border-radius:var(--radius-lg)}.tab{overflow:hidden;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);&:where(.dark,.dark *) { border-color:var(--color-darkmode-border); }}.tab-nav{border-color:var(--color-border);background-color:var(--color-light);padding-left:calc(var(--spacing) * 4);&:where(.dark,.dark *) { border-color:var(--color-darkmode-border); } &:where(.dark,.dark *) { background-color:var(--color-darkmode-light); }}.tab-nav-item{padding-inline:calc(var(--spacing) * 8);font-size:var(--text-lg) !important;line-height:var(--tw-leading,var(--text-lg--line-height)) !important;color:var(--color-text-dark);&:where(.dark,.dark *) { color:var(--color-darkmode-text-dark); }}.tab-nav-item.active{border-color:var(--color-dark);&:where(.dark,.dark *) { border-color:var(--color-darkmode-primary); }}.tab-content-panel{padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 0) !important}.accordion{margin-bottom:calc(var(--spacing) * 6);overflow:hidden;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-light);&:where(.dark,.dark *) { border-color:var(--color-darkmode-border); } &:where(.dark,.dark *) { background-color:var(--color-darkmode-light); }}.accordion-header{color:var(--color-text-dark);&:where(.dark,.dark *) { color:var(--color-darkmode-text-dark); }}.cookie-box{border-radius:var(--radius-lg) !important}.gallery-slider{margin-left:calc(var(--spacing) * 0) !important}:root{--section-color:hsl(0, 0%, 11%, 0.95)}.snap{scroll-margin-top:calc(var(--spacing) * 80)}@media(width >=64rem){.snap{scroll-margin-top:calc(var(--spacing) * 25)}}@layer base{[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
|
|
appearance: none;
|
|
background-color: #fff;
|
|
border-color: oklch(55.1% 0.027 264.364);
|
|
border-width: 1px;
|
|
border-radius: 0px;
|
|
padding-top: 0.5rem;
|
|
padding-right: 0.75rem;
|
|
padding-bottom: 0.5rem;
|
|
padding-left: 0.75rem;
|
|
font-size: 1rem;
|
|
line-height: 1.5rem;
|
|
--tw-shadow: 0 0 #0000;
|
|
&:focus {
|
|
outline: 2px solid transparent;
|
|
outline-offset: 2px;
|
|
--tw-ring-inset: var(--tw-empty, );
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: oklch(54.6% 0.245 262.881);
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
border-color: oklch(54.6% 0.245 262.881);
|
|
}
|
|
}
|
|
input::placeholder,textarea::placeholder {
|
|
color: oklch(55.1% 0.027 264.364);
|
|
opacity: 1;
|
|
}
|
|
::-webkit-datetime-edit-fields-wrapper {
|
|
padding: 0;
|
|
}
|
|
::-webkit-date-and-time-value {
|
|
min-height: 1.5em;
|
|
}
|
|
::-webkit-date-and-time-value {
|
|
text-align: inherit;
|
|
}
|
|
::-webkit-datetime-edit {
|
|
display: inline-flex;
|
|
}
|
|
::-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-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
select {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
|
|
background-position: right 0.5rem center;
|
|
background-repeat: no-repeat;
|
|
background-size: 1.5em 1.5em;
|
|
padding-right: 2.5rem;
|
|
print-color-adjust: exact;
|
|
}
|
|
[multiple],[size]:where(select:not([size="1"])) {
|
|
background-image: initial;
|
|
background-position: initial;
|
|
background-repeat: unset;
|
|
background-size: initial;
|
|
padding-right: 0.75rem;
|
|
print-color-adjust: unset;
|
|
}
|
|
[type='checkbox'],[type='radio'] {
|
|
appearance: none;
|
|
padding: 0;
|
|
print-color-adjust: exact;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-origin: border-box;
|
|
user-select: none;
|
|
flex-shrink: 0;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
color: oklch(54.6% 0.245 262.881);
|
|
background-color: #fff;
|
|
border-color: oklch(55.1% 0.027 264.364);
|
|
border-width: 1px;
|
|
--tw-shadow: 0 0 #0000;
|
|
}
|
|
[type='checkbox'] {
|
|
border-radius: 0px;
|
|
}
|
|
[type='radio'] {
|
|
border-radius: 100%;
|
|
}
|
|
[type='checkbox']:focus,[type='radio']:focus {
|
|
outline: 2px solid transparent;
|
|
outline-offset: 2px;
|
|
--tw-ring-inset: var(--tw-empty, );
|
|
--tw-ring-offset-width: 2px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: oklch(54.6% 0.245 262.881);
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
[type='checkbox']:checked,[type='radio']:checked {
|
|
border-color: transparent;
|
|
background-color: currentColor;
|
|
background-size: 100% 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
[type='checkbox']:checked {
|
|
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
|
|
@media (forced-colors: active) {
|
|
appearance: auto;
|
|
}
|
|
}
|
|
[type='radio']:checked {
|
|
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
|
|
@media (forced-colors: active) {
|
|
appearance: auto;
|
|
}
|
|
}
|
|
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
|
|
border-color: transparent;
|
|
background-color: currentColor;
|
|
}
|
|
[type='checkbox']:indeterminate {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
|
|
border-color: transparent;
|
|
background-color: currentColor;
|
|
background-size: 100% 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
@media (forced-colors: active) {
|
|
appearance: auto;
|
|
}
|
|
}
|
|
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
|
|
border-color: transparent;
|
|
background-color: currentColor;
|
|
}
|
|
[type='file'] {
|
|
background: unset;
|
|
border-color: inherit;
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
font-size: unset;
|
|
line-height: inherit;
|
|
}
|
|
[type='file']:focus {
|
|
outline: 1px solid ButtonText;
|
|
outline: 1px auto -webkit-focus-ring-color;
|
|
}
|
|
}@layer base{:root {
|
|
--text-h6: 1.2rem;
|
|
--text-h6-sm: 1.08rem;
|
|
--text-h5: 1.44rem;
|
|
--text-h5-sm: 1.296rem;
|
|
--text-h4: 1.728rem;
|
|
--text-h4-sm: 1.5552rem;
|
|
--text-h3: 2.0736rem;
|
|
--text-h3-sm: 1.86624rem;
|
|
--text-h2: 2.48832rem;
|
|
--text-h2-sm: 2.239488rem;
|
|
--text-h1: 2.9859839999999997rem;
|
|
--text-h1-sm: 2.6873856rem;
|
|
--text-base: 16px;
|
|
--text-base-sm: 12.8px;
|
|
--font-primary: Heebo, sans-serif;
|
|
--font-secondary: Signika, sans-serif;
|
|
--color-primary: #121212;
|
|
--color-body: #fff;
|
|
--color-border: #eaeaea;
|
|
--color-light: #f6f6f6;
|
|
--color-dark: #040404;
|
|
--color-text: #444444;
|
|
--color-text-dark: #040404;
|
|
--color-text-light: #717171;
|
|
}
|
|
.dark {
|
|
--color-darkmode-primary: #fff;
|
|
--color-darkmode-body: #1c1c1c;
|
|
--color-darkmode-border: #3E3E3E;
|
|
--color-darkmode-light: #222222;
|
|
--color-darkmode-dark: #fff;
|
|
--color-darkmode-text: #B4AFB6;
|
|
--color-darkmode-text-dark: #fff;
|
|
--color-darkmode-text-light: #B4AFB6;
|
|
}
|
|
}@property --tw-translate-x{syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}@property --tw-translate-y{syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}@property --tw-translate-z{syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}@property --tw-rotate-x{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-rotate-y{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-rotate-z{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-skew-x{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-skew-y{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-space-y-reverse{syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}@property --tw-space-x-reverse{syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}@property --tw-border-style{syntax: "*";
|
|
inherits: false;
|
|
initial-value: solid;
|
|
}@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: "<percentage>";
|
|
inherits: false;
|
|
initial-value: 100%;
|
|
}@property --tw-inset-shadow{syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0 0 #0000;
|
|
}@property --tw-inset-shadow-color{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-inset-shadow-alpha{syntax: "<percentage>";
|
|
inherits: false;
|
|
initial-value: 100%;
|
|
}@property --tw-ring-color{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-ring-shadow{syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0 0 #0000;
|
|
}@property --tw-inset-ring-color{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-inset-ring-shadow{syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0 0 #0000;
|
|
}@property --tw-ring-inset{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-ring-offset-width{syntax: "<length>";
|
|
inherits: false;
|
|
initial-value: 0px;
|
|
}@property --tw-ring-offset-color{syntax: "*";
|
|
inherits: false;
|
|
initial-value: #fff;
|
|
}@property --tw-ring-offset-shadow{syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0 0 #0000;
|
|
}@property --tw-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: "<percentage>";
|
|
inherits: false;
|
|
initial-value: 100%;
|
|
}@property --tw-drop-shadow-size{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-leading{syntax: "*";
|
|
inherits: false;
|
|
}@property --tw-content{syntax: "*";
|
|
initial-value: "";
|
|
inherits: false;
|
|
}@property --tw-duration{syntax: "*";
|
|
inherits: false;
|
|
}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
*, ::before, ::after, ::backdrop {
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-translate-z: 0;
|
|
--tw-rotate-x: initial;
|
|
--tw-rotate-y: initial;
|
|
--tw-rotate-z: initial;
|
|
--tw-skew-x: initial;
|
|
--tw-skew-y: initial;
|
|
--tw-space-y-reverse: 0;
|
|
--tw-space-x-reverse: 0;
|
|
--tw-border-style: solid;
|
|
--tw-font-weight: initial;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-color: initial;
|
|
--tw-shadow-alpha: 100%;
|
|
--tw-inset-shadow: 0 0 #0000;
|
|
--tw-inset-shadow-color: initial;
|
|
--tw-inset-shadow-alpha: 100%;
|
|
--tw-ring-color: initial;
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
--tw-inset-ring-color: initial;
|
|
--tw-inset-ring-shadow: 0 0 #0000;
|
|
--tw-ring-inset: initial;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
--tw-blur: initial;
|
|
--tw-brightness: initial;
|
|
--tw-contrast: initial;
|
|
--tw-grayscale: initial;
|
|
--tw-hue-rotate: initial;
|
|
--tw-invert: initial;
|
|
--tw-opacity: initial;
|
|
--tw-saturate: initial;
|
|
--tw-sepia: initial;
|
|
--tw-drop-shadow: initial;
|
|
--tw-drop-shadow-color: initial;
|
|
--tw-drop-shadow-alpha: 100%;
|
|
--tw-drop-shadow-size: initial;
|
|
--tw-leading: initial;
|
|
--tw-content: "";
|
|
--tw-duration: initial;
|
|
}
|
|
}
|
|
} |