/* ! tailwindcss v3.4.1 | 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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 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 */ 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, [type='button'], [type='reset'], [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] { display: none; } [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } input::placeholder,textarea::placeholder { color: #6b7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } [multiple],[size]:where(select:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type='checkbox'],[type='radio'] { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='checkbox']:checked { appearance: auto; } } [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='radio']:checked { appearance: auto; } } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { [type='checkbox']:indeterminate { appearance: auto; } } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } html { font-size: 12.8px; } @media (min-width: 768px) { html { font-size: 16px; } } body { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-family: Heebo, sans-serif; font-weight: 400; line-height: 1.625; --tw-text-opacity: 1; color: rgb(68 68 68 / var(--tw-text-opacity)); } h1, h2, h3, h4, h5, h6 { font-family: Signika, sans-serif; font-weight: 700; line-height: 1.25; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); } h1, .h1 { font-size: 2.6873856rem; } @media (min-width: 768px) { h1, .h1 { font-size: 2.9859839999999997rem; } } h2, .h2 { font-size: 2.239488rem; } @media (min-width: 768px) { h2, .h2 { font-size: 2.48832rem; } } h3, .h3 { font-size: 1.86624rem; } @media (min-width: 768px) { h3, .h3 { font-size: 2.0736rem; } } h4, .h4 { font-size: 1.728rem; } h5, .h5 { font-size: 1.44rem; } h6, .h6 { font-size: 1.2rem; } b, strong { font-weight: 600; } code::after { content: var(--tw-content); border-style: none; } blockquote > p { margin-top: 0px !important; margin-bottom: 0px !important; } *, ::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: ; } ::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: ; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } @media (min-width: 540px) { .container { max-width: 540px; } } @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; } } .form-input,.form-textarea,.form-select,.form-multiselect { appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .form-input::placeholder,.form-textarea::placeholder { color: #6b7280; opacity: 1; } .form-input::-webkit-datetime-edit-fields-wrapper { padding: 0; } .form-input::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } .form-input::-webkit-datetime-edit { display: inline-flex; } .form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } .row { --bs-gutter-x: 2rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col-12 { flex: 0 0 auto; width: 100%; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .order-0 { order: 0; } .order-1 { order: 1; } .order-3 { order: 3; } main { min-height: 70vh; } .section { padding-top: 6rem; padding-bottom: 6rem; } @media (min-width: 1280px) { .section { padding-top: 7rem; padding-bottom: 7rem; } } .section-sm { padding-top: 4rem; padding-bottom: 4rem; } @media (min-width: 1280px) { .section-sm { padding-top: 5rem; padding-bottom: 5rem; } } .container { margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1536px) { .container { max-width: 1320px; } } .form-input { width: 100%; border-radius: 0.25rem; border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(246 246 246 / var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); border-radius: 6px; } .form-input::placeholder { --tw-text-opacity: 1; color: rgb(255 110 0 / var(--tw-text-opacity)); } .form-input:focus { --tw-border-opacity: 1; border-color: rgb(255 110 0 / var(--tw-border-opacity)); --tw-ring-color: transparent; } .form-label { margin-bottom: 1rem; display: block; font-family: Signika, sans-serif; font-size: 1.25rem; line-height: 1.75rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); } .social-icons > :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))); } .social-icons li { display: inline-block; } .social-icons li a { display: flex; height: 2.25rem; width: 2.25rem; align-items: center; justify-content: center; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 110 0 / var(--tw-bg-opacity)); text-align: center; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-radius: 6px; } .social-icons li a svg { height: 1.25rem; width: 1.25rem; } .swiper-pagination-bullet { margin-left: 0.375rem !important; margin-right: 0.375rem !important; height: 0.625rem !important; width: 0.625rem !important; --tw-bg-opacity: 1 !important; background-color: rgb(246 246 246 / var(--tw-bg-opacity)) !important; opacity: 1 !important; } .swiper-pagination-bullet-active { height: 1rem !important; width: 1rem !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 110 0 / var(--tw-bg-opacity)) !important; } .content { color: var(--tw-prose-body); max-width: 65ch; } .content :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .content :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .content :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } .content :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .content :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .content :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .content :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .content :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .content :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .content :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .content :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .content :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .content :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .content :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .content :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .content :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .content :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } .content :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } .content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .content :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .content :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .content :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-left-width: 0.25rem; border-left-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 1em; } .content :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } .content :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } .content :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .content :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } .content :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .content :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } .content :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .content :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .content :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .content :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .content :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .content :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .content :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-right: 0.375em; padding-bottom: 0.1875em; padding-left: 0.375em; } .content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } .content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } .content :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .content :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .content :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .content :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .content :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .content :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .content :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .content :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-right: 1.1428571em; padding-bottom: 0.8571429em; padding-left: 1.1428571em; } .content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } .content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } .content :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .content :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .content :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .content :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .content :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } .content :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } .content :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .content :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } .content :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .content :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .content { --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: 17 24 39; --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; } .content :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .content :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .content :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0.375em; } .content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0.375em; } .content :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .content :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .content :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .content :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .content :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .content :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .content :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-left: 1.625em; } .content :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .content :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .content :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .content :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .content :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0; } .content :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-right: 0; } .content :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0; } .content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-right: 0; } .content :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .content :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .content :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .content { max-width: none; } .content :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: .3em; margin-top: .6em; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); } .content :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 2.6873856rem; } @media (min-width: 768px) { .content :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 2.9859839999999997rem; } } .content :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 2.239488rem; } @media (min-width: 768px) { .content :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 2.48832rem; } } .content :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 1.86624rem; } @media (min-width: 768px) { .content :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 2.0736rem; } } .content :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { max-width: 100%; border-radius: 0.25rem; border-radius: 6px; } .content :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-border-opacity: 1; border-color: rgb(234 234 234 / var(--tw-border-opacity)); } .content :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 16px; --tw-text-opacity: 1; color: rgb(68 68 68 / var(--tw-text-opacity)); } .content :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: 0.5rem; border-width: 1px; border-left-width: 10px; --tw-border-opacity: 1; border-color: rgb(255 110 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(246 246 246 / var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; padding-top: 2.5rem; padding-bottom: 2.5rem; font-family: Signika, sans-serif; font-size: 1.5rem; line-height: 2rem; font-style: normal; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); border-radius: 12px; } .content :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(246 246 246 / var(--tw-bg-opacity)); border-radius: 12px; } .content :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-left: 0.25rem; padding-right: 0.25rem; } .content :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); } .content :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(68 68 68 / var(--tw-text-opacity)); text-decoration-line: underline; } .content :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover { --tw-text-opacity: 1; color: rgb(255 110 0 / var(--tw-text-opacity)); } .content :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(68 68 68 / var(--tw-text-opacity)); } .content :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { position: relative; overflow: hidden; border-radius: 0.5rem; border-radius: 12px; } .content :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; border-radius: inherit; border-width: 1px; --tw-content: ""; content: var(--tw-content); } .content :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-border-opacity: 1; border-color: rgb(234 234 234 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(246 246 246 / var(--tw-bg-opacity)); } .content :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { position: relative; z-index: 10; padding-left: 1rem; padding-right: 1rem; padding-top: 18px; padding-bottom: 18px; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); } .content :is(:where(tr):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-border-opacity: 1; border-color: rgb(234 234 234 / var(--tw-border-opacity)); } .content :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { position: relative; z-index: 10; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 18px; padding-bottom: 18px; } .content .btn { text-decoration-line: none !important; } .content .btn:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } input#nav-toggle:checked + label #show-button { display: none; } .search-result-item input#nav-toggle:checked + label #show-button { display: none; } input#nav-toggle:checked + label #hide-button { display: block; } input#nav-toggle:checked ~ #nav-menu { display: block; } .header { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 1.5rem; padding-bottom: 1.5rem; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); } .navbar-brand image { max-height: 100%; max-width: 100%; } .navbar-nav { text-align: center; } @media (min-width: 1024px) { .navbar-nav { text-align: left; } } .nav-link { display: block; cursor: pointer; padding: 0.75rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .nav-link:hover { --tw-text-opacity: 1; color: rgb(255 110 0 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } } .nav-dropdown { margin-right: 0px; } .nav-dropdown > svg { pointer-events: none; } .nav-dropdown.active .nav-dropdown-list { display: block; } .nav-dropdown-list { z-index: 10; display: none; min-width: 180px; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1rem; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); border-radius: 6px; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); } .search-result-item .nav-dropdown-list { display: none; } @media (min-width: 1024px) { .nav-dropdown-list { visibility: hidden; position: absolute; display: block; opacity: 0; } } .nav-dropdown-item:not(:last-child) { margin-bottom: 0.5rem; } .nav-dropdown-link { display: block; padding-top: 0.25rem; padding-bottom: 0.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .nav-dropdown-link:hover { --tw-text-opacity: 1; color: rgb(255 110 0 / var(--tw-text-opacity)); } .theme-switcher { display: inline-flex; } .theme-switcher label { position: relative; display: inline-block; height: 1rem; width: 1.5rem; cursor: pointer; border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgb(234 234 234 / var(--tw-bg-opacity)); } @media (min-width: 1024px) { .theme-switcher label { width: 2.5rem; } } .theme-switcher input { position: absolute; opacity: 0; } .theme-switcher span { position: absolute; top: -0.25rem; left: 0px; display: flex; height: 1.5rem; width: 1.5rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1024px) { .theme-switcher input:checked + label span { left: 1rem; } } .btn { display: inline-block; border-radius: 0.25rem; border-width: 1px; border-color: transparent; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 600; text-transform: capitalize; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; border-radius: 6px; } .btn-sm { border-radius: 0.125rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; border-radius: 4px; } .btn-primary { --tw-border-opacity: 1; border-color: rgb(255 110 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 110 0 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .btn-outline-primary { --tw-border-opacity: 1; border-color: rgb(4 4 4 / var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); } .btn-outline-primary:hover { --tw-bg-opacity: 1; background-color: rgb(4 4 4 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .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; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .left-0 { left: 0px; } .left-1\/2 { left: 50%; } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .z-10 { z-index: 10; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .order-1 { order: 1; } .order-3 { order: 3; } .m-3 { margin: 0.75rem; } .mx-auto { margin-left: auto; margin-right: auto; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-14 { margin-bottom: 3.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .ml-2 { margin-left: 0.5rem; } .ml-4 { margin-left: 1rem; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-4 { margin-right: 1rem; } .mr-5 { margin-right: 1.25rem; } .ms-1 { margin-inline-start: 0.25rem; } .mt-10 { margin-top: 2.5rem; } .mt-4 { margin-top: 1rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .inline-flex { display: inline-flex; } .list-item { display: list-item; } .hidden { display: none; } .h-4 { height: 1rem; } .h-6 { height: 1.5rem; } .w-4 { width: 1rem; } .w-\[30px\] { width: 30px; } .w-full { width: 100%; } .-translate-x-1\/2 { --tw-translate-x: -50%; 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)); } .-translate-y-1\/2 { --tw-translate-y: -50%; 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)); } .cursor-pointer { cursor: pointer; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-center { align-items: center; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .space-x-1 > :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))); } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .border-b { border-bottom-width: 1px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-border { --tw-border-opacity: 1; border-color: rgb(234 234 234 / var(--tw-border-opacity)); } .bg-body { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-theme-light { --tw-bg-opacity: 1; background-color: rgb(246 246 246 / var(--tw-bg-opacity)); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .from-body { --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-theme-light { --tw-gradient-to: #f6f6f6 var(--tw-gradient-to-position); } .fill-current { fill: currentColor; } .p-8 { padding: 2rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-\[2\.5px\] { padding-top: 2.5px; padding-bottom: 2.5px; } .pb-0 { padding-bottom: 0px; } .pb-14 { padding-bottom: 3.5rem; } .pb-16 { padding-bottom: 4rem; } .pb-6 { padding-bottom: 1.5rem; } .pl-2 { padding-left: 0.5rem; } .pr-5 { padding-right: 1.25rem; } .pr-8 { padding-right: 2rem; } .pt-14 { padding-top: 3.5rem; } .pt-7 { padding-top: 1.75rem; } .text-center { text-align: center; } .text-\[12px\] { font-size: 12px; } .text-\[8rem\] { font-size: 8rem; } .text-h3 { font-size: 2.0736rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .font-bold { font-weight: 700; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-dark { --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); } .text-light { --tw-text-opacity: 1; color: rgb(255 110 0 / var(--tw-text-opacity)); } .text-primary { --tw-text-opacity: 1; color: rgb(255 110 0 / var(--tw-text-opacity)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .bg-gradient { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(249, 249, 249, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-from-position: 0.53%; --tw-gradient-to: #fff var(--tw-gradient-to-position); --tw-gradient-to-position: 83.28%; } .rounded { border-radius: 6px; } .search-wrapper { position: relative; z-index: 1; } .search-wrapper svg { display: inline-block; background-color: transparent; } .search-wrapper-header { padding: 14px; position: relative; } .search-wrapper-header input { border: 1px solid #ddd; width: 100%; border-radius: 4px; height: 52px; padding: 0 15px 0 40px; transition: 0.25s; } .search-wrapper-header input:focus { border-color: var(--color-primary); box-shadow: none; outline: none; } .search-wrapper-header label { position: absolute; left: 28px; top: calc(50% - 13px); } .search-wrapper-header label .search-reset { display: none; transition: 0.1s; } .search-wrapper-header label .search-reset:hover { cursor: pointer; color: #fb5c5c; } .search-result-empty { display: block; text-align: center; padding: 32px 0; cursor: text; user-select: none; } .search-result mark { padding: 0; border-radius: 2px; } .search-result:not(:empty) + .search-result-empty { display: none; } .search-not-found { text-align: center; } .search-not-found svg { margin-bottom: 16px; } .search-not-found p { margin-bottom: 0; } .search-result-item { position: relative; display: block; padding: 16px; border-radius: 4px; border: 1px solid #eee; background-color: #fff; transition: 0s; margin-bottom: 4px; display: flex; align-items: flex-start; } .search-result-item div:empty, .search-result-item .search-result-item-description:empty { display: none; } .search-result-item-image { flex-shrink: 0; } .search-result-item-image:empty { display: none; } .search-result-item-body { flex-grow: 1; } .search-result-item > div > img { border-radius: 4px; max-height: 400px; width: 100%; object-fit: cover; } .search-page .search-result-item > div > img { object-fit: cover; max-height: 250px; width: 100%; } .search-result-item:focus, .search-result-item.search-item-selected, .search-result-item:hover { background-color: var(--color-primary); } .search-result-item:focus *, .search-result-item.search-item-selected *, .search-result-item:hover * { color: white; } .search-result-item:focus mark, .search-result-item.search-item-selected mark, .search-result-item:hover mark { background-color: #fef08a; color: #060606; } .search-result-item [data-result-item] u { color: var(--color-primary); } .search-result-item .hidden { display: none; } .search-result-group-title { padding: 0 12px; display: inline-block; margin-bottom: 5px; margin-top: 15px; font-size: 18px; } .search-result-item-title { transition: 0s; font-size: 18px; color: black; margin-bottom: 0; line-height: 1.35; font-weight: bold; } .search-result-item-title::before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 10; content: ""; } .search-result-item-content { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 6px 0; } .search-result-item-description { font-size: 90%; margin-top: 6px; margin-bottom: 4px; } .search-result-item-content:empty { display: none; } .search-result-item-taxonomies { display: flex; flex-wrap: wrap; font-size: 13px; align-items: center; } .search-result-item-taxonomies > div { margin-right: 12px; color: #999; } .search-result-item-taxonomies > div svg { margin-right: 4px; } .search-wrapper-footer { color: #999; font-size: 12px; padding: 8px 14px; user-select: none; line-height: 1; display: flex; align-items: center; } .search-wrapper-footer kbd { color: #777; background-color: #eee; font-size: 12px; border-radius: 3px; margin-right: 3px; padding: 2px 4px; line-height: 1; text-align: center; display: inline-block; } .search-wrapper-footer span:not(:last-child) { margin-right: 16px; } .search-wrapper-footer span:last-child { margin-left: auto; } .search-wrapper-footer .search-result-info:empty { display: none; } .search-wrapper-footer .search-result-info { margin-left: -3px; } .search-wrapper-footer .search-result-info em { color: black; font-style: normal; padding: 0 3px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .search-modal { position: fixed; height: 100%; width: 100%; inset: 0; z-index: 9999; opacity: 0; visibility: hidden; } .search-modal.show { opacity: 1; visibility: visible; } .search-modal-overlay { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .search-modal .search-wrapper { width: 660px; max-width: 96%; margin: 100px auto; border-radius: 4px; background-color: white; } .search-modal .search-wrapper-body { max-height: calc(100vh - 350px); padding: 14px; overflow-y: auto; background-color: #f5f6f7; box-shadow: inset 0 2px 18px #ddd; border-radius: 4px; } .search-modal .search-result-group:first-child .search-result-group-title:not(:empty) { margin-top: -15px; } .search-modal .search-result-item a > div { margin-right: 16px; } .search-modal .search-result-item-image { margin-right: 15px; } .search-modal .search-result-item-image img { width: 100px; height: 100px; object-fit: cover; } @media (max-width: 576px) { .search-modal .search-result-item-image img { width: 60px; height: 60px; } .search-wrapper-footer { display: none; } } .dark .search-modal .search-wrapper { background-color: #1c1c1c; } .dark .search-modal .search-wrapper-header input { color: #fff; background-color: #222222; border-color: #535353; } .dark .search-modal .search-wrapper-header input:focus { border-color: #fff; } .dark .search-modal .search-wrapper-body { background-color: #222222; box-shadow: none; } .dark .search-modal .search-result-item { border-color: #3e3e3e; background-color: #1c1c1c; } .dark .search-modal .search-result-item:focus, .dark .search-modal .search-result-item.search-item-selected, .dark .search-modal .search-result-item:hover { background-color: #060606; } .dark .search-modal .search-result-item .search-result-item-title { color: #fff; } .dark .search-wrapper-footer kbd { background-color: #3e3e3e; color: #ccc; } .dark .search-wrapper-footer .search-result-info em { color: #fff; } .search-page .search-wrapper { padding: 100px 0; } .search-page .search-wrapper-header, .search-page .search-wrapper-footer { width: 660px; max-width: 96%; margin: 0 auto; } .search-page .search-wrapper-footer { padding-top: 0; padding-bottom: 0; margin-bottom: 60px; } .search-page .search-wrapper-body { padding: 0 16px; } .search-page .search-result-group { display: flex; flex-wrap: wrap; } .search-page .search-result-item { margin-right: -15px; margin-left: -15px; } .search-page .search-result-group > p, .search-page .search-result-item { padding-right: 15px !important; padding-left: 15px !important; } .search-page .search-result-group > p { width: 100%; } .search-page .search-result-item { flex: 0 0 auto; width: calc(100% - (4 * 4px)); display: block; padding-top: 15px !important; padding-bottom: 15px !important; margin: 0 8px 16px 8px; } .search-page .search-result-item .search-result-item-image { margin-bottom: 10px; } .search-page .search-result-group-title { font-size: 22px; font-weight: bold; } .search-page .search-result-info { display: block; text-align: center; } .search-page .search-wrapper-header input { padding: 0 20px; } @media (min-width: 576px) { .search-page .search-result-item { width: calc(50% - (4 * 4px)); } } @media (max-width: 576px) { .search-wrapper .search-wrapper-footer span:not(.search-result-info) { display: none; } } @media (min-width: 768px) { .search-page .search-result-item { width: calc(33.3333333333% - (4 * 4px)); } } @media (min-width: 992px) { .search-page .search-result-item { width: calc(25% - (4 * 4px)); } } .dark .search-page .search-wrapper-header input { color: #fff; background-color: #222222; border-color: #535353; } .dark .search-page .search-wrapper-header input:focus { border-color: #fff; } .dark .search-page .search-result-item { border-color: #3e3e3e; background-color: #1c1c1c; } .dark .search-page .search-result-item:focus, .dark .search-page .search-result-item.search-item-selected, .dark .search-page .search-result-item:hover { background-color: #060606; } .dark .search-page .search-result-item-title { color: #fff; } .share-title { display: inline-block; margin-right: 0.3em; } .share-link { border-radius: 0.25rem; transition: 25ms ease-out; height: 2.5em; width: 2.5em; line-height: 2.5em; text-align: center; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; margin: 0.5em; display: inline-block; vertical-align: middle; } .share-icon { fill: #fff; stroke: none; display: block; height: 100%; } .share-icon svg { width: 1em; height: 100%; margin: auto; } .share-twitter { background-color: #000000; } .share-twitter:hover { background-color: #0c0c0c; } .share-pinterest { background-color: #bd081c; } .share-pinterest:hover { background-color: #8c0615; } .share-facebook { background-color: #3b5998; } .share-facebook:hover { background-color: #2d4373; } .share-tumblr { background-color: #35465c; } .share-tumblr:hover { background-color: #222d3c; } .share-reddit { background-color: #5f99cf; } .share-reddit:hover { background-color: #3a80c1; } .share-google { background-color: #dd4b39; } .share-google:hover { background-color: #c23321; } .share-linkedin { background-color: #0077b5; } .share-linkedin:hover { background-color: #046293; } .share-email { background-color: #777; } .share-email:hover { background-color: #5e5e5e; } .share-whatsapp { background-color: #25d366; } .share-whatsapp:hover { background-color: #1da851; } .share-hackernews { background-color: #ff6600; } .share-hackernews:hover { background-color: #fb6200; } .share-vk { background-color: #507299; } .share-vk:hover { background-color: #43648c; } .share-facebook { background-color: #3b5998; } .share-facebook:hover { background-color: #2d4373; } .share-twitter { background-color: #55acee; } .share-twitter:hover { background-color: #2795e9; } .share-google { background-color: #dd4b39; } .share-google:hover { background-color: #c23321; } .share-email { background-color: #777777; } .share-email:hover { background-color: #5e5e5e; } .share-reddit { background-color: #5f99cf; } .share-reddit:hover { background-color: #3a80c1; } .share-whatsapp { background-color: #25d366; } .share-whatsapp:hover { background-color: #1da851; } .share-telegram { background-color: #54a9eb; } .share-telegram:hover { background-color: #4b97d1; } .img { max-width: 100%; height: auto; } /*! * Justified gallery style */ .gallery { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .gallery .gallery-item { margin: 0 10px; margin-bottom: 20px; overflow: hidden; max-width: calc(100% - 20px); } .gallery .gallery-item img { user-select: none; width: 100%; vertical-align: middle; transition: 0.3s; } .gallery.zoomable .gallery-item:hover img { transform: scale(1.05); cursor: zoom-in; } .gallery::after { content: ""; flex-grow: 99999; min-width: calc(100vw / 3); } @media (max-width: 460px) { .gallery { flex-direction: column; } .gallery .gallery-item { width: calc(100% - 20px) !important; } } .gallery-slider .swiper-slide img { width: 100%; } .gallery-slider .swiper-button-prev, .gallery-slider .swiper-button-next { color: white; opacity: 0; transition: 0.3s; } .gallery-slider:hover .swiper-button-prev, .gallery-slider:hover .swiper-button-next { opacity: 1; } .gallery-slider:hover .swiper-button-prev { left: 30px; } .gallery-slider:hover .swiper-button-next { right: 30px; } .img { max-width: 100%; height: auto; } .logo-light { display: initial; } .logo-dark { display: none; } .dark .logo-light { display: none; } .dark .logo-dark { display: initial; } .content img { max-width: 100%; margin-bottom: 1.5rem; height: auto; display: inline-block; } .content img.glightbox { cursor: pointer; } .content img.img-center { display: block; margin-left: auto; margin-right: auto; } .content img.img-left { display: block; margin-left: 0; margin-right: auto; } .content img.img-right { display: block; margin-left: auto; margin-right: 0; } .content img.img-float-left { float: left; margin-right: 1.5rem; } .content img.img-float-right { float: right; margin-left: 1.5rem; } .content figure { display: inline-block; margin-bottom: 1.5rem; } .content figure img { margin-bottom: 0.7rem; } .content figure.img-center { display: block; text-align: center; } .content figure.img-left { display: block; text-align: left; } .content figure.img-right { display: block; text-align: right; } .content figure.img-float-left { float: left; margin-right: 1.5rem; } .content figure.img-float-right { float: right; margin-left: 1.5rem; } .table-of-content { margin: 1rem 0 1.5rem; } .table-of-content summary { font-size: 18px; color: #fff; background-color: #555; padding: 5px 20px; margin-bottom: 0 !important; } .table-of-content ul li::before { display: none; } .table-of-content #TableOfContents { padding: 10px; background-color: #f7f7f7; } .table-of-content #TableOfContents li, .table-of-content #TableOfContents a { color: #333 !important; } .table-of-content #TableOfContents a { text-decoration: none; } .table-of-content #TableOfContents a:hover { text-decoration: underline; } .content .table-of-content ul li, .content .table-of-content ol li { margin-bottom: 6px !important; } .dark #TableOfContents { background-color: #333; } .dark #TableOfContents li, .dark #TableOfContents a { color: #fff !important; } .tab-nav { list-style: none; padding: 0; margin: 0 !important; list-style-type: none !important; display: flex; border-bottom: 1px solid #aaa; overflow-x: auto; } .tab-nav::-webkit-scrollbar { width: 2px; } .tab-nav-item { padding: 0.5rem 1rem !important; cursor: pointer; opacity: 0.8; margin: 0 !important; white-space: nowrap; } .tab-nav-item::before { display: none !important; } .tab-nav-item.active { border-bottom: 3px solid #aaa; opacity: 1; } .tab-content .tab-content-panel { display: none; padding: 1rem 0.5rem; } .tab-content .tab-content-panel p { margin-bottom: 0 !important; } .tab-content .tab-content-panel.active { display: block; } .accordion { border: 1px solid #ccc; } .accordion-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem; font-size: 1.1rem; width: 100%; font-weight: bold; text-align: left; } .accordion-icon { width: 0.78em; height: 0.78em; transform: rotate(-90deg); transition: transform 0.2s ease; } .accordion-content { max-height: 0; overflow: hidden; padding: 0 1rem; } .accordion.active .accordion-icon { transform: rotate(0deg); } .accordion.active .accordion-content { max-height: 100vh; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 40; display: none; height: 100%; width: 100%; overflow: auto; } .modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 40; display: none; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); } .modal-content { position: relative; top: 50%; z-index: 50; transform: translateY(-50%); background-color: #fff; border-radius: 0.5rem; padding: 2rem; max-width: 90%; margin: 0 auto; } .modal-close { position: absolute; top: 0.5rem; right: 0.5rem; height: 2rem; width: 2rem; background-color: #f2f2f2; color: #000; border-radius: 50%; text-align: center; line-height: 2rem; } .notice { margin-bottom: 1.5rem; border: 1px solid #e5e7eb; padding: 1.5rem; } .notice-head { display: flex; align-items: center; } .notice-head svg { margin-right: 0.75rem; } .notice-head p { font-size: 1.25rem; font-weight: 600; color: #1f2937; margin: 0; line-height: 1; } .notice-body { margin-top: 0.75rem; } .notice-body p { margin: 0; } .notice.note { color: #1b83e2; border-color: currentColor; } .notice.tip { color: #40d294; border-color: currentColor; } .notice.info { color: #e3a72c; border-color: currentColor; } .notice.warning { color: #db2c23; border-color: currentColor; } .dark .notice-head p { color: #d1d5db; } .table-of-content { overflow: hidden; border-radius: 0.25rem; border-radius: 6px; } .share-icons .share-link { height: 2.25rem; width: 2.25rem; border-radius: 0.25rem; line-height: 2.25rem; border-radius: 6px; --tw-bg-opacity: 1; background-color: rgb(255 110 0 / var(--tw-bg-opacity)); } .share-icons .share-link:hover { --tw-bg-opacity: 1; background-color: rgb(255 110 0 / var(--tw-bg-opacity)); } .notice { border-radius: 0.5rem; border-radius: 12px; } .tab { overflow: hidden; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(234 234 234 / var(--tw-border-opacity)); border-radius: 12px; } .tab-nav { --tw-border-opacity: 1; border-color: rgb(234 234 234 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(246 246 246 / var(--tw-bg-opacity)); padding-left: 1rem; } .tab-nav-item { padding-left: 2rem !important; padding-right: 2rem !important; font-size: 1.125rem !important; line-height: 1.75rem !important; --tw-text-opacity: 1 !important; color: rgb(4 4 4 / var(--tw-text-opacity)) !important; } .tab-nav-item.active { --tw-border-opacity: 1; border-color: rgb(4 4 4 / var(--tw-border-opacity)); } .tab-content-panel { padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 0px !important; } .accordion { margin-bottom: 1.5rem; overflow: hidden; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(234 234 234 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(246 246 246 / var(--tw-bg-opacity)); border-radius: 12px; } .accordion-header { --tw-text-opacity: 1; color: rgb(4 4 4 / var(--tw-text-opacity)); } .cookie-box { border-radius: 0.5rem !important; border-radius: 12px; } .gallery-slider { margin-left: 0px !important; } .grid-container { display: flex; justify-content: space-between; } .column { flex-basis: calc(50% - 10px); /* Adjust width as necessary */ } .list { list-style-type: none; padding: 0; } .list-item { margin-bottom: 10px; } .link { text-decoration: none; color: inherit; } .title { font-weight: bold; } .hr-list { border: 0; border-top: 1px solid #ccc; margin-top: 5px; margin-bottom: 5px; } .list-item { display: flex; justify-content: space-between; align-items: center; } .content { flex: 1; } .link { text-align: left; } .time { text-align: right; } .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .grid-item { padding: 20px; } .header-with-image { display: flex; align-items: center; } .header-with-image img { margin-right: 10px; max-width: 100px; /* Adjust as needed */ max-height: 100px; /* Adjust as needed */ } .read-more-link { color: #FF6E00; /* Use the variable defined in theme.json */ } .center-wrapper { display: flex; justify-content: center; align-items: center; } .grid-container-small { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .hr-list { margin-top: 0; margin-bottom: 0; margin-right: .5rem; } .center-layout { display: flex; justify-content: center; } @media (min-width: 540px) { .sm\:col-10 { flex: 0 0 auto; width: 83.33333333333334%; } } @media (min-width: 768px) { .md\:col-5 { flex: 0 0 auto; width: 41.66666666666667%; } .md\:col-6 { flex: 0 0 auto; width: 50%; } .md\:col-7 { flex: 0 0 auto; width: 58.333333333333336%; } .md\:col-8 { flex: 0 0 auto; width: 66.66666666666667%; } .md\:col-9 { flex: 0 0 auto; width: 75%; } .md\:col-10 { flex: 0 0 auto; width: 83.33333333333334%; } .md\:order-2 { order: 2; } } @media (min-width: 1024px) { .lg\:col-3 { flex: 0 0 auto; width: 25%; } .lg\:col-4 { flex: 0 0 auto; width: 33.333333333333336%; } .lg\:col-6 { flex: 0 0 auto; width: 50%; } .lg\:col-7 { flex: 0 0 auto; width: 58.333333333333336%; } .lg\:col-8 { flex: 0 0 auto; width: 66.66666666666667%; } .lg\:col-10 { flex: 0 0 auto; width: 83.33333333333334%; } .lg\:order-1 { order: 1; } } .hover\:text-primary:hover { --tw-text-opacity: 1; color: rgb(255 110 0 / var(--tw-text-opacity)); } @media (min-width: 540px) { .sm\:block { display: block; } .sm\:hidden { display: none; } .sm\:bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } } @media (min-width: 768px) { .md\:order-2 { order: 2; } .md\:block { display: block; } .md\:hidden { display: none; } .md\:bg-yellow-200 { --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity)); } } @media (min-width: 1024px) { .lg\:order-1 { order: 1; } .lg\:mb-0 { margin-bottom: 0px; } .lg\:ml-0 { margin-left: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:block { display: block; } .lg\:inline-block { display: inline-block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:w-1\/2 { width: 50%; } .lg\:w-auto { width: auto; } .lg\:\!max-w-\[800px\] { max-width: 800px !important; } .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .lg\:bg-green-200 { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)); } .lg\:pb-0 { padding-bottom: 0px; } .lg\:text-left { text-align: left; } .lg\:text-right { text-align: right; } .lg\:text-h1 { font-size: 2.9859839999999997rem; } .group:hover .lg\:group-hover\:visible { visibility: visible; } .group:hover .lg\:group-hover\:opacity-100 { opacity: 1; } } @media (min-width: 1280px) { .xl\:block { display: block; } .xl\:hidden { display: none; } .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .xl\:bg-blue-200 { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)); } } @media (min-width: 1536px) { .\32xl\:block { display: block; } .\32xl\:hidden { display: none; } .\32xl\:bg-pink-200 { --tw-bg-opacity: 1; background-color: rgb(251 207 232 / var(--tw-bg-opacity)); } }