Files
Trackeep/landing/papra2.css
T
Tomas Dvorak b083dac3f0 feat(frontend): enhance API credentials system and build configuration
Add real API support in demo mode with credential checking, implement build-time version injection from package.json, and refactor update checking with 24-hour caching. Migrate landing page from Vue to Astro with comprehensive UI components including Hero, Features, Benefits, and Tech Stack sections. Update CI/CD workflow with expanded cache paths and security scanner version pinned.
2026-02-10 16:25:57 +01:00

2769 lines
82 KiB
CSS

*,:before,:after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: var(--un-default-border-color, #e5e7eb)
}
:before,:after {
--un-content: ""
}
html,:host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent
}
body {
margin: 0;
line-height: inherit
}
hr {
height: 0;
color: inherit;
border-top-width: 1px
}
abbr:where([title]) {
text-decoration: underline dotted
}
h1,h2,h3,h4,h5,h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
b,strong {
font-weight: bolder
}
code,kbd,samp,pre {
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
font-feature-settings: normal;
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: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0
}
button,select {
text-transform: none
}
button,[type=button],[type=reset],[type=submit] {
-webkit-appearance: button;
background-color: transparent;
background-image: none
}
:-moz-focusring {
outline: auto
}
:-moz-ui-invalid {
box-shadow: none
}
progress {
vertical-align: baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
margin: 0
}
fieldset {
margin: 0;
padding: 0
}
legend {
padding: 0
}
ol,ul,menu {
list-style: none;
margin: 0;
padding: 0
}
dialog {
padding: 0
}
textarea {
resize: vertical
}
input::placeholder,textarea::placeholder {
opacity: 1;
color: #9ca3af
}
button,[role=button] {
cursor: pointer
}
:disabled {
cursor: default
}
img,svg,video,canvas,audio,iframe,embed,object {
display: block;
vertical-align: middle
}
img,video {
max-width: 100%;
height: auto
}
[hidden]:where(:not([hidden=until-found])) {
display: none
}
*,:before,:after {
--un-rotate: 0;
--un-rotate-x: 0;
--un-rotate-y: 0;
--un-rotate-z: 0;
--un-scale-x: 1;
--un-scale-y: 1;
--un-scale-z: 1;
--un-skew-x: 0;
--un-skew-y: 0;
--un-translate-x: 0;
--un-translate-y: 0;
--un-translate-z: 0;
--un-pan-x: ;
--un-pan-y: ;
--un-pinch-zoom: ;
--un-scroll-snap-strictness: proximity;
--un-ordinal: ;
--un-slashed-zero: ;
--un-numeric-figure: ;
--un-numeric-spacing: ;
--un-numeric-fraction: ;
--un-border-spacing-x: 0;
--un-border-spacing-y: 0;
--un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
--un-ring-shadow: 0 0 rgb(0 0 0 / 0);
--un-shadow-inset: ;
--un-shadow: 0 0 rgb(0 0 0 / 0);
--un-ring-inset: ;
--un-ring-offset-width: 0px;
--un-ring-offset-color: #fff;
--un-ring-width: 0px;
--un-ring-color: rgb(147 197 253 / .5);
--un-blur: ;
--un-brightness: ;
--un-contrast: ;
--un-drop-shadow: ;
--un-grayscale: ;
--un-hue-rotate: ;
--un-invert: ;
--un-saturate: ;
--un-sepia: ;
--un-backdrop-blur: ;
--un-backdrop-brightness: ;
--un-backdrop-contrast: ;
--un-backdrop-grayscale: ;
--un-backdrop-hue-rotate: ;
--un-backdrop-invert: ;
--un-backdrop-opacity: ;
--un-backdrop-saturate: ;
--un-backdrop-sepia:
}
::backdrop {
--un-rotate: 0;
--un-rotate-x: 0;
--un-rotate-y: 0;
--un-rotate-z: 0;
--un-scale-x: 1;
--un-scale-y: 1;
--un-scale-z: 1;
--un-skew-x: 0;
--un-skew-y: 0;
--un-translate-x: 0;
--un-translate-y: 0;
--un-translate-z: 0;
--un-pan-x: ;
--un-pan-y: ;
--un-pinch-zoom: ;
--un-scroll-snap-strictness: proximity;
--un-ordinal: ;
--un-slashed-zero: ;
--un-numeric-figure: ;
--un-numeric-spacing: ;
--un-numeric-fraction: ;
--un-border-spacing-x: 0;
--un-border-spacing-y: 0;
--un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
--un-ring-shadow: 0 0 rgb(0 0 0 / 0);
--un-shadow-inset: ;
--un-shadow: 0 0 rgb(0 0 0 / 0);
--un-ring-inset: ;
--un-ring-offset-width: 0px;
--un-ring-offset-color: #fff;
--un-ring-width: 0px;
--un-ring-color: rgb(147 197 253 / .5);
--un-blur: ;
--un-brightness: ;
--un-contrast: ;
--un-drop-shadow: ;
--un-grayscale: ;
--un-hue-rotate: ;
--un-invert: ;
--un-saturate: ;
--un-sepia: ;
--un-backdrop-blur: ;
--un-backdrop-brightness: ;
--un-backdrop-contrast: ;
--un-backdrop-grayscale: ;
--un-backdrop-hue-rotate: ;
--un-backdrop-invert: ;
--un-backdrop-opacity: ;
--un-backdrop-saturate: ;
--un-backdrop-sepia:
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-300-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-300-normal.woff) format("woff");
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-300-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-300-normal.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-300-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-300-normal.woff) format("woff");
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-ext-300-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-ext-300-normal.woff) format("woff");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-ext-300-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-ext-300-normal.woff) format("woff");
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-vietnamese-300-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-vietnamese-300-normal.woff) format("woff");
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-300-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-300-normal.woff) format("woff");
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-400-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-400-normal.woff) format("woff");
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-400-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-400-normal.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-400-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-400-normal.woff) format("woff");
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-ext-400-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-ext-400-normal.woff) format("woff");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-ext-400-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-ext-400-normal.woff) format("woff");
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-vietnamese-400-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-vietnamese-400-normal.woff) format("woff");
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-400-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-400-normal.woff) format("woff");
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-500-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-500-normal.woff) format("woff");
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-500-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-500-normal.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-500-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-500-normal.woff) format("woff");
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-ext-500-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-ext-500-normal.woff) format("woff");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-ext-500-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-ext-500-normal.woff) format("woff");
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-vietnamese-500-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-vietnamese-500-normal.woff) format("woff");
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-500-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-500-normal.woff) format("woff");
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-600-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-600-normal.woff) format("woff");
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-600-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-600-normal.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-600-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-600-normal.woff) format("woff");
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-ext-600-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-ext-600-normal.woff) format("woff");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-ext-600-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-ext-600-normal.woff) format("woff");
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-vietnamese-600-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-vietnamese-600-normal.woff) format("woff");
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-600-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-600-normal.woff) format("woff");
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-700-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-700-normal.woff) format("woff");
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-700-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-700-normal.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-700-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-700-normal.woff) format("woff");
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-ext-700-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-ext-700-normal.woff) format("woff");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-ext-700-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-ext-700-normal.woff) format("woff");
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-vietnamese-700-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-vietnamese-700-normal.woff) format("woff");
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-700-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-700-normal.woff) format("woff");
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-800-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-800-normal.woff) format("woff");
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-800-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-800-normal.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-800-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-800-normal.woff) format("woff");
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-greek-ext-800-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-greek-ext-800-normal.woff) format("woff");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-latin-ext-800-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-latin-ext-800-normal.woff) format("woff");
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-vietnamese-800-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-vietnamese-800-normal.woff) format("woff");
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-800-normal.woff2) format("woff2"),url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-800-normal.woff) format("woff");
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@keyframes slideRight {
0% {
left: -12px
}
50% {
left: calc(100% + 12px)
}
to {
left: calc(100% + 12px)
}
}
@keyframes slideDown {
0% {
top: -12px
}
50% {
top: calc(100% + 12px)
}
to {
top: calc(100% + 12px)
}
}
.i-tabler-archive {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8m-9 4h4'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-arrow-left {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6l6-6'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-arrow-right {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6l6-6m-6-6l6 6'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-brand-bluesky {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.335 5.144C4.681 3.945 2 3.017 2 5.97c0 .59.35 4.953.556 5.661C3.269 14.094 5.686 14.381 8 14c-4.045.665-4.889 3.208-2.667 5.41C6.363 20.428 7.246 21 8 21c2 0 3.134-2.769 3.5-3.5q.5-1 .5-1.5q0 .5.5 1.5c.366.731 1.5 3.5 3.5 3.5c.754 0 1.637-.571 2.667-1.59C20.889 17.207 20.045 14.664 16 14c2.314.38 4.73.094 5.444-2.369c.206-.708.556-5.072.556-5.661c0-2.953-2.68-2.025-4.335-.826C15.372 6.806 12.905 10.192 12 12c-.905-1.808-3.372-5.194-5.665-6.856'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-brand-discord {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 12a1 1 0 1 0 2 0a1 1 0 0 0-2 0m6 0a1 1 0 1 0 2 0a1 1 0 0 0-2 0'/%3E%3Cpath d='M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833-1.667 3.5-3c.667-1.667.5-5.833-1.5-11.5c-1.457-1.015-3-1.34-4.5-1.5l-.972 1.923a11.9 11.9 0 0 0-4.053 0L9 4c-1.5.16-3.043.485-4.5 1.5c-2 5.667-2.167 9.833-1.5 11.5c.667 1.333 2 3 3.5 3c.5 0 2-2 2-3'/%3E%3Cpath d='M7 16.5c3.5 1 6.5 1 10 0'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-brand-github {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-brand-linkedin {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 11v5m0-8v.01M12 16v-5m4 5v-3a2 2 0 1 0-4 0'/%3E%3Cpath d='M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-brand-mastodon {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18.648 15.254C16.832 17.017 12 16.88 12 16.88a18.3 18.3 0 0 1-3.288-.256q1.69 2.977 8.982 2.475c-1.945 2.013-13.598 5.257-13.668-7.636L4 10.309c0-3.036.023-4.115 1.352-5.633C7.023 2.766 12 3.01 12 3.01s4.977-.243 6.648 1.667C19.977 6.195 20 7.274 20 10.31s-.456 4.074-1.352 4.944'/%3E%3Cpath d='M12 11.204V8.278C12 7.02 11.105 6 10 6S8 7.02 8 8.278V13m4-4.722C12 7.02 12.895 6 14 6s2 1.02 2 2.278V13'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-brand-open-source {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a9 9 0 0 1 3.618 17.243l-2.193-5.602a3 3 0 1 0-2.849 0l-2.193 5.603A9 9 0 0 1 12 3'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-brand-reddit {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 8c2.648 0 5.028.826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59-4.03 6.5-9 6.5c-4.875 0-8.845-2.8-9-6.294l-1-.206a2.5 2.5 0 0 1 2.326-4.36C5.973 8.827 8.353 8 11.001 8zm0 0l1-5l6 1'/%3E%3Cpath d='M18 4a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3Ccircle cx='9' cy='13' r='.5' fill='currentColor'/%3E%3Ccircle cx='15' cy='13' r='.5' fill='currentColor'/%3E%3Cpath d='M10 17q1 .5 2 .5c1 0 1.333-.167 2-.5'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-brand-x {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 4l11.733 16H20L8.267 4zm0 16l6.768-6.768m2.46-2.46L20 4'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-bug {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 9V8a3 3 0 0 1 6 0v1M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1-10 0v-3a6 6 0 0 1 1-3m-5 4h4m10 0h4m-9 7v-6m-8 5l3.35-2M20 19l-3.35-2M4 7l3.75 2.4M20 7l-3.75 2.4'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-building-bank {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M3 10h18M5 6l7-3l7 3M4 10v11m16-11v11M8 14v3m4-3v3m4-3v3'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-building-community {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 9l5 5v7H8v-4m0 4H3v-7l5-5m1 1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v17h-8m0-14v.01M17 7v.01M17 11v.01M17 15v.01'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-check {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-chevron-down {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-code {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 8l-4 4l4 4m10-8l4 4l-4 4M14 4l-4 16'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-coffee {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 14c.83.642 2.077 1.017 3.5 1c1.423.017 2.67-.358 3.5-1s2.077-1.017 3.5-1c1.423-.017 2.67.358 3.5 1M8 3a2.4 2.4 0 0 0-1 2a2.4 2.4 0 0 0 1 2m4-4a2.4 2.4 0 0 0-1 2a2.4 2.4 0 0 0 1 2'/%3E%3Cpath d='M3 10h14v5a6 6 0 0 1-6 6H9a6 6 0 0 1-6-6z'/%3E%3Cpath d='M16.746 16.726a3 3 0 1 0 .252-5.555'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-3d {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-7.5l4-1.5'/%3E%3Cpath d='m8 11.846l4 1.654V18l4-1.846v-4.308L12 10zM8 12v4.2l4 1.8'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-analytics {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-8-4v-5m3 5v-1m3 1v-3'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-chart {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3Cpath d='M12 10v4h4'/%3E%3Cpath d='M8 14a4 4 0 1 0 8 0a4 4 0 1 0-8 0'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-code {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3Cpath d='m10 13l-1 2l1 2m4-4l1 2l-1 2'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-code-2 {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12H9v5h1m4-5h1v5h-1m0-14v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-description {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-8-4h6m-6-4h6'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-dollar {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3Cpath d='M14 11h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2 0v1m0-8v1'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-euro {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-7H9'/%3E%3Cpath d='M14 11.172a3 3 0 1 0 0 5.656'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-invoice {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 7h1m-1 6h6m-2 4h2'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-lambda {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-7-4l2-3'/%3E%3Cpath d='M15 17c-2.5 0-2.5-6-5-6'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-music {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3Cpath d='M10 16a1 1 0 1 0 2 0a1 1 0 1 0-2 0m2 0v-5l2 1'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-rss {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3Cpath d='M12 17a3 3 0 0 0-3-3m6 3a6 6 0 0 0-6-6m0 6h.01'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-file-text {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 9h1m-1 4h6m-6 4h6'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-heart-filled {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6.979 3.074a6 6 0 0 1 4.988 1.425l.037.033l.034-.03a6 6 0 0 1 4.733-1.44l.246.036a6 6 0 0 1 3.364 10.008l-.18.185l-.048.041l-7.45 7.379a1 1 0 0 1-1.313.082l-.094-.082l-7.493-7.422A6 6 0 0 1 6.979 3.074'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-heart-handshake {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.5 12.572L12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572'/%3E%3Cpath d='M12 6L8.707 9.293a1 1 0 0 0 0 1.414l.543.543c.69.69 1.81.69 2.5 0l1-1a3.18 3.18 0 0 1 4.5 0l2.25 2.25m-7 3l2 2M15 13l2 2'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-language {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 5h7M9 3v2c0 4.418-2.239 8-5 8'/%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4m.3 7l4-9l4 9m-.9-2h-6.2'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-mail {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7l9 6l9-6'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-mailbox {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 21v-6.5a3.5 3.5 0 0 0-7 0V21h18v-6a4 4 0 0 0-4-4H6.5'/%3E%3Cpath d='M12 11V3h4l2 2l-2 2h-4m-6 8h1'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-messages {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 14l-3-3h-7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1zm-7 1v2a1 1 0 0 1-1 1H6l-3 3V11a1 1 0 0 1 1-1h2'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-search {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-shield-lock {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3a12 12 0 0 0 8.5 3A12 12 0 0 1 12 21A12 12 0 0 1 3.5 6A12 12 0 0 0 12 3'/%3E%3Cpath d='M11 11a1 1 0 1 0 2 0a1 1 0 1 0-2 0m1 1v2.5'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-tag {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3Cpath d='M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592-5.592a2.41 2.41 0 0 0 0-3.408l-7.71-7.71A2 2 0 0 0 11.172 3H6a3 3 0 0 0-3 3'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-trees {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 5l3 3l-2 1l4 4l-3 1l4 4h-9m2 3v-3m-7-5l-2-2m2 1l2-2M8 21V8m-2.176 8a3 3 0 0 1-2.743-3.69a3 3 0 0 1 .304-4.833A3 3 0 0 1 8 3.77a3 3 0 0 1 4.614 3.707a3 3 0 0 1 .305 4.833A3 3 0 0 1 10 16.005H6z'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-user {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.i-tabler-users {
--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85'/%3E%3C/svg%3E");
-webkit-mask: var(--un-icon) no-repeat;
mask: var(--un-icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 1em;
height: 1em
}
.prose :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose,.not-prose *)) {
color: var(--un-prose-headings);
font-weight: 600;
line-height: 1.25
}
.prose :where(a):not(:where(.not-prose,.not-prose *)) {
color: var(--un-prose-links);
text-decoration: underline;
font-weight: 500
}
.prose :where(a code):not(:where(.not-prose,.not-prose *)) {
color: var(--un-prose-links)
}
.prose :where(p,ul,ol,pre):not(:where(.not-prose,.not-prose *)) {
margin: 1em 0;
line-height: 1.75
}
.prose :where(blockquote):not(:where(.not-prose,.not-prose *)) {
margin: 1em 0;
padding-left: 1em;
font-style: italic;
border-left: .25em solid var(--un-prose-borders)
}
.prose :where(h1):not(:where(.not-prose,.not-prose *)) {
margin: 1rem 0;
font-size: 2.25em
}
.prose :where(h2):not(:where(.not-prose,.not-prose *)) {
margin: 1.75em 0 .5em;
font-size: 1.75em
}
.prose :where(h3):not(:where(.not-prose,.not-prose *)) {
margin: 1.5em 0 .5em;
font-size: 1.375em
}
.prose :where(h4):not(:where(.not-prose,.not-prose *)) {
margin: 1em 0;
font-size: 1.125em
}
.prose :where(img,video):not(:where(.not-prose,.not-prose *)) {
max-width: 100%
}
.prose :where(figure,picture):not(:where(.not-prose,.not-prose *)) {
margin: 1em 0
}
.prose :where(figcaption):not(:where(.not-prose,.not-prose *)) {
color: var(--un-prose-captions);
font-size: .875em
}
.prose :where(code):not(:where(.not-prose,.not-prose *)) {
color: var(--un-prose-code);
font-size: .875em;
font-weight: 600;
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}
.prose :where(:not(pre)>code):not(:where(.not-prose,.not-prose *)):before,.prose :where(:not(pre)>code):not(:where(.not-prose,.not-prose *)):after {
content: "`"
}
.prose :where(pre):not(:where(.not-prose,.not-prose *)) {
padding: 1.25rem 1.5rem;
overflow-x: auto;
border-radius: .375rem
}
.prose :where(pre,code):not(:where(.not-prose,.not-prose *)) {
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
background: transparent
}
.prose :where(pre code):not(:where(.not-prose,.not-prose *)) {
font-weight: inherit
}
.prose :where(ol,ul):not(:where(.not-prose,.not-prose *)) {
padding-left: 1.25em
}
.prose :where(ol):not(:where(.not-prose,.not-prose *)) {
list-style-type: decimal
}
.prose :where(ol[type=A]):not(:where(.not-prose,.not-prose *)) {
list-style-type: upper-alpha
}
.prose :where(ol[type=a]):not(:where(.not-prose,.not-prose *)) {
list-style-type: lower-alpha
}
.prose :where(ol[type=A s]):not(:where(.not-prose,.not-prose *)) {
list-style-type: upper-alpha
}
.prose :where(ol[type=a s]):not(:where(.not-prose,.not-prose *)) {
list-style-type: lower-alpha
}
.prose :where(ol[type=I]):not(:where(.not-prose,.not-prose *)) {
list-style-type: upper-roman
}
.prose :where(ol[type=i]):not(:where(.not-prose,.not-prose *)) {
list-style-type: lower-roman
}
.prose :where(ol[type=I s]):not(:where(.not-prose,.not-prose *)) {
list-style-type: upper-roman
}
.prose :where(ol[type=i s]):not(:where(.not-prose,.not-prose *)) {
list-style-type: lower-roman
}
.prose :where(ol[type="1"]):not(:where(.not-prose,.not-prose *)) {
list-style-type: decimal
}
.prose :where(ul):not(:where(.not-prose,.not-prose *)) {
list-style-type: disc
}
.prose :where(ol>li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(ul>li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(summary):not(:where(.not-prose,.not-prose *))::marker {
color: var(--un-prose-lists)
}
.prose :where(hr):not(:where(.not-prose,.not-prose *)) {
margin: 2em 0;
border: 1px solid var(--un-prose-hr)
}
.prose :where(table):not(:where(.not-prose,.not-prose *)) {
display: block;
margin: 1em 0;
border-collapse: collapse;
overflow-x: auto
}
.prose :where(tr):not(:where(.not-prose,.not-prose *)):nth-child(2n) {
background: var(--un-prose-bg-soft)
}
.prose :where(td,th):not(:where(.not-prose,.not-prose *)) {
border: 1px solid var(--un-prose-borders);
padding: .625em 1em
}
.prose :where(abbr):not(:where(.not-prose,.not-prose *)) {
cursor: help
}
.prose :where(kbd):not(:where(.not-prose,.not-prose *)) {
color: var(--un-prose-code);
border: 1px solid;
padding: .25rem .5rem;
font-size: .875em;
border-radius: .25rem
}
.prose :where(details):not(:where(.not-prose,.not-prose *)) {
margin: 1em 0;
padding: 1.25rem 1.5rem;
background: var(--un-prose-bg-soft)
}
.prose :where(summary):not(:where(.not-prose,.not-prose *)) {
cursor: pointer;
font-weight: 600
}
.prose {
color: var(--un-prose-body);
max-width: 65ch
}
.prose-neutral {
--un-prose-body: #404040;
--un-prose-headings: #171717;
--un-prose-links: #171717;
--un-prose-lists: #a3a3a3;
--un-prose-hr: #e5e5e5;
--un-prose-captions: #737373;
--un-prose-code: #171717;
--un-prose-borders: #e5e5e5;
--un-prose-bg-soft: #f5f5f5;
--un-prose-invert-body: #e5e5e5;
--un-prose-invert-headings: #f5f5f5;
--un-prose-invert-links: #f5f5f5;
--un-prose-invert-lists: #737373;
--un-prose-invert-hr: #404040;
--un-prose-invert-captions: #a3a3a3;
--un-prose-invert-code: #f5f5f5;
--un-prose-invert-borders: #404040;
--un-prose-invert-bg-soft: #262626
}
.prose-invert {
--un-prose-body: var(--un-prose-invert-body);
--un-prose-headings: var(--un-prose-invert-headings);
--un-prose-links: var(--un-prose-invert-links);
--un-prose-lists: var(--un-prose-invert-lists);
--un-prose-hr: var(--un-prose-invert-hr);
--un-prose-captions: var(--un-prose-invert-captions);
--un-prose-code: var(--un-prose-invert-code);
--un-prose-borders: var(--un-prose-invert-borders);
--un-prose-bg-soft: var(--un-prose-invert-bg-soft)
}
.container {
width: 100%
}
@media (min-width: 640px) {
.container {
max-width:640px
}
}
@media (min-width: 768px) {
.container {
max-width:768px
}
}
@media (min-width: 1024px) {
.container {
max-width:1024px
}
}
@media (min-width: 1280px) {
.container {
max-width:1280px
}
}
@media (min-width: 1536px) {
.container {
max-width:1536px
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0
}
.absolute {
position: absolute
}
.fixed {
position: fixed
}
.relative {
position: relative
}
.after\:absolute:after {
position: absolute
}
.after\:inset-0:after {
inset: 0
}
.bottom--100px {
bottom: -100px
}
.bottom--50px {
bottom: -50px
}
.bottom-full {
bottom: 100%
}
.left-0 {
left: 0
}
.left-50\% {
left: 50%
}
.right-0 {
right: 0
}
.right-6 {
right: 1.5rem
}
.top--3 {
top: -.75rem
}
.top-0 {
top: 0
}
.top-50\% {
top: 50%
}
.after\:left--5px:after {
left: -5px
}
.after\:right--5px:after {
right: -5px
}
.after\:top-1\/2:after {
top: 50%
}
.z-10 {
z-index: 10
}
.z-100 {
z-index: 100
}
.z-20 {
z-index: 20
}
.z-50 {
z-index: 50
}
.z-60 {
z-index: 60
}
.z-9 {
z-index: 9
}
.grid {
display: grid
}
.grid-cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr))
}
.grid-cols-8 {
grid-template-columns: repeat(8,minmax(0,1fr))
}
.grid-rows-2 {
grid-template-rows: repeat(2,minmax(0,1fr))
}
.mx--6 {
margin-left: -1.5rem;
margin-right: -1.5rem
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem
}
.my-2 {
margin-top: .5rem;
margin-bottom: .5rem
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem
}
.mb--150px {
margin-bottom: -150px
}
.mb--180px {
margin-bottom: -180px
}
.mb-1 {
margin-bottom: .25rem
}
.mb-2 {
margin-bottom: .5rem
}
.mb-24 {
margin-bottom: 6rem
}
.mb-3 {
margin-bottom: .75rem
}
.mb-4 {
margin-bottom: 1rem
}
.mb-40 {
margin-bottom: 10rem
}
.mb-6 {
margin-bottom: 1.5rem
}
.mb-8 {
margin-bottom: 2rem
}
.me {
margin-inline-end:1rem}
.ml-2 {
margin-left: .5rem
}
.mr-2 {
margin-right: .5rem
}
.mt--24 {
margin-top: -6rem
}
.mt--300px {
margin-top: -300px
}
.mt-14 {
margin-top: 3.5rem
}
.mt-16 {
margin-top: 4rem
}
.mt-2 {
margin-top: .5rem
}
.mt-24 {
margin-top: 6rem
}
.mt-4 {
margin-top: 1rem
}
.mt-6 {
margin-top: 1.5rem
}
.mt-8 {
margin-top: 2rem
}
.inline {
display: inline
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.hidden {
display: none
}
.size-10 {
width: 2.5rem;
height: 2.5rem
}
.size-12 {
width: 3rem;
height: 3rem
}
.size-14 {
width: 3.5rem;
height: 3.5rem
}
.size-20 {
width: 5rem;
height: 5rem
}
.size-4 {
width: 1rem;
height: 1rem
}
.size-5 {
width: 1.25rem;
height: 1.25rem
}
.size-6 {
width: 1.5rem;
height: 1.5rem
}
.size-7 {
width: 1.75rem;
height: 1.75rem
}
.size-8 {
width: 2rem;
height: 2rem
}
.size-9 {
width: 2.25rem;
height: 2.25rem
}
.h-10 {
height: 2.5rem
}
.h-300px {
height: 300px
}
.h-3px {
height: 3px
}
.h-400px {
height: 400px
}
.h-60px {
height: 60px
}
.h-full {
height: 100%
}
.max-h-0 {
max-height: 0
}
.max-w-1000px {
max-width: 1000px
}
.max-w-1200px {
max-width: 1200px
}
.max-w-250px {
max-width: 250px
}
.max-w-2xl {
max-width: 42rem
}
.max-w-3xl {
max-width: 48rem
}
.max-w-450px {
max-width: 450px
}
.max-w-4xl {
max-width: 56rem
}
.max-w-500px {
max-width: 500px
}
.max-w-600px {
max-width: 600px
}
.max-w-650px {
max-width: 650px
}
.max-w-700px {
max-width: 700px
}
.max-w-800px {
max-width: 800px
}
.min-h-screen {
min-height: 100vh
}
.min-w-full {
min-width: 100%
}
.w-10 {
width: 2.5rem
}
.w-20px {
width: 20px
}
.w-30\% {
width: 30%
}
.w-35\% {
width: 35%
}
.w-80\% {
width: 80%
}
.w-90\% {
width: 90%
}
.w-full {
width: 100%
}
.after\:h-2px:after {
height: 2px
}
.flex {
display: flex
}
.inline-flex {
display: inline-flex
}
.flex-1 {
flex: 1 1 0%
}
.flex-shrink-0 {
flex-shrink: 0
}
.flex-col {
flex-direction: column
}
.flex-wrap {
flex-wrap: wrap
}
.border-collapse {
border-collapse: collapse
}
.after\:origin-center:after {
transform-origin: center
}
.-translate-x-50\% {
--un-translate-x: -50%;
transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}
.-translate-y-50\% {
--un-translate-y: -50%;
transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}
.rotate-12deg,.group:hover .group-hover\:rotate-12 {
--un-rotate-x: 0;
--un-rotate-y: 0;
--un-rotate-z: 0;
--un-rotate: 12deg;
transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}
.rotate-180 {
--un-rotate-x: 0;
--un-rotate-y: 0;
--un-rotate-z: 0;
--un-rotate: 180deg;
transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}
.group:hover .group-hover\:rotate-25deg {
--un-rotate-x: 0;
--un-rotate-y: 0;
--un-rotate-z: 0;
--un-rotate: 25deg;
transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}
.after\:-rotate-12:after {
--un-rotate-x: 0;
--un-rotate-y: 0;
--un-rotate-z: 0;
--un-rotate: -12deg;
transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}
.group:hover .group-hover\:scale-105 {
--un-scale-x: 1.05;
--un-scale-y: 1.05;
transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}
.transform {
transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}
.cursor-pointer {
cursor: pointer
}
.items-start {
align-items: flex-start
}
.items-end {
align-items: flex-end
}
.items-center {
align-items: center
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.gap-1 {
gap: .25rem
}
.gap-1\.5 {
gap: .375rem
}
.gap-10 {
gap: 2.5rem
}
.gap-2 {
gap: .5rem
}
.gap-3 {
gap: .75rem
}
.gap-4 {
gap: 1rem
}
.gap-6 {
gap: 1.5rem
}
.gap-8 {
gap: 2rem
}
.space-y-3>:not([hidden])~:not([hidden]) {
--un-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--un-space-y-reverse)));
margin-bottom: calc(.75rem * var(--un-space-y-reverse))
}
.overflow-hidden {
overflow: hidden
}
.border {
border-width: 1px
}
.border-0 {
border-width: 0px
}
.border-2 {
border-width: 2px
}
.border-x {
border-left-width: 1px;
border-right-width: 1px
}
.border-b {
border-bottom-width: 1px
}
.border-t {
border-top-width: 1px
}
.last\:border-b:last-child {
border-bottom-width: 1px
}
.border-border {
--un-border-opacity: 1;
border-color: hsl(var(--border) / var(--un-border-opacity))
}
.border-primary {
--un-border-opacity: 1;
border-color: hsl(var(--primary) / var(--un-border-opacity))
}
.border-transparent {
border-color: transparent
}
.hover\:border-primary:hover {
--un-border-opacity: 1;
border-color: hsl(var(--primary) / var(--un-border-opacity))
}
.hover\:border-white:hover {
--un-border-opacity: 1;
border-color: rgb(255 255 255 / var(--un-border-opacity))
}
.focus\:border-primary:focus {
--un-border-opacity: 1;
border-color: hsl(var(--primary) / var(--un-border-opacity))
}
.focus\:border-white:focus {
--un-border-opacity: 1;
border-color: rgb(255 255 255 / var(--un-border-opacity))
}
.rounded {
border-radius: .25rem
}
.rounded-full {
border-radius: 9999px
}
.rounded-lg {
border-radius: var(--radius)
}
.rounded-md {
border-radius: calc(var(--radius) - 2px)
}
.rounded-xl {
border-radius: .75rem
}
.after\:rounded-full:after {
border-radius: 9999px
}
.first\:rounded-t-lg:first-child {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius)
}
.last\:rounded-b-lg:last-child {
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius)
}
.rounded-br-xl {
border-bottom-right-radius: .75rem
}
.rounded-tr-xl {
border-top-right-radius: .75rem
}
.bg-\[linear-gradient\(to_right\,\#80808008_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#80808008_1px\,transparent_1px\)\] {
background-image: linear-gradient(to right,#80808008 1px,transparent 1px),linear-gradient(to bottom,#80808008 1px,transparent 1px)
}
.bg-\[linear-gradient\(to_right\,\#80808010_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#80808010_1px\,transparent_1px\)\] {
background-image: linear-gradient(to right,#80808010 1px,transparent 1px),linear-gradient(to bottom,#80808010 1px,transparent 1px)
}
.bg-\[size\:24px_24px\] {
background-size: 24px 24px
}
.bg-\[size\:48px_48px\] {
background-size: 48px 48px
}
.bg-background {
--un-bg-opacity: 1;
background-color: hsl(var(--background) / var(--un-bg-opacity))
}
.bg-background\/50 {
background-color: hsl(var(--background) / .5)
}
.bg-card {
--un-bg-opacity: 1;
background-color: hsl(var(--card) / var(--un-bg-opacity))
}
.bg-muted {
--un-bg-opacity: 1;
background-color: hsl(var(--muted) / var(--un-bg-opacity))
}
.bg-muted-foreground {
--un-bg-opacity: 1;
background-color: hsl(var(--muted-foreground) / var(--un-bg-opacity))
}
.bg-primary {
--un-bg-opacity: 1;
background-color: hsl(var(--primary) / var(--un-bg-opacity))
}
.bg-primary\/10 {
background-color: hsl(var(--primary) / .1)
}
.bg-transparent\! {
background-color: transparent!important
}
.hover\:bg-accent:hover {
--un-bg-opacity: 1;
background-color: hsl(var(--accent) / var(--un-bg-opacity))
}
.hover\:bg-muted:hover {
--un-bg-opacity: 1;
background-color: hsl(var(--muted) / var(--un-bg-opacity))
}
.hover\:bg-muted\/20:hover {
background-color: hsl(var(--muted) / .2)
}
.hover\:bg-primary\/20:hover {
background-color: hsl(var(--primary) / .2)
}
.hover\:bg-primary\/80:hover {
background-color: hsl(var(--primary) / .8)
}
.focus\:bg-muted:focus {
--un-bg-opacity: 1;
background-color: hsl(var(--muted) / var(--un-bg-opacity))
}
.after\:bg-muted-foreground\/40:after {
background-color: hsl(var(--muted-foreground) / .4)
}
.bg-op-40 {
--un-bg-opacity: .4
}
.from-background {
--un-gradient-from-position: 0%;
--un-gradient-from: hsl(var(--background) / var(--un-from-opacity, 1)) var(--un-gradient-from-position);
--un-gradient-to-position: 100%;
--un-gradient-to: hsl(var(--background) / 0) var(--un-gradient-to-position);
--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}
.via-background {
--un-gradient-via-position: 50%;
--un-gradient-to: hsl(var(--background) / 0);
--un-gradient-stops: var(--un-gradient-from), hsl(var(--background) / var(--un-via-opacity, 1)) var(--un-gradient-via-position), var(--un-gradient-to)
}
.to-card {
--un-gradient-to-position: 100%;
--un-gradient-to: hsl(var(--card) / var(--un-to-opacity, 1)) var(--un-gradient-to-position)
}
.to-transparent {
--un-gradient-to-position: 100%;
--un-gradient-to: transparent var(--un-gradient-to-position)
}
.to-opacity-0 {
--un-to-opacity: 0
}
.bg-gradient-to-b {
--un-gradient-shape: to bottom in oklch;
--un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
background-image: linear-gradient(var(--un-gradient))
}
.bg-gradient-to-t {
--un-gradient-shape: to top in oklch;
--un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
background-image: linear-gradient(var(--un-gradient))
}
.p-0\.75 {
padding: .1875rem
}
.p-1 {
padding: .25rem
}
.p-3 {
padding: .75rem
}
.p-4 {
padding: 1rem
}
.p-6 {
padding: 1.5rem
}
.px,.px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.py-0\.75 {
padding-top: .1875rem;
padding-bottom: .1875rem
}
.py-1 {
padding-top: .25rem;
padding-bottom: .25rem
}
.py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.py-2\.5 {
padding-top: .625rem;
padding-bottom: .625rem
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.py-32 {
padding-top: 8rem;
padding-bottom: 8rem
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-42 {
padding-top: 10.5rem;
padding-bottom: 10.5rem
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.py-64 {
padding-top: 16rem;
padding-bottom: 16rem
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.pb-0 {
padding-bottom: 0
}
.pb-12 {
padding-bottom: 3rem
}
.pb-24 {
padding-bottom: 6rem
}
.pb-300px {
padding-bottom: 300px
}
.pb-32 {
padding-bottom: 8rem
}
.pb-4 {
padding-bottom: 1rem
}
.pb-48 {
padding-bottom: 12rem
}
.pb-6 {
padding-bottom: 1.5rem
}
.pb-8 {
padding-bottom: 2rem
}
.pl-4 {
padding-left: 1rem
}
.pr-3 {
padding-right: .75rem
}
.pt-10 {
padding-top: 2.5rem
}
.pt-20 {
padding-top: 5rem
}
.pt-24 {
padding-top: 6rem
}
.pt-26 {
padding-top: 6.5rem
}
.pt-32 {
padding-top: 8rem
}
.pt-4 {
padding-top: 1rem
}
.pt-6 {
padding-top: 1.5rem
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-pretty {
text-wrap: pretty
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem
}
.text-5xl {
font-size: 3rem;
line-height: 1
}
.text-base {
font-size: 1rem;
line-height: 1.5rem
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.text-sm {
font-size: .875rem;
line-height: 1.25rem
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
.text-xs {
font-size: .75rem;
line-height: 1rem
}
.text-background {
--un-text-opacity: 1;
color: hsl(var(--background) / var(--un-text-opacity))
}
.text-foreground {
--un-text-opacity: 1;
color: hsl(var(--foreground) / var(--un-text-opacity))
}
.text-muted {
--un-text-opacity: 1;
color: hsl(var(--muted) / var(--un-text-opacity))
}
.text-muted-foreground {
--un-text-opacity: 1;
color: hsl(var(--muted-foreground) / var(--un-text-opacity))
}
.text-primary {
--un-text-opacity: 1;
color: hsl(var(--primary) / var(--un-text-opacity))
}
.text-primary-foreground {
--un-text-opacity: 1;
color: hsl(var(--primary-foreground) / var(--un-text-opacity))
}
.group:hover .group-hover\:text-foreground\/80 {
color: hsl(var(--foreground) / .8)
}
.hover\:text-accent-foreground:hover {
--un-text-opacity: 1;
color: hsl(var(--accent-foreground) / var(--un-text-opacity))
}
.hover\:text-primary:hover {
--un-text-opacity: 1;
color: hsl(var(--primary) / var(--un-text-opacity))
}
.font-bold {
font-weight: 700
}
.font-medium {
font-weight: 500
}
.font-semibold {
font-weight: 600
}
.leading-relaxed {
line-height: 1.625
}
.leading-tight {
line-height: 1.25
}
.lh-1\.75rem {
line-height: 1.75rem
}
.lh-none {
line-height: 1
}
.tracking-wide {
letter-spacing: .025em
}
.font-sans {
font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}
.uppercase {
text-transform: uppercase
}
.hover\:underline:hover {
text-decoration-line: underline
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.op-10 {
opacity: .1
}
.op-15 {
opacity: .15
}
.op-20 {
opacity: .2
}
.shadow-lg {
--un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));
box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}
.shadow-sm {
--un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));
box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px
}
.focus\:ring-1:focus {
--un-ring-width: 1px;
--un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
--un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}
.focus\:ring-2:focus {
--un-ring-width: 2px;
--un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
--un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}
.focus\:ring-primary:focus {
--un-ring-opacity: 1;
--un-ring-color: hsl(var(--primary) / var(--un-ring-opacity))
}
.focus\:ring-inset:focus {
--un-ring-inset: inset
}
.backdrop-blur-sm {
--un-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}
.blur-64 {
--un-blur: blur(64px);
filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}
.blur-96 {
--un-blur: blur(96px);
filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}
.transition {
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.transition-colors {
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.duration-150 {
transition-duration: .15s
}
.duration-200 {
transition-duration: .2s
}
.duration-300 {
transition-duration: .3s
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.after\:content-\[\'\'\]:after{content:""}@media (min-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:inline-block{display:inline-block}.sm\:hidden{display:none}.sm\:size-10{width:2.5rem;height:2.5rem}.sm\:min-w-64{min-width:16rem}.sm\:flex-row{flex-direction:row}.sm\:justify-center{justify-content:center}.sm\:gap-12{gap:3rem}.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:mt-4{margin-top:1rem}.md\:max-w-4xl{max-width:56rem}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:border-1px{border-width:1px}.md\:rounded-full{border-radius:9999px}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:pb-18{padding-bottom:4.5rem}.md\:pt-32{padding-top:8rem}.md\:pt-48{padding-top:12rem}.md\:text-center{text-align:center}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:mx--48{margin-left:-12rem;margin-right:-12rem}}