.c-iconbutton { display: flex; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: row; align-items: center; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(177 177 177 / var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.84rem; line-height: 1.2rem; line-height: 100%; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms } .c-iconbutton:hover { --tw-bg-opacity: 1; background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1)) } .c-iconbutton:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(241 241 241 / var(--tw-text-opacity, 1)) } .c-iconbutton:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(65 65 65 / var(--tw-bg-opacity, 1)) } .c-iconbutton span { margin-right: 0.5rem }*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ font-family: Fira Sans, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: Source Code Pro, mono; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ 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; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .static { position: static; } .text-center { text-align: center; } html body{ background-color: white; color: black; } html.dark body{ background-color: #111111; color: #e1e1e1; } html body.dark{ background-color: #111111; color: #e1e1e1; }.c-ulv > :not([hidden]) ~ :not([hidden]) {--tw-divide-y-reverse: 0;border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width: calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color: rgb(193 193 193 / var(--tw-divide-opacity, 1)) }.c-ulv:is(.dark *) > :not([hidden]) ~ :not([hidden]) {--tw-divide-opacity: 1;border-color: rgb(49 49 49 / var(--tw-divide-opacity, 1)) }.c-ulv {--tw-text-opacity: 1;color: rgb(33 33 33 / var(--tw-text-opacity, 1)) }.c-ulv:is(.dark *) {--tw-text-opacity: 1;color: rgb(225 225 225 / var(--tw-text-opacity, 1)) } .c-ulv.no-divide > :not([hidden]) ~ :not([hidden]) {--tw-divide-y-reverse: 0;border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width: calc(0px * var(--tw-divide-y-reverse)) } .c-ulv.round-border {border-radius: 0.25rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(193 193 193 / var(--tw-border-opacity, 1)) } .c-ulv.round-border:is(.dark *) {--tw-border-opacity: 1;border-color: rgb(49 49 49 / var(--tw-border-opacity, 1)) } .c-ulv li {padding-left: 0.5rem;padding-right: 0.5rem;padding-top: 0.5rem;padding-bottom: 0.5rem;font-size: 0.84rem;line-height: 1.2rem } .c-tableofcontents .c-ulv{ padding-left: 1rem; } .c-tableofcontents .c-ulv li{ padding-top: 0px; padding-bottom: 0px; } .c-tableofcontents .c-ulv li a{ display: block; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgb(119 119 119 / var(--tw-text-opacity, 1)); } .c-tableofcontents .c-ulv li a:is(.dark *){ --tw-text-opacity: 1; color: rgb(145 145 145 / var(--tw-text-opacity, 1)); } .c-tableofcontents .c-ulv li a{ transition: color 0.3s; } .c-tableofcontents .c-ulv li a.active{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .c-tableofcontents .c-ulv li a.active:is(.dark *){ --tw-text-opacity: 1; color: rgb(225 225 225 / var(--tw-text-opacity, 1)); }.c-sidebarlayout{ position: relative; display: flex; height: 100%; width: 100%; } .c-sidebarlayout.d-right{ display: flex; flex-direction: row; justify-content: flex-end; } .c-sidebarlayout .c-sidebar{ position: fixed; z-index: 1000; box-sizing: border-box; display: block; height: 100%; border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .c-sidebarlayout .c-sidebar:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)); } .c-sidebarlayout .c-sidebar{ width: 16rem; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(177 177 177 / var(--tw-border-opacity, 1)); } .c-sidebarlayout .c-sidebar:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity, 1)); } @media (min-width: 1024px){ .c-sidebarlayout .c-sidebar{ --tw-border-opacity: 1; border-color: rgb(193 193 193 / var(--tw-border-opacity, 1)); padding-left: 1.5rem; padding-right: 1.5rem; } .c-sidebarlayout .c-sidebar:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(33 33 33 / var(--tw-border-opacity, 1)); } } .c-sidebarlayout .c-sidebar{ transition: left 0.5s, right 0.5s; } .c-sidebarlayout .c-sidebar.pos-absolute{ position: absolute; } .c-sidebarlayout .c-sidebar{ left: -16rem; } @media (min-width: 1024px){ .c-sidebarlayout .c-sidebar{ left: auto; } } .c-sidebarlayout .c-sidebar.show{ left: 0; display: block; } .c-sidebarlayout.d-right > .c-sidebar{ left: auto; display: none; border-left-width: 1px; border-right-width: 0px; } @media (min-width: 1024px){ .c-sidebarlayout.d-right > .c-sidebar{ right: auto; display: block; } } .c-sidebarlayout.d-right > .c-sidebar.show{ left: auto; display: block; animation: slideAnimation 0.5s; } @keyframes slideAnimation { 0% { right: 0; width: 16rem; overflow: hidden; transform: scaleX(0); transform-origin: right; } 100% { overflow: auto; transform: scaleX(100%); transform-origin: right; } } .c-sidebarlayout .main-content, .c-sidebarlayout .c-aside{ min-height: 100%; width: 100%; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px){ .c-sidebarlayout .main-content, .c-sidebarlayout .c-aside{ margin-left: 16rem; width: calc(100% - 16rem); } } .c-sidebarlayout.d-right > .main-content, .c-sidebarlayout.d-right > .c-aside{ margin-left: 0px; } @media (min-width: 1024px){ .c-sidebarlayout.d-right > .main-content, .c-sidebarlayout.d-right > .c-aside{ margin-right: 16rem; } } .c-sidebarlayout .c-sidebarcompact{ display: flex; justify-content: flex-end; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0px; padding-right: 0px; } @media (min-width: 1024px){ .c-sidebarlayout .c-sidebarcompact{ display: none; } } .c-sidebarlayout .c-aside .c-sidebarcompact{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .c-sidebarlayout .c-sidebar .c-sidebarcompact{ display: flex; justify-content: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } @media (min-width: 1024px){ .c-sidebarlayout .c-sidebar .c-sidebarcompact{ display: none; } } .c-sidebarlayout .c-sidebar header{ padding-left: 0px; padding-right: 0px; padding-bottom: 1rem; font-size: 1.5rem; line-height: 2rem; font-weight: 700; } @media (min-width: 1024px){ .c-sidebarlayout .c-sidebar header{ padding-top: 1rem; padding-bottom: 1rem; } } .c-sidebarlayout .c-sidebar hr{ --tw-border-opacity: 1; border-color: rgb(161 161 161 / var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; } .c-sidebarlayout .c-sidebar hr:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)); }.c-content { margin-left: auto; margin-right: auto; font-family: Fira Sans, sans-serif; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)) } .c-content:is(.dark *) { --tw-text-opacity: 1; color: rgb(225 225 225 / var(--tw-text-opacity, 1)) } .c-content h1 { margin-top: 1rem; margin-bottom: 1rem; padding-top: 0.5rem; padding-bottom: 1rem; font-size: 1.875rem; line-height: 2.25rem; font-weight: 700 } .c-content h2 { margin-bottom: 0.75rem; margin-top: 1.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(193 193 193 / var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.5rem; line-height: 2rem; font-weight: 500 } .c-content h2:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity, 1)) } .c-content h3 { margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600 } .c-content h4 { margin-top: 0.25rem; margin-bottom: 0.25rem; font-size: 1.14rem; line-height: 1.2rem; font-weight: 500 } .c-content h5 { font-weight: 500 } .c-content h6 { font-size: 0.84rem; line-height: 1.2rem; font-weight: 500 } .c-content p { margin-top: 1rem; margin-bottom: 1rem; font-size: 0.84rem; line-height: 1.2rem; line-height: 1.625; --tw-text-opacity: 1; color: rgb(65 65 65 / var(--tw-text-opacity, 1)) } .c-content p:is(.dark *) { --tw-text-opacity: 1; color: rgb(177 177 177 / var(--tw-text-opacity, 1)) } .c-content a { --tw-text-opacity: 1; color: rgb(33 33 33 / var(--tw-text-opacity, 1)); text-decoration-line: underline } .c-content a:is(.dark *) { --tw-text-opacity: 1; color: rgb(225 225 225 / var(--tw-text-opacity, 1)) } .c-content ul { list-style-position: inside; list-style-type: disc } .c-content ol { list-style-position: inside; list-style-type: decimal } .c-content li { margin-top: 0.5rem; margin-bottom: 0.5rem } .c-content code { border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1)); padding: 0.25rem; font-size: 0.84rem; line-height: 1.2rem; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)) } .c-content code:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(241 241 241 / var(--tw-text-opacity, 1)) } .c-content pre { overflow-x: auto; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1)); padding: 1rem; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)) } .c-content pre:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(241 241 241 / var(--tw-text-opacity, 1)) } .c-content pre code { padding-left: 0px; padding-right: 0px } .c-content blockquote { border-left-width: 4px; --tw-border-opacity: 1; border-color: rgb(193 193 193 / var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-style: italic } .c-content blockquote:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity, 1)) } .c-content table { min-width: 100% } .c-content table > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)) } .c-content thead { --tw-bg-opacity: 1; background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1)) } .c-content thead:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1)) } .c-content th { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: left; font-size: 0.84rem; line-height: 1.2rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) } .c-content td { white-space: nowrap; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem } .c-content tr { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .c-content tr:nth-child(even) { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) } .c-content img { height: auto; max-width: 100% } .c-content hr { margin-top: 2rem; margin-bottom: 2rem; --tw-border-opacity: 1; border-color: rgb(161 161 161 / var(--tw-border-opacity, 1)) } .c-content hr:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)) } .c-content input { border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(161 161 161 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding: 0.25rem; font-size: 0.84rem; line-height: 1.2rem } .c-content input:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)) }html{ scroll-behavior: smooth; } .c-ledocument{ margin-left: 1rem; margin-right: 1rem; max-width: 80rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .c-ledocument{ margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1280px){ .c-ledocument{ padding-left: 0px; padding-right: 0px; } } .c-ledocument .c-content{ font-family: 'Fira Sans'; margin-left: 0px; margin-right: 0px; max-width: 60rem; font-weight: 300; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .c-ledocument h1, .c-ledocument h2, .c-ledocument h3, .c-ledocument h4, .c-ledocument h5, .c-ledocument h6{ font-family: 'Yantramanav'; scroll-margin-top: 4rem; } .c-ledocument h1{ font-size: 3rem; } .c-ledocument .c-content p, .c-ledocument .c-content ul li{ font-family: 'Fira Sans'; font-size: 1rem; font-weight: 300; --tw-text-opacity: 1; color: rgb(241 241 241 / var(--tw-text-opacity, 1)); } .c-ledocument .c-content ul{ margin-left: 1rem; } .c-ledocument .c-content .table-container{ margin-top: 0.5rem; margin-bottom: 0.5rem; width: 100%; overflow-x: auto; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity, 1)); scrollbar-color: #515151 transparent; scrollbar-width: auto; } .c-ledocument .c-content table{ min-width: 40rem; table-layout: fixed; } .c-ledocument .c-content table thead{ background-color: transparent; border-radius: 0.75rem; } .c-ledocument .c-content table thead th{ --tw-bg-opacity: 1; background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1)); padding: 0.75rem; font-size: 0.8rem; } .c-ledocument .c-content table tbody{ border: none !important; } .c-ledocument .c-content table tr{ background-color: transparent; } .c-ledocument .c-content table td{ padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.8rem; vertical-align: top; white-space: normal; /* override any nowrap */ overflow-wrap: anywhere; /* wrap long words/strings */ word-break: normal; /* or 'break-word' for older Safari */ hyphens: auto; } .c-ledocument code{ --tw-bg-opacity: 1; background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)); font-size: 0.95rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); font-family: 'Source Code Pro'; } .c-ledocument a{ --tw-text-opacity: 1; color: rgb(146 98 250 / var(--tw-text-opacity, 1)); } .c-ledocument .c-aside{ padding-top: 1.5rem; } .c-ledocument .c-sidebar{ width: 16rem; --tw-border-opacity: 1; border-left-color: rgb(65 65 65 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); padding-top: 0px; padding-bottom: 0px; } .c-ledocument .c-sidebarlayout .c-sidebar:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); } .c-ledocument .toc{ max-height: calc(100vh - 10rem); overflow-y: auto; padding: 1rem; scrollbar-width: auto; scrollbar-color: #414141 transparent; } .c-ledocument .toc.sticky{ position: fixed; top: 6rem; width: 16rem; padding: 1rem; } .c-ledocument .toc.stick-bottom{ position: absolute; bottom: 3.5rem; width: 16rem; } .c-ledocument .toc .c-tableofcontents{ /* @apply h-[50%]; */ max-height: none; /* height: fit-content; */ } .c-ledocument .c-tableofcontents > div > .c-ulv{ padding-left: 0px; } .c-ledocument .c-tableofcontents .c-ulv li a{ font-weight: 300; --tw-text-opacity: 1; color: rgb(204 204 204 / var(--tw-text-opacity, 1)); font-family: 'Fira Sans'; } .c-ledocument .c-tableofcontents .c-ulv li a.active{ --tw-text-opacity: 1; color: rgb(146 98 250 / var(--tw-text-opacity, 1)); }.c-centerlayout { display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: center }.c-leebreadcrumbs { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(34 34 34 / var(--tw-border-opacity, 1)) } .c-leebreadcrumbs .breadcrumbs { margin-left: auto; margin-right: auto; display: flex; max-height: 5rem; width: 100%; max-width: 80rem; flex-direction: row; gap: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem } .c-leebreadcrumbs .breadcrumb { position: relative; display: block; max-height: 2.5rem; border-width: 0px; padding: 0px; padding-left: 2.5rem; transition: color 0.5s } .c-leebreadcrumbs a.breadcrumb:hover { --tw-text-opacity: 1; color: rgb(185 152 254 / var(--tw-text-opacity, 1)) } .c-leebreadcrumbs .breadcrumb:first-child { padding-left: 0px } .c-leebreadcrumbs .breadcrumb::before { position: absolute; left: 0px; top: 20%; margin-left: 0.5rem; height: 20px; width: 14px; padding-left: 0.25rem; --tw-text-opacity: 1; color: rgb(136 136 136 / var(--tw-text-opacity, 1)); content: ''; background: url(/public/images/breadcrumb-separator.svg) no-repeat; background-size: contain; font-size: 40px; font-weight: 200 } .c-leebreadcrumbs .breadcrumb:first-child::before { display: none } .c-leebreadcrumbs .breadcrumb p { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 1.2rem; font-weight: 300; font-family: 'Fira Sans', sans-serif }.c-dropdown { position: relative } .c-dropdowncontent { position: absolute; z-index: 10000; display: none; width: 13rem; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(177 177 177 / var(--tw-border-opacity, 1)) } .c-dropdowncontent:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)) } .c-dropdowncontent.show { display: block; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .c-dropdowncontent.show:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)) } .c-dropdowntogglebutton { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(177 177 177 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.84rem; line-height: 1.2rem; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms } .c-dropdowntogglebutton:hover { --tw-bg-opacity: 1; background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1)) } .c-dropdowntogglebutton:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(241 241 241 / var(--tw-text-opacity, 1)) } .c-dropdowntogglebutton:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(65 65 65 / var(--tw-bg-opacity, 1)) }.c-topnav{ position: relative; display: flex; min-height: 3rem; width: 100%; flex-direction: column; justify-content: space-between; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(85 85 85 / var(--tw-text-opacity, 1)); }.c-topnav:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(225 225 225 / var(--tw-text-opacity, 1)); }@media (min-width: 768px){.c-topnav{ align-items: center; } }.c-topnav{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(193 193 193 / var(--tw-border-opacity, 1)); }.c-topnav:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)); } .c-topnav.transparent{ border-width: 0px; background-color: transparent; } .c-topnav.position-static{ position: static; } .c-topnav .nav-fixed{ position: fixed; height: 3rem; width: 100%; } .c-topnav .nav-content{ display: flex; height: 100%; min-height: 3rem; align-items: center; justify-content: space-between; } .c-topnav .nav-content > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .c-topnav .nav-content{ padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 768px){.c-topnav .nav-content{ justify-content: flex-start; } } .c-topnav .nav-brand{ display: flex; height: 100%; flex-direction: column; justify-content: center; font-size: 0.84rem; line-height: 1.2rem; font-weight: 600; } .c-topnav .nav-brand a{ height: auto; padding-top: 0px; padding-bottom: 0px; } .c-topnav .nav-brand a::before{ display: none; } .c-topnav .nav-brand svg{ height: 1.25rem; } .c-topnav .nav-content-toggle{ display: flex; display: none; width: 100%; align-items: center; } .c-topnav .nav-sections{ display: grid; width: 100%; } .c-topnav .nav-sections.cols-2{ display: grid; grid-template-columns: 1fr auto; } .c-topnav .nav-sections.cols-2.cols-toggle-1{ display: block; } @media (min-width: 768px){.c-topnav .nav-sections.cols-2.cols-toggle-1{ display: grid; } } .c-topnav .nav-sections.cols-3{ /* @apply grid grid-cols-3; */ display: grid; grid-template-columns: 1fr auto 1fr; } .c-topnav .nav-sections.cols-3.cols-toggle-1, .c-topnav .nav-sections.cols-3.cols-toggle-2{ display: block; } @media (min-width: 768px){.c-topnav .nav-sections.cols-3.cols-toggle-1, .c-topnav .nav-sections.cols-3.cols-toggle-2{ display: grid; } } .c-topnav .nav-sections.cols-3.cols-toggle-2 ul{ width: 100%; justify-content: space-between; } @media (min-width: 768px){.c-topnav .nav-sections.cols-3.cols-toggle-2 ul{ width: auto; } } .c-topnav .nav-sections.cols-3 .nav-content:last-child{ justify-self: end; } .c-topnav .nav-sections.cols-3 .nav-content:nth-child(2){ justify-self: center; } @media (min-width: 768px){.c-topnav .nav-sections.cols-3 .nav-content:first-child{ justify-self: start; } } .c-topnav .nav-content-wide{ display: none; align-items: center; justify-content: center; } @media (min-width: 768px){.c-topnav .nav-content-wide{ display: flex; } } .c-topnav ul{ display: flex; flex-direction: row; } @media (min-width: 768px){.c-topnav ul{ height: 3rem; } } .c-topnav .nav-content-toggle ul{ flex-direction: column; } @media (min-width: 768px){.c-topnav .nav-content-toggle ul{ flex-direction: row; } } .c-topnav ul li{ position: relative; height: 100%; list-style-type: none; } .c-topnav ul li a{ position: relative; display: inline-block; display: flex; height: 100%; width: 100%; flex-direction: column; justify-content: center; border-radius: 0.125rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-family: Fira Sans, sans-serif; font-size: 0.84rem; line-height: 1.2rem; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); text-decoration-line: none; } .c-topnav ul li a:is(.dark *){ --tw-text-opacity: 1; color: rgb(241 241 241 / var(--tw-text-opacity, 1)); } @media (min-width: 768px){.c-topnav ul li a{ padding-top: 0px; padding-bottom: 0px; } } .c-topnav ul li a::before{ content: ''; position: absolute; left: 0px; bottom: 0px; height: 1px; width: 100%; --tw-bg-opacity: 1; background-color: rgb(161 161 161 / var(--tw-bg-opacity, 1)); opacity: 0; } .c-topnav ul li a:is(.dark *)::before{ --tw-bg-opacity: 1; background-color: rgb(193 193 193 / var(--tw-bg-opacity, 1)); } .c-topnav ul li a::before{ transition: opacity 0.4s; } .c-topnav ul li a:hover::before, .c-topnav ul li a.active::before{ opacity: 1; } .c-topnav ul li.dropdown-item{ display: flex; flex-direction: column; justify-content: center; } .c-topnav .nav-toggle-button{ display: block; } .c-topnav .bar{ margin-bottom: 0.375rem; margin-top: 0.25rem; display: block; height: 0.125rem; width: 1.5rem; --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)); } .c-topnav .bar:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .c-topnav.active .nav-content-toggle{ display: block; } @media (min-width: 768px){.c-topnav.active .nav-content-toggle{ display: flex; } } .c-topnav .md-hidden{ display: block; } @media (min-width: 768px){.c-topnav .md-hidden{ margin: 0px; display: none; } } .c-topnav .c-dropdowncontent{ width: 10rem; } .c-topnav .nav-content ul.secondary{ pointer-events: auto; z-index: 10000; height: auto; width: 220px; --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0px; } @media (min-width: 768px){.c-topnav .nav-content ul.secondary{ position: absolute; right: -10px; display: none; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-width: 1px; --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)); padding-left: 0px; opacity: 0; } } .c-topnav .nav-content ul.secondary-mn{ z-index: 10000; display: block; height: auto; --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0px; } @media (min-width: 768px){.c-topnav .nav-content ul.secondary-mn{ border-width: 1px; padding-left: 0px; }.c-topnav .nav-content ul li:hover ul.secondary{ display: block; opacity: 1; } } .c-topnav .nav-content ul.secondary li, .c-topnav .nav-content ul.secondary-mn li{ margin-left: 0px; margin-right: 0px; } .c-topnav .nav-content ul.secondary li a, .c-topnav .nav-content ul.secondary-mn li a{ padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 768px) { .c-topnav{ flex-direction: row; } .c-topnav .navbar{ display: flex; } .c-topnav ul li a.dropdown{ padding-right: 1rem; background-repeat: no-repeat; background-position: right 55%; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2015%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M-3.02339e-08%201.19167C-2.25491e-08%201.01586%200.0769949%200.840052%200.241981%200.701255C0.560955%200.432914%201.08891%200.432914%201.40789%200.701255L7.50139%205.82749L13.5949%200.701256C13.9138%200.432915%2014.4418%200.432915%2014.7608%200.701256C15.0797%200.969597%2015.0797%201.41375%2014.7608%201.68209L8.08434%207.29874C7.76536%207.56709%207.23741%207.56709%206.91843%207.29874L0.241981%201.68209C0.0769949%201.54329%20-3.79188e-08%201.36748%20-3.02339e-08%201.19167Z%22%20fill%3D%22white%22/%3E%3C/svg%3E"); } .c-topnav .nav-toggle-button{ display: none; } .c-topnav .nav-content-toggle{ margin-top: 0px; display: flex; width: auto; justify-content: space-between; } .c-topnav ul{ flex-direction: row; } .c-topnav ul > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } } .c-letopnav{ position: static; display: block; height: 4rem; min-height: 2.5rem; width: 100%; border-width: 0px; background-color: transparent; padding: 0px; } .c-letopnav .nav-fixed{ position: fixed; display: flex; height: 4rem; width: 100%; flex-direction: row; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(103 76 161 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); padding: 0px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition: all 0.2s ease-in-out; z-index: 2099; } .c-letopnav .nav-fixed::after{ content: ''; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 100%; background: linear-gradient(to right, #5674d7, #b998fe); } .c-letopnav .nav-sections{ margin-left: auto; margin-right: auto; max-width: 80rem; padding-left: 0.5rem; padding-right: 0.5rem; } .c-letopnav .nav-content{ margin-left: auto; margin-right: auto; height: 4rem; min-height: 0px; width: 100%; max-width: 80rem; } .c-letopnav.opaque .c-letopnav ul{ padding-top: 0px; padding-bottom: 0px; } .c-letopnav ul{ height: 4rem; } .c-letopnav ul li{ position: relative; display: flex; flex-direction: column; justify-content: center; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } @media (min-width: 768px){ .c-letopnav ul li{ padding-top: 0px; padding-bottom: 0px; } } .c-letopnav ul li a{ padding-left: 0px; padding-right: 0px; padding-top: 0.25rem; padding-bottom: 0.25rem; } @media (min-width: 768px){ .c-letopnav ul li a{ padding: 19px 0px 13px 0px; } } .c-letopnav ul li a{ font-family: 'Yantramanav', sans-serif; font-size: 16px; display: block; margin: 0px; text-transform: uppercase; font-weight: 400; color: #f0f0f0; line-height: 18px; /* letter-spacing: 0.02em; */ text-decoration: none; cursor: pointer; } .c-letopnav ul li a.dropdown{ padding-right: 1rem; background-repeat: no-repeat; background-position: right 55%; } .c-letopnav ul li a.inactive{ cursor: default; user-select: none; } .c-letopnav ul li > a:hover{ background-color: transparent; } .c-letopnav ul li > a:hover:is(.dark *){ background-color: transparent; } .c-letopnav ul li > a:hover{ text-decoration: none; color: #c1c1c1; } .c-letopnav ul li > a.active{ color: #b1b1b1; } .c-letopnav .bar{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .c-letopnav ul li ul.secondary{ width: 320px; --tw-border-opacity: 1; border-color: rgb(83 81 144 / var(--tw-border-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0px; } @media (min-width: 768px){ .c-letopnav ul li ul.secondary{ position: absolute; left: -15px; display: none; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-width: 1px; --tw-bg-opacity: 1; background-color: rgb(30 28 53 / var(--tw-bg-opacity, 1)); padding-left: 0px; opacity: 0; } .c-letopnav ul li:hover ul.secondary{ display: block; opacity: 1; } } .c-letopnav ul li ul.secondary.right{ right: -10px; left: auto; } .c-letopnav ul li ul.secondary li{ padding: 0px; } @media (min-width: 768px){ .c-letopnav ul li ul.secondary li{ margin: 0px; padding: 0.5rem; } } .c-letopnav ul li ul.secondary li{ margin: 0 !important; } .c-letopnav ul li ul.secondary li a{ margin-left: 0.25rem; margin-right: 0.25rem; margin-top: 0px; margin-bottom: 0px; border-radius: 0.25rem; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-transform: none; } .c-letopnav ul li ul.secondary li a:hover{ --tw-text-opacity: 1; color: rgb(170 170 170 / var(--tw-text-opacity, 1)); } @media (min-width: 768px){ .c-letopnav ul li ul.secondary li a:hover{ --tw-bg-opacity: 1; background-color: rgb(55 52 88 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } } .c-letopnav ul li ul.secondary li a h3{ margin-bottom: 0.25rem; padding-top: 0.25rem; font-weight: 500; } @media (min-width: 768px){ .c-letopnav ul li ul.secondary li a h3{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } } .c-letopnav ul li ul.secondary li a h3{ background-repeat: no-repeat; background-position: right center; letter-spacing: 0.03em; font-family: 'Yantramanav', Arial, Helvetica, sans-serif; font-size: 16px; } @media (min-width: 768px){ .c-letopnav ul li a.dropdown{ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2015%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M-3.02339e-08%201.19167C-2.25491e-08%201.01586%200.0769949%200.840052%200.241981%200.701255C0.560955%200.432914%201.08891%200.432914%201.40789%200.701255L7.50139%205.82749L13.5949%200.701256C13.9138%200.432915%2014.4418%200.432915%2014.7608%200.701256C15.0797%200.969597%2015.0797%201.41375%2014.7608%201.68209L8.08434%207.29874C7.76536%207.56709%207.23741%207.56709%206.91843%207.29874L0.241981%201.68209C0.0769949%201.54329%20-3.79188e-08%201.36748%20-3.02339e-08%201.19167Z%22%20fill%3D%22white%22/%3E%3C/svg%3E"); } .c-letopnav ul li ul.secondary li a h3{ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2210%22%20viewBox%3D%220%200%207%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.691672%2015C0.515862%2015%200.340053%2014.923%200.201256%2014.758C-0.0670855%2014.439%20-0.0670855%2013.9111%200.201256%2013.5921L5.32749%207.49861L0.201256%201.40514C-0.0670853%201.08616%20-0.0670853%200.558204%200.201256%200.23923C0.469597%20-0.0797435%200.913747%20-0.0797435%201.18209%200.23923L6.79874%206.91566C7.06709%207.23464%207.06709%207.76259%206.79874%208.08157L1.18209%2014.758C1.04329%2014.923%200.867481%2015%200.691672%2015Z%22%20fill%3D%22white%22/%3E%3C/svg%3E"); } } .c-letopnav ul li ul.secondary li a p{ display: none; } @media (min-width: 768px){ .c-letopnav ul li ul.secondary li a p{ display: block; } } .c-letopnav ul li ul.secondary li a p{ font-family: 'Fira Sans', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; } .c-letopnav .nav-content-toggle{ background-color: transparent; } .c-letopnav .nav-brand img{ height: 2.8rem; } .c-letopnav .m-right{ display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .c-letopnav .nav-links li{ display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px){ .c-letopnav .nav-links li{ padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0px; padding-bottom: 0px; } } .c-letopnav .login-link{ height: 2.5rem; border-radius: 0.25rem; border-width: 1px; border-color: #b998feaa; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } .c-letopnav .login-link:hover{ border-color: #b998fecc; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .c-letopnav .login-link::before{ display: none; } .c-leecosystemfooter{ border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(145 145 145 / var(--tw-border-opacity, 1)); padding: 50px 40px; box-sizing: border-box; position: relative; width: 100%; color: #dadada; z-index: 2002; font-weight: normal; } .c-leecosystemfooter .container{ font-family: 'Fira Sans', sans-serif; margin-left: auto; margin-right: auto; max-width: 80rem; font-weight: 300; } .c-leecosystemfooter .row{ display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 768px){ .c-leecosystemfooter .row{ flex-direction: row; } } .c-leecosystemfooter .flex-end{ justify-content: end; } .c-leecosystemfooter ul.list-horizontal{ display: flex; flex-direction: row; list-style: none; } .c-leecosystemfooter ul.list-horizontal li{ padding: 0 10px; } .c-leecosystemfooter ul.list-inline { float: right; margin-left: 20px; } .c-leecosystemfooter ul.list-inline li{ margin-left: 10px; } .c-leecosystemfooter ul a{ color: #eee !important; text-decoration: none; font-family: 'Fira Sans', Arial, Helvetica, sans-serif; font-weight: normal; } .c-leecosystemfooter ul a:hover{ color: #aaa !important; text-decoration: none !important; } .c-leecosystemfooter ul.list-inline { float: right; margin-left: 20px; padding-right: 15px; }/** * Swiper 12.0.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 18, 2025 */ .c-leemodulesindetail :root{--swiper-theme-color:#007aff} .c-leemodulesindetail :host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1} .c-leemodulesindetail .swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1} .c-leemodulesindetail .swiper-vertical>.swiper-wrapper{flex-direction:column} .c-leemodulesindetail .swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1} .c-leemodulesindetail .swiper-android .swiper-slide, .c-leemodulesindetail .swiper-ios .swiper-slide, .c-leemodulesindetail .swiper-wrapper{transform:translateZ(0)} .c-leemodulesindetail .swiper-horizontal{touch-action:pan-y} .c-leemodulesindetail .swiper-vertical{touch-action:pan-x} .c-leemodulesindetail .swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%} .c-leemodulesindetail .swiper-slide-invisible-blank{visibility:hidden} .c-leemodulesindetail .swiper-autoheight, .c-leemodulesindetail .swiper-autoheight .swiper-slide{height:auto} .c-leemodulesindetail .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .c-leemodulesindetail .swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)} .c-leemodulesindetail .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px} .c-leemodulesindetail .swiper-3d .swiper-wrapper{transform-style:preserve-3d} .c-leemodulesindetail .swiper-3d{perspective:1200px;.c-leemodulesindetail .swiper-cube-shadow, .c-leemodulesindetail .swiper-slide{transform-style:preserve-3d}} .c-leemodulesindetail .swiper-css-mode{.c-leemodulesindetail >.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;.c-leemodulesindetail &::-webkit-scrollbar{display:none}}.c-leemodulesindetail >.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.c-leemodulesindetail &.swiper-horizontal{.c-leemodulesindetail >.swiper-wrapper{scroll-snap-type:x mandatory}}.c-leemodulesindetail &.swiper-vertical{.c-leemodulesindetail >.swiper-wrapper{scroll-snap-type:y mandatory}}.c-leemodulesindetail &.swiper-free-mode{.c-leemodulesindetail >.swiper-wrapper{scroll-snap-type:none}.c-leemodulesindetail >.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}.c-leemodulesindetail &.swiper-centered{.c-leemodulesindetail >.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.c-leemodulesindetail >.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}.c-leemodulesindetail &.swiper-centered.swiper-horizontal{.c-leemodulesindetail >.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.c-leemodulesindetail >.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}.c-leemodulesindetail &.swiper-centered.swiper-vertical{.c-leemodulesindetail >.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.c-leemodulesindetail >.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}} .c-leemodulesindetail .swiper-3d{.c-leemodulesindetail .swiper-slide-shadow, .c-leemodulesindetail .swiper-slide-shadow-bottom, .c-leemodulesindetail .swiper-slide-shadow-left, .c-leemodulesindetail .swiper-slide-shadow-right, .c-leemodulesindetail .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.c-leemodulesindetail .swiper-slide-shadow{background:#00000026}.c-leemodulesindetail .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.c-leemodulesindetail .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.c-leemodulesindetail .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.c-leemodulesindetail .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}} .c-leemodulesindetail .swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10} .c-leemodulesindetail .swiper-watch-progress .swiper-slide-visible, .c-leemodulesindetail .swiper:not(.swiper-watch-progress){.c-leemodulesindetail .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}} .c-leemodulesindetail .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .c-leemodulesindetail .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} .c-leemodulesindetail .swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)} .c-leemodulesindetail .swiper-virtual.swiper-css-mode{.c-leemodulesindetail .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}} .c-leemodulesindetail .swiper-virtual.swiper-css-mode.swiper-horizontal{.c-leemodulesindetail .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}} .c-leemodulesindetail .swiper-virtual.swiper-css-mode.swiper-vertical{.c-leemodulesindetail .swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}} .c-leemodulesindetail :root{--swiper-navigation-size:44px} .c-leemodulesindetail .swiper-button-next, .c-leemodulesindetail .swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;.c-leemodulesindetail &.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.c-leemodulesindetail &.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.c-leemodulesindetail .swiper-navigation-disabled &{display:none!important}.c-leemodulesindetail svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}} .c-leemodulesindetail .swiper-button-lock{display:none} .c-leemodulesindetail .swiper-button-next, .c-leemodulesindetail .swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)} .c-leemodulesindetail .swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.c-leemodulesindetail .swiper-navigation-icon{transform:rotate(180deg)}} .c-leemodulesindetail .swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)} .c-leemodulesindetail .swiper-horizontal{.c-leemodulesindetail .swiper-button-next, .c-leemodulesindetail .swiper-button-prev, .c-leemodulesindetail ~.swiper-button-next, .c-leemodulesindetail ~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.c-leemodulesindetail &.swiper-rtl .swiper-button-next, .c-leemodulesindetail &.swiper-rtl~.swiper-button-next, .c-leemodulesindetail &~.swiper-button-prev, .c-leemodulesindetail .swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.c-leemodulesindetail &.swiper-rtl .swiper-button-prev, .c-leemodulesindetail &.swiper-rtl~.swiper-button-prev, .c-leemodulesindetail &~.swiper-button-next, .c-leemodulesindetail .swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.c-leemodulesindetail &.swiper-rtl .swiper-button-next, .c-leemodulesindetail &.swiper-rtl~.swiper-button-next, .c-leemodulesindetail &~.swiper-button-prev, .c-leemodulesindetail .swiper-button-prev{.c-leemodulesindetail .swiper-navigation-icon{transform:rotate(180deg)}}.c-leemodulesindetail &.swiper-rtl .swiper-button-prev, .c-leemodulesindetail &.swiper-rtl~.swiper-button-prev{.c-leemodulesindetail .swiper-navigation-icon{transform:rotate(0deg)}}} .c-leemodulesindetail .swiper-vertical{.c-leemodulesindetail .swiper-button-next, .c-leemodulesindetail .swiper-button-prev, .c-leemodulesindetail ~.swiper-button-next, .c-leemodulesindetail ~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.c-leemodulesindetail .swiper-button-prev, .c-leemodulesindetail ~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.c-leemodulesindetail .swiper-navigation-icon{transform:rotate(-90deg)}}.c-leemodulesindetail .swiper-button-next, .c-leemodulesindetail ~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.c-leemodulesindetail .swiper-navigation-icon{transform:rotate(90deg)}}} .c-leemodulesindetail .swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;.c-leemodulesindetail &.swiper-pagination-hidden{opacity:0}.c-leemodulesindetail &.swiper-pagination-disabled, .c-leemodulesindetail .swiper-pagination-disabled>&{display:none!important}} .c-leemodulesindetail .swiper-horizontal>.swiper-pagination-bullets, .c-leemodulesindetail .swiper-pagination-bullets.swiper-pagination-horizontal, .c-leemodulesindetail .swiper-pagination-custom, .c-leemodulesindetail .swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%} .c-leemodulesindetail .swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.c-leemodulesindetail .swiper-pagination-bullet{position:relative;transform:scale(.33)}.c-leemodulesindetail .swiper-pagination-bullet-active, .c-leemodulesindetail .swiper-pagination-bullet-active-main{transform:scale(1)}.c-leemodulesindetail .swiper-pagination-bullet-active-prev{transform:scale(.66)}.c-leemodulesindetail .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.c-leemodulesindetail .swiper-pagination-bullet-active-next{transform:scale(.66)}.c-leemodulesindetail .swiper-pagination-bullet-active-next-next{transform:scale(.33)}} .c-leemodulesindetail .swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));.c-leemodulesindetail button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.c-leemodulesindetail .swiper-pagination-clickable &{cursor:pointer}.c-leemodulesindetail &:only-child{display:none!important}} .c-leemodulesindetail .swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)} .c-leemodulesindetail .swiper-pagination-vertical.swiper-pagination-bullets, .c-leemodulesindetail .swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.c-leemodulesindetail .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.c-leemodulesindetail &.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.c-leemodulesindetail .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}} .c-leemodulesindetail .swiper-horizontal>.swiper-pagination-bullets, .c-leemodulesindetail .swiper-pagination-horizontal.swiper-pagination-bullets{.c-leemodulesindetail .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.c-leemodulesindetail &.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.c-leemodulesindetail .swiper-pagination-bullet{transition:transform .2s,left .2s}}} .c-leemodulesindetail .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s} .c-leemodulesindetail .swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)} .c-leemodulesindetail .swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.c-leemodulesindetail .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.c-leemodulesindetail .swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}.c-leemodulesindetail &.swiper-pagination-horizontal, .c-leemodulesindetail &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .c-leemodulesindetail .swiper-horizontal>&, .c-leemodulesindetail .swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.c-leemodulesindetail &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .c-leemodulesindetail &.swiper-pagination-vertical, .c-leemodulesindetail .swiper-horizontal>&.swiper-pagination-progressbar-opposite, .c-leemodulesindetail .swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}} .c-leemodulesindetail .swiper-pagination-lock{display:none} .c-leemodulesindetail .swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;.c-leemodulesindetail &.swiper-scrollbar-disabled, .c-leemodulesindetail .swiper-scrollbar-disabled>&{display:none!important}.c-leemodulesindetail &.swiper-scrollbar-horizontal, .c-leemodulesindetail .swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.c-leemodulesindetail &.swiper-scrollbar-vertical, .c-leemodulesindetail .swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}} .c-leemodulesindetail .swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%} .c-leemodulesindetail .swiper-scrollbar-cursor-drag{cursor:move} .c-leemodulesindetail .swiper-scrollbar-lock{display:none} .c-leemodulesindetail .swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;.c-leemodulesindetail >canvas, .c-leemodulesindetail >img, .c-leemodulesindetail >svg{max-height:100%;max-width:100%;object-fit:contain}} .c-leemodulesindetail .swiper-slide-zoomed{cursor:move;touch-action:none} .c-leemodulesindetail .swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000} .c-leemodulesindetail .swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out} .c-leemodulesindetail .swiper-grid>.swiper-wrapper{flex-wrap:wrap} .c-leemodulesindetail .swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap} .c-leemodulesindetail .swiper-fade{.c-leemodulesindetail &.swiper-free-mode{.c-leemodulesindetail .swiper-slide{transition-timing-function:ease-out}}.c-leemodulesindetail .swiper-slide{pointer-events:none;transition-property:opacity;.c-leemodulesindetail .swiper-slide{pointer-events:none}}.c-leemodulesindetail .swiper-slide-active{pointer-events:auto;.c-leemodulesindetail & .swiper-slide-active{pointer-events:auto}}} .c-leemodulesindetail .swiper.swiper-cube{overflow:visible} .c-leemodulesindetail .swiper-cube{.c-leemodulesindetail .swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.c-leemodulesindetail .swiper-slide{pointer-events:none}}.c-leemodulesindetail &.swiper-rtl .swiper-slide{transform-origin:100% 0}.c-leemodulesindetail .swiper-slide-active{.c-leemodulesindetail &, .c-leemodulesindetail & .swiper-slide-active{pointer-events:auto}}.c-leemodulesindetail .swiper-slide-active, .c-leemodulesindetail .swiper-slide-next, .c-leemodulesindetail .swiper-slide-prev{pointer-events:auto;visibility:visible}.c-leemodulesindetail .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;.c-leemodulesindetail &:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}.c-leemodulesindetail .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.c-leemodulesindetail .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .c-leemodulesindetail .swiper-slide-shadow-cube.swiper-slide-shadow-left, .c-leemodulesindetail .swiper-slide-shadow-cube.swiper-slide-shadow-right, .c-leemodulesindetail .swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}} .c-leemodulesindetail .swiper.swiper-flip{overflow:visible} .c-leemodulesindetail .swiper-flip{.c-leemodulesindetail .swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.c-leemodulesindetail .swiper-slide{pointer-events:none}}.c-leemodulesindetail .swiper-slide-active{.c-leemodulesindetail &, .c-leemodulesindetail & .swiper-slide-active{pointer-events:auto}}.c-leemodulesindetail .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .c-leemodulesindetail .swiper-slide-shadow-flip.swiper-slide-shadow-left, .c-leemodulesindetail .swiper-slide-shadow-flip.swiper-slide-shadow-right, .c-leemodulesindetail .swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}} .c-leemodulesindetail .swiper-creative{.c-leemodulesindetail .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}} .c-leemodulesindetail .swiper.swiper-cards{overflow:visible} .c-leemodulesindetail .swiper-cards{.c-leemodulesindetail .swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}html{ scroll-behavior: smooth; } .c-leemodulesindetail{ margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; max-width: 80rem; } .c-leemodulesindetail .c-content{ border-top-width: 2px; --tw-border-opacity: 1; border-color: rgb(86 116 215 / var(--tw-border-opacity, 1)); margin-top: 0px; margin-bottom: 0px; margin-left: 1.5rem; margin-right: 1.5rem; padding-top: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .c-sidebarlayout .c-content{ border-top-width: 0px; } .c-leemodulesindetail .c-content h2{ margin-bottom: 2.5rem; border-width: 0px; font-size: 2.4rem; scroll-margin-top: 4rem; font-family: 'Yantramanav', sans-serif; } .c-leemodulesindetail .c-content h3{ margin-top: 1.75rem; margin-bottom: 0.75rem; border-top-width: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(81 81 81 / var(--tw-border-opacity, 1)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 2.2rem; font-weight: 400; scroll-margin-top: 4rem; font-family: 'Yantramanav', sans-serif; } .c-leemodulesindetail .c-content p{ font-size: 1.1rem; font-weight: 300; } .c-leemodulesindetail .c-content p:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .c-content p{ font-family: 'Fira Sans', sans-serif; } .c-leemodulesindetail .c-content code{ border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(85 85 85 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); font-family: 'Source Code Pro', monospace; } .c-leemodulesindetail .c-content pre{ border-width: 1px; } .c-leemodulesindetail .c-content pre:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(51 51 51 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); } .c-leemodulesindetail .c-content pre code{ border-width: 0px; background-color: transparent; padding-left: 0px; padding-right: 0px; } .c-leemodulesindetail .c-content a{ --tw-text-opacity: 1; color: rgb(185 152 254 / var(--tw-text-opacity, 1)); text-decoration: none; } .c-leemodulesindetail .c-content a:hover{ --tw-text-opacity: 1; color: rgb(207 175 255 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .c-sidebarlayout .c-content h2{ position: relative; margin-top: 2rem; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 4rem; } .c-leemodulesindetail .c-sidebarlayout .c-content h2::after{ content: ''; position: absolute; bottom: 0px; left: 0px; height: 2px; width: 100%; border-radius: 0.25rem; background: linear-gradient(to right, #5674d7, #b998fe 50%); } .c-leemodulesindetail .c-sidebarlayout{ margin-left: auto; margin-right: auto; max-width: 80rem; } .c-leemodulesindetail .c-sidebarlayout .c-sidebar{ padding: 0px; padding-top: 1.5rem; } .c-leemodulesindetail .c-sidebarlayout .c-sidebar:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); } .c-leemodulesindetail .toc{ max-height: calc(100vh - 10rem); overflow-y: auto; padding: 1rem; scrollbar-width: auto; scrollbar-color: #414141 transparent; } .c-leemodulesindetail .toc.sticky{ position: fixed; top: 6rem; width: 16rem; padding: 1rem; } .c-leemodulesindetail .toc.stick-bottom{ position: absolute; bottom: 3.5rem; width: 16rem; } .c-leemodulesindetail .toc .c-tableofcontents{ height: 100%; } .c-leemodulesindetail .c-tableofcontents .c-ulv{ padding-left: 0px; } .c-leemodulesindetail .c-tableofcontents .c-ulv li{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .c-leemodulesindetail .c-tableofcontents .c-ulv li a{ position: relative; display: block; border-radius: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 1.6rem; --tw-text-opacity: 1; color: rgb(193 193 193 / var(--tw-text-opacity, 1)); font-family: 'Yantramanav', sans-serif; transition: margin 0.5s; } .c-leemodulesindetail .c-tableofcontents .c-ulv li a::before{ content: ''; position: absolute; bottom: 0px; left: 0px; display: block; height: 2px; width: 100%; opacity: 0; background: linear-gradient(to right, #5674d7, #b998fe); } .c-leemodulesindetail .c-tableofcontents .c-ulv li a.active{ margin-bottom: 1.5rem; --tw-text-opacity: 1; color: rgb(241 241 241 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .c-tableofcontents .c-ulv li a.active::before{ opacity: 1; } .c-leemodulesindetail .feature-grid{ display: grid; list-style-type: none; grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: 0.5rem; } @media (min-width: 768px){ .c-leemodulesindetail .feature-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px){ .c-leemodulesindetail .feature-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } .c-leemodulesindetail .feature-grid li{ position: relative; margin-top: 0.25rem; margin-bottom: 0.25rem; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(32 32 41 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .c-leemodulesindetail .feature-grid li::before{ content: ''; position: absolute; left: 0.25rem; top: 18px; height: 20px; width: 2px; border-radius: 9999px; background: linear-gradient(to bottom, #5674d7, #b998fe77); } .c-leemodulesindetail .swiper-button-prev svg, .c-leemodulesindetail .swiper-button-next svg{ height: 3rem; --tw-text-opacity: 1; color: rgb(225 225 225 / var(--tw-text-opacity, 1)); transition: color 0.5s; } .c-leemodulesindetail .swiper-button-prev:hover svg, .c-leemodulesindetail .swiper-button-next:hover svg{ height: 3rem; --tw-text-opacity: 1; color: rgb(185 152 254 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .gallery{ position: relative; margin-bottom: 2.5rem; margin-top: 1rem; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(65 65 65 / var(--tw-border-opacity, 1)); padding-bottom: 0.5rem; border-style: dotted; --cell-size: 50px; --large-cell-size: calc(var(--cell-size) * 10); --large-x-offset: calc(var(--cell-size) + 0px); --large-y-offset: calc(var(--cell-size) + 0px); /* background-image: linear-gradient(to left, #151515 1px, transparent 1px), linear-gradient(to bottom, #151515 1px, transparent 1px), linear-gradient(to left, #151515 1px, transparent 2px), linear-gradient(to bottom, #151515 1px, transparent 2px); background-size: var(--cell-size) var(--cell-size), var(--cell-size) var(--cell-size), var(--large-cell-size) var(--large-cell-size), var(--large-cell-size) var(--large-cell-size); background-position: 0px 0px, 0px 0px, var(--large-x-offset) 0px, 0px var(--large-y-offset); */ } .c-leemodulesindetail .swiper{ height: 64vh; min-height: 20rem; width: calc(100% - 50px); } .c-leemodulesindetail .swiper-button-prev{ left: -20px; } .c-leemodulesindetail .swiper-slide{ display: flex; flex-direction: column; align-items: center; border-radius: 0.75rem; } .c-leemodulesindetail .swiper-slide img{ max-height: calc(100% - 7rem); border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(81 81 81 / var(--tw-border-opacity, 1)); /* box-shadow: 6px 8px 17px -3px rgba(86, 116, 215, 0.25); */ } .c-leemodulesindetail .swiper-slide p{ margin-bottom: 2.5rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.5rem; text-align: center; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; } .c-leemodulesindetail .swiper-slide p:is(.dark *){ --tw-text-opacity: 1; color: rgb(225 225 225 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .swiper-slide p{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(86 116 215 / var(--tw-border-opacity, 1)); font-family: 'Yantramanav', sans-serif; } .c-leemodulesindetail .hljs-copy-wrapper { position: relative; } .c-leemodulesindetail .hljs-copy-wrapper:hover .hljs-copy-button, .c-leemodulesindetail .hljs-copy-button:focus { transform: translateX(0); opacity: 0.8; display: block; z-index: 1000; } .c-leemodulesindetail .hljs-copy-button{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(136 136 136 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 136 136 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .hljs-copy-button:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(119 119 119 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(119 119 119 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .hljs-copy-button { opacity: 0; display: none; position: absolute; transform: translateX(calc(100% + 1.125em)); top: 0.5em; right: 0.5em; width: 1.5rem; height: 1.5rem; max-height: 70%; padding: 0 5px; text-indent: -9999px; /* Hide the inner text */ font-family: 'Fira Sans', sans-serif; font-size: 14px; border-radius: 0.25rem; /* border: 1px solid #aaa; */ background-color: var(--hljs-theme-background); transition: background-color 200ms ease, transform 200ms ease-out, border 200ms ease; overflow: hidden; z-index: 1000; } .c-leemodulesindetail .language-bash + .hljs-copy-button{ display: none; } .c-leemodulesindetail .hljs-copy-button:not([data-copied="true"])::before { content: ""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: currentColor; mask: url('data:image/svg+xml;utf-8,'); mask-repeat: no-repeat; mask-size: 1rem; mask-position: center center; } .c-leemodulesindetail .hljs-copy-button:hover{ --tw-border-opacity: 1; border-color: rgb(85 85 85 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(85 85 85 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .hljs-copy-button:hover:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(170 170 170 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(170 170 170 / var(--tw-text-opacity, 1)); } .c-leemodulesindetail .hljs-copy-button:active { border-color: color-mix(in srgb, var(--hljs-theme-color), transparent 60%); } .c-leemodulesindetail .hljs-copy-button[data-copied="true"] { text-indent: 0px; /* Shows the inner text */ width: auto; } @media (prefers-reduced-motion) { .c-leemodulesindetail .hljs-copy-button { transition: none; } } /* visually-hidden */ .c-leemodulesindetail .hljs-copy-alert { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }.c-highlightsection{ font-family: 'Source Code Pro'; font-size: 0.84rem; scrollbar-color: #a1a1a1 transparent; scrollbar-width: auto; } .c-highlightsection:is(.dark *){ scrollbar-color: #414141 transparent; } .c-highlightsection .hljs-attr:is(.dark *), .c-highlightsection .hljs-number:is(.dark *), .c-highlightsection .hljs-selector-attr:is(.dark *), .c-highlightsection .hljs-selector-class:is(.dark *), .c-highlightsection .hljs-selector-pseudo:is(.dark *), .c-highlightsection .hljs-template-variable:is(.dark *), .c-highlightsection .hljs-type:is(.dark *), .c-highlightsection .hljs-variable:is(.dark *), .c-highlightsection .hljs-built_in:is(.dark *), .c-highlightsection .hljs-class:is(.dark *), .c-highlightsection .hljs-title:is(.dark *), .c-highlightsection .hljs-title.class_:is(.dark *){ --tw-text-opacity: 1; color: rgb(125 125 125 / var(--tw-text-opacity, 1)); } .c-highlightsection .hljs-addition:is(.dark *), .c-highlightsection .hljs-attribute:is(.dark *), .c-highlightsection .hljs-meta .hljs-string:is(.dark *), .c-highlightsection .hljs-regexp:is(.dark *), .c-highlightsection .hljs-string:is(.dark *){ --tw-text-opacity: 1; color: rgb(234 234 234 / var(--tw-text-opacity, 1)); } .c-highlightsection .hljs-string .hljs-string-start:is(.dark *), .c-highlightsection .hljs-string .hljs-string-end:is(.dark *){ --tw-text-opacity: 1; color: rgb(125 125 125 / var(--tw-text-opacity, 1)); } .c-highlightsection .hljs-attr:is(.dark *), .c-highlightsection .hljs-number:is(.dark *), .c-highlightsection .hljs-selector-attr:is(.dark *), .c-highlightsection .hljs-selector-class:is(.dark *), .c-highlightsection .hljs-selector-pseudo:is(.dark *), .c-highlightsection .hljs-template-variable:is(.dark *), .c-highlightsection .hljs-type:is(.dark *), .c-highlightsection .hljs-variable:is(.dark *), .c-highlightsection .hljs-built_in:is(.dark *), .c-highlightsection .hljs-class:is(.dark *){ --tw-text-opacity: 1; color: rgb(150 112 220 / var(--tw-text-opacity, 1)); } .c-highlightsection .hljs-title:is(.dark *), .c-highlightsection .hljs-title.class_:is(.dark *), .c-highlightsection .hljs-variable.constant_:is(.dark *){ --tw-text-opacity: 1; color: rgb(64 161 242 / var(--tw-text-opacity, 1)); } .c-highlightsection .hljs-addition:is(.dark *), .c-highlightsection .hljs-attribute:is(.dark *), .c-highlightsection .hljs-meta .hljs-string:is(.dark *), .c-highlightsection .hljs-regexp:is(.dark *), .c-highlightsection .hljs-string:is(.dark *){ --tw-text-opacity: 1; color: rgb(125 134 218 / var(--tw-text-opacity, 1)); } .c-highlightsection .hljs-deletion:is(.dark *), .c-highlightsection .hljs-name:is(.dark *), .c-highlightsection .hljs-section:is(.dark *), .c-highlightsection .hljs-selector-tag:is(.dark *), .c-highlightsection .hljs-subst:is(.dark *){ --tw-text-opacity: 1; color: rgb(193 193 193 / var(--tw-text-opacity, 1)); } .c-highlightsection .hljs-attr:is(.dark *){ --tw-text-opacity: 1; color: rgb(63 180 199 / var(--tw-text-opacity, 1)); } .c-highlightsection .hljs-doctag:is(.dark *), .c-highlightsection .hljs-formula:is(.dark *), .c-highlightsection .hljs-keyword:is(.dark *){ --tw-text-opacity: 1; color: rgb(150 112 220 / var(--tw-text-opacity, 1)); } .c-highlightsection .hljs-comment:is(.dark *){ --tw-text-opacity: 1; color: rgb(119 119 119 / var(--tw-text-opacity, 1)); }.c-highlightsectionlight pre code.hljs{display:block;overflow-x:auto;padding:1em}.c-highlightsectionlight code.hljs{padding:3px 5px}.c-highlightsectionlight .hljs{color:#383a42;background:#fafafa}.c-highlightsectionlight .hljs-comment, .c-highlightsectionlight .hljs-quote{color:#a0a1a7;font-style:italic}.c-highlightsectionlight .hljs-doctag, .c-highlightsectionlight .hljs-formula, .c-highlightsectionlight .hljs-keyword{color:#a626a4}.c-highlightsectionlight .hljs-deletion, .c-highlightsectionlight .hljs-name, .c-highlightsectionlight .hljs-section, .c-highlightsectionlight .hljs-selector-tag, .c-highlightsectionlight .hljs-subst{color:#e45649}.c-highlightsectionlight .hljs-literal{color:#0184bb}.c-highlightsectionlight .hljs-addition, .c-highlightsectionlight .hljs-attribute, .c-highlightsectionlight .hljs-meta .hljs-string, .c-highlightsectionlight .hljs-regexp, .c-highlightsectionlight .hljs-string{color:#50a14f}.c-highlightsectionlight .hljs-attr, .c-highlightsectionlight .hljs-number, .c-highlightsectionlight .hljs-selector-attr, .c-highlightsectionlight .hljs-selector-class, .c-highlightsectionlight .hljs-selector-pseudo, .c-highlightsectionlight .hljs-template-variable, .c-highlightsectionlight .hljs-type, .c-highlightsectionlight .hljs-variable{color:#986801}.c-highlightsectionlight .hljs-bullet, .c-highlightsectionlight .hljs-link, .c-highlightsectionlight .hljs-meta, .c-highlightsectionlight .hljs-selector-id, .c-highlightsectionlight .hljs-symbol, .c-highlightsectionlight .hljs-title{color:#4078f2}.c-highlightsectionlight .hljs-built_in, .c-highlightsectionlight .hljs-class .hljs-title, .c-highlightsectionlight .hljs-title.class_{color:#c18401}.c-highlightsectionlight .hljs-emphasis{font-style:italic}.c-highlightsectionlight .hljs-strong{font-weight:700}.c-highlightsectionlight .hljs-link{text-decoration:underline}.c-highlightsectiondark pre code.hljs{display:block;overflow-x:auto;padding:1em}.c-highlightsectiondark code.hljs{padding:3px 5px}.c-highlightsectiondark .hljs{color:#abb2bf;background:#282c34}.c-highlightsectiondark .hljs-comment, .c-highlightsectiondark .hljs-quote{color:#5c6370;font-style:italic}.c-highlightsectiondark .hljs-doctag, .c-highlightsectiondark .hljs-formula, .c-highlightsectiondark .hljs-keyword{color:#c678dd}.c-highlightsectiondark .hljs-deletion, .c-highlightsectiondark .hljs-name, .c-highlightsectiondark .hljs-section, .c-highlightsectiondark .hljs-selector-tag, .c-highlightsectiondark .hljs-subst{color:#e06c75}.c-highlightsectiondark .hljs-literal{color:#56b6c2}.c-highlightsectiondark .hljs-addition, .c-highlightsectiondark .hljs-attribute, .c-highlightsectiondark .hljs-meta .hljs-string, .c-highlightsectiondark .hljs-regexp, .c-highlightsectiondark .hljs-string{color:#98c379}.c-highlightsectiondark .hljs-attr, .c-highlightsectiondark .hljs-number, .c-highlightsectiondark .hljs-selector-attr, .c-highlightsectiondark .hljs-selector-class, .c-highlightsectiondark .hljs-selector-pseudo, .c-highlightsectiondark .hljs-template-variable, .c-highlightsectiondark .hljs-type, .c-highlightsectiondark .hljs-variable{color:#d19a66}.c-highlightsectiondark .hljs-bullet, .c-highlightsectiondark .hljs-link, .c-highlightsectiondark .hljs-meta, .c-highlightsectiondark .hljs-selector-id, .c-highlightsectiondark .hljs-symbol, .c-highlightsectiondark .hljs-title{color:#61aeee}.c-highlightsectiondark .hljs-built_in, .c-highlightsectiondark .hljs-class .hljs-title, .c-highlightsectiondark .hljs-title.class_{color:#e6c07b}.c-highlightsectiondark .hljs-emphasis{font-style:italic}.c-highlightsectiondark .hljs-strong{font-weight:700}.c-highlightsectiondark .hljs-link{text-decoration:underline}.c-leecosysteminfo { margin-top: 2.5rem; margin-bottom: 2.5rem; margin-left: auto; margin-right: auto; max-width: 80rem; --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); } .c-leecosysteminfo .c-content { border-top-width: 2px; --tw-border-opacity: 1; border-color: rgb(86 116 215 / var(--tw-border-opacity, 1)); margin-top: 0px; margin-bottom: 0px; margin-left: 1.5rem; margin-right: 1.5rem; max-width: 60rem; padding-top: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .c-leecosysteminfo .c-content h2 { margin-bottom: 2.5rem; border-width: 0px; font-size: 2.4rem; font-family: 'Yantramanav', sans-serif; } .c-leecosysteminfo .c-content p { font-size: 1.1rem; font-weight: 300; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); font-family: 'Fira Sans', sans-serif; } .c-leecosysteminfo .c-content code { border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(85 85 85 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); font-family: 'Source Code Pro', monospace; } .c-leecosysteminfo .c-content pre { border-width: 1px; --tw-border-opacity: 1; border-color: rgb(85 85 85 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); } .c-leecosysteminfo .c-content pre code { border-width: 0px; background-color: transparent; padding-left: 0px; padding-right: 0px; } .c-leecosysteminfo .c-content a { --tw-text-opacity: 1; color: rgb(185 152 254 / var(--tw-text-opacity, 1)); text-decoration: none; } .c-leecosysteminfo .c-content a:hover { --tw-text-opacity: 1; color: rgb(207 175 255 / var(--tw-text-opacity, 1)); } .c-leecosysteminfo .hljs-copy-wrapper { position: relative; } .c-leecosysteminfo .hljs-copy-wrapper:hover .hljs-copy-button, .c-leecosysteminfo .hljs-copy-button:focus { transform: translateX(0); opacity: 0.8; display: block; z-index: 1000; } .c-leecosysteminfo .hljs-copy-button { border-width: 1px; --tw-border-opacity: 1; border-color: rgb(136 136 136 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 136 136 / var(--tw-text-opacity, 1)); } .c-leecosysteminfo .hljs-copy-button:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(119 119 119 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(119 119 119 / var(--tw-text-opacity, 1)); } .c-leecosysteminfo .hljs-copy-button { opacity: 0; display: none; position: absolute; transform: translateX(calc(100% + 1.125em)); top: 0.5em; right: 0.5em; width: 1.5rem; height: 1.5rem; max-height: 70%; padding: 0 5px; text-indent: -9999px; /* Hide the inner text */ font-family: 'Fira Sans', sans-serif; font-size: 14px; border-radius: 0.25rem; /* border: 1px solid #aaa; */ background-color: var(--hljs-theme-background); transition: background-color 200ms ease, transform 200ms ease-out, border 200ms ease; overflow: hidden; z-index: 1000; } .c-leecosysteminfo .language-bash + .hljs-copy-button{ display: none; } .c-leecosysteminfo .hljs-copy-button:not([data-copied="true"])::before { content: ""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: currentColor; mask: url('data:image/svg+xml;utf-8,'); mask-repeat: no-repeat; mask-size: 1rem; mask-position: center center; } .c-leecosysteminfo .hljs-copy-button:hover { --tw-border-opacity: 1; border-color: rgb(85 85 85 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(85 85 85 / var(--tw-text-opacity, 1)); } .c-leecosysteminfo .hljs-copy-button:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(170 170 170 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(170 170 170 / var(--tw-text-opacity, 1)); } .c-leecosysteminfo .hljs-copy-button:active { border-color: color-mix(in srgb, var(--hljs-theme-color), transparent 60%); } .c-leecosysteminfo .hljs-copy-button[data-copied="true"] { text-indent: 0px; /* Shows the inner text */ width: auto; } @media (prefers-reduced-motion) { .c-leecosysteminfo .hljs-copy-button { transition: none; } } /* visually-hidden */ .c-leecosysteminfo .hljs-copy-alert { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }.c-leecosystemmodules{ --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); padding-bottom: 3.5rem; } .c-leecosystemmodules .modules-grid{ margin-left: auto; margin-right: auto; display: grid; max-width: 80rem; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.5rem; padding-left: 1rem; padding-right: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 768px){ .c-leecosystemmodules .modules-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px){ .c-leecosystemmodules .modules-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } .c-leecosystemmodules .module{ position: relative; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(85 85 85 / var(--tw-border-opacity, 1)); padding: 1rem; font-weight: 300; } .c-leecosystemmodules .module h4::after{ content: ''; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 100%; background: linear-gradient(to right, #5674d7, #b998fe); } .c-leecosystemmodules .module h4{ position: relative; border-radius: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; font-size: 1.4rem; font-weight: 500; font-family: 'Yantramanav'; text-transform: uppercase; /* background: linear-gradient(to right, #5c3aa388, #5925c888); */ } .c-leecosystemmodules .module p{ padding: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .c-leecosystembanner { position: relative; width: 100%; overflow: hidden; padding-top: 20vh; padding-bottom: 10vh; max-height: 700px; --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .c-leecosystembanner .lx-9 { margin-left: auto; margin-right: auto; max-width: 80rem; padding-left: 1rem; padding-right: 1rem } .c-leecosystembanner .header { width: 100% } .c-leecosystembanner .logo-row { margin-bottom: 0px; display: flex; flex-direction: column; align-items: flex-start } .c-leecosystembanner .c-centerlayout { align-items: flex-start } .c-leecosystembanner .logo-row { margin-left: 0.5rem; margin-right: 0.5rem } .c-leecosystembanner img { margin-bottom: 1rem; max-width: calc(min(25rem,60vw)); border-radius: 0.75rem; padding: 1rem; opacity: 0.95 } .c-leecosystembanner .banner-row { width: 90%; max-width: 80rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 18px; line-height: 120% } @media (min-width: 640px) { .c-leecosystembanner .banner-row { font-size: 2rem } } @media (min-width: 768px) { .c-leecosystembanner .banner-row { font-size: 2.5rem } } @media (min-width: 1024px) { .c-leecosystembanner .banner-row { font-size: 2.8rem } } @media (min-width: 1280px) { .c-leecosystembanner .banner-row { font-size: 3.5rem } } .c-leecosystembanner .banner-row { position: relative; text-align: left; font-weight: 500; --tw-text-opacity: 1; color: rgb(238 238 238 / var(--tw-text-opacity, 1)); font-family: "Yantramanav", sans-serif; text-transform: capitalize; z-index: 1 } .c-leecosystembanner .banner-row .banner-text { max-width: 50rem; border-top-width: 2px; --tw-border-opacity: 1; border-color: rgb(86 116 215 / var(--tw-border-opacity, 1)); padding-top: 2.5rem }