.lazyload,.lazyloading{max-width:100%} img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} :root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important} .wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important;word-break:normal !important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none} /*! tailwindcss v4.0.0-beta.10 | MIT License | https://tailwindcss.com */ @layer theme, base, components, utilities; @layer theme { :root { --font-sans: 'Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace'; --color-red-50: oklch(0.971 0.013 17.38); --color-red-100: oklch(0.936 0.032 17.717); --color-red-200: oklch(0.885 0.062 18.334); --color-red-300: oklch(0.808 0.114 19.571); --color-red-400: oklch(0.704 0.191 22.216); --color-red-500: oklch(0.637 0.237 25.331); --color-red-600: oklch(0.577 0.245 27.325); --color-red-700: oklch(0.505 0.213 27.518); --color-red-800: oklch(0.444 0.177 26.899); --color-red-900: oklch(0.396 0.141 25.723); --color-red-950: oklch(0.258 0.092 26.042); --color-orange-50: oklch(0.98 0.016 73.684); --color-orange-100: oklch(0.954 0.038 75.164); --color-orange-200: oklch(0.901 0.076 70.697); --color-orange-300: oklch(0.837 0.128 66.29); --color-orange-400: oklch(0.75 0.183 55.934); --color-orange-500: oklch(0.705 0.213 47.604); --color-orange-600: oklch(0.646 0.222 41.116); --color-orange-700: oklch(0.553 0.195 38.402); --color-orange-800: oklch(0.47 0.157 37.304); --color-orange-900: oklch(0.408 0.123 38.172); --color-orange-950: oklch(0.266 0.079 36.259); --color-amber-50: oklch(0.987 0.022 95.277); --color-amber-100: oklch(0.962 0.059 95.617); --color-amber-200: oklch(0.924 0.12 95.746); --color-amber-300: oklch(0.879 0.169 91.605); --color-amber-400: oklch(0.828 0.189 84.429); --color-amber-500: oklch(0.769 0.188 70.08); --color-amber-600: oklch(0.666 0.179 58.318); --color-amber-700: oklch(0.555 0.163 48.998); --color-amber-800: oklch(0.473 0.137 46.201); --color-amber-900: oklch(0.414 0.112 45.904); --color-amber-950: oklch(0.279 0.077 45.635); --color-yellow-50: oklch(0.987 0.026 102.212); --color-yellow-100: oklch(0.973 0.071 103.193); --color-yellow-200: oklch(0.945 0.129 101.54); --color-yellow-300: oklch(0.905 0.182 98.111); --color-yellow-400: oklch(0.852 0.199 91.936); --color-yellow-500: oklch(0.795 0.184 86.047); --color-yellow-600: oklch(0.681 0.162 75.834); --color-yellow-700: oklch(0.554 0.135 66.442); --color-yellow-800: oklch(0.476 0.114 61.907); --color-yellow-900: oklch(0.421 0.095 57.708); --color-yellow-950: oklch(0.286 0.066 53.813); --color-lime-50: oklch(0.986 0.031 120.757); --color-lime-100: oklch(0.967 0.067 122.328); --color-lime-200: oklch(0.938 0.127 124.321); --color-lime-300: oklch(0.897 0.196 126.665); --color-lime-400: oklch(0.841 0.238 128.85); --color-lime-500: oklch(0.768 0.233 130.85); --color-lime-600: oklch(0.648 0.2 131.684); --color-lime-700: oklch(0.532 0.157 131.589); --color-lime-800: oklch(0.453 0.124 130.933); --color-lime-900: oklch(0.405 0.101 131.063); --color-lime-950: oklch(0.274 0.072 132.109); --color-green-50: oklch(0.982 0.018 155.826); --color-green-100: oklch(0.962 0.044 156.743); --color-green-200: oklch(0.925 0.084 155.995); --color-green-300: oklch(0.871 0.15 154.449); --color-green-400: oklch(0.792 0.209 151.711); --color-green-500: oklch(0.723 0.219 149.579); --color-green-600: oklch(0.627 0.194 149.214); --color-green-700: oklch(0.527 0.154 150.069); --color-green-800: oklch(0.448 0.119 151.328); --color-green-900: oklch(0.393 0.095 152.535); --color-green-950: oklch(0.266 0.065 152.934); --color-emerald-50: oklch(0.979 0.021 166.113); --color-emerald-100: oklch(0.95 0.052 163.051); --color-emerald-200: oklch(0.905 0.093 164.15); --color-emerald-300: oklch(0.845 0.143 164.978); --color-emerald-400: oklch(0.765 0.177 163.223); --color-emerald-500: oklch(0.696 0.17 162.48); --color-emerald-600: oklch(0.596 0.145 163.225); --color-emerald-700: oklch(0.508 0.118 165.612); --color-emerald-800: oklch(0.432 0.095 166.913); --color-emerald-900: oklch(0.378 0.077 168.94); --color-emerald-950: oklch(0.262 0.051 172.552); --color-teal-50: oklch(0.984 0.014 180.72); --color-teal-100: oklch(0.953 0.051 180.801); --color-teal-200: oklch(0.91 0.096 180.426); --color-teal-300: oklch(0.855 0.138 181.071); --color-teal-400: oklch(0.777 0.152 181.912); --color-teal-500: oklch(0.704 0.14 182.503); --color-teal-600: oklch(0.6 0.118 184.704); --color-teal-700: oklch(0.511 0.096 186.391); --color-teal-800: oklch(0.437 0.078 188.216); --color-teal-900: oklch(0.386 0.063 188.416); --color-teal-950: oklch(0.277 0.046 192.524); --color-cyan-50: oklch(0.984 0.019 200.873); --color-cyan-100: oklch(0.956 0.045 203.388); --color-cyan-200: oklch(0.917 0.08 205.041); --color-cyan-300: oklch(0.865 0.127 207.078); --color-cyan-400: oklch(0.789 0.154 211.53); --color-cyan-500: oklch(0.715 0.143 215.221); --color-cyan-600: oklch(0.609 0.126 221.723); --color-cyan-700: oklch(0.52 0.105 223.128); --color-cyan-800: oklch(0.45 0.085 224.283); --color-cyan-900: oklch(0.398 0.07 227.392); --color-cyan-950: oklch(0.302 0.056 229.695); --color-sky-50: oklch(0.977 0.013 236.62); --color-sky-100: oklch(0.951 0.026 236.824); --color-sky-200: oklch(0.901 0.058 230.902); --color-sky-300: oklch(0.828 0.111 230.318); --color-sky-400: oklch(0.746 0.16 232.661); --color-sky-500: oklch(0.685 0.169 237.323); --color-sky-600: oklch(0.588 0.158 241.966); --color-sky-700: oklch(0.5 0.134 242.749); --color-sky-800: oklch(0.443 0.11 240.79); --color-sky-900: oklch(0.391 0.09 240.876); --color-sky-950: oklch(0.293 0.066 243.157); --color-blue-50: oklch(0.97 0.014 254.604); --color-blue-100: oklch(0.932 0.032 255.585); --color-blue-200: oklch(0.882 0.059 254.128); --color-blue-300: oklch(0.809 0.105 251.813); --color-blue-400: oklch(0.707 0.165 254.624); --color-blue-500: oklch(0.623 0.214 259.815); --color-blue-600: oklch(0.546 0.245 262.881); --color-blue-700: oklch(0.488 0.243 264.376); --color-blue-800: oklch(0.424 0.199 265.638); --color-blue-900: oklch(0.379 0.146 265.522); --color-blue-950: oklch(0.282 0.091 267.935); --color-indigo-50: oklch(0.962 0.018 272.314); --color-indigo-100: oklch(0.93 0.034 272.788); --color-indigo-200: oklch(0.87 0.065 274.039); --color-indigo-300: oklch(0.785 0.115 274.713); --color-indigo-400: oklch(0.673 0.182 276.935); --color-indigo-500: oklch(0.585 0.233 277.117); --color-indigo-600: oklch(0.511 0.262 276.966); --color-indigo-700: oklch(0.457 0.24 277.023); --color-indigo-800: oklch(0.398 0.195 277.366); --color-indigo-900: oklch(0.359 0.144 278.697); --color-indigo-950: oklch(0.257 0.09 281.288); --color-violet-50: oklch(0.969 0.016 293.756); --color-violet-100: oklch(0.943 0.029 294.588); --color-violet-200: oklch(0.894 0.057 293.283); --color-violet-300: oklch(0.811 0.111 293.571); --color-violet-400: oklch(0.702 0.183 293.541); --color-violet-500: oklch(0.606 0.25 292.717); --color-violet-600: oklch(0.541 0.281 293.009); --color-violet-700: oklch(0.491 0.27 292.581); --color-violet-800: oklch(0.432 0.232 292.759); --color-violet-900: oklch(0.38 0.189 293.745); --color-violet-950: oklch(0.283 0.141 291.089); --color-purple-50: oklch(0.977 0.014 308.299); --color-purple-100: oklch(0.946 0.033 307.174); --color-purple-200: oklch(0.902 0.063 306.703); --color-purple-300: oklch(0.827 0.119 306.383); --color-purple-400: oklch(0.714 0.203 305.504); --color-purple-500: oklch(0.627 0.265 303.9); --color-purple-600: oklch(0.558 0.288 302.321); --color-purple-700: oklch(0.496 0.265 301.924); --color-purple-800: oklch(0.438 0.218 303.724); --color-purple-900: oklch(0.381 0.176 304.987); --color-purple-950: oklch(0.291 0.149 302.717); --color-fuchsia-50: oklch(0.977 0.017 320.058); --color-fuchsia-100: oklch(0.952 0.037 318.852); --color-fuchsia-200: oklch(0.903 0.076 319.62); --color-fuchsia-300: oklch(0.833 0.145 321.434); --color-fuchsia-400: oklch(0.74 0.238 322.16); --color-fuchsia-500: oklch(0.667 0.295 322.15); --color-fuchsia-600: oklch(0.591 0.293 322.896); --color-fuchsia-700: oklch(0.518 0.253 323.949); --color-fuchsia-800: oklch(0.452 0.211 324.591); --color-fuchsia-900: oklch(0.401 0.17 325.612); --color-fuchsia-950: oklch(0.293 0.136 325.661); --color-pink-50: oklch(0.971 0.014 343.198); --color-pink-100: oklch(0.948 0.028 342.258); --color-pink-200: oklch(0.899 0.061 343.231); --color-pink-300: oklch(0.823 0.12 346.018); --color-pink-400: oklch(0.718 0.202 349.761); --color-pink-500: oklch(0.656 0.241 354.308); --color-pink-600: oklch(0.592 0.249 0.584); --color-pink-700: oklch(0.525 0.223 3.958); --color-pink-800: oklch(0.459 0.187 3.815); --color-pink-900: oklch(0.408 0.153 2.432); --color-pink-950: oklch(0.284 0.109 3.907); --color-rose-50: oklch(0.969 0.015 12.422); --color-rose-100: oklch(0.941 0.03 12.58); --color-rose-200: oklch(0.892 0.058 10.001); --color-rose-300: oklch(0.81 0.117 11.638); --color-rose-400: oklch(0.712 0.194 13.428); --color-rose-500: oklch(0.645 0.246 16.439); --color-rose-600: oklch(0.586 0.253 17.585); --color-rose-700: oklch(0.514 0.222 16.935); --color-rose-800: oklch(0.455 0.188 13.697); --color-rose-900: oklch(0.41 0.159 10.272); --color-rose-950: oklch(0.271 0.105 12.094); --color-slate-50: oklch(0.984 0.003 247.858); --color-slate-100: oklch(0.968 0.007 247.896); --color-slate-200: oklch(0.929 0.013 255.508); --color-slate-300: oklch(0.869 0.022 252.894); --color-slate-400: oklch(0.704 0.04 256.788); --color-slate-500: oklch(0.554 0.046 257.417); --color-slate-600: oklch(0.446 0.043 257.281); --color-slate-700: oklch(0.372 0.044 257.287); --color-slate-800: oklch(0.279 0.041 260.031); --color-slate-900: oklch(0.208 0.042 265.755); --color-slate-950: oklch(0.129 0.042 264.695); --color-gray-50: oklch(0.985 0.002 247.839); --color-gray-100: oklch(0.967 0.003 264.542); --color-gray-200: oklch(0.928 0.006 264.531); --color-gray-300: oklch(0.872 0.01 258.338); --color-gray-400: oklch(0.707 0.022 261.325); --color-gray-500: oklch(0.551 0.027 264.364); --color-gray-600: oklch(0.446 0.03 256.802); --color-gray-700: oklch(0.373 0.034 259.733); --color-gray-800: oklch(0.278 0.033 256.848); --color-gray-900: oklch(0.21 0.034 264.665); --color-gray-950: oklch(0.13 0.028 261.692); --color-zinc-50: oklch(0.985 0 0); --color-zinc-100: oklch(0.967 0.001 286.375); --color-zinc-200: oklch(0.92 0.004 286.32); --color-zinc-300: oklch(0.871 0.006 286.286); --color-zinc-400: oklch(0.705 0.015 286.067); --color-zinc-500: oklch(0.552 0.016 285.938); --color-zinc-600: oklch(0.442 0.017 285.786); --color-zinc-700: oklch(0.37 0.013 285.805); --color-zinc-800: oklch(0.274 0.006 286.033); --color-zinc-900: oklch(0.21 0.006 285.885); --color-zinc-950: oklch(0.141 0.005 285.823); --color-neutral-50: oklch(0.985 0 0); --color-neutral-100: oklch(0.97 0 0); --color-neutral-200: oklch(0.922 0 0); --color-neutral-300: oklch(0.87 0 0); --color-neutral-400: oklch(0.708 0 0); --color-neutral-500: oklch(0.556 0 0); --color-neutral-600: oklch(0.439 0 0); --color-neutral-700: oklch(0.371 0 0); --color-neutral-800: oklch(0.269 0 0); --color-neutral-900: oklch(0.205 0 0); --color-neutral-950: oklch(0.145 0 0); --color-stone-50: oklch(0.985 0.001 106.423); --color-stone-100: oklch(0.97 0.001 106.424); --color-stone-200: oklch(0.923 0.003 48.717); --color-stone-300: oklch(0.869 0.005 56.366); --color-stone-400: oklch(0.709 0.01 56.259); --color-stone-500: oklch(0.553 0.013 58.071); --color-stone-600: oklch(0.444 0.011 73.639); --color-stone-700: oklch(0.374 0.01 67.558); --color-stone-800: oklch(0.268 0.007 34.298); --color-stone-900: oklch(0.216 0.006 56.043); --color-stone-950: oklch(0.147 0.004 49.25); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / 0.05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var( --font-sans--font-variation-settings ); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var( --font-mono--font-feature-settings ); --default-mono-font-variation-settings: var( --font-mono--font-variation-settings ); --font-body: 'Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --spacing-2xl: 16rem; --spacing-8xl: 90rem; --text-2xs: 0.625rem; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var( --default-font-variation-settings, normal ); -webkit-tap-highlight-color: transparent; } body { line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace ); font-feature-settings: var( --default-mono-font-feature-settings, normal ); font-variation-settings: var( --default-mono-font-variation-settings, normal ); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .datatable-wrapper { width: 100%; & .datatable-top { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width: 640px) { flex-direction: row-reverse; align-items: center; } } & .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } & .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark & .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark & .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & thead th .datatable-input { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark & thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } & .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark & .datatable-top .datatable-dropdown { color: var(--color-gray-400); } & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } & .datatable-container thead tr.search-filtering-row th { padding-top: 0; } & .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } & .datatable-container { overflow-x: auto; } & .datatable-table { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark & .datatable-table { color: var(--color-gray-400); } & .datatable-table thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark & .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } & .datatable-table thead th { white-space: nowrap; } & .datatable-table thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table thead th .datatable-sorter { text-transform: uppercase; } & .datatable-table thead th { text-transform: uppercase; } & .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } & .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } & .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark & .datatable-table thead th .datatable-sorter:hover { color: white; } .dark & .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark & .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } & .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark & .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } & .datatable-table .datatable-empty { text-align: center; } & .datatable-bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width: 640px) { flex-direction: row; align-items: center; } } & .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark & .datatable-bottom .datatable-info { color: var(--color-gray-400); } & .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } } .datatable-bottom { .datatable-wrapper & { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width: 640px) { flex-direction: row; align-items: center; } } .datatable-wrapper & .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper & .datatable-info { color: var(--color-gray-400); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } } .datatable-pagination { .datatable-wrapper .datatable-bottom & .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } } .datatable-pagination-list-item-link { .datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination & { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-700); color: white; } } .datatable-pagination-list-item { .datatable-wrapper .datatable-bottom .datatable-pagination &:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination &:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination &:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination &:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination &:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination &:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination &:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination &:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination &:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination &:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-start-1\.5 { inset-inline-start: calc(var(--spacing) * -1.5); } .-start-3 { inset-inline-start: calc(var(--spacing) * -3); } .-start-3\.5 { inset-inline-start: calc(var(--spacing) * -3.5); } .-start-4 { inset-inline-start: calc(var(--spacing) * -4); } .-start-14 { inset-inline-start: calc(var(--spacing) * -14); } .-start-\[17px\] { inset-inline-start: calc(17px * -1); } .start-0 { inset-inline-start: calc(var(--spacing) * 0); } .start-1 { inset-inline-start: calc(var(--spacing) * 1); } .start-1\/2 { inset-inline-start: calc(1/2 * 100%); } .start-1\/3 { inset-inline-start: calc(1/3 * 100%); } .start-2\.5 { inset-inline-start: calc(var(--spacing) * 2.5); } .start-2\/3 { inset-inline-start: calc(2/3 * 100%); } .start-6 { inset-inline-start: calc(var(--spacing) * 6); } .start-7 { inset-inline-start: calc(var(--spacing) * 7); } .-end-2 { inset-inline-end: calc(var(--spacing) * -2); } .-end-\[16px\] { inset-inline-end: calc(16px * -1); } .-end-\[17px\] { inset-inline-end: calc(17px * -1); } .end-0 { inset-inline-end: calc(var(--spacing) * 0); } .end-2 { inset-inline-end: calc(var(--spacing) * 2); } .end-2\.5 { inset-inline-end: calc(var(--spacing) * 2.5); } .end-6 { inset-inline-end: calc(var(--spacing) * 6); } .end-24 { inset-inline-end: calc(var(--spacing) * 24); } .-top-0\.5 { top: calc(var(--spacing) * -0.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-\[140px\] { top: calc(140px * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\/2 { top: calc(1/2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-2\/4 { top: calc(2/4 * 100%); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .top-28 { top: calc(var(--spacing) * 28); } .top-\[40px\] { top: 40px; } .top-\[72px\] { top: 72px; } .top-\[88px\] { top: 88px; } .top-\[124px\] { top: 124px; } .top-\[142px\] { top: 142px; } .top-\[178px\] { top: 178px; } .right-0 { right: calc(var(--spacing) * 0); } .right-1\/2 { right: calc(1/2 * 100%); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-5 { right: calc(var(--spacing) * 5); } .right-6 { right: calc(var(--spacing) * 6); } .right-24 { right: calc(var(--spacing) * 24); } .right-auto { right: auto; } .-bottom-6 { bottom: calc(var(--spacing) * -6); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-2\.5 { bottom: calc(var(--spacing) * 2.5); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-\[\*px\] { bottom: *px; } .bottom-\[60px\] { bottom: 60px; } .-left-1 { left: calc(var(--spacing) * -1); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1/2 * 100%); } .left-5 { left: calc(var(--spacing) * 5); } .left-7 { left: calc(var(--spacing) * 7); } .left-8 { left: calc(var(--spacing) * 8); } .left-auto { left: auto; } .-z-10 { z-index: calc(10 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-6 { grid-column: span 6 / span 6; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .format { color: var(--tw-format-body); max-width: 65ch; :where([class~="lead"]):not(:where([class~="not-format"] *)) { color: var(--tw-format-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :where(a):not(:where([class~="not-format"] *)) { color: var(--tw-format-links); text-decoration: underline; font-weight: 500; &:hover { text-decoration: none; } } :where(strong):not(:where([class~="not-format"] *)) { color: var(--tw-format-bold); font-weight: 700; } :where(a strong):not(:where([class~="not-format"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-format"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-format"] *)) { color: inherit; } :where(ol):not(:where([class~="not-format"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } :where(ol[type="A"]):not(:where([class~="not-format"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-format"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-format"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-format"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-format"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-format"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-format"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-format"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-format"] *)) { list-style-type: decimal; } :where(ul):not(:where([class~="not-format"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } :where(ol > li):not(:where([class~="not-format"] *))::marker { font-weight: 400; color: var(--tw-format-counters); } :where(ul > li):not(:where([class~="not-format"] *))::marker { color: var(--tw-format-bullets); } :where(hr):not(:where([class~="not-format"] *)) { border-color: var(--tw-format-hr); border-top-width: 1; margin-top: 3em; margin-bottom: 3em; } :where(blockquote):not(:where([class~="not-format"] *)) { font-size: 1.1111111em; font-weight: 700; font-style: italic; color: var(--tw-format-quotes); quotes: "\201C""\201D""\2018""\2019"; margin-bottom: 1.6em; } :where(blockquote):not(:where([class~="not-format"] *))::before { content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6893 24V14.1453C18.6893 6.54 23.664 1.38533 30.6667 -7.15256e-07L31.9933 2.868C28.7507 4.09066 26.6667 7.71867 26.6667 10.6667H32V24H18.6893ZM-9.53674e-07 24V14.1453C-9.53674e-07 6.54 4.99733 1.384 12 -7.15256e-07L13.328 2.868C10.084 4.09066 8 7.71867 8 10.6667L13.3107 10.6667V24H-9.53674e-07Z' fill='%239CA3AF'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; color: var(--tw-format-quotes); width: 1.7777778em; height: 1.3333333em; display: block; margin-top: 1.6em; } :where(blockquote p:first-of-type):not(:where([class~="not-format"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-format"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-format"] *)) { color: var(--tw-format-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :where(h1 strong):not(:where([class~="not-format"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-format"] *)) { color: var(--tw-format-headings); font-weight: 700; font-size: 1.5em; margin-top: 0; margin-bottom: 1em; line-height: 1.3333333; } :where(h2 strong):not(:where([class~="not-format"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-format"] *)) { color: var(--tw-format-headings); font-weight: 700; font-size: 1.25em; margin-top: 0; margin-bottom: 0.6em; line-height: 1.6; } :where(h3 strong):not(:where([class~="not-format"] *)) { font-weight: 800; color: inherit; } :where(h4):not(:where([class~="not-format"] *)) { color: var(--tw-format-headings); font-weight: 600; margin-top: 0; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-format"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-format"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(figure > *):not(:where([class~="not-format"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-format"] *)) { color: var(--tw-format-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } :where(code):not(:where([class~="not-format"] *)) { color: var(--tw-format-code); font-weight: 600; background-color: var(--tw-format-code-bg); padding-top: 0.3333333em; padding-bottom: 0.3333333em; padding-left: 0.5555556em; padding-right: 0.5555556em; border-radius: 0.2222222em; font-size: 0.875em; } :where(a code):not(:where([class~="not-format"] *)) { color: inherit; } :where(h1 code):not(:where([class~="not-format"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-format"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-format"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-format"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-format"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-format"] *)) { color: inherit; } :where(pre):not(:where([class~="not-format"] *)) { color: var(--tw-format-pre-code); background-color: var(--tw-format-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; } :where(pre code):not(:where([class~="not-format"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } :where(pre code):not(:where([class~="not-format"] *))::before { content: none; } :where(pre code):not(:where([class~="not-format"] *))::after { content: none; } :where(table):not(:where([class~="not-format"] *)) { width: 100%; table-layout: auto; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :where(thead):not(:where([class~="not-format"] *)) { background-color: var(--tw-format-th-bg); border-radius: 0.2777778em; } :where(thead th):not(:where([class~="not-format"] *)) { background-color: var(--tw-format-th-bg); color: var(--tw-format-headings); font-weight: 600; vertical-align: bottom; padding: 0.5555556em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } :where(tbody th):not(:where([class~="not-format"] *)) { background-color: var(--tw-format-th-bg); color: var(--tw-format-headings); font-weight: 600; vertical-align: bottom; padding: 0.5555556em; } :where(tbody tr th p, tbody tr td p):not(:where([class~="not-format"] *)) { margin: 0 !important; } :where(tbody tr th, tbody tr td):not(:where([class~="not-format"] *)) { padding: 0.6666667em !important; } :where(tbody tr):not(:where([class~="not-format"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-format-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-format"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-format"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-format"] *)) { border-top-width: 1px; border-top-color: var(--tw-format-th-borders); } :where(tfoot td):not(:where([class~="not-format"] *)) { vertical-align: top; } --tw-format-body: oklch(0.551 0.027 264.364); --tw-format-headings: oklch(0.21 0.034 264.665); --tw-format-lead: oklch(0.551 0.027 264.364); --tw-format-links: oklch(0.446 0.03 256.802); --tw-format-bold: oklch(0.21 0.034 264.665); --tw-format-counters: oklch(0.551 0.027 264.364); --tw-format-bullets: oklch(0.551 0.027 264.364); --tw-format-hr: oklch(0.928 0.006 264.531); --tw-format-quotes: oklch(0.21 0.034 264.665); --tw-format-quote-borders: oklch(0.928 0.006 264.531); --tw-format-captions: oklch(0.551 0.027 264.364); --tw-format-code: oklch(0.21 0.034 264.665); --tw-format-code-bg: oklch(0.967 0.003 264.542); --tw-format-pre-code: oklch(0.446 0.03 256.802); --tw-format-pre-bg: oklch(0.967 0.003 264.542); --tw-format-th-borders: oklch(0.928 0.006 264.531); --tw-format-th-bg: oklch(0.985 0.002 247.839); --tw-format-td-borders: oklch(0.928 0.006 264.531); --tw-format-invert-body: oklch(0.707 0.022 261.325); --tw-format-invert-headings: #fff; --tw-format-invert-lead: oklch(0.707 0.022 261.325); --tw-format-invert-links: #fff; --tw-format-invert-bold: #fff; --tw-format-invert-counters: oklch(0.707 0.022 261.325); --tw-format-invert-bullets: oklch(0.446 0.03 256.802); --tw-format-invert-hr: oklch(0.373 0.034 259.733); --tw-format-invert-quotes: oklch(0.967 0.003 264.542); --tw-format-invert-quote-borders: oklch(0.373 0.034 259.733); --tw-format-invert-captions: oklch(0.707 0.022 261.325); --tw-format-invert-code: #fff; --tw-format-invert-code-bg: oklch(0.278 0.033 256.848); --tw-format-invert-pre-code: oklch(0.872 0.01 258.338); --tw-format-invert-pre-bg: oklch(0.373 0.034 259.733); --tw-format-invert-th-borders: oklch(0.446 0.03 256.802); --tw-format-invert-td-borders: oklch(0.373 0.034 259.733); --tw-format-invert-th-bg: oklch(0.373 0.034 259.733); font-size: 1rem; line-height: 1.75; :where(p):not(:where([class~="not-format"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(blockquote > p:first-child):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(video):not(:where([class~="not-format"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(figure):not(:where([class~="not-format"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(li):not(:where([class~="not-format"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-format"] *)) { padding-left: 0.375em; } :where(ul > li):not(:where([class~="not-format"] *)) { padding-left: 0.375em; } :where(.format > ul > li p):not(:where([class~="not-format"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.format > ul > li > *:first-child):not(:where([class~="not-format"] *)) { margin-top: 1.25em; } :where(.format > ul > li > *:last-child):not(:where([class~="not-format"] *)) { margin-bottom: 1.25em; } :where(.format > ol > li > *:first-child):not(:where([class~="not-format"] *)) { margin-top: 1.25em; } :where(.format > ol > li > *:last-child):not(:where([class~="not-format"] *)) { margin-bottom: 1.25em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-format"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(hr + *):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(thead th:last-child):not(:where([class~="not-format"] *)) { padding-right: 0; } :where(tbody td, tfoot td):not(:where([class~="not-format"] *)) { padding-top: 0.5714286em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-format"] *)) { padding-right: 0; } :where(.format > :first-child):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(.format > :last-child):not(:where([class~="not-format"] *)) { margin-bottom: 0; } } .m-0\.5 { margin: calc(var(--spacing) * 0.5); } .m-2\.5 { margin: calc(var(--spacing) * 2.5); } .m-4 { margin: calc(var(--spacing) * 4); } .m-361 { margin: calc(var(--spacing) * 361); } .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .-my-1\.5 { margin-block: calc(var(--spacing) * -1.5); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-2\.5 { margin-block: calc(var(--spacing) * 2.5); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-7 { margin-block: calc(var(--spacing) * 7); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-12 { margin-block: calc(var(--spacing) * 12); } .-ms-1 { margin-inline-start: calc(var(--spacing) * -1); } .ms-0 { margin-inline-start: calc(var(--spacing) * 0); } .ms-0\.5 { margin-inline-start: calc(var(--spacing) * 0.5); } .ms-1 { margin-inline-start: calc(var(--spacing) * 1); } .ms-1\.5 { margin-inline-start: calc(var(--spacing) * 1.5); } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .ms-2\.5 { margin-inline-start: calc(var(--spacing) * 2.5); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .ms-3\.5 { margin-inline-start: calc(var(--spacing) * 3.5); } .ms-4 { margin-inline-start: calc(var(--spacing) * 4); } .ms-5 { margin-inline-start: calc(var(--spacing) * 5); } .ms-6 { margin-inline-start: calc(var(--spacing) * 6); } .ms-8 { margin-inline-start: calc(var(--spacing) * 8); } .ms-auto { margin-inline-start: auto; } .-me-0\.5 { margin-inline-end: calc(var(--spacing) * -0.5); } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .me-1\.5 { margin-inline-end: calc(var(--spacing) * 1.5); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .me-2\.5 { margin-inline-end: calc(var(--spacing) * 2.5); } .me-3 { margin-inline-end: calc(var(--spacing) * 3); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .me-5 { margin-inline-end: calc(var(--spacing) * 5); } .me-auto { margin-inline-end: auto; } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-5 { margin-top: calc(var(--spacing) * -5); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-\[2px\] { margin-top: 2px; } .apexcharts-canvas { & .apexcharts-tooltip { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark & .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } & .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } & .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark & .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } & .apexcharts-xaxistooltip-text { font-weight: 400 !important; font-size: 0.875rem !important; } & .apexcharts-xaxistooltip:after { border-bottom-color: white !important; } & .apexcharts-xaxistooltip:before { border-bottom-color: white !important; } & .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important; } & .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important; } .dark & .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark & .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } & .apexcharts-tooltip-series-group.apexcharts-active { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark & .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } & .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { padding-top: 0.75rem !important; } & .apexcharts-legend { padding: 0 !important; } & .apexcharts-legend-text { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) & .apexcharts-legend-text { padding-right: 0.5rem !important; } & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark & .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } & .apexcharts-legend-series { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } & .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } } .apexcharts-tooltip { .apexcharts-canvas & { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas & { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .apexcharts-canvas & .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } :is([dir=rtl]) & .apexcharts-tooltip-marker { margin-right: 0px !important; margin-left: e !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: white !important; } } .datatable-top { .datatable-wrapper & { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width: 640px) { flex-direction: row-reverse; align-items: center; } } .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } } .datatable-dropdown { .datatable-wrapper .datatable-top & { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top & { color: var(--color-gray-400); } .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } } .datatable-selector { .datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } } .apexcharts-legend-series { .apexcharts-canvas & { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } } .apexcharts-tooltip-marker { :is([dir=rtl]) .apexcharts-tooltip & { margin-right: 0px !important; margin-left: e !important; } } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mr-auto { margin-right: auto; } .apexcharts-tooltip-title { .apexcharts-canvas .apexcharts-tooltip & { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } } .-mb-5 { margin-bottom: calc(var(--spacing) * -5); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-px { margin-bottom: 1px; } .apexcharts-xaxistooltip { .apexcharts-canvas & { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .apexcharts-canvas &:after { border-bottom-color: white !important; } .apexcharts-canvas &:before { border-bottom-color: white !important; } .apexcharts-canvas &:after { border-width: 8px !important; margin-left: -8px !important; } .apexcharts-canvas &:before { border-width: 10px !important; margin-left: -10px !important; } .dark .apexcharts-canvas &:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas &:before { border-bottom-color: var(--color-gray-700) !important; } } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-2\.5 { margin-left: calc(var(--spacing) * 2.5); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-auto { margin-left: auto; } .datatable-pagination-list { .datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .h-0 { height: calc(var(--spacing) * 0); } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-36 { height: calc(var(--spacing) * 36); } .h-48 { height: calc(var(--spacing) * 48); } .h-56 { height: calc(var(--spacing) * 56); } .h-64 { height: calc(var(--spacing) * 64); } .h-72 { height: calc(var(--spacing) * 72); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[1\.1rem\] { height: 1.1rem; } .h-\[5px\] { height: 5px; } .h-\[24px\] { height: 24px; } .h-\[32px\] { height: 32px; } .h-\[41px\] { height: 41px; } .h-\[46px\] { height: 46px; } .h-\[48px\] { height: 48px; } .h-\[52px\] { height: 52px; } .h-\[55px\] { height: 55px; } .h-\[63px\] { height: 63px; } .h-\[64px\] { height: 64px; } .h-\[140px\] { height: 140px; } .h-\[156px\] { height: 156px; } .h-\[172px\] { height: 172px; } .h-\[17px\] { height: 17px; } .h-\[18px\] { height: 18px; } .h-\[56px\] { height: 56px; } .h-\[78px\] { height: 78px; } .h-\[193px\] { height: 193px; } .h-\[213px\] { height: 213px; } .h-\[426px\] { height: 426px; } .h-\[454px\] { height: 454px; } .h-\[572px\] { height: 572px; } .h-\[600px\] { height: 600px; } .h-\[calc\(100\%-1rem\)\] { height: calc(100% - 1rem); } .h-\[calc\(100vh-5rem\)\] { height: calc(100vh - 5rem); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-72 { max-height: calc(var(--spacing) * 72); } .max-h-\[48px\] { max-height: 48px; } .max-h-full { max-height: 100%; } .datatable-table { .datatable-wrapper & { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark .datatable-wrapper & { color: var(--color-gray-400); } .datatable-wrapper & thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark .datatable-wrapper & thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .datatable-wrapper & thead th { white-space: nowrap; } .datatable-wrapper & thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper & thead th { text-transform: uppercase; } .datatable-wrapper & thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper & thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: white; } .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-700); } .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-empty { text-align: center; } } .w-1 { width: calc(var(--spacing) * 1); } .w-1\/2 { width: calc(1/2 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/4 { width: calc(2/4 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[1\.1rem\] { width: 1.1rem; } .w-\[208px\] { width: 208px; } .w-\[272px\] { width: 272px; } .w-\[300px\] { width: 300px; } .w-\[3px\] { width: 3px; } .w-\[6px\] { width: 6px; } .w-\[16rem\] { width: 16rem; } .w-\[48px\] { width: 48px; } .w-\[52px\] { width: 52px; } .w-\[56px\] { width: 56px; } .w-\[145px\] { width: 145px; } .w-\[148px\] { width: 148px; } .w-\[188px\] { width: 188px; } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); } .w-auto { width: auto; } .w-full { width: 100%; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--spacing-2xl); } .max-w-2xs { max-width: var(--container-2xs); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-8xl { max-width: var(--spacing-8xl); } .max-w-\[2\.5rem\] { max-width: 2.5rem; } .max-w-\[7rem\] { max-width: 7rem; } .max-w-\[8\.5rem\] { max-width: 8.5rem; } .max-w-\[8rem\] { max-width: 8rem; } .max-w-\[11rem\] { max-width: 11rem; } .max-w-\[23rem\] { max-width: 23rem; } .max-w-\[24rem\] { max-width: 24rem; } .max-w-\[48px\] { max-width: 48px; } .max-w-\[128px\] { max-width: 128px; } .max-w-\[133px\] { max-width: 133px; } .max-w-\[13rem\] { max-width: 13rem; } .max-w-\[16rem\] { max-width: 16rem; } .max-w-\[18rem\] { max-width: 18rem; } .max-w-\[83px\] { max-width: 83px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[301px\] { max-width: 301px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[326px\] { max-width: 326px; } .max-w-\[330px\] { max-width: 330px; } .max-w-\[341px\] { max-width: 341px; } .max-w-\[351px\] { max-width: 351px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[450px\] { max-width: 450px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[540px\] { max-width: 540px; } .max-w-\[640px\] { max-width: 640px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-screen-md { max-width: var(--breakpoint-md); } .max-w-screen-xl { max-width: var(--breakpoint-xl); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .datatable-input { .datatable-wrapper .datatable-search & { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .datatable-wrapper & { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search & { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper & { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper thead th & { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark .datatable-wrapper thead th & { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .datatable-wrapper .datatable-search &:focus { border-color: var(--color-blue-600); } } .datatable-search { .datatable-wrapper & .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper & .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-input:focus { border-color: var(--color-blue-600); } } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-\[4rem\] { min-width: 4rem; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .flex-auto { flex: auto; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .origin-\[0\] { transform-origin: 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-3 { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/2 { --tw-translate-y: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/4 { --tw-translate-y: calc(1/4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); } .transform-none { transform: none; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-16 { column-gap: calc(var(--spacing) * 16); } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .-space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse))); } } .-space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse))); } } .-space-x-px { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .space-x-0 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-0\.5 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-1\.5 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-2\.5 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-5 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-6 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-8 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } .divide-x { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } .divide-x-2 { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(2px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); } } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-gray-100 { :where(& > :not(:last-child)) { border-color: var(--color-gray-100); } } .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } } .divide-gray-300 { :where(& > :not(:last-child)) { border-color: var(--color-gray-300); } } .divide-gray-500 { :where(& > :not(:last-child)) { border-color: var(--color-gray-500); } } .place-self-center { place-self: center; } .self-center { align-self: center; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .datatable-container { .datatable-wrapper & thead tr.search-filtering-row th { padding-top: 0; } .datatable-wrapper & { overflow-x: auto; } } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-scroll { overflow-y: scroll; } .rounded { border-radius: 0.25rem; } .rounded-\[2\.5rem\] { border-radius: 2.5rem; } .rounded-\[2rem\] { border-radius: 2rem; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-s { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .rounded-s-full { border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); } .rounded-s-lg { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } .rounded-s-md { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); } .rounded-ss-lg { border-start-start-radius: var(--radius-lg); } .rounded-e { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .rounded-e-full { border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); } .rounded-e-lg { border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg); } .rounded-e-md { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } .rounded-e-xl { border-start-end-radius: var(--radius-xl); border-end-end-radius: var(--radius-xl); } .rounded-se-lg { border-start-end-radius: var(--radius-lg); } .rounded-es-xl { border-end-start-radius: var(--radius-xl); } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-\[2\.5rem\] { border-top-left-radius: 2.5rem; border-top-right-radius: 2.5rem; } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-\[1rem\] { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .rounded-b-\[2\.5rem\] { border-bottom-right-radius: 2.5rem; border-bottom-left-radius: 2.5rem; } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[8px\] { border-style: var(--tw-border-style); border-width: 8px; } .border-\[10px\] { border-style: var(--tw-border-style); border-width: 10px; } .border-\[14px\] { border-style: var(--tw-border-style); border-width: 14px; } .border-\[16px\] { border-style: var(--tw-border-style); border-width: 16px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .border-s-0 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0px; } .border-s-2 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 2px; } .border-s-4 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 4px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .border-e-0 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0px; } .border-e-2 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 2px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .dark { & .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } & .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } & .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } & .apexcharts-gridline { stroke: var(--color-gray-700) !important; } & .apexcharts-xcrosshairs { stroke: var(--color-gray-700) !important; } & .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important; } } .dark { & .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } & .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } & .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } & .datatable-wrapper .datatable-table { color: var(--color-gray-400); } & .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } & .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } & .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } & .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } & .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } & .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } } .\!border-blue-700 { border-color: var(--color-blue-700) !important; } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-600 { border-color: var(--color-blue-600); } .border-blue-700 { border-color: var(--color-blue-700); } .border-blue-800 { border-color: var(--color-blue-800); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-500 { border-color: var(--color-gray-500); } .border-gray-700 { border-color: var(--color-gray-700); } .border-gray-800 { border-color: var(--color-gray-800); } .border-gray-900 { border-color: var(--color-gray-900); } .border-green-300 { border-color: var(--color-green-300); } .border-green-400 { border-color: var(--color-green-400); } .border-green-500 { border-color: var(--color-green-500); } .border-green-600 { border-color: var(--color-green-600); } .border-green-700 { border-color: var(--color-green-700); } .border-green-800 { border-color: var(--color-green-800); } .border-indigo-400 { border-color: var(--color-indigo-400); } .border-pink-400 { border-color: var(--color-pink-400); } .border-purple-400 { border-color: var(--color-purple-400); } .border-purple-600 { border-color: var(--color-purple-600); } .border-purple-700 { border-color: var(--color-purple-700); } .border-red-300 { border-color: var(--color-red-300); } .border-red-400 { border-color: var(--color-red-400); } .border-red-500 { border-color: var(--color-red-500); } .border-red-600 { border-color: var(--color-red-600); } .border-red-700 { border-color: var(--color-red-700); } .border-red-800 { border-color: var(--color-red-800); } .border-transparent { border-color: transparent; } .border-white { border-color: var(--color-white); } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-yellow-400 { border-color: var(--color-yellow-400); } .border-yellow-800 { border-color: var(--color-yellow-800); } .border-s-gray-50 { border-inline-start-color: var(--color-gray-50); } .border-s-gray-100 { border-inline-start-color: var(--color-gray-100); } .border-e-gray-50 { border-inline-end-color: var(--color-gray-50); } .apexcharts-active { .apexcharts-canvas .apexcharts-tooltip-series-group& .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas .apexcharts-tooltip-series-group& { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip-series-group& { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip-series-group&:first-of-type { padding-top: 0.75rem !important; } } .apexcharts-tooltip-series-group { .apexcharts-canvas &.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas &.apexcharts-active { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas &.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas &.apexcharts-active:first-of-type { padding-top: 0.75rem !important; } } .\!bg-gray-50 { background-color: var(--color-gray-50) !important; } .\!bg-gray-200 { background-color: var(--color-gray-200) !important; } .bg-\[\#1da1f2\] { background-color: #1da1f2; } .bg-\[\#3b5998\] { background-color: #3b5998; } .bg-\[\#2557D6\] { background-color: #2557D6; } .bg-\[\#4285F4\] { background-color: #4285F4; } .bg-\[\#24292F\] { background-color: #24292F; } .bg-\[\#050708\] { background-color: #050708; } .bg-\[\#F7BE38\] { background-color: #F7BE38; } .bg-\[\#FF9119\] { background-color: #FF9119; } .bg-\[\#hex\] { background-color: #hex; } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-200 { background-color: var(--color-blue-200); } .bg-blue-300 { background-color: var(--color-blue-300); } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-700 { background-color: var(--color-blue-700); } .bg-blue-800 { background-color: var(--color-blue-800); } .bg-blue-900 { background-color: var(--color-blue-900); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/50 { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } .bg-gray-900\/90 { background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-200 { background-color: var(--color-green-200); } .bg-green-300 { background-color: var(--color-green-300); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-600 { background-color: var(--color-green-600); } .bg-green-700 { background-color: var(--color-green-700); } .bg-green-800 { background-color: var(--color-green-800); } .bg-green-900 { background-color: var(--color-green-900); } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-200 { background-color: var(--color-indigo-200); } .bg-indigo-300 { background-color: var(--color-indigo-300); } .bg-indigo-400 { background-color: var(--color-indigo-400); } .bg-indigo-500 { background-color: var(--color-indigo-500); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-indigo-700 { background-color: var(--color-indigo-700); } .bg-indigo-800 { background-color: var(--color-indigo-800); } .bg-indigo-900 { background-color: var(--color-indigo-900); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-300 { background-color: var(--color-orange-300); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-pink-50 { background-color: var(--color-pink-50); } .bg-pink-100 { background-color: var(--color-pink-100); } .bg-pink-200 { background-color: var(--color-pink-200); } .bg-pink-300 { background-color: var(--color-pink-300); } .bg-pink-400 { background-color: var(--color-pink-400); } .bg-pink-500 { background-color: var(--color-pink-500); } .bg-pink-600 { background-color: var(--color-pink-600); } .bg-pink-700 { background-color: var(--color-pink-700); } .bg-pink-800 { background-color: var(--color-pink-800); } .bg-pink-900 { background-color: var(--color-pink-900); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-200 { background-color: var(--color-purple-200); } .bg-purple-300 { background-color: var(--color-purple-300); } .bg-purple-400 { background-color: var(--color-purple-400); } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-purple-700 { background-color: var(--color-purple-700); } .bg-purple-800 { background-color: var(--color-purple-800); } .bg-purple-900 { background-color: var(--color-purple-900); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-200 { background-color: var(--color-red-200); } .bg-red-300 { background-color: var(--color-red-300); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-700 { background-color: var(--color-red-700); } .bg-red-800 { background-color: var(--color-red-800); } .bg-red-900 { background-color: var(--color-red-900); } .bg-teal-50 { background-color: var(--color-teal-50); } .bg-teal-100 { background-color: var(--color-teal-100); } .bg-teal-500 { background-color: var(--color-teal-500); } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-200 { background-color: var(--color-yellow-200); } .bg-yellow-300 { background-color: var(--color-yellow-300); } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-600 { background-color: var(--color-yellow-600); } .bg-yellow-700 { background-color: var(--color-yellow-700); } .bg-yellow-800 { background-color: var(--color-yellow-800); } .bg-yellow-900 { background-color: var(--color-yellow-900); } .dark { & .selectedCell { background-color: var(--color-gray-700); } } .selected { .datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-700); } } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/conference\.jpg\'\)\] { background-image: url('https://flowbite.s3.amazonaws.com/docs/jumbotron/conference.jpg'); } .bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern\.svg\'\)\] { background-image: url('https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern.svg'); } .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-cyan-400 { --tw-gradient-from: var(--color-cyan-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-cyan-500 { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-400 { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-lime-200 { --tw-gradient-from: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-400 { --tw-gradient-from: var(--color-pink-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-500 { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-600 { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-200 { --tw-gradient-from: var(--color-red-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-400 { --tw-gradient-from: var(--color-red-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-sky-400 { --tw-gradient-from: var(--color-sky-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-200 { --tw-gradient-from: var(--color-teal-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-300 { --tw-gradient-from: var(--color-teal-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-400 { --tw-gradient-from: var(--color-teal-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-blue-600 { --tw-gradient-via: var(--color-blue-600); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-cyan-500 { --tw-gradient-via: var(--color-cyan-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-green-500 { --tw-gradient-via: var(--color-green-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-lime-400 { --tw-gradient-via: var(--color-lime-400); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-pink-500 { --tw-gradient-via: var(--color-pink-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-purple-600 { --tw-gradient-via: var(--color-purple-600); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-red-300 { --tw-gradient-via: var(--color-red-300); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-red-500 { --tw-gradient-via: var(--color-red-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-teal-500 { --tw-gradient-via: var(--color-teal-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-blue-500 { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-700 { --tw-gradient-to: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-600 { --tw-gradient-to: var(--color-cyan-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-600 { --tw-gradient-to: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-600 { --tw-gradient-to: var(--color-green-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-lime-200 { --tw-gradient-to: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-lime-300 { --tw-gradient-to: var(--color-lime-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-lime-500 { --tw-gradient-to: var(--color-lime-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-400 { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-600 { --tw-gradient-to: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-700 { --tw-gradient-to: var(--color-purple-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-600 { --tw-gradient-to: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-600 { --tw-gradient-to: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-200 { --tw-gradient-to: var(--color-yellow-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-cover { background-size: cover; } .bg-local { background-attachment: local; } .bg-clip-text { background-clip: text; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .apexcharts-text { .apexcharts-datalabels-group &.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem,[object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group &.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas .apexcharts-datalabels-group &.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group &.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-datalabels &.apexcharts-pie-label { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } } .apexcharts-datalabel-label { .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-400) !important; } } .apexcharts-datalabel-value { .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-900) !important; font-size: 1.875rem,[object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: white !important; } } .apexcharts-datalabels-group { & .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem,[object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } } .fill-blue-600 { fill: var(--color-blue-600); } .fill-gray-500 { fill: var(--color-gray-500); } .fill-gray-600 { fill: var(--color-gray-600); } .fill-green-500 { fill: var(--color-green-500); } .fill-pink-600 { fill: var(--color-pink-600); } .fill-purple-600 { fill: var(--color-purple-600); } .fill-red-600 { fill: var(--color-red-600); } .fill-yellow-400 { fill: var(--color-yellow-400); } .apexcharts-gridline { stroke: var(--color-gray-200) !important; .dark & { stroke: var(--color-gray-700) !important; } } .apexcharts-xcrosshairs { stroke: var(--color-gray-200) !important; .dark & { stroke: var(--color-gray-700) !important; } } .apexcharts-ycrosshairs { stroke: var(--color-gray-200) !important; .dark & { stroke: var(--color-gray-700) !important; } } .object-cover { object-fit: cover; } .\!p-0 { padding: calc(var(--spacing) * 0) !important; } .apexcharts-legend { .apexcharts-canvas & { padding: 0 !important; } } .apexcharts-tooltip-y-group { .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active & { padding: 0 !important; } } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-px { padding: 1px; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-16 { padding-inline: calc(var(--spacing) * 16); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-48 { padding-block: calc(var(--spacing) * 48); } .py-px { padding-block: 1px; } .ps-0 { padding-inline-start: calc(var(--spacing) * 0); } .ps-1\.5 { padding-inline-start: calc(var(--spacing) * 1.5); } .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } .ps-2\.5 { padding-inline-start: calc(var(--spacing) * 2.5); } .ps-3 { padding-inline-start: calc(var(--spacing) * 3); } .ps-3\.5 { padding-inline-start: calc(var(--spacing) * 3.5); } .ps-4 { padding-inline-start: calc(var(--spacing) * 4); } .ps-5 { padding-inline-start: calc(var(--spacing) * 5); } .ps-6 { padding-inline-start: calc(var(--spacing) * 6); } .ps-10 { padding-inline-start: calc(var(--spacing) * 10); } .pe-0 { padding-inline-end: calc(var(--spacing) * 0); } .pe-1 { padding-inline-end: calc(var(--spacing) * 1); } .pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .pe-3\.5 { padding-inline-end: calc(var(--spacing) * 3.5); } .pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .pe-5 { padding-inline-end: calc(var(--spacing) * 5); } .pe-10 { padding-inline-end: calc(var(--spacing) * 10); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pt-36 { padding-top: calc(var(--spacing) * 36); } .pt-52 { padding-top: calc(var(--spacing) * 52); } .pt-60 { padding-top: calc(var(--spacing) * 60); } .pt-64 { padding-top: calc(var(--spacing) * 64); } .pt-80 { padding-top: calc(var(--spacing) * 80); } .search-filtering-row { .datatable-wrapper .datatable-container thead tr& th { padding-top: 0; } } .apexcharts-legend-text { .apexcharts-canvas & { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) .apexcharts-canvas & { padding-right: 0.5rem !important; } .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: white !important; } } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-48 { padding-bottom: calc(var(--spacing) * 48); } .pb-96 { padding-bottom: calc(var(--spacing) * 96); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-11 { padding-left: calc(var(--spacing) * 11); } .datatable-empty { .datatable-wrapper .datatable-table & { text-align: center; } } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-left { text-align: left; } .text-right { text-align: right; } .font-sans { font-family: var(--font-sans); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-2xs { font-size: var(--text-2xs); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } .text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .apexcharts-datalabels { .apexcharts-canvas & .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } } .apexcharts-pie-label { .apexcharts-canvas .apexcharts-datalabels .apexcharts-text& { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } } .apexcharts-tooltip-text-y-label { .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-400) !important; } } .apexcharts-tooltip-text-y-value { .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { color: white !important; } } .apexcharts-xaxistooltip-text { .apexcharts-canvas & { font-weight: 400 !important; font-size: 0.875rem !important; } } .datatable-info { .datatable-wrapper .datatable-bottom & { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom & { color: var(--color-gray-400); } } .leading-1\.5 { --tw-leading: calc(var(--spacing) * 1.5); line-height: calc(var(--spacing) * 1.5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-loose { --tw-leading: var(--leading-loose); line-height: var(--leading-loose); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .break-all { word-break: break-all; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .datatable-sorter { .datatable-wrapper .datatable-table thead th & { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th &:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending & { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th &:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending & { color: white; } } .\!text-blue-700 { color: var(--color-blue-700) !important; } .datatable-ascending { .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: white; } } .datatable-descending { .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: white; } } .text-\[\#1434CB\] { color: #1434CB; } .text-\[\#626890\] { color: #626890; } .text-\[\#ff2d20\] { color: #ff2d20; } .text-blue-50 { color: var(--color-blue-50); } .text-blue-100 { color: var(--color-blue-100); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-600\/25 { color: color-mix(in oklab, var(--color-blue-600) 25%, transparent); } .text-blue-600\/50 { color: color-mix(in oklab, var(--color-blue-600) 50%, transparent); } .text-blue-600\/75 { color: color-mix(in oklab, var(--color-blue-600) 75%, transparent); } .text-blue-600\/100 { color: color-mix(in oklab, var(--color-blue-600) 100%, transparent); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-gray-200 { color: var(--color-gray-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-green-900 { color: var(--color-green-900); } .text-indigo-400 { color: var(--color-indigo-400); } .text-indigo-700 { color: var(--color-indigo-700); } .text-indigo-800 { color: var(--color-indigo-800); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-600 { color: var(--color-orange-600); } .text-orange-800 { color: var(--color-orange-800); } .text-pink-400 { color: var(--color-pink-400); } .text-pink-800 { color: var(--color-pink-800); } .text-purple-400 { color: var(--color-purple-400); } .text-purple-600 { color: var(--color-purple-600); } .text-purple-700 { color: var(--color-purple-700); } .text-purple-800 { color: var(--color-purple-800); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-red-900 { color: var(--color-red-900); } .text-sky-500 { color: var(--color-sky-500); } .text-teal-600 { color: var(--color-teal-600); } .text-transparent { color: transparent; } .text-white { color: var(--color-white); } .text-yellow-300 { color: var(--color-yellow-300); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .decoration-blue-400 { text-decoration-color: var(--color-blue-400); } .decoration-blue-500 { text-decoration-color: var(--color-blue-500); } .decoration-gray-500 { text-decoration-color: var(--color-gray-500); } .decoration-green-500 { text-decoration-color: var(--color-green-500); } .decoration-indigo-500 { text-decoration-color: var(--color-indigo-500); } .decoration-red-500 { text-decoration-color: var(--color-red-500); } .decoration-sky-500 { text-decoration-color: var(--color-sky-500); } .decoration-dashed { text-decoration-style: dashed; } .decoration-dotted { text-decoration-style: dotted; } .decoration-double { text-decoration-style: double; } .decoration-wavy { text-decoration-style: wavy; } .decoration-8 { text-decoration-thickness: 8px; } .underline-offset-3 { text-underline-offset: 3px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-green-700 { &::placeholder { color: var(--color-green-700); } } .placeholder-red-700 { &::placeholder { color: var(--color-red-700); } } .opacity-0 { opacity: 0%; } .opacity-20 { opacity: 20%; } .opacity-100 { opacity: 100%; } .bg-blend-multiply { background-blend-mode: multiply; } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-8 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-blue-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } .shadow-cyan-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent); } .shadow-green-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-green-500) 50%, transparent); } .shadow-lime-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-lime-500) 50%, transparent); } .shadow-pink-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-pink-500) 50%, transparent); } .shadow-purple-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent); } .shadow-red-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } .shadow-teal-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent); } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-white { --tw-ring-color: var(--color-white); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-xs { --tw-blur: blur(var(--blur-xs)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .format-blue { --tw-format-links: oklch(0.546 0.245 262.881); --tw-format-invert-links: oklch(0.623 0.214 259.815); } .format-red { --tw-format-links: oklch(0.577 0.245 27.325); --tw-format-invert-links: oklch(0.637 0.237 25.331); } .group-hover\:rotate-45 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 45deg; } } } .group-hover\:bg-gray-50 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-gray-50); } } } .group-hover\:bg-transparent { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: transparent; } } } .group-hover\:bg-white\/50 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } .group-hover\:from-cyan-500 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:from-green-400 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:from-pink-500 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:from-purple-500 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:from-purple-600 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:from-red-200 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-from: var(--color-red-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:from-teal-300 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-from: var(--color-teal-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:via-red-300 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-via: var(--color-red-300); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } } .group-hover\:to-blue-500 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:to-blue-600 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:to-lime-300 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-to: var(--color-lime-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:to-orange-400 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:to-pink-500 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:to-yellow-200 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-to: var(--color-yellow-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:text-blue-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-600); } } } .group-hover\:text-gray-500 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-500); } } } .group-hover\:text-gray-900 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-900); } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-focus\:text-gray-900 { &:is(:where(.group):focus *) { color: var(--color-gray-900); } } .group-focus\:ring-4 { &:is(:where(.group):focus *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-focus\:ring-white { &:is(:where(.group):focus *) { --tw-ring-color: var(--color-white); } } .group-focus\:outline-none { &:is(:where(.group):focus *) { --tw-outline-style: none; outline-style: none; } } .peer-checked\:border-blue-600 { &:is(:where(.peer):checked ~ *) { border-color: var(--color-blue-600); } } .peer-checked\:border-blue-700 { &:is(:where(.peer):checked ~ *) { border-color: var(--color-blue-700); } } .peer-checked\:bg-blue-50 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-50); } } .peer-checked\:bg-blue-600 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-600); } } .peer-checked\:bg-green-600 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-green-600); } } .peer-checked\:bg-orange-500 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-orange-500); } } .peer-checked\:bg-purple-600 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-purple-600); } } .peer-checked\:bg-red-600 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-red-600); } } .peer-checked\:bg-teal-600 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-teal-600); } } .peer-checked\:bg-yellow-400 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-yellow-400); } } .peer-checked\:text-blue-600 { &:is(:where(.peer):checked ~ *) { color: var(--color-blue-600); } } .peer-checked\:text-blue-700 { &:is(:where(.peer):checked ~ *) { color: var(--color-blue-700); } } .peer-checked\:text-gray-600 { &:is(:where(.peer):checked ~ *) { color: var(--color-gray-600); } } .peer-checked\:text-white { &:is(:where(.peer):checked ~ *) { color: var(--color-white); } } .peer-placeholder-shown\:start-6 { &:is(:where(.peer):placeholder-shown ~ *) { inset-inline-start: calc(var(--spacing) * 6); } } .peer-placeholder-shown\:top-1\/2 { &:is(:where(.peer):placeholder-shown ~ *) { top: calc(1/2 * 100%); } } .peer-placeholder-shown\:-translate-y-1\/2 { &:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-placeholder-shown\:translate-y-0 { &:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-placeholder-shown\:scale-100 { &:is(:where(.peer):placeholder-shown ~ *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .peer-focus\:start-0 { &:is(:where(.peer):focus ~ *) { inset-inline-start: calc(var(--spacing) * 0); } } .peer-focus\:top-1 { &:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * 1); } } .peer-focus\:top-2 { &:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * 2); } } .peer-focus\:-translate-y-3 { &:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-focus\:-translate-y-4 { &:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-focus\:-translate-y-6 { &:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-focus\:scale-75 { &:is(:where(.peer):focus ~ *) { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .peer-focus\:px-2 { &:is(:where(.peer):focus ~ *) { padding-inline: calc(var(--spacing) * 2); } } .peer-focus\:font-medium { &:is(:where(.peer):focus ~ *) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .peer-focus\:text-blue-600 { &:is(:where(.peer):focus ~ *) { color: var(--color-blue-600); } } .peer-focus\:ring-4 { &:is(:where(.peer):focus ~ *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .peer-focus\:ring-blue-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-blue-300); } } .peer-focus\:ring-green-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-green-300); } } .peer-focus\:ring-orange-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-orange-300); } } .peer-focus\:ring-purple-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-purple-300); } } .peer-focus\:ring-red-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-red-300); } } .peer-focus\:ring-teal-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-teal-300); } } .peer-focus\:ring-yellow-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-yellow-300); } } .peer-focus\:outline-none { &:is(:where(.peer):focus ~ *) { --tw-outline-style: none; outline-style: none; } } .first-letter\:float-start { &::first-letter { float: inline-start; } } .first-letter\:me-3 { &::first-letter { margin-inline-end: calc(var(--spacing) * 3); } } .first-letter\:text-7xl { &::first-letter { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } } .first-letter\:font-bold { &::first-letter { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .first-letter\:text-gray-900 { &::first-letter { color: var(--color-gray-900); } } .first-line\:tracking-widest { &::first-line { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } } .first-line\:uppercase { &::first-line { text-transform: uppercase; } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:start-\[2px\] { &::after { content: var(--tw-content); inset-inline-start: 2px; } } .after\:start-\[4px\] { &::after { content: var(--tw-content); inset-inline-start: 4px; } } .after\:top-0\.5 { &::after { content: var(--tw-content); top: calc(var(--spacing) * 0.5); } } .after\:top-\[2px\] { &::after { content: var(--tw-content); top: 2px; } } .after\:mx-2 { &::after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 2); } } .after\:mx-6 { &::after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 6); } } .after\:hidden { &::after { content: var(--tw-content); display: none; } } .after\:inline-block { &::after { content: var(--tw-content); display: inline-block; } } .after\:h-1 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 1); } } .after\:h-4 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 4); } } .after\:h-5 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 5); } } .after\:h-6 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 6); } } .after\:w-4 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 4); } } .after\:w-5 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 5); } } .after\:w-6 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 6); } } .after\:w-full { &::after { content: var(--tw-content); width: 100%; } } .after\:rounded-full { &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .after\:border { &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } } .after\:border-1 { &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } } .after\:border-4 { &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 4px; } } .after\:border-b { &::after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .after\:border-blue-100 { &::after { content: var(--tw-content); border-color: var(--color-blue-100); } } .after\:border-gray-100 { &::after { content: var(--tw-content); border-color: var(--color-gray-100); } } .after\:border-gray-200 { &::after { content: var(--tw-content); border-color: var(--color-gray-200); } } .after\:border-gray-300 { &::after { content: var(--tw-content); border-color: var(--color-gray-300); } } .after\:bg-white { &::after { content: var(--tw-content); background-color: var(--color-white); } } .after\:text-gray-200 { &::after { content: var(--tw-content); color: var(--color-gray-200); } } .after\:transition-all { &::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .after\:content-\[\'\'\] { &::after { content: var(--tw-content); --tw-content: ''; content: var(--tw-content); } } .after\:content-\[\'\/\'\] { &::after { content: var(--tw-content); --tw-content: '/'; content: var(--tw-content); } } .peer-checked\:after\:translate-x-full { &:is(:where(.peer):checked ~ *) { &::after { content: var(--tw-content); --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .peer-checked\:after\:border-white { &:is(:where(.peer):checked ~ *) { &::after { content: var(--tw-content); border-color: var(--color-white); } } } .odd\:bg-white { &:nth-child(odd) { background-color: var(--color-white); } } .even\:bg-gray-50 { &:nth-child(even) { background-color: var(--color-gray-50); } } .focus-within\:z-10 { &:focus-within { z-index: 10; } } .hover\:border-blue-700 { &:hover { @media (hover: hover) { border-color: var(--color-blue-700); } } } .hover\:border-blue-800 { &:hover { @media (hover: hover) { border-color: var(--color-blue-800); } } } .hover\:border-gray-200 { &:hover { @media (hover: hover) { border-color: var(--color-gray-200); } } } .hover\:border-gray-300 { &:hover { @media (hover: hover) { border-color: var(--color-gray-300); } } } .hover\:bg-\[\#1da1f2\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #1da1f2 90%, transparent); } } } .hover\:bg-\[\#3b5998\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #3b5998 90%, transparent); } } } .hover\:bg-\[\#2557D6\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #2557D6 90%, transparent); } } } .hover\:bg-\[\#4285F4\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #4285F4 90%, transparent); } } } .hover\:bg-\[\#24292F\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #24292F 90%, transparent); } } } .hover\:bg-\[\#050708\]\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #050708 80%, transparent); } } } .hover\:bg-\[\#050708\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #050708 90%, transparent); } } } .hover\:bg-\[\#F7BE38\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #F7BE38 90%, transparent); } } } .hover\:bg-\[\#FF9119\]\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #FF9119 80%, transparent); } } } .hover\:bg-blue-100 { &:hover { @media (hover: hover) { background-color: var(--color-blue-100); } } } .hover\:bg-blue-200 { &:hover { @media (hover: hover) { background-color: var(--color-blue-200); } } } .hover\:bg-blue-500 { &:hover { @media (hover: hover) { background-color: var(--color-blue-500); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-blue-800 { &:hover { @media (hover: hover) { background-color: var(--color-blue-800); } } } .hover\:bg-blue-900 { &:hover { @media (hover: hover) { background-color: var(--color-blue-900); } } } .hover\:bg-gray-50 { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } .hover\:bg-gray-100 { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } .hover\:bg-gray-200 { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } .hover\:bg-gray-300 { &:hover { @media (hover: hover) { background-color: var(--color-gray-300); } } } .hover\:bg-gray-500 { &:hover { @media (hover: hover) { background-color: var(--color-gray-500); } } } .hover\:bg-gray-600 { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } .hover\:bg-gray-700 { &:hover { @media (hover: hover) { background-color: var(--color-gray-700); } } } .hover\:bg-gray-800 { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } .hover\:bg-gray-900 { &:hover { @media (hover: hover) { background-color: var(--color-gray-900); } } } .hover\:bg-gray-900\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } } .hover\:bg-green-200 { &:hover { @media (hover: hover) { background-color: var(--color-green-200); } } } .hover\:bg-green-800 { &:hover { @media (hover: hover) { background-color: var(--color-green-800); } } } .hover\:bg-green-900 { &:hover { @media (hover: hover) { background-color: var(--color-green-900); } } } .hover\:bg-indigo-200 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-200); } } } .hover\:bg-pink-200 { &:hover { @media (hover: hover) { background-color: var(--color-pink-200); } } } .hover\:bg-purple-200 { &:hover { @media (hover: hover) { background-color: var(--color-purple-200); } } } .hover\:bg-purple-800 { &:hover { @media (hover: hover) { background-color: var(--color-purple-800); } } } .hover\:bg-red-200 { &:hover { @media (hover: hover) { background-color: var(--color-red-200); } } } .hover\:bg-red-800 { &:hover { @media (hover: hover) { background-color: var(--color-red-800); } } } .hover\:bg-red-900 { &:hover { @media (hover: hover) { background-color: var(--color-red-900); } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-white\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } .hover\:bg-yellow-200 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-200); } } } .hover\:bg-yellow-500 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-500); } } } .hover\:bg-yellow-900 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-900); } } } .hover\:bg-gradient-to-bl { &:hover { @media (hover: hover) { --tw-gradient-position: to bottom left in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:bg-gradient-to-br { &:hover { @media (hover: hover) { --tw-gradient-position: to bottom right in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:bg-gradient-to-l { &:hover { @media (hover: hover) { --tw-gradient-position: to left in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:from-teal-200 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-teal-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-lime-200 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:\!text-blue-700 { &:hover { @media (hover: hover) { color: var(--color-blue-700) !important; } } } .hover\:text-blue-600 { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } .hover\:text-blue-700 { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } .hover\:text-blue-800 { &:hover { @media (hover: hover) { color: var(--color-blue-800); } } } .hover\:text-blue-900 { &:hover { @media (hover: hover) { color: var(--color-blue-900); } } } .hover\:text-gray-500 { &:hover { @media (hover: hover) { color: var(--color-gray-500); } } } .hover\:text-gray-600 { &:hover { @media (hover: hover) { color: var(--color-gray-600); } } } .hover\:text-gray-700 { &:hover { @media (hover: hover) { color: var(--color-gray-700); } } } .hover\:text-gray-800 { &:hover { @media (hover: hover) { color: var(--color-gray-800); } } } .hover\:text-gray-900 { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } .hover\:text-green-900 { &:hover { @media (hover: hover) { color: var(--color-green-900); } } } .hover\:text-indigo-900 { &:hover { @media (hover: hover) { color: var(--color-indigo-900); } } } .hover\:text-pink-900 { &:hover { @media (hover: hover) { color: var(--color-pink-900); } } } .hover\:text-purple-600 { &:hover { @media (hover: hover) { color: var(--color-purple-600); } } } .hover\:text-purple-900 { &:hover { @media (hover: hover) { color: var(--color-purple-900); } } } .hover\:text-red-900 { &:hover { @media (hover: hover) { color: var(--color-red-900); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:text-yellow-900 { &:hover { @media (hover: hover) { color: var(--color-yellow-900); } } } .hover\:no-underline { &:hover { @media (hover: hover) { text-decoration-line: none; } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:bg-blend-soft-light { &:hover { @media (hover: hover) { background-blend-mode: soft-light; } } } .hover\:shadow { &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:blur-none { &:hover { @media (hover: hover) { --tw-blur: ; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } } .hover\:grayscale-0 { &:hover { @media (hover: hover) { --tw-grayscale: grayscale(0%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } } .focus\:z-10 { &:focus { z-index: 10; } } .focus\:border-blue-500 { &:focus { border-color: var(--color-blue-500); } } .focus\:border-blue-600 { &:focus { border-color: var(--color-blue-600); } } .focus\:border-gray-200 { &:focus { border-color: var(--color-gray-200); } } .focus\:border-green-500 { &:focus { border-color: var(--color-green-500); } } .focus\:border-green-600 { &:focus { border-color: var(--color-green-600); } } .focus\:border-red-500 { &:focus { border-color: var(--color-red-500); } } .focus\:border-red-600 { &:focus { border-color: var(--color-red-600); } } .focus\:bg-gray-100 { &:focus { background-color: var(--color-gray-100); } } .focus\:bg-gray-900 { &:focus { background-color: var(--color-gray-900); } } .focus\:text-blue-700 { &:focus { color: var(--color-blue-700); } } .focus\:text-white { &:focus { color: var(--color-white); } } .focus\:ring-0 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-2 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-3 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-4 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-\[\#1da1f2\]\/50 { &:focus { --tw-ring-color: color-mix(in oklab, #1da1f2 50%, transparent); } } .focus\:ring-\[\#3b5998\]\/50 { &:focus { --tw-ring-color: color-mix(in oklab, #3b5998 50%, transparent); } } .focus\:ring-\[\#2557D6\]\/50 { &:focus { --tw-ring-color: color-mix(in oklab, #2557D6 50%, transparent); } } .focus\:ring-\[\#4285F4\]\/50 { &:focus { --tw-ring-color: color-mix(in oklab, #4285F4 50%, transparent); } } .focus\:ring-\[\#24292F\]\/50 { &:focus { --tw-ring-color: color-mix(in oklab, #24292F 50%, transparent); } } .focus\:ring-\[\#050708\]\/50 { &:focus { --tw-ring-color: color-mix(in oklab, #050708 50%, transparent); } } .focus\:ring-\[\#F7BE38\]\/50 { &:focus { --tw-ring-color: color-mix(in oklab, #F7BE38 50%, transparent); } } .focus\:ring-\[\#FF9119\]\/50 { &:focus { --tw-ring-color: color-mix(in oklab, #FF9119 50%, transparent); } } .focus\:ring-blue-200 { &:focus { --tw-ring-color: var(--color-blue-200); } } .focus\:ring-blue-300 { &:focus { --tw-ring-color: var(--color-blue-300); } } .focus\:ring-blue-400 { &:focus { --tw-ring-color: var(--color-blue-400); } } .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } .focus\:ring-blue-600 { &:focus { --tw-ring-color: var(--color-blue-600); } } .focus\:ring-blue-700 { &:focus { --tw-ring-color: var(--color-blue-700); } } .focus\:ring-cyan-200 { &:focus { --tw-ring-color: var(--color-cyan-200); } } .focus\:ring-cyan-300 { &:focus { --tw-ring-color: var(--color-cyan-300); } } .focus\:ring-gray-50 { &:focus { --tw-ring-color: var(--color-gray-50); } } .focus\:ring-gray-100 { &:focus { --tw-ring-color: var(--color-gray-100); } } .focus\:ring-gray-200 { &:focus { --tw-ring-color: var(--color-gray-200); } } .focus\:ring-gray-300 { &:focus { --tw-ring-color: var(--color-gray-300); } } .focus\:ring-gray-400 { &:focus { --tw-ring-color: var(--color-gray-400); } } .focus\:ring-gray-500 { &:focus { --tw-ring-color: var(--color-gray-500); } } .focus\:ring-gray-700 { &:focus { --tw-ring-color: var(--color-gray-700); } } .focus\:ring-green-200 { &:focus { --tw-ring-color: var(--color-green-200); } } .focus\:ring-green-300 { &:focus { --tw-ring-color: var(--color-green-300); } } .focus\:ring-green-400 { &:focus { --tw-ring-color: var(--color-green-400); } } .focus\:ring-green-500 { &:focus { --tw-ring-color: var(--color-green-500); } } .focus\:ring-lime-200 { &:focus { --tw-ring-color: var(--color-lime-200); } } .focus\:ring-lime-300 { &:focus { --tw-ring-color: var(--color-lime-300); } } .focus\:ring-orange-500 { &:focus { --tw-ring-color: var(--color-orange-500); } } .focus\:ring-pink-200 { &:focus { --tw-ring-color: var(--color-pink-200); } } .focus\:ring-pink-300 { &:focus { --tw-ring-color: var(--color-pink-300); } } .focus\:ring-purple-200 { &:focus { --tw-ring-color: var(--color-purple-200); } } .focus\:ring-purple-300 { &:focus { --tw-ring-color: var(--color-purple-300); } } .focus\:ring-purple-500 { &:focus { --tw-ring-color: var(--color-purple-500); } } .focus\:ring-red-100 { &:focus { --tw-ring-color: var(--color-red-100); } } .focus\:ring-red-300 { &:focus { --tw-ring-color: var(--color-red-300); } } .focus\:ring-red-400 { &:focus { --tw-ring-color: var(--color-red-400); } } .focus\:ring-red-500 { &:focus { --tw-ring-color: var(--color-red-500); } } .focus\:ring-teal-300 { &:focus { --tw-ring-color: var(--color-teal-300); } } .focus\:ring-teal-500 { &:focus { --tw-ring-color: var(--color-teal-500); } } .focus\:ring-yellow-300 { &:focus { --tw-ring-color: var(--color-yellow-300); } } .focus\:ring-yellow-400 { &:focus { --tw-ring-color: var(--color-yellow-400); } } .focus\:ring-yellow-500 { &:focus { --tw-ring-color: var(--color-yellow-500); } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .sm\:order-last { @media (width >= 40rem) { order: calc(infinity); } } .sm\:col-span-1 { @media (width >= 40rem) { grid-column: span 1 / span 1; } } .sm\:col-span-3 { @media (width >= 40rem) { grid-column: span 3 / span 3; } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:mx-auto { @media (width >= 40rem) { margin-inline: auto; } } .sm\:ms-2 { @media (width >= 40rem) { margin-inline-start: calc(var(--spacing) * 2); } } .sm\:ms-4 { @media (width >= 40rem) { margin-inline-start: calc(var(--spacing) * 4); } } .sm\:ms-7 { @media (width >= 40rem) { margin-inline-start: calc(var(--spacing) * 7); } } .sm\:ms-auto { @media (width >= 40rem) { margin-inline-start: auto; } } .sm\:mt-0 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 0); } } .sm\:mb-0 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 0); } } .sm\:mb-4 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 4); } } .sm\:mb-5 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 5); } } .sm\:ml-3 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 3); } } .sm\:ml-64 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 64); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:grid { @media (width >= 40rem) { display: grid; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:inline-flex { @media (width >= 40rem) { display: inline-flex; } } .sm\:h-4 { @media (width >= 40rem) { height: calc(var(--spacing) * 4); } } .sm\:h-7 { @media (width >= 40rem) { height: calc(var(--spacing) * 7); } } .sm\:h-9 { @media (width >= 40rem) { height: calc(var(--spacing) * 9); } } .sm\:h-64 { @media (width >= 40rem) { height: calc(var(--spacing) * 64); } } .sm\:h-96 { @media (width >= 40rem) { height: calc(var(--spacing) * 96); } } .sm\:w-4 { @media (width >= 40rem) { width: calc(var(--spacing) * 4); } } .sm\:w-96 { @media (width >= 40rem) { width: calc(var(--spacing) * 96); } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:max-w-\[15rem\] { @media (width >= 40rem) { max-width: 15rem; } } .sm\:translate-x-0 { @media (width >= 40rem) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-center { @media (width >= 40rem) { justify-content: center; } } .sm\:gap-6 { @media (width >= 40rem) { gap: calc(var(--spacing) * 6); } } .sm\:space-y-0 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .sm\:space-x-3 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } } .sm\:space-x-4 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } } .sm\:space-x-5 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); } } } .sm\:space-x-8 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } } .sm\:divide-x { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } } .sm\:rounded-lg { @media (width >= 40rem) { border-radius: var(--radius-lg); } } .sm\:border-s { @media (width >= 40rem) { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } } .sm\:border-r { @media (width >= 40rem) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .sm\:border-b-0 { @media (width >= 40rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .sm\:p-4 { @media (width >= 40rem) { padding: calc(var(--spacing) * 4); } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .sm\:p-8 { @media (width >= 40rem) { padding: calc(var(--spacing) * 8); } } .sm\:px-4 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 4); } } .sm\:px-5 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 5); } } .sm\:px-16 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 16); } } .sm\:py-4 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 4); } } .sm\:py-16 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 16); } } .sm\:ps-2 { @media (width >= 40rem) { padding-inline-start: calc(var(--spacing) * 2); } } .sm\:ps-4 { @media (width >= 40rem) { padding-inline-start: calc(var(--spacing) * 4); } } .sm\:ps-5 { @media (width >= 40rem) { padding-inline-start: calc(var(--spacing) * 5); } } .sm\:pe-4 { @media (width >= 40rem) { padding-inline-end: calc(var(--spacing) * 4); } } .sm\:pe-8 { @media (width >= 40rem) { padding-inline-end: calc(var(--spacing) * 8); } } .sm\:pt-4 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 4); } } .sm\:pb-4 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 4); } } .sm\:text-center { @media (width >= 40rem) { text-align: center; } } .sm\:text-2xl { @media (width >= 40rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .sm\:text-base { @media (width >= 40rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .sm\:text-lg { @media (width >= 40rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .sm\:text-xl { @media (width >= 40rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .sm\:ring-8 { @media (width >= 40rem) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .sm\:after\:hidden { @media (width >= 40rem) { &::after { content: var(--tw-content); display: none; } } } .sm\:after\:inline-block { @media (width >= 40rem) { &::after { content: var(--tw-content); display: inline-block; } } } .sm\:after\:content-\[\'\'\] { @media (width >= 40rem) { &::after { content: var(--tw-content); --tw-content: ''; content: var(--tw-content); } } } .md\:absolute { @media (width >= 48rem) { position: absolute; } } .md\:relative { @media (width >= 48rem) { position: relative; } } .md\:inset-0 { @media (width >= 48rem) { inset: calc(var(--spacing) * 0); } } .md\:end-auto { @media (width >= 48rem) { inset-inline-end: auto; } } .md\:top-auto { @media (width >= 48rem) { top: auto; } } .md\:order-1 { @media (width >= 48rem) { order: 1; } } .md\:order-2 { @media (width >= 48rem) { order: 2; } } .md\:m-0 { @media (width >= 48rem) { margin: calc(var(--spacing) * 0); } } .md\:mx-2 { @media (width >= 48rem) { margin-inline: calc(var(--spacing) * 2); } } .md\:my-0 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 0); } } .md\:my-10 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 10); } } .md\:my-12 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 12); } } .md\:ms-1 { @media (width >= 48rem) { margin-inline-start: calc(var(--spacing) * 1); } } .md\:ms-2 { @media (width >= 48rem) { margin-inline-start: calc(var(--spacing) * 2); } } .md\:me-0 { @media (width >= 48rem) { margin-inline-end: calc(var(--spacing) * 0); } } .md\:me-4 { @media (width >= 48rem) { margin-inline-end: calc(var(--spacing) * 4); } } .md\:me-6 { @media (width >= 48rem) { margin-inline-end: calc(var(--spacing) * 6); } } .md\:me-24 { @media (width >= 48rem) { margin-inline-end: calc(var(--spacing) * 24); } } .md\:mt-0 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 0); } } .md\:mt-6 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 6); } } .md\:mr-0 { @media (width >= 48rem) { margin-right: calc(var(--spacing) * 0); } } .md\:mb-0 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 0); } } .md\:mb-5 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 5); } } .md\:mb-12 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 12); } } .md\:ml-2 { @media (width >= 48rem) { margin-left: calc(var(--spacing) * 2); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:grid { @media (width >= 48rem) { display: grid; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:inline { @media (width >= 48rem) { display: inline; } } .md\:inline-flex { @media (width >= 48rem) { display: inline-flex; } } .md\:h-96 { @media (width >= 48rem) { height: calc(var(--spacing) * 96); } } .md\:h-\[8px\] { @media (width >= 48rem) { height: 8px; } } .md\:h-\[21px\] { @media (width >= 48rem) { height: 21px; } } .md\:h-\[40px\] { @media (width >= 48rem) { height: 40px; } } .md\:h-\[42px\] { @media (width >= 48rem) { height: 42px; } } .md\:h-\[95px\] { @media (width >= 48rem) { height: 95px; } } .md\:h-\[262px\] { @media (width >= 48rem) { height: 262px; } } .md\:h-\[278px\] { @media (width >= 48rem) { height: 278px; } } .md\:h-\[294px\] { @media (width >= 48rem) { height: 294px; } } .md\:h-\[654px\] { @media (width >= 48rem) { height: 654px; } } .md\:h-\[682px\] { @media (width >= 48rem) { height: 682px; } } .md\:h-auto { @media (width >= 48rem) { height: auto; } } .md\:w-32 { @media (width >= 48rem) { width: calc(var(--spacing) * 32); } } .md\:w-48 { @media (width >= 48rem) { width: calc(var(--spacing) * 48); } } .md\:w-64 { @media (width >= 48rem) { width: calc(var(--spacing) * 64); } } .md\:w-\[96px\] { @media (width >= 48rem) { width: 96px; } } .md\:w-\[185px\] { @media (width >= 48rem) { width: 185px; } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:w-full { @media (width >= 48rem) { width: 100%; } } .md\:max-w-\[142px\] { @media (width >= 48rem) { max-width: 142px; } } .md\:max-w-\[512px\] { @media (width >= 48rem) { max-width: 512px; } } .md\:max-w-\[597px\] { @media (width >= 48rem) { max-width: 597px; } } .md\:max-w-screen-md { @media (width >= 48rem) { max-width: var(--breakpoint-md); } } .md\:max-w-xl { @media (width >= 48rem) { max-width: var(--container-xl); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:gap-6 { @media (width >= 48rem) { gap: calc(var(--spacing) * 6); } } .md\:gap-8 { @media (width >= 48rem) { gap: calc(var(--spacing) * 8); } } .md\:gap-12 { @media (width >= 48rem) { gap: calc(var(--spacing) * 12); } } .md\:space-y-0 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .md\:space-x-0 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:space-x-2 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:space-x-3 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:space-x-4 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:space-x-8 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:rounded-none { @media (width >= 48rem) { border-radius: 0; } } .md\:rounded-s-lg { @media (width >= 48rem) { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } } .md\:rounded-ss-lg { @media (width >= 48rem) { border-start-start-radius: var(--radius-lg); } } .md\:rounded-se-lg { @media (width >= 48rem) { border-start-end-radius: var(--radius-lg); } } .md\:rounded-es-lg { @media (width >= 48rem) { border-end-start-radius: var(--radius-lg); } } .md\:rounded-t-none { @media (width >= 48rem) { border-top-left-radius: 0; border-top-right-radius: 0; } } .md\:border-0 { @media (width >= 48rem) { border-style: var(--tw-border-style); border-width: 0px; } } .md\:border-e { @media (width >= 48rem) { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } } .md\:border-b-0 { @media (width >= 48rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .md\:bg-transparent { @media (width >= 48rem) { background-color: transparent; } } .md\:bg-white { @media (width >= 48rem) { background-color: var(--color-white); } } .md\:p-0 { @media (width >= 48rem) { padding: calc(var(--spacing) * 0); } } .md\:p-5 { @media (width >= 48rem) { padding: calc(var(--spacing) * 5); } } .md\:p-6 { @media (width >= 48rem) { padding: calc(var(--spacing) * 6); } } .md\:p-8 { @media (width >= 48rem) { padding: calc(var(--spacing) * 8); } } .md\:p-12 { @media (width >= 48rem) { padding: calc(var(--spacing) * 12); } } .md\:px-4 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 4); } } .md\:px-5 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 5); } } .md\:px-6 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 6); } } .md\:py-2\.5 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 2.5); } } .md\:py-8 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 8); } } .md\:pe-4 { @media (width >= 48rem) { padding-inline-end: calc(var(--spacing) * 4); } } .md\:pt-0 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 0); } } .md\:pb-0 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 0); } } .md\:pb-4 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 4); } } .md\:pb-5 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 5); } } .md\:text-4xl { @media (width >= 48rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .md\:text-5xl { @media (width >= 48rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .md\:text-lg { @media (width >= 48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:text-xl { @media (width >= 48rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .md\:font-medium { @media (width >= 48rem) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .md\:text-blue-700 { @media (width >= 48rem) { color: var(--color-blue-700); } } .md\:text-green-700 { @media (width >= 48rem) { color: var(--color-green-700); } } .md\:hover\:bg-transparent { @media (width >= 48rem) { &:hover { @media (hover: hover) { background-color: transparent; } } } } .md\:hover\:text-blue-600 { @media (width >= 48rem) { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } } .md\:hover\:text-blue-700 { @media (width >= 48rem) { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } } .md\:hover\:text-green-700 { @media (width >= 48rem) { &:hover { @media (hover: hover) { color: var(--color-green-700); } } } } .lg\:static { @media (width >= 64rem) { position: static; } } .lg\:sticky { @media (width >= 64rem) { position: sticky; } } .lg\:top-28 { @media (width >= 64rem) { top: calc(var(--spacing) * 28); } } .lg\:order-1 { @media (width >= 64rem) { order: 1; } } .lg\:order-2 { @media (width >= 64rem) { order: 2; } } .lg\:col-span-5 { @media (width >= 64rem) { grid-column: span 5 / span 5; } } .lg\:col-span-7 { @media (width >= 64rem) { grid-column: span 7 / span 7; } } .lg\:my-8 { @media (width >= 64rem) { margin-block: calc(var(--spacing) * 8); } } .lg\:my-12 { @media (width >= 64rem) { margin-block: calc(var(--spacing) * 12); } } .lg\:format-lg { @media (width >= 64rem) { font-size: 1.125rem; line-height: 1.7777778; :where(p):not(:where([class~="not-format"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } :where([class~="lead"]):not(:where([class~="not-format"] *)) { font-size: 1.2222222em; line-height: 1.4545455; margin-top: 1.0909091em; margin-bottom: 1.0909091em; } :where(blockquote):not(:where([class~="not-format"] *))::before { margin-top: 1.6666667em; } :where(blockquote > p:first-child):not(:where([class~="not-format"] *)) { margin-top: 0.5em; } :where(h1):not(:where([class~="not-format"] *)) { font-size: 2.6666667em; margin-top: 0; margin-bottom: 0.8333333em; line-height: 1; } :where(h2):not(:where([class~="not-format"] *)) { font-size: 2em; margin-top: 0; margin-bottom: 0.6666667em; line-height: 1.3333333; } :where(h3):not(:where([class~="not-format"] *)) { font-size: 1.3333333em; margin-top: 0; margin-bottom: 0.6666667em; line-height: 1.5; } :where(h4):not(:where([class~="not-format"] *)) { margin-top: 0; margin-bottom: 0.4444444em; line-height: 1.5555556; } :where(img):not(:where([class~="not-format"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(video):not(:where([class~="not-format"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(figure):not(:where([class~="not-format"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(figure > *):not(:where([class~="not-format"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-format"] *)) { font-size: 0.8888889em; line-height: 1.5; margin-top: 1em; } :where(code):not(:where([class~="not-format"] *)) { font-size: 0.8888889em; } :where(h2 code):not(:where([class~="not-format"] *)) { font-size: 0.8666667em; } :where(h3 code):not(:where([class~="not-format"] *)) { font-size: 0.875em; } :where(pre):not(:where([class~="not-format"] *)) { font-size: 0.8888889em; line-height: 1.75; margin-top: 2em; margin-bottom: 2em; border-radius: 0.375rem; padding-top: 1em; padding-right: 1.5em; padding-bottom: 1em; padding-left: 1.5em; } :where(ol):not(:where([class~="not-format"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.5555556em; } :where(ul):not(:where([class~="not-format"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.5555556em; } :where(li):not(:where([class~="not-format"] *)) { margin-top: 0.6666667em; margin-bottom: 0.6666667em; } :where(ol > li):not(:where([class~="not-format"] *)) { padding-left: 0.4444444em; } :where(ul > li):not(:where([class~="not-format"] *)) { padding-left: 0.4444444em; } :where(.format > ul > li p):not(:where([class~="not-format"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } :where(.format > ul > li > *:first-child):not(:where([class~="not-format"] *)) { margin-top: 1.3333333em; } :where(.format > ul > li > *:last-child):not(:where([class~="not-format"] *)) { margin-bottom: 1.3333333em; } :where(.format > ol > li > *:first-child):not(:where([class~="not-format"] *)) { margin-top: 1.3333333em; } :where(.format > ol > li > *:last-child):not(:where([class~="not-format"] *)) { margin-bottom: 1.3333333em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-format"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } :where(hr):not(:where([class~="not-format"] *)) { margin-top: 3.1111111em; margin-bottom: 3.1111111em; } :where(hr + *):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(table):not(:where([class~="not-format"] *)) { font-size: 0.8888889em; line-height: 1.5; } :where(thead th):not(:where([class~="not-format"] *)) { padding-right: 0.75em; padding-bottom: 0.75em; padding-left: 0.75em; } :where(thead th:last-child):not(:where([class~="not-format"] *)) { padding-right: 0; } :where(tbody td, tfoot td):not(:where([class~="not-format"] *)) { padding-top: 0.75em; padding-right: 0.75em; padding-bottom: 0.75em; padding-left: 0.75em; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-format"] *)) { padding-right: 0; } :where(.format > :first-child):not(:where([class~="not-format"] *)) { margin-top: 0; } :where(.format > :last-child):not(:where([class~="not-format"] *)) { margin-bottom: 0; } } } .lg\:mt-0 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 0); } } .lg\:mt-10 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 10); } } .lg\:mr-0 { @media (width >= 64rem) { margin-right: calc(var(--spacing) * 0); } } .lg\:mb-0 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 0); } } .lg\:mb-8 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 8); } } .lg\:mb-16 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 16); } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:grid { @media (width >= 64rem) { display: grid; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:h-4 { @media (width >= 64rem) { height: calc(var(--spacing) * 4); } } .lg\:h-5 { @media (width >= 64rem) { height: calc(var(--spacing) * 5); } } .lg\:h-6 { @media (width >= 64rem) { height: calc(var(--spacing) * 6); } } .lg\:h-12 { @media (width >= 64rem) { height: calc(var(--spacing) * 12); } } .lg\:h-\[calc\(100vh-3rem\)\] { @media (width >= 64rem) { height: calc(100vh - 3rem); } } .lg\:h-auto { @media (width >= 64rem) { height: auto; } } .lg\:max-h-full { @media (width >= 64rem) { max-height: 100%; } } .lg\:w-4 { @media (width >= 64rem) { width: calc(var(--spacing) * 4); } } .lg\:w-5 { @media (width >= 64rem) { width: calc(var(--spacing) * 5); } } .lg\:w-6 { @media (width >= 64rem) { width: calc(var(--spacing) * 6); } } .lg\:w-12 { @media (width >= 64rem) { width: calc(var(--spacing) * 12); } } .lg\:w-48 { @media (width >= 64rem) { width: calc(var(--spacing) * 48); } } .lg\:w-96 { @media (width >= 64rem) { width: calc(var(--spacing) * 96); } } .lg\:w-auto { @media (width >= 64rem) { width: auto; } } .lg\:max-w-7xl { @media (width >= 64rem) { max-width: var(--container-7xl); } } .lg\:max-w-screen-lg { @media (width >= 64rem) { max-width: var(--breakpoint-lg); } } .lg\:max-w-xl { @media (width >= 64rem) { max-width: var(--container-xl); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-12 { @media (width >= 64rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:gap-8 { @media (width >= 64rem) { gap: calc(var(--spacing) * 8); } } .lg\:gap-16 { @media (width >= 64rem) { gap: calc(var(--spacing) * 16); } } .lg\:space-x-8 { @media (width >= 64rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } } .lg\:self-center { @media (width >= 64rem) { align-self: center; } } .lg\:overflow-visible { @media (width >= 64rem) { overflow: visible; } } .lg\:overflow-y-visible { @media (width >= 64rem) { overflow-y: visible; } } .lg\:border-0 { @media (width >= 64rem) { border-style: var(--tw-border-style); border-width: 0px; } } .lg\:bg-transparent { @media (width >= 64rem) { background-color: transparent; } } .lg\:p-0 { @media (width >= 64rem) { padding: calc(var(--spacing) * 0); } } .lg\:p-8 { @media (width >= 64rem) { padding: calc(var(--spacing) * 8); } } .lg\:px-2 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 2); } } .lg\:px-4 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 4); } } .lg\:px-5 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 5); } } .lg\:px-6 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 6); } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .lg\:px-12 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 12); } } .lg\:px-36 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 36); } } .lg\:px-48 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 48); } } .lg\:py-0 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 0); } } .lg\:py-2\.5 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 2.5); } } .lg\:py-4 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 4); } } .lg\:py-8 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 8); } } .lg\:py-16 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 16); } } .lg\:py-56 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 56); } } .lg\:pt-0 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 0); } } .lg\:pt-2 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 2); } } .lg\:pt-8 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 8); } } .lg\:pb-16 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 16); } } .lg\:pb-20 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 20); } } .lg\:pl-0 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 0); } } .lg\:pl-3 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 3); } } .lg\:text-2xl { @media (width >= 64rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .lg\:text-6xl { @media (width >= 64rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .lg\:text-sm { @media (width >= 64rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .lg\:text-xl { @media (width >= 64rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .lg\:text-xs { @media (width >= 64rem) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .lg\:text-blue-700 { @media (width >= 64rem) { color: var(--color-blue-700); } } .lg\:hover\:bg-transparent { @media (width >= 64rem) { &:hover { @media (hover: hover) { background-color: transparent; } } } } .lg\:hover\:text-blue-700 { @media (width >= 64rem) { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } } .xl\:ml-20 { @media (width >= 80rem) { margin-left: calc(var(--spacing) * 20); } } .xl\:block { @media (width >= 80rem) { display: block; } } .xl\:hidden { @media (width >= 80rem) { display: none; } } .xl\:inline-flex { @media (width >= 80rem) { display: inline-flex; } } .xl\:h-80 { @media (width >= 80rem) { height: calc(var(--spacing) * 80); } } .xl\:grid-cols-6 { @media (width >= 80rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .xl\:gap-0 { @media (width >= 80rem) { gap: calc(var(--spacing) * 0); } } .xl\:gap-16 { @media (width >= 80rem) { gap: calc(var(--spacing) * 16); } } .xl\:gap-24 { @media (width >= 80rem) { gap: calc(var(--spacing) * 24); } } .xl\:px-2 { @media (width >= 80rem) { padding-inline: calc(var(--spacing) * 2); } } .xl\:px-48 { @media (width >= 80rem) { padding-inline: calc(var(--spacing) * 48); } } .xl\:pt-24 { @media (width >= 80rem) { padding-top: calc(var(--spacing) * 24); } } .xl\:pb-24 { @media (width >= 80rem) { padding-bottom: calc(var(--spacing) * 24); } } .xl\:text-6xl { @media (width >= 80rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .xl\:text-sm { @media (width >= 80rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .xl\:after\:mx-10 { @media (width >= 80rem) { &::after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 10); } } } .\32 xl\:block { @media (width >= 96rem) { display: block; } } .\32 xl\:h-96 { @media (width >= 96rem) { height: calc(var(--spacing) * 96); } } .\32 xl\:grid-cols-10 { @media (width >= 96rem) { grid-template-columns: repeat(10, minmax(0, 1fr)); } } .\32 xl\:gap-x-2 { @media (width >= 96rem) { column-gap: calc(var(--spacing) * 2); } } .\32 xl\:space-x-0 { @media (width >= 96rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))); } } } .rtl\:inset-x-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { inset-inline: calc(var(--spacing) * 0); } } .rtl\:right-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { right: calc(var(--spacing) * 0); } } .rtl\:ml-0 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-left: calc(var(--spacing) * 0); } } .rtl\:ml-2 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { margin-left: calc(var(--spacing) * 2); } } .rtl\:translate-x-1\/2 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } } .rtl\:-rotate-90 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: calc(90deg * -1); } } .rtl\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } .rtl\:rotate-\[270deg\] { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 270deg; } } .rtl\:justify-end { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { justify-content: flex-end; } } .rtl\:gap-8 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { gap: calc(var(--spacing) * 8); } } .rtl\:space-x-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } .rtl\:text-left { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { text-align: left; } } .rtl\:text-right { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { text-align: right; } } .rtl\:divide-x-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 1; } } } .rtl\:peer-focus\:left-auto { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &:is(:where(.peer):focus ~ *) { left: auto; } } } .rtl\:peer-focus\:translate-x-1\/4 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &:is(:where(.peer):focus ~ *) { --tw-translate-x: calc(1/4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .rtl\:peer-checked\:after\:-translate-x-full { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &:is(:where(.peer):checked ~ *) { &::after { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } } .rtl\:peer-checked\:after\:translate-x-\[-100\%\] { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &:is(:where(.peer):checked ~ *) { &::after { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } } .sm\:rtl\:divide-x-reverse { @media (width >= 40rem) { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 1; } } } } .md\:rtl\:space-x-reverse { @media (width >= 48rem) { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } } .dark\:block { @media (prefers-color-scheme: dark) { display: block; } } .dark\:hidden { @media (prefers-color-scheme: dark) { display: none; } } .dark\:inline-block { @media (prefers-color-scheme: dark) { display: inline-block; } } .dark\:divide-gray-600 { @media (prefers-color-scheme: dark) { :where(& > :not(:last-child)) { border-color: var(--color-gray-600); } } } .dark\:divide-gray-700 { @media (prefers-color-scheme: dark) { :where(& > :not(:last-child)) { border-color: var(--color-gray-700); } } } .dark\:\!border-blue-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-blue-500) !important; } } .dark\:border-blue-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-blue-400); } } .dark\:border-blue-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-blue-500); } } .dark\:border-blue-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-blue-600); } } .dark\:border-blue-800 { @media (prefers-color-scheme: dark) { border-color: var(--color-blue-800); } } .dark\:border-gray-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-400); } } .dark\:border-gray-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-500); } } .dark\:border-gray-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-600); } } .dark\:border-gray-700 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-700); } } .dark\:border-gray-800 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-800); } } .dark\:border-gray-900 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-900); } } .dark\:border-green-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-green-500); } } .dark\:border-green-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-green-600); } } .dark\:border-green-800 { @media (prefers-color-scheme: dark) { border-color: var(--color-green-800); } } .dark\:border-purple-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-purple-400); } } .dark\:border-purple-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-purple-500); } } .dark\:border-red-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-red-500); } } .dark\:border-red-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-red-600); } } .dark\:border-red-800 { @media (prefers-color-scheme: dark) { border-color: var(--color-red-800); } } .dark\:border-transparent { @media (prefers-color-scheme: dark) { border-color: transparent; } } .dark\:border-white { @media (prefers-color-scheme: dark) { border-color: var(--color-white); } } .dark\:border-yellow-300 { @media (prefers-color-scheme: dark) { border-color: var(--color-yellow-300); } } .dark\:border-yellow-800 { @media (prefers-color-scheme: dark) { border-color: var(--color-yellow-800); } } .dark\:border-s-gray-700 { @media (prefers-color-scheme: dark) { border-inline-start-color: var(--color-gray-700); } } .dark\:border-e-gray-700 { @media (prefers-color-scheme: dark) { border-inline-end-color: var(--color-gray-700); } } .dark\:\!bg-gray-700 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-700) !important; } } .dark\:bg-blue-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-blue-200); } } .dark\:bg-blue-400 { @media (prefers-color-scheme: dark) { background-color: var(--color-blue-400); } } .dark\:bg-blue-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-blue-500); } } .dark\:bg-blue-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-blue-600); } } .dark\:bg-blue-800 { @media (prefers-color-scheme: dark) { background-color: var(--color-blue-800); } } .dark\:bg-blue-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-blue-900); } } .dark\:bg-gray-300 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-300); } } .dark\:bg-gray-400 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-400); } } .dark\:bg-gray-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-500); } } .dark\:bg-gray-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-600); } } .dark\:bg-gray-700 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-700); } } .dark\:bg-gray-800 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-800); } } .dark\:bg-gray-800\/30 { @media (prefers-color-scheme: dark) { background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent); } } .dark\:bg-gray-800\/50 { @media (prefers-color-scheme: dark) { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } .dark\:bg-gray-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-900); } } .dark\:bg-gray-900\/60 { @media (prefers-color-scheme: dark) { background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent); } } .dark\:bg-gray-900\/80 { @media (prefers-color-scheme: dark) { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } .dark\:bg-green-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-green-500); } } .dark\:bg-green-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-green-600); } } .dark\:bg-green-800 { @media (prefers-color-scheme: dark) { background-color: var(--color-green-800); } } .dark\:bg-green-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-green-900); } } .dark\:bg-indigo-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-indigo-500); } } .dark\:bg-indigo-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-indigo-900); } } .dark\:bg-orange-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-orange-200); } } .dark\:bg-orange-400 { @media (prefers-color-scheme: dark) { background-color: var(--color-orange-400); } } .dark\:bg-orange-700 { @media (prefers-color-scheme: dark) { background-color: var(--color-orange-700); } } .dark\:bg-pink-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-pink-900); } } .dark\:bg-purple-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-purple-500); } } .dark\:bg-purple-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-purple-600); } } .dark\:bg-purple-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-purple-900); } } .dark\:bg-red-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-red-500); } } .dark\:bg-red-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-red-600); } } .dark\:bg-red-800 { @media (prefers-color-scheme: dark) { background-color: var(--color-red-800); } } .dark\:bg-red-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-red-900); } } .dark\:bg-white { @media (prefers-color-scheme: dark) { background-color: var(--color-white); } } .dark\:bg-yellow-300 { @media (prefers-color-scheme: dark) { background-color: var(--color-yellow-300); } } .dark\:bg-yellow-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-yellow-900); } } .dark\:bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern-dark\.svg\'\)\] { @media (prefers-color-scheme: dark) { background-image: url('https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern-dark.svg'); } } .dark\:from-blue-900 { @media (prefers-color-scheme: dark) { --tw-gradient-from: var(--color-blue-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:fill-gray-300 { @media (prefers-color-scheme: dark) { fill: var(--color-gray-300); } } .dark\:fill-gray-400 { @media (prefers-color-scheme: dark) { fill: var(--color-gray-400); } } .dark\:fill-gray-500 { @media (prefers-color-scheme: dark) { fill: var(--color-gray-500); } } .dark\:fill-white { @media (prefers-color-scheme: dark) { fill: var(--color-white); } } .dark\:\!text-blue-500 { @media (prefers-color-scheme: dark) { color: var(--color-blue-500) !important; } } .dark\:text-blue-100 { @media (prefers-color-scheme: dark) { color: var(--color-blue-100); } } .dark\:text-blue-200 { @media (prefers-color-scheme: dark) { color: var(--color-blue-200); } } .dark\:text-blue-300 { @media (prefers-color-scheme: dark) { color: var(--color-blue-300); } } .dark\:text-blue-400 { @media (prefers-color-scheme: dark) { color: var(--color-blue-400); } } .dark\:text-blue-500 { @media (prefers-color-scheme: dark) { color: var(--color-blue-500); } } .dark\:text-blue-500\/25 { @media (prefers-color-scheme: dark) { color: color-mix(in oklab, var(--color-blue-500) 25%, transparent); } } .dark\:text-blue-500\/50 { @media (prefers-color-scheme: dark) { color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .dark\:text-blue-500\/75 { @media (prefers-color-scheme: dark) { color: color-mix(in oklab, var(--color-blue-500) 75%, transparent); } } .dark\:text-blue-500\/100 { @media (prefers-color-scheme: dark) { color: color-mix(in oklab, var(--color-blue-500) 100%, transparent); } } .dark\:text-blue-600 { @media (prefers-color-scheme: dark) { color: var(--color-blue-600); } } .dark\:text-blue-800 { @media (prefers-color-scheme: dark) { color: var(--color-blue-800); } } .dark\:text-gray-100 { @media (prefers-color-scheme: dark) { color: var(--color-gray-100); } } .dark\:text-gray-200 { @media (prefers-color-scheme: dark) { color: var(--color-gray-200); } } .dark\:text-gray-300 { @media (prefers-color-scheme: dark) { color: var(--color-gray-300); } } .dark\:text-gray-400 { @media (prefers-color-scheme: dark) { color: var(--color-gray-400); } } .dark\:text-gray-500 { @media (prefers-color-scheme: dark) { color: var(--color-gray-500); } } .dark\:text-gray-600 { @media (prefers-color-scheme: dark) { color: var(--color-gray-600); } } .dark\:text-gray-700 { @media (prefers-color-scheme: dark) { color: var(--color-gray-700); } } .dark\:text-gray-800 { @media (prefers-color-scheme: dark) { color: var(--color-gray-800); } } .dark\:text-gray-900 { @media (prefers-color-scheme: dark) { color: var(--color-gray-900); } } .dark\:text-green-200 { @media (prefers-color-scheme: dark) { color: var(--color-green-200); } } .dark\:text-green-300 { @media (prefers-color-scheme: dark) { color: var(--color-green-300); } } .dark\:text-green-400 { @media (prefers-color-scheme: dark) { color: var(--color-green-400); } } .dark\:text-green-500 { @media (prefers-color-scheme: dark) { color: var(--color-green-500); } } .dark\:text-green-600 { @media (prefers-color-scheme: dark) { color: var(--color-green-600); } } .dark\:text-indigo-300 { @media (prefers-color-scheme: dark) { color: var(--color-indigo-300); } } .dark\:text-indigo-400 { @media (prefers-color-scheme: dark) { color: var(--color-indigo-400); } } .dark\:text-indigo-500 { @media (prefers-color-scheme: dark) { color: var(--color-indigo-500); } } .dark\:text-orange-200 { @media (prefers-color-scheme: dark) { color: var(--color-orange-200); } } .dark\:text-orange-300 { @media (prefers-color-scheme: dark) { color: var(--color-orange-300); } } .dark\:text-orange-900 { @media (prefers-color-scheme: dark) { color: var(--color-orange-900); } } .dark\:text-pink-300 { @media (prefers-color-scheme: dark) { color: var(--color-pink-300); } } .dark\:text-pink-400 { @media (prefers-color-scheme: dark) { color: var(--color-pink-400); } } .dark\:text-purple-300 { @media (prefers-color-scheme: dark) { color: var(--color-purple-300); } } .dark\:text-purple-400 { @media (prefers-color-scheme: dark) { color: var(--color-purple-400); } } .dark\:text-purple-500 { @media (prefers-color-scheme: dark) { color: var(--color-purple-500); } } .dark\:text-red-200 { @media (prefers-color-scheme: dark) { color: var(--color-red-200); } } .dark\:text-red-300 { @media (prefers-color-scheme: dark) { color: var(--color-red-300); } } .dark\:text-red-400 { @media (prefers-color-scheme: dark) { color: var(--color-red-400); } } .dark\:text-red-500 { @media (prefers-color-scheme: dark) { color: var(--color-red-500); } } .dark\:text-teal-300 { @media (prefers-color-scheme: dark) { color: var(--color-teal-300); } } .dark\:text-white { @media (prefers-color-scheme: dark) { color: var(--color-white); } } .dark\:text-yellow-300 { @media (prefers-color-scheme: dark) { color: var(--color-yellow-300); } } .dark\:text-yellow-500 { @media (prefers-color-scheme: dark) { color: var(--color-yellow-500); } } .dark\:decoration-blue-600 { @media (prefers-color-scheme: dark) { text-decoration-color: var(--color-blue-600); } } .dark\:placeholder-gray-400 { @media (prefers-color-scheme: dark) { &::placeholder { color: var(--color-gray-400); } } } .dark\:placeholder-green-500 { @media (prefers-color-scheme: dark) { &::placeholder { color: var(--color-green-500); } } } .dark\:placeholder-red-500 { @media (prefers-color-scheme: dark) { &::placeholder { color: var(--color-red-500); } } } .dark\:shadow-lg { @media (prefers-color-scheme: dark) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-blue-800\/80 { @media (prefers-color-scheme: dark) { --tw-shadow-color: color-mix(in oklab, var(--color-blue-800) 80%, transparent); } } .dark\:shadow-cyan-800\/80 { @media (prefers-color-scheme: dark) { --tw-shadow-color: color-mix(in oklab, var(--color-cyan-800) 80%, transparent); } } .dark\:shadow-gray-800 { @media (prefers-color-scheme: dark) { --tw-shadow-color: var(--color-gray-800); } } .dark\:shadow-green-800\/80 { @media (prefers-color-scheme: dark) { --tw-shadow-color: color-mix(in oklab, var(--color-green-800) 80%, transparent); } } .dark\:shadow-lime-800\/80 { @media (prefers-color-scheme: dark) { --tw-shadow-color: color-mix(in oklab, var(--color-lime-800) 80%, transparent); } } .dark\:shadow-pink-800\/80 { @media (prefers-color-scheme: dark) { --tw-shadow-color: color-mix(in oklab, var(--color-pink-800) 80%, transparent); } } .dark\:shadow-purple-800\/80 { @media (prefers-color-scheme: dark) { --tw-shadow-color: color-mix(in oklab, var(--color-purple-800) 80%, transparent); } } .dark\:shadow-red-800\/80 { @media (prefers-color-scheme: dark) { --tw-shadow-color: color-mix(in oklab, var(--color-red-800) 80%, transparent); } } .dark\:shadow-teal-800\/80 { @media (prefers-color-scheme: dark) { --tw-shadow-color: color-mix(in oklab, var(--color-teal-800) 80%, transparent); } } .dark\:ring-gray-500 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-gray-500); } } .dark\:ring-gray-700 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-gray-700); } } .dark\:ring-gray-900 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-gray-900); } } .dark\:ring-offset-gray-700 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-gray-700); } } .dark\:ring-offset-gray-800 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-gray-800); } } .dark\:format-invert { @media (prefers-color-scheme: dark) { --tw-format-body: var(--tw-format-invert-body); --tw-format-headings: var(--tw-format-invert-headings); --tw-format-lead: var(--tw-format-invert-lead); --tw-format-links: var(--tw-format-invert-links); --tw-format-bold: var(--tw-format-invert-bold); --tw-format-counters: var(--tw-format-invert-counters); --tw-format-bullets: var(--tw-format-invert-bullets); --tw-format-hr: var(--tw-format-invert-hr); --tw-format-quotes: var(--tw-format-invert-quotes); --tw-format-quote-borders: var(--tw-format-invert-quote-borders); --tw-format-captions: var(--tw-format-invert-captions); --tw-format-code: var(--tw-format-invert-code); --tw-format-code-bg: var(--tw-format-invert-code-bg); --tw-format-pre-code: var(--tw-format-invert-pre-code); --tw-format-pre-bg: var(--tw-format-invert-pre-bg); --tw-format-th-borders: var(--tw-format-invert-th-borders); --tw-format-td-borders: var(--tw-format-invert-td-borders); --tw-format-th-bg: var(--tw-format-invert-th-bg); } } .dark\:group-hover\:bg-gray-700 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-gray-700); } } } } .dark\:group-hover\:bg-gray-800\/60 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent); } } } } .group-hover\:dark\:bg-transparent { &:is(:where(.group):hover *) { @media (hover: hover) { @media (prefers-color-scheme: dark) { background-color: transparent; } } } } .dark\:group-hover\:text-blue-500 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-500); } } } } .dark\:group-hover\:text-gray-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-300); } } } } .dark\:group-hover\:text-white { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-white); } } } } .dark\:group-focus\:text-white { @media (prefers-color-scheme: dark) { &:is(:where(.group):focus *) { color: var(--color-white); } } } .dark\:group-focus\:ring-gray-800\/70 { @media (prefers-color-scheme: dark) { &:is(:where(.group):focus *) { --tw-ring-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent); } } } .dark\:peer-checked\:border-blue-500 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { border-color: var(--color-blue-500); } } } .dark\:peer-checked\:border-blue-600 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { border-color: var(--color-blue-600); } } } .dark\:peer-checked\:bg-blue-500 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-500); } } } .dark\:peer-checked\:bg-blue-600 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-600); } } } .dark\:peer-checked\:bg-blue-900 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-900); } } } .dark\:peer-checked\:bg-green-600 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { background-color: var(--color-green-600); } } } .dark\:peer-checked\:bg-orange-500 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { background-color: var(--color-orange-500); } } } .dark\:peer-checked\:bg-purple-600 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { background-color: var(--color-purple-600); } } } .dark\:peer-checked\:bg-red-600 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { background-color: var(--color-red-600); } } } .dark\:peer-checked\:bg-teal-600 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { background-color: var(--color-teal-600); } } } .dark\:peer-checked\:bg-yellow-400 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { background-color: var(--color-yellow-400); } } } .dark\:peer-checked\:text-blue-500 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { color: var(--color-blue-500); } } } .dark\:peer-checked\:text-gray-300 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { color: var(--color-gray-300); } } } .dark\:peer-checked\:text-white { @media (prefers-color-scheme: dark) { &:is(:where(.peer):checked ~ *) { color: var(--color-white); } } } .peer-focus\:dark\:text-blue-500 { &:is(:where(.peer):focus ~ *) { @media (prefers-color-scheme: dark) { color: var(--color-blue-500); } } } .dark\:peer-focus\:ring-blue-800 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-blue-800); } } } .dark\:peer-focus\:ring-green-800 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-green-800); } } } .dark\:peer-focus\:ring-orange-800 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-orange-800); } } } .dark\:peer-focus\:ring-purple-800 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-purple-800); } } } .dark\:peer-focus\:ring-red-800 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-red-800); } } } .dark\:peer-focus\:ring-teal-800 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-teal-800); } } } .dark\:peer-focus\:ring-yellow-800 { @media (prefers-color-scheme: dark) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-yellow-800); } } } .dark\:first-letter\:text-gray-100 { @media (prefers-color-scheme: dark) { &::first-letter { color: var(--color-gray-100); } } } .dark\:after\:border-blue-800 { @media (prefers-color-scheme: dark) { &::after { content: var(--tw-content); border-color: var(--color-blue-800); } } } .dark\:after\:border-gray-700 { @media (prefers-color-scheme: dark) { &::after { content: var(--tw-content); border-color: var(--color-gray-700); } } } .dark\:after\:text-gray-500 { @media (prefers-color-scheme: dark) { &::after { content: var(--tw-content); color: var(--color-gray-500); } } } .odd\:dark\:bg-gray-900 { &:nth-child(odd) { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-900); } } } .even\:dark\:bg-gray-800 { &:nth-child(even) { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-800); } } } .dark\:hover\:border-blue-600 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { border-color: var(--color-blue-600); } } } } .dark\:hover\:border-blue-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { border-color: var(--color-blue-700); } } } } .dark\:hover\:border-gray-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { border-color: var(--color-gray-500); } } } } .dark\:hover\:border-gray-600 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { border-color: var(--color-gray-600); } } } } .dark\:hover\:border-gray-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { border-color: var(--color-gray-700); } } } } .dark\:hover\:bg-\[\#050708\]\/30 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #050708 30%, transparent); } } } } .dark\:hover\:bg-\[\#050708\]\/40 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #050708 40%, transparent); } } } } .dark\:hover\:bg-\[\#FF9119\]\/80 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #FF9119 80%, transparent); } } } } .dark\:hover\:bg-blue-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-blue-500); } } } } .dark\:hover\:bg-blue-600 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } } .dark\:hover\:bg-blue-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } } .dark\:hover\:bg-blue-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-blue-800); } } } } .dark\:hover\:bg-gray-200 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } } .dark\:hover\:bg-gray-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-500); } } } } .dark\:hover\:bg-gray-600 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } } .dark\:hover\:bg-gray-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-700); } } } } .dark\:hover\:bg-gray-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } } .dark\:hover\:bg-green-600 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-green-600); } } } } .dark\:hover\:bg-green-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } } .dark\:hover\:bg-green-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-green-800); } } } } .dark\:hover\:bg-indigo-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-indigo-800); } } } } .dark\:hover\:bg-pink-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-pink-800); } } } } .dark\:hover\:bg-purple-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-purple-500); } } } } .dark\:hover\:bg-purple-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-purple-700); } } } } .dark\:hover\:bg-purple-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-purple-800); } } } } .dark\:hover\:bg-red-600 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-red-600); } } } } .dark\:hover\:bg-red-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } } .dark\:hover\:bg-red-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-red-800); } } } } .dark\:hover\:bg-yellow-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-yellow-300); } } } } .dark\:hover\:bg-yellow-400 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-yellow-400); } } } } .dark\:hover\:bg-yellow-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-yellow-800); } } } } .dark\:hover\:\!text-blue-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-blue-500) !important; } } } } .dark\:hover\:text-blue-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-blue-300); } } } } .dark\:hover\:text-blue-400 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-blue-400); } } } } .dark\:hover\:text-blue-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-blue-500); } } } } .dark\:hover\:text-blue-600 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } } .dark\:hover\:text-blue-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } } .dark\:hover\:text-gray-100 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-gray-100); } } } } .dark\:hover\:text-gray-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } } .dark\:hover\:text-gray-400 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-gray-400); } } } } .dark\:hover\:text-gray-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-gray-800); } } } } .dark\:hover\:text-gray-900 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } } .dark\:hover\:text-green-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-green-300); } } } } .dark\:hover\:text-indigo-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-indigo-300); } } } } .dark\:hover\:text-pink-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-pink-300); } } } } .dark\:hover\:text-purple-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-purple-300); } } } } .dark\:hover\:text-purple-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-purple-500); } } } } .dark\:hover\:text-red-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-red-300); } } } } .dark\:hover\:text-white { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } .dark\:hover\:text-yellow-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-yellow-300); } } } } .dark\:hover\:bg-blend-darken { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-blend-mode: darken; } } } } .dark\:focus\:border-blue-500 { @media (prefers-color-scheme: dark) { &:focus { border-color: var(--color-blue-500); } } } .dark\:focus\:border-green-500 { @media (prefers-color-scheme: dark) { &:focus { border-color: var(--color-green-500); } } } .dark\:focus\:border-red-500 { @media (prefers-color-scheme: dark) { &:focus { border-color: var(--color-red-500); } } } .dark\:focus\:bg-blue-600 { @media (prefers-color-scheme: dark) { &:focus { background-color: var(--color-blue-600); } } } .dark\:focus\:bg-gray-700 { @media (prefers-color-scheme: dark) { &:focus { background-color: var(--color-gray-700); } } } .dark\:focus\:text-white { @media (prefers-color-scheme: dark) { &:focus { color: var(--color-white); } } } .dark\:focus\:ring-\[\#1da1f2\]\/55 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in oklab, #1da1f2 55%, transparent); } } } .dark\:focus\:ring-\[\#3b5998\]\/55 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in oklab, #3b5998 55%, transparent); } } } .dark\:focus\:ring-\[\#2557D6\]\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in oklab, #2557D6 50%, transparent); } } } .dark\:focus\:ring-\[\#4285F4\]\/55 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in oklab, #4285F4 55%, transparent); } } } .dark\:focus\:ring-\[\#050708\]\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in oklab, #050708 50%, transparent); } } } .dark\:focus\:ring-\[\#F7BE38\]\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in oklab, #F7BE38 50%, transparent); } } } .dark\:focus\:ring-\[\#FF9119\]\/40 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in oklab, #FF9119 40%, transparent); } } } .dark\:focus\:ring-blue-500 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-blue-500); } } } .dark\:focus\:ring-blue-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-blue-600); } } } .dark\:focus\:ring-blue-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-blue-800); } } } .dark\:focus\:ring-blue-900 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-blue-900); } } } .dark\:focus\:ring-cyan-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-cyan-800); } } } .dark\:focus\:ring-gray-400 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-400); } } } .dark\:focus\:ring-gray-500 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-500); } } } .dark\:focus\:ring-gray-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-600); } } } .dark\:focus\:ring-gray-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-700); } } } .dark\:focus\:ring-gray-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-800); } } } .dark\:focus\:ring-green-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-green-600); } } } .dark\:focus\:ring-green-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-green-800); } } } .dark\:focus\:ring-lime-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-lime-800); } } } .dark\:focus\:ring-orange-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-orange-600); } } } .dark\:focus\:ring-pink-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-pink-800); } } } .dark\:focus\:ring-purple-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-purple-600); } } } .dark\:focus\:ring-purple-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-purple-800); } } } .dark\:focus\:ring-purple-900 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-purple-900); } } } .dark\:focus\:ring-red-400 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-400); } } } .dark\:focus\:ring-red-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-600); } } } .dark\:focus\:ring-red-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-800); } } } .dark\:focus\:ring-red-900 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-900); } } } .dark\:focus\:ring-teal-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-teal-600); } } } .dark\:focus\:ring-teal-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-teal-700); } } } .dark\:focus\:ring-teal-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-teal-800); } } } .dark\:focus\:ring-yellow-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-yellow-600); } } } .dark\:focus\:ring-yellow-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-yellow-800); } } } .dark\:focus\:ring-yellow-900 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-yellow-900); } } } .dark\:focus\:ring-offset-gray-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-offset-color: var(--color-gray-700); } } } .dark\:focus\:ring-offset-gray-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-offset-color: var(--color-gray-800); } } } .md\:dark\:bg-gray-900 { @media (width >= 48rem) { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-900); } } } .md\:dark\:bg-transparent { @media (width >= 48rem) { @media (prefers-color-scheme: dark) { background-color: transparent; } } } .md\:dark\:text-blue-500 { @media (width >= 48rem) { @media (prefers-color-scheme: dark) { color: var(--color-blue-500); } } } .md\:dark\:text-white { @media (width >= 48rem) { @media (prefers-color-scheme: dark) { color: var(--color-white); } } } .md\:dark\:hover\:bg-transparent { @media (width >= 48rem) { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: transparent; } } } } } .md\:dark\:hover\:text-blue-500 { @media (width >= 48rem) { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-blue-500); } } } } } .md\:dark\:hover\:text-white { @media (width >= 48rem) { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } } .lg\:dark\:hover\:bg-transparent { @media (width >= 64rem) { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: transparent; } } } } } .lg\:dark\:hover\:text-white { @media (width >= 64rem) { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } } .\[\&_div\>button\]\:bg-gray-50 { & div>button { background-color: var(--color-gray-50); } } .\[\&\>div\]\:mx-auto { &>div { margin-inline: auto; } } .\[\&\>div\>div\]\:bg-gray-50 { &>div>div { background-color: var(--color-gray-50); } } .\[\&\>div\>div\]\:shadow-none { &>div>div { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } @layer base { .tooltip-arrow,.tooltip-arrow:before { position: absolute; width: 8px; height: 8px; background: inherit; } .tooltip-arrow { visibility: hidden; } .tooltip-arrow:before { content: ""; visibility: visible; transform: rotate(45deg); } [data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before { border-style: solid; border-color: var(--color-gray-200); } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before { border-bottom-width: 1px; border-right-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before { border-bottom-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before { border-top-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before { border-top-width: 1px; border-right-width: 1px; } .tooltip[data-popper-placement^='top'] > .tooltip-arrow { bottom: -4px; } .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow { top: -4px; } .tooltip[data-popper-placement^='left'] > .tooltip-arrow { right: -4px; } .tooltip[data-popper-placement^='right'] > .tooltip-arrow { left: -4px; } .tooltip.invisible > .tooltip-arrow:before { visibility: hidden; } [data-popper-arrow],[data-popper-arrow]:before { position: absolute; width: 8px; height: 8px; background: inherit; } [data-popper-arrow] { visibility: hidden; } [data-popper-arrow]:before { content: ""; visibility: visible; transform: rotate(45deg); } [data-popper-arrow]:after { content: ""; visibility: visible; transform: rotate(45deg); position: absolute; width: 9px; height: 9px; background: inherit; } [role="tooltip"] > [data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-200); } .dark [role="tooltip"] > [data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-600); } [role="tooltip"] > [data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-200); } .dark [role="tooltip"] > [data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-600); } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before { border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after { border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before { border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after { border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before { border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after { border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before { border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after { border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] { bottom: -5px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] { top: -5px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] { right: -5px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] { left: -5px; } [role="tooltip"].invisible > [data-popper-arrow]:before { visibility: hidden; } [role="tooltip"].invisible > [data-popper-arrow]:after { visibility: hidden; } } @layer base { [type='text'],[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: var(--color-gray-500); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--color-blue-600); --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: var(--color-blue-600); } } input::placeholder,textarea::placeholder { color: var(--color-gray-500); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } input[type="time"]::-webkit-calendar-picker-indicator { background: none; } select:not([size]) { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e"); background-position: right 0.75rem center; background-repeat: no-repeat; background-size: 0.75em 0.75em; padding-right: 2.5rem; print-color-adjust: exact; } :is([dir=rtl]) select:not([size]) { background-position: left 0.75rem center; padding-right: 0.75rem; padding-left: 0; } [multiple] { 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: var(--color-blue-600); background-color: #fff; border-color: --color-gray-500; 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: var(--color-blue-600); --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,.dark [type='checkbox']:checked,.dark [type='radio']:checked { border-color: transparent !important; background-color: currentColor !important; background-size: 0.55em 0.55em; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-size: 0.55em 0.55em; print-color-adjust: exact; } [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"); background-size: 1em 1em; } .dark [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"); background-size: 1em 1em; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e"); background-color: currentColor !important; border-color: transparent !important; background-position: center; background-repeat: no-repeat; background-size: 0.55em 0.55em; print-color-adjust: exact; } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent !important; background-color: currentColor !important; } [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 auto inherit; } input[type=file]::file-selector-button { color: white; background: var(--color-gray-800); border: 0; font-weight: 500; font-size: 0.875rem; cursor: pointer; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 2rem; padding-right: 1rem; margin-inline-start: -1rem; margin-inline-end: 1rem; &:hover { background: var(--color-gray-700); } } :is([dir=rtl]) input[type=file]::file-selector-button { padding-right: 2rem; padding-left: 1rem; } .dark input[type=file]::file-selector-button { color: white; background: var(--color-gray-600); &:hover { background: var(--color-gray-500); } } input[type="range"]::-webkit-slider-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-webkit-slider-thumb { background: var(--color-gray-400); } .dark input[type="range"]:disabled::-webkit-slider-thumb { background: var(--color-gray-500); } input[type="range"]:focus::-webkit-slider-thumb { outline: 2px solid transparent; outline-offset: 2px; --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); } input[type="range"]::-moz-range-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-moz-range-thumb { background: var(--color-gray-400); } .dark input[type="range"]:disabled::-moz-range-thumb { background: var(--color-gray-500); } input[type="range"]::-moz-range-progress { background: var(--color-blue-500); } input[type="range"]::-ms-fill-lower { background: var(--color-blue-500); } input[type="range"].range-sm::-webkit-slider-thumb { height: 1rem; width: 1rem; } input[type="range"].range-lg::-webkit-slider-thumb { height: 1.5rem; width: 1.5rem; } input[type="range"].range-sm::-moz-range-thumb { height: 1rem; width: 1rem; } input[type="range"].range-lg::-moz-range-thumb { height: 1.5rem; width: 1.5rem; } .toggle-bg:after { content: ""; position: absolute; top: 0.125rem; left: 0.125rem; background: white; border-color: var(--color-gray-300); border-width: 1px; border-radius: 9999px; height: 1.25rem; width: 1.25rem; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-duration: .15s; box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); } input:checked + .toggle-bg:after { transform: translateX(100%);; border-color: white; } input:checked + .toggle-bg { background: var(--color-blue-600); border-color: var(--color-blue-600); } } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; initial-value: rotateX(0); } @property --tw-rotate-y { syntax: "*"; inherits: false; initial-value: rotateY(0); } @property --tw-rotate-z { syntax: "*"; inherits: false; initial-value: rotateZ(0); } @property --tw-skew-x { syntax: "*"; inherits: false; initial-value: skewX(0); } @property --tw-skew-y { syntax: "*"; inherits: false; initial-value: skewY(0); } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } .no-js img.lazyload{display:none}figure.wp-block-image img.lazyloading{min-width:150px}.lazyload,.lazyloading{--smush-placeholder-width:100px;--smush-placeholder-bg-max-width:120px;--smush-placeholder-aspect-ratio:1/1;width:var(--smush-image-width,var(--smush-placeholder-width)) !important;aspect-ratio:var(--smush-image-aspect-ratio,var(--smush-placeholder-aspect-ratio)) !important}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity .4s;transition-delay:0ms} .quote-box .quote-text a{text-decoration:none}.quote-box .quote-text a:hover{text-decoration:underline} .article-nav-link li{width:100%}.contact-us .left-col .content-list .title-content-wrap a:hover{text-decoration:underline}.enroll-section .icon-list-item h3{font-size:20px;line-height:30px;color:var(--clr-dark-lime);font-weight:700;font-family:'Poppins'}.product-banner p a{font-size:18px}.date_time{text-align:center;font-size:32px}.product-tab-nav-link-content .content-list .content-box p.marginbottom_zero{margin-bottom:0}.flex{display:flex}.enroll-field input[type=text]{border-style:none !important}.quote-box .quote-text{margin-bottom:calc(var(--spacing) * 4)}.quote-box .quote-text,.quote-box .quote-text a{font-size:28px;font-family:"Source Serif Pro",serif}.quote-box .quote-text h2{display:inline-block;font-size:28px;font-weight:700;color:#5e7e14;text-align:center;width:100%;font-family:"Source Serif Pro",serif;margin-bottom:0}.vrctl-insuarance-tabs .content-list .content-box h2{margin-bottom:calc(var(--spacing) * 6)}#navbar-default ul.sub-menu{display:none;margin-top:20px}.wpcf7 input[type=text],.wpcf7 input[type=tel],.wpcf7 input[type=number],.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 textarea{width:100% !important;max-width:100%}.wpcf7 input[type=text]:focus,.wpcf7 input[type=tel]:focus,.wpcf7 input[type=number]:focus,.wpcf7 input[type=url]:focus,.wpcf7 input[type=email]:focus,.wpcf7 textarea:focus{border:1px solid #22345b !important;box-shadow:none !important}.field-button{margin-block:20px}span.wpcf7-list-item-label{width:100%;font-size:16px;display:inline;margin-left:15px}span.wpcf7-list-item.first{display:block}.fields-container label,.fields-container label .label-text,.fields-container fieldset legend{font-weight:600;font-size:18px}.fields-container label .label-text,.fields-container fieldset legend{margin-bottom:5px;display:block}.fields-container fieldset legend{font-family:"Source Serif Pro",serif;color:var(--clr-deep-navy)}.fields-container>div,.fields-container>div>input{width:100%}.fields-container>div.field-new-line,.fields-container>div.field-checkbox{grid-column:1/-1}.fields-container,.fields-container>div.field-new-line span.wpcf7-form-control-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.fields-container>div.field-new-line span.wpcf7-form-control-wrap{row-gap:0}.fields-container>div.field-new-line span.wpcf7-form-control-wrap .wpcf7-not-valid-tip{grid-column:1/1}.fields-container>div.field-checkbox .wpcf7-form-control.wpcf7-checkbox{display:flex;flex-direction:column}.fields-container{padding:15px;border:1px solid #22345b;margin-bottom:50px}.field-new-line{grid-column:1/2}.field-new-line-full{grid-column:1/-1}.wave-reletive{position:relative}.banner-header p{font-size:28px !important}.product-banner .banner-regular-flex .img-full .img-mask-round{height:504px;width:297px}body p a{text-decoration:underline}body p a:hover{color:#5e7e14}.wave-banner .wave-banner-grid .left-col .wave-banner-content .text-highlight-orange{color:#ffa251}.mb-22{margin-bottom:22px}.product-personalized-section{display:flex;flex-direction:row;margin-bottom:40px;gap:50px;align-items:center;margin-top:40px}.product-banner .banner-regular-flex .full-img .img-mask-round{height:504px;width:297px}a.nav-link.nolink:hover{text-decoration:none}.pagination{text-align:center;font-size:20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.pagination a{padding:10px 15px;background:#fff;color:#1c355e;border-radius:8px}.pagination span.current{background:#1c355e;color:#fff;padding:10px 15px;border-radius:8px}.product-tab-access-code-sec.product-page-access-code{padding:0 !important}.product-tab-access-code-sec .enroll-heading span{margin-top:8px;font-size:20px}.product-tab-access-code-sec{background-color:#fff;padding:30px !important;border-radius:30px}.product-tab-access-code-sec .btn-action-group{margin-top:calc(var(--spacing) * 6);display:flex;gap:30px}.product-tab-access-code-sec .access-code-wrap{margin-bottom:0;margin-top:0}.cms-h1 p a{text-decoration:underline}.cms-h1 p{color:#22345b}.product-banner .banner-regular-flex .img-box{position:relative}.section-bg-rect .enroll-info-box p{color:#22345b}.section-bg-rect ul li.menu-item{position:relative}.contact-us .title-content-wrap{align-items:center;font-size:18px;font-weight:600}.contact-us .content-list{margin-bottom:20px;align-items:center}.contact-us .circuler-icon{width:70px;height:70px;min-width:70px}.product-tab-nav-link-content{width:100%}.section-404{text-align:center;padding-block:65px;min-height:800px}.heading-404{font-weight:600;font-size:250px;margin-top:200px;margin-bottom:200px}.fsi_popup_overlay{width:100%;height:100%;position:fixed;background:#00000059;top:0;left:0;z-index:99}.fsi_popup_content{position:fixed;left:50%;top:50%;z-index:100;background:#fff;padding:30px!important;transform:translate(-50%,-50%);max-width:calc(100% - 32px);width:620px}.fsi_external_popup_content::backdrop{background:#00000059}.fsi_external_popup_content{border:none;position:fixed;left:50%;top:50%;z-index:100;background:#fff;padding:30px !important;transform:translate(-50%,-50%);max-width:calc(100% - 32px);width:70%}.fsi_external_popup_content .peo_popup_heading{margin-bottom:20px}.fsi_external_popup_content .peo_popup_subheading{margin-bottom:20px}.fsi_external_popup_content a.fsi_external_popup_close{margin-top:0;position:absolute;right:-10px;top:-15px;background:#d97218;border:1px solid #d97218;text-align:center;border-radius:50%;width:30px;height:30px;font-weight:700;padding:3px}.fsi_external_popup_content a.fsi_external_popup_close:hover{background:#d97218}.fsi_popup_content a.btn-action.btn-action-orange{padding:15px;width:100%}.fsi_popup_content .content-box>div{display:flex;gap:40px;align-items:end;@media (max-width:767px){align-items:center}}.gap-4{gap:40px}.fsi_popup_content .peo_popup_heading{margin-bottom:20px}.fsi_popup_content .peo_popup_subheading{margin-bottom:20px}.fsi_popup_content a{margin-top:20px}a.fsi_popup_close{margin-top:0;position:absolute;right:-10px;background:#d97218;border:1px solid #d97218;text-align:center;border-radius:50%;width:30px;height:30px;top:-15px;font-weight:700;color:#fff;padding:3px}a.fsi_popup_close:hover{background:#d97218cc}.product-banner .enroll-heading{margin-bottom:20px}.access-code-wrap{margin-top:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 8)}.mt-15{margin-top:15px}.pt-0{padding-top:0 !important}footer .nav-links li:first-child:before{margin-inline:calc(var(--spacing) * 2.5);display:inline-block;content:"|"}@media(min-width:1280px) and (max-width:1366px){.vrctl-insuarance-tabs{gap:100px}.product-tab-access-code-sec .enroll-field.enroll-field-var-2{width:200px}}@media(min-width:1320px) and (max-width:1536px){footer .top-strip .container:before{left:calc(100% + 20px)}footer .top-strip .container:after{left:calc(100% + 70px)}footer .footer-content .container:before{right:calc(100% + 70px)}footer .footer-content .container:after{right:calc(100% + 20px)}}@media(max-width:1279px){.fields-container>div.field-checkbox span.wpcf7-form-control-wrap{grid-template-columns:repeat(1,1fr)}}@media (max-width:1024px){.fields-container{gap:15px}.fields-container label,.fields-container label .label-text,.fields-container fieldset legend{font-size:16px}}@media (min-width:768px){.border-title{line-height:32px !important}.product-banner p a{font-size:28px}}@media(max-width:991px){.fields-container label,.fields-container label .label-text,.fields-container fieldset legend{font-size:13px}footer .nav-links li:first-child:before{display:none}.quote-box .quote-text,.quote-box .quote-text a,.quote-box .quote-text h2{font-size:18px;font-family:"Source Serif Pro",serif;line-height:30px}#navbar-default ul.sub-menu{display:flex;flex-direction:column;gap:20px}#navbar-default ul.sub-menu li a.nav-link{font-weight:400;justify-content:center;text-align:center}.contact-btn-wrap a.nav-link{margin-left:0}.article-slider-wrapper .arrow-prev,.article-slider-wrapper .arrow-next{display:none}}@media (max-width:767px){.resource-title{color:#fff}.fields-container,.fields-container>div.field-new-line span.wpcf7-form-control-wrap{grid-template-columns:repeat(1,1fr)}.access-code-wrap{margin-bottom:0;margin-top:0}.product-tab-nav-link-content .wp-block-button a,.article-flex .wp-block-button a{min-width:270px}.product-banner .banner-regular-flex .banner-description{width:calc(100% - 20px)}.contact-us .product-personalized-list-wrap .left-col.section-bg-rect:before{width:calc(100% - 5px);left:0}.fsi_popup_content{text-align:center}.fsi_popup_content .content-box>div{flex-direction:column;gap:20px}}@media(max-width:640px){.banner-regular-contnet{padding:32px}.home-banner{padding-top:0}.enroll-section .enroll-left-col .enroll-box{border-radius:0 !important}.ennroll-code-widget .enroll-heading{margin-bottom:calc(var(--spacing) * 4);color:#d97218}}@media(min-width:640px){.gap-\[30px\]{gap:103px}}.fsi-skip-to-main-content-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.fsi-skip-to-main-content-link:focus{position:fixed;left:1rem;top:1rem;z-index:100000;width:auto;height:auto;clip:auto;overflow:visible;padding:.75rem 1rem;background:#fff;color:#000;text-decoration:underline;outline:2px solid currentColor;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden} /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */ @layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:#ef4444;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#fff;--spacing:.25rem;--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-normal:1.5;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none !important}}@layer utilities{.container{width:100%;margin-inline:auto;padding-inline:15px;@media (width>=768px){max-width:768px}@media (width>=1024px){max-width:1024px}@media (width>=1280px){max-width:1280px}@media (width>=1440px){max-width:1440px}@media (width>=1536px){max-width:1536px}}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-5{height:calc(var(--spacing) * 5)}.w-5{width:calc(var(--spacing) * 5)}.w-full{width:100%}.flex-wrap{flex-wrap:wrap}.gap-4{gap:calc(var(--spacing) * 4)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-300{border-color:var(--color-gray-300)}.bg-dark-lime{background-color:var(--clr-dark-lime)}.p-25{padding:calc(var(--spacing) * 25)}.pt-0{padding-top:calc(var(--spacing) * 0)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-dark-lime{color:var(--clr-dark-lime)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0/0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0/0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sm\:mb-0{@media (width>=768px){margin-bottom:calc(var(--spacing) * 0)}}.sm\:mb-6{@media (width>=768px){margin-bottom:calc(var(--spacing) * 6)}}.sm\:text-deep-navy{@media (width>=768px){color:var(--clr-deep-navy)}}.md\:w-auto{@media (width>=1024px){width:auto}}.lg\:block{@media (width>=1280px){display:block}}}@layer utilities{.container{margin-inline:auto;width:100%;padding-inline:0;@media (min-width:768px){max-width:730px}@media (min-width:992px){max-width:910px}@media (min-width:1200px){max-width:1090px}@media (min-width:1400px){max-width:1270px}}}:root{--clr-white:#fff;--clr-deep-navy:#1c355e;--clr-slate-navy:#22345b;--clr-deep-orange:#d97218;--clr-burnt-orange:#ec842a;--clr-dark-lime:#5e7e14;--clr-light-blue:rgba(230,240,255,.5);--clr-frost-blue-opacity-50:rgba(230,240,255,.5);--clr-soft-sky:#bfd3ee;--clr-slate-navy:#22345b}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:"Poppins",sans-serif}body{background-color:#F3F7FF;@media (width>=1280px){background-color:var(--color-white)}}html{overflow-x:hidden}img,svg,video,canvas,audio,iframe,embed,object{display:block}}input:not([type=submit]):focus,textarea:focus,select:focus{--tw-border-style:none !important;border-style:none !important;--tw-shadow:0 0 #0000 !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);outline-style:var(--tw-outline-style);outline-width:0}[type=text],[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{min-height:49px;appearance:none;border-radius:0;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-500);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);--tw-shadow:0 0 0 0 var(--tw-shadow-color,rgba(0,0,0,0));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is([type=text],[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):focus{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:var(--tw-outline-style);outline-width:0}:is([type=text],[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)::placeholder{font-family:"Source Serif Pro",serif;font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-400);@media (width>=768px){font-size:22px}}@font-face{font-family:'Source Serif Pro';src:url(//fsibenefits.org/wp-content/themes/fsi-benefits/css/../fonts/SourceSerifPro-Regular.ttf)}@layer components{h1,.heading-1{font-family:Poppins,sans-serif;font-size:30px;--tw-leading:36px;line-height:36px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-deep-navy);@media (width>=1024px){font-size:38px}@media (width>=1024px){--tw-leading:52px;line-height:52px}@media (width>=1440px){font-size:50px}@media (width>=1440px){--tw-leading:60px;line-height:60px}}h2,.heading-2{font-family:Poppins,sans-serif;font-size:34px;--tw-leading:44px;line-height:44px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-deep-navy);@media (width>=768px){--tw-leading:50px;line-height:50px}@media (width>=1024px){font-size:38px}@media (width>=1440px){font-size:40px}}h3,.heading-3{font-family:Poppins,sans-serif;font-size:22px;--tw-leading:32px;line-height:32px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-deep-navy);@media (width>=768px){font-size:34px}@media (width>=768px){--tw-leading:40px;line-height:40px}}h4,.heading-4{font-family:Poppins,sans-serif;font-size:18px;--tw-leading:27px;line-height:27px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-deep-navy);@media (width>=768px){font-size:26px}@media (width>=768px){--tw-leading:38px;line-height:38px}}h5,.heading-5{font-family:Poppins,sans-serif;font-size:20px;--tw-leading:32px;line-height:32px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-deep-navy);@media (width>=768px){font-size:22px}@media (width>=768px){--tw-leading:36px;line-height:36px}}h6,.heading-6{font-family:Poppins,sans-serif;font-size:18px;--tw-leading:30px;line-height:30px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-deep-navy);@media (width>=768px){font-size:20px}}p,p *,.body-text,ul{font-family:"Source Serif Pro",serif;font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);color:var(--clr-deep-navy);@media (width>=768px){font-size:22px}}p,.body-text,ul{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.body-text-lg{font-size:20px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);@media (width>=768px){font-size:28px}}}strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}img,svg,video,canvas,audio,iframe,embed,object{display:block}@layer components{header+section{margin-top:68px;@media (width>=1024px){margin-top:100px}@media (width>=1280px){margin-top:calc(var(--spacing) * 0)}}}@layer components{.btn-action{display:inline-flex;max-width:375px;cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);font-family:Poppins,sans-serif;font-size:18px;--tw-leading:27px;line-height:27px;text-align:center;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:200ms;transition-duration:200ms;@media (width>=768px){--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}}.btn-action-blue:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.btn-action-blue:disabled{cursor:not-allowed;opacity:50%;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn-action-blue{background-color:var(--clr-deep-navy);color:var(--color-white);&:hover{@media (hover:hover){opacity:80%}}}.btn-action-orange{border-style:var(--tw-border-style) !important;border-width:1px !important;border-color:var(--clr-deep-orange) !important;background-color:var(--clr-deep-orange) !important;color:var(--color-white) !important;text-decoration-line:none !important}.btn-action-orange:hover{background-color:transparent !important;color:var(--clr-deep-orange) !important}.btn-action-green{background-color:var(--clr-dark-lime) !important;color:var(--color-white) !important;&:hover{@media (hover:hover){opacity:80%}}}.btn-action-white{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);background-color:var(--color-white)}.btn-action-white:hover{background-color:transparent !important;color:var(--color-white) !important}.btn-action-outline{border-style:var(--tw-border-style);border-width:1px;background-color:transparent;color:currentcolor}.btn-action-outline-orange{border-color:var(--clr-deep-orange);color:var(--clr-deep-orange)}.btn-action-outline-orange:hover{background-color:var(--clr-deep-orange);color:var(--color-white)}.btn-action-outline-blue{border-color:var(--clr-deep-navy);color:var(--clr-deep-navy)}.btn-action-outline-blue:hover{background-color:var(--clr-deep-navy);color:var(--color-white)}.btn-action-outline-green{border-color:var(--clr-dark-lime);color:var(--clr-dark-lime)}.btn-action-outline-green:hover{background-color:var(--clr-dark-lime);color:var(--color-white)}form.submitting .btn-loader-wrap{position:relative;display:inline-block;width:100%;cursor:not-allowed;overflow:hidden;@media (width>=768px){width:auto}}form.submitting .btn-loader-wrap .wpcf7-spinner{position:absolute !important;top:calc(1/2 * 100%);left:calc(1/2 * 100%);margin:calc(var(--spacing) * 0) !important;--tw-translate-x:calc(calc(1/2 * 100%) * -1) !important;translate:var(--tw-translate-x) var(--tw-translate-y) !important;--tw-translate-y:calc(calc(1/2 * 100%) * -1)}form.submitting .btn-loader-wrap input{pointer-events:none;cursor:not-allowed;background-color:rgb(241 241 241/67%)}.btn-large{padding-block:calc(var(--spacing) * 6)}.v2-bluebox-cta-low{@media (width>=1024px){padding-block:calc(var(--spacing) * 6)}}}.text-higlight-orange{color:var(--clr-burnt-orange)}.text-orange{color:#ffa251}.w-screen-full{margin-left:calc(50% - 50vw);width:100vw}.w-screen-full-none{margin-left:calc(var(--spacing) * 0);width:auto}.icon-circle{display:inline-flex;height:106px;width:106px;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--clr-dark-lime);--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.img-mask-round{height:504px !important;width:297px !important;overflow:hidden;border-radius:300px}.img-mask-round img{height:100%;width:100%;object-fit:cover}.vr-divider{margin-inline:auto;height:calc(var(--spacing) * 11);width:1px;background-color:#c4c4c4}@layer utilities{.clr-2xl-white,.clr-xl-white,.clr-md-white,.clr-sm-white{--filter-white:brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(7500%) hue-rotate(126deg) brightness(111%) contrast(100%);filter:var(--filter-white)}@media (max-width:1023px){.box-spacing-all-sm{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8)}}@media (max-width:767px){.box-spacing-x-xs{padding-inline:calc(var(--spacing) * 6);@media (width>=768px){padding:calc(var(--spacing) * 0)}}.box-spacing-y-xs{padding-block:calc(var(--spacing) * 8);@media (width>=768px){padding:calc(var(--spacing) * 0)}}.box-spacing-all-xs{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8)}}@media (max-width:1023px){.clr-sm-white{--filter-white:brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(7500%) hue-rotate(126deg) brightness(111%) contrast(100%);filter:var(--filter-white)}}@media (max-width:767px){.clr-xs-white{--filter-white:brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(7500%) hue-rotate(126deg) brightness(111%) contrast(100%);filter:var(--filter-white)}.half-circuler-sec{position:relative;isolation:isolate;z-index:1;padding-bottom:calc(var(--spacing) * 10)}.half-circuler-sec:after{position:absolute;top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);left:calc(1/2 * 100%);z-index:calc(1 * -1);display:block;height:calc(100% - 32px);width:150vw;--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:0 0 50% 50%;--tw-content:'';content:var(--tw-content)}.half-circuler-sec.half-circuler-sec-dark-lime:after{background-color:var(--clr-dark-lime)}.half-circuler-sec.half-circuler-sec-dark-lime .border-title,.half-circuler-sec.half-circuler-sec-dark-lime>*{color:var(--color-white) !important}.half-circuler-sec.half-circuler-sec-dark-lime .border-title.border-title-green:after{background-color:var(--color-white)}.half-circuler-sec.half-circuler-sec-dark-lime .banner-regular-content p{font-size:var(--text-lg) !important;line-height:var(--tw-leading,var(--text-lg--line-height)) !important;--tw-leading:27px;line-height:27px;color:var(--color-white)}.half-circuler-sec .circuler-icon{margin-inline:auto;margin-top:calc(var(--spacing) * 4);margin-bottom:calc(53px * -1);display:inline-flex;background-color:var(--clr-deep-navy);--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,0.25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width>=768px){display:none}}.half-circuler-sec .banner-regular-content{display:flex;flex-direction:column}}.half-circuler-sec .circuler-icon{margin-bottom:calc(53px * -1);display:inline-flex;background-color:var(--clr-deep-navy);--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,0.25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width>=768px){display:none}}.half-circuler-sec .circuler-icon img{height:59px;width:59px}}.notice.notice-error{margin-top:calc(var(--spacing) * 2.5);width:100%;border-radius:5px;padding-inline:5px;padding-block:5px;text-align:center;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-red-500);@media (width>=1024px){text-align:left}}@layer components{header{position:sticky;top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:10;background-color:var(--color-white);padding-inline:calc(var(--spacing) * 6);padding-block:15px;@media (width>=1441px){position:relative}@media (width>=1280px){padding:calc(var(--spacing) * 8)}}header nav .nav-inner{display:flex;align-items:center;justify-content:space-between}header nav .nav-inner .nav-left-col .nav-logo{max-width:83px;@media (width>=1024px){max-width:180px}@media (width>=1440px){max-width:230px}}header nav .nav-inner .nav-left-col .nav-logo img{height:100%;width:100%}header nav .nav-inner .nav-right-col .nav-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;@media (width>=1024px){flex-direction:row}@media (width>=1024px){justify-content:space-between}}header nav .nav-inner .nav-right-col .nav-links .nav-link{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);@media (width>=1024px){color:#22345b}}header nav .nav-inner .nav-left-col{display:flex;width:100%;align-items:center;justify-content:space-between;@media (width>=1024px){width:auto}}header nav .nav-inner .nav-right-col{display:flex;align-items:center;gap:50px}header nav .nav-inner .nav-right-col .nav-links .contact-btn-wrap .btn-action-outline-orange{--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width>=1280px){margin-left:24px}}header nav .nav-inner .nav-left-col .nav-toggler{display:inline-flex;height:36px;width:36px;align-items:center;justify-content:center;border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:#F5F5F5;background-color:var(--clr-deep-navy);@media (width>=1024px){display:none}@media (width>=1024px){height:42px}@media (width>=1024px){width:42px}}header nav .nav-inner .nav-right-col #navbar-default{position:absolute;top:100%;right:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);width:100%;background-color:var(--clr-deep-navy);padding:calc(var(--spacing) * 6);--tw-shadow:0 2px 10px var(--tw-shadow-color,rgba(0,0,0,0.4));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width>=1024px){position:static}@media (width>=1024px){display:block !important}@media (width>=1024px){width:auto}@media (width>=1024px){background-color:transparent}@media (width>=1024px){padding:calc(var(--spacing) * 0)}@media (width>=1024px){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}header a.nav-link{&:hover{@media (hover:hover){color:var(--clr-dark-lime)}}}.contact-btn-wrap a.nav-link:hover{background-color:var(--clr-deep-orange) !important;color:var(--color-white) !important}header nav .nav-inner .nav-right-col .nav-links li:not(:nth-last-child(-n+2)) a:after{content:"";display:none;height:20px;width:3px;background-color:currentcolor;@media (width>=1024px){display:inline-block}}}@layer components{.footer-top-banner{background-color:#F4F8FE;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);@media (width>=768px){background-color:var(--clr-light-blue)}@media (width>=768px){padding-block:calc(var(--spacing) * 5)}}.footer-top-banner-col-wrap{display:grid;grid-template-columns:repeat(1,minmax(0, 1fr));align-items:center;gap:calc(var(--spacing) * 8);@media (width>=768px){grid-template-columns:repeat(12,minmax(0, 1fr))}@media (width>=768px){gap:30px}}.footer-top-banner-col-wrap .footer-top-banner-left-col{order:9999;text-align:center;@media (width>=768px){order:-9999}@media (width>=768px){grid-column:span 8/span 8}@media (width>=768px){text-align:left}}.footer-top-banner-col-wrap .footer-top-banner-left-col .btn-action{margin-top:calc(var(--spacing) * 8);margin-bottom:calc(var(--spacing) * 0);width:100%;padding-inline:24px;padding-block:12px;@media (width>=768px){margin-top:calc(var(--spacing) * 6)}@media (width>=768px){width:auto}@media (width>=768px){padding-inline:40px}@media (width>=768px){padding-block:20px}@media (width>=1024px){padding-inline:50px}@media (width>=1024px){padding-block:25px}}.footer-top-banner-col-wrap .footer-top-banner-right-col{@media (width>=768px){grid-column:span 4/span 4}}.footer-top-banner-col-wrap .footer-top-banner-right-col .img-wrap{margin-inline:auto;height:171px;width:195px;@media (width>=768px){height:auto}@media (width>=768px){width:fit-content}}.footer-top-banner-col-wrap .footer-top-banner-right-col .img-wrap img{position:relative;top:-13px;margin-inline:auto;@media (width>=768px){position:static}@media (width>=768px){margin-inline:calc(var(--spacing) * 0)}@media (width>=768px){width:100%}}@media (max-width:767px){.footer-top-banner-col-wrap .footer-top-banner-left-col .heading-1{font-size:22px;--tw-leading:33px;line-height:33px}}}@layer components{.heading1{font-family:Poppins,sans-serif;font-size:34px;--tw-leading:44px;line-height:44px;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.heading1{font-size:26px;--tw-leading:36px;line-height:36px}}}@layer components{.border-title{position:relative;display:inline-flex;width:fit-content;flex-direction:column;gap:calc(var(--spacing) * 1.5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);@media (width>=768px){gap:calc(var(--spacing) * 5)}@media (width>=1024px){font-size:26px}}.border-title:after{--tw-content:"";content:var(--tw-content);display:inline-block;height:calc(var(--spacing) * 1.5);width:100%;--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--clr-deep-navy);@media (width>=768px){height:calc(var(--spacing) * 2.5)}}.border-title.border-title-green:after{content:"";background-color:var(--clr-dark-lime)}}@layer components{.circuler-icon{display:inline-flex;height:106px;width:106px;min-width:106px;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@layer components{footer .top-strip{position:relative;display:flex;background-color:var(--clr-dark-lime);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);@media (width>=768px){padding-block:calc(var(--spacing) * 10)}}footer .top-strip .top-strip-text{text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:24px;line-height:24px;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);@media (width>=768px){text-align:left}@media (width>=768px){font-size:22px}@media (width>=768px){--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}}footer .container{position:relative}footer .top-strip .container:before,footer .top-strip .container:after,footer .footer-content .container:before,footer .footer-content .container:after{position:absolute;display:none;height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 5);border-radius:200px;background-color:var(--clr-deep-navy);--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-content:"";content:var(--tw-content);@media (width>=1024px){display:block}@media (width>=1440px){height:65px}@media (width>=1440px){width:26px}@media (width>=1536px){height:86px}@media (width>=1536px){width:calc(var(--spacing) * 10)}}footer .top-strip .container:before{top:-60px;left:calc(100% + -25px);@media (width>=1440px){top:-65px}@media (width>=1440px){left:calc(100% + -20px)}@media (width>=1536px){left:calc(100% + 58px)}}footer .top-strip .container:after{top:-48px;left:calc(100% + 0px);@media (width>=1440px){left:calc(100% + 10px)}@media (width>=1536px){left:calc(100% + 110px)}}footer .footer-content{background-color:var(--clr-deep-navy);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);@media (width>=768px){padding-block:65px}}footer .footer-content .container:before,footer .footer-content .container:after{background-color:#bfd3ee}footer .footer-content .container:before{top:calc(76px * -1);right:calc(100% + -25px);@media (width>=1440px){top:calc(116px * -1)}@media (width>=1440px){right:calc(100% + 20px)}@media (width>=1536px){right:calc(100% + 140px)}}footer .footer-content .container:after{top:calc(91px * -1);right:calc(100% + 0px);@media (width>=1440px){right:calc(100% + -10px)}@media (width>=1536px){right:calc(100% + 88px)}}footer .footer-content *{font-family:"Source Serif Pro",serif;font-size:13px;color:var(--color-white);@media (width>=768px){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}footer .footer-content .footer-links,footer .footer-content .footer-text p{margin-bottom:calc(var(--spacing) * 6);@media (width>=768px){margin-bottom:calc(var(--spacing) * 4)}}footer .footer-content .footer-text>:last-child{margin-bottom:calc(var(--spacing) * 0)}footer .nav-links{display:flex;flex-wrap:wrap}footer .footer-content .footer-links>span{margin-bottom:calc(var(--spacing) * 6);width:100%;@media (width>=768px){margin-bottom:calc(var(--spacing) * 0)}@media (width>=768px){width:auto}}footer .nav-links li{margin-bottom:calc(var(--spacing) * 4);display:inline-block;width:calc(1/2 * 100%);@media (width>=768px){margin-bottom:calc(var(--spacing) * 0)}@media (width>=768px){width:auto}}footer .nav-links li:nth-last-child(-n+2){margin-bottom:calc(var(--spacing) * 0);width:calc(1/2 * 100%);@media (width>=768px){width:auto}}footer .nav-links li a{font-family:"Source Serif Pro",serif}footer a.nav-link{&:hover{@media (hover:hover){text-decoration-line:underline}}}.bottom-strip{background-color:var(--clr-deep-navy);padding-block:calc(var(--spacing) * 8);color:var(--color-white)}.footer-desc p{margin-top:15px;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-white)}.footer-links{display:flex;flex-wrap:wrap}p.copyright_text{display:flex;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-white)}footer .nav-links li:not(:last-child):after{margin-inline:calc(var(--spacing) * 2.5);display:none;--tw-content:'|';content:var(--tw-content);@media (width>=768px){display:inline-block}}@media (min-width:1536px) and (max-width:1600px){footer .top-strip .container:before{left:calc(100% + 20px)}footer .top-strip .container:after{left:calc(100% + 70px)}footer .footer-content .container:before{right:calc(100% + 70px)}footer .footer-content .container:after{right:calc(100% + 20px)}}}@layer components{.product-inseurance-tabs-section{padding-bottom:65px}.product-tab-access-code-sec .access-code-wrap{margin-block:calc(var(--spacing) * 0) !important}.insuarance-tabs-box{border-radius:0;background-color:var(--clr-deep-navy);@media (width>=1024px){margin-top:calc(var(--spacing) * -64)}@media (width>=1024px){min-height:1140px}@media (width>=1024px){border-bottom-right-radius:80px;border-bottom-left-radius:80px}@media (width>=1024px){background-color:var(--clr-light-blue)}@media (width>=1024px){padding-top:calc(var(--spacing) * 64)}}.insuarance-tabs-box .insuarance-tabs-wrap{padding:calc(var(--spacing) * 0);@media (width>=1024px){padding:40px}@media (width>=1280px){padding:65px}}.vrctl-insuarance-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;@media (width>=1024px){flex-wrap:nowrap}@media (width>=1024px){justify-content:flex-start}@media (width>=1024px){gap:65px}@media (width>=1280px){gap:145px}}.vrctl-insuarance-tabs .vrctl-tab-content{width:100%;@media (width>=1280px){width:60%}}.vrctl-insuarance-tabs .vrctl-insuarance-tabs-list,.tab-nav-links-widget.nav-links{display:flex;width:100%;min-width:300px;flex-direction:column;gap:calc(var(--spacing) * 3.5);border-style:var(--tw-border-style) !important;border-width:0px !important;@media (width>=1280px){width:auto}@media (width>=1280px){min-width:416px}}.vrctl-insuarance-tabs .vrctl-insuarance-tabs-list{display:none;@media (width>=1024px){display:flex}}.vrctl-insuarance-tabs .vrctl-insuarance-tabs-list li button,.tab-nav-links-widget.nav-links li .nav-link{display:block;width:100%;cursor:pointer;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--clr-dark-lime);padding:15px;text-align:center;font-size:22px;--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-deep-navy);@media (width>=768px){padding-inline:calc(var(--spacing) * 5)}@media (width>=768px){padding-block:30px}}.vrctl-insuarance-tabs .vrctl-insuarance-tabs-list li button:hover,.text-hover-green{color:var(--clr-dark-lime) !important}.vrctl-insuarance-tabs .vrctl-insuarance-tabs-list li button[aria-selected=true],.tab-nav-links-widget.nav-links li.current-menu-item .nav-link,.tab-nav-links-widget.nav-links li.current-page-ancestor .nav-link{background-color:var(--clr-dark-lime);padding:30px;color:var(--color-white) !important}.tab-nav-links-widget.nav-links li .nav-link{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 3)}.vrctl-insuarance-tabs .border-title{margin-bottom:calc(var(--spacing) * 6)}.vrctl-insuarance-tabs .content-list .content-box .title{font-size:26px;color:var(--clr-dark-lime)}.vrctl-insuarance-tabs .content-list .content-box h3{margin-bottom:calc(var(--spacing) * 4);@media (width>=768px){margin-bottom:calc(var(--spacing) * 6)}}.content-list{display:flex}.content-list .content-box p{margin-bottom:calc(var(--spacing) * 8);color:var(--clr-slate-navy);@media (width>=768px){margin-bottom:calc(var(--spacing) * 10)}}.content-list .content-box .text-link{margin-top:calc(var(--spacing) * 6);display:block;font-size:22px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-slate-navy);text-decoration-line:underline}}.product-inseurance-tabs-section .product-tab-access-code-sec{margin-top:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 3);border-radius:30px;background-color:#F3F7FF;padding:30px !important;text-align:center;@media (width>=1024px){margin-top:calc(var(--spacing) * 0)}@media (width>=1024px){background-color:var(--color-white)}@media (width>=1024px){text-align:left}}@media (min-width:1024px) and (max-width:1279px){.product-inseurance-tabs-section .product-tab-access-code-sec .access-code-wrap{text-align:center !important}.product-inseurance-tabs-section .product-tab-access-code-sec .btn-action-group{flex-direction:column;align-items:center}.product-inseurance-tabs-section .product-tab-access-code-sec .access-code-wrap .notice.notice-error{text-align:center !important}}@media (min-width:768px) and (max-width:1023px){.product-inseurance-tabs-section .container{max-width:100% !important}.product-inseurance-tabs-section .product-tab-access-code-sec .btn-action-group{justify-content:center}}@layer components{.acc-mobile{display:flex;flex-direction:column;gap:calc(var(--spacing) * 3)}.acc-mobile .acc-title{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-lg);background-color:var(--color-white);padding:calc(var(--spacing) * 6);font-family:Poppins,sans-serif;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:22px;line-height:22px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-deep-navy);@media (width>=1024px){display:none}}.acc-title.active{border-bottom-right-radius:0;border-bottom-left-radius:0}.acc-mobile .content-list{display:none;@media (width>=1024px){display:block}}.acc-mobile .acc-title .expand-icon{position:relative;height:22px;width:22px}.acc-mobile .acc-title .expand-icon:before,.acc-mobile .acc-title .expand-icon:after{position:absolute;top:calc(2/4 * 100%);left:calc(2/4 * 100%);display:inline-block;--tw-translate-x:calc(calc(2/4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-translate-y:calc(calc(2/4 * 100%) * -1);background-color:var(--clr-deep-orange);--tw-content:"";content:var(--tw-content)}.acc-mobile .acc-title.active .expand-icon:before{display:none}.acc-mobile .acc-title .expand-icon:before{height:15px;width:5px}.acc-mobile .expand-icon:after{height:5px;width:15px}@media (max-width:1023px){.acc-mobile>div{display:block !important}.acc-mobile .content-list{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 6)}.acc-mobile .content-list .content-box h2{font-size:22px !important;--tw-leading:30px;line-height:30px}.acc-mobile .content-list .content-box h2,.acc-mobile .content-list .content-box p{margin-bottom:calc(var(--spacing) * 4)}.acc-mobile .content-list .content-box .text-link{margin-top:calc(var(--spacing) * 4);font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}}}@layer components{.tab-nav-links-widget.nav-links li .nav-link{border-style:var(--tw-border-style);border-width:0;background-color:var(--clr-deep-navy);color:var(--color-white)}.tab-nav-links-widget.nav-links li .nav-link:hover{background-color:var(--clr-dark-lime);color:var(--color-white)}}.product-tab-nav-link-section{background-color:var(--color-white);padding-bottom:calc(var(--spacing) * 0)}.product-tab-nav-link-flex{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * 10);@media (width>=1024px){flex-direction:row}@media (width>=1280px){gap:70px}}.tab-nav-links-widget-wrap{width:100%;padding-block:calc(var(--spacing) * 20);padding-right:calc(var(--spacing) * 0);@media (width>=1024px){width:calc(1/2 * 100%)}@media (width>=1024px){padding-right:76px;padding-bottom:186px}@media (width>=1280px){width:45%}}.product-tab-nav-link-content{width:100%;@media (width>=1024px){width:calc(1/2 * 100%)}@media (width>=1280px){width:55%}}.product-tab-nav-link-section .section-bg-rect:before{top:calc(var(--spacing) * 0) !important;left:calc(var(--spacing) * 0);margin-left:calc(50% - 50vw);height:100%;width:100vw;@media (width>=1024px){right:calc(var(--spacing) * 0) !important}@media (width>=1024px){left:auto}@media (width>=1024px){margin-left:calc(var(--spacing) * 0)}}.product-tab-nav-link-content .content-list{flex-direction:column;@media (width>=1440px){width:90%}}.product-tab-nav-link-content .content-list .title-content-wrap>p,.product-tab-nav-link-content .content-list .title-content-wrap .content-box,.product-tab-nav-link-content .content-list .title-content-wrap .data-content{margin-bottom:calc(var(--spacing) * 6)}.product-tab-nav-link-content .content-list .title-content-wrap .content-box ul{list-style-type:disc;padding-left:calc(var(--spacing) * 6);font-size:22px}.product-tab-nav-link-content .content-list .title-content-wrap .content-box ul li{font-family:"Source Serif Pro",serif;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--clr-slate-navy);@media (width>=768px){font-size:22px}@media (width>=768px){--tw-leading:36px;line-height:36px}}.product-tab-nav-link-content .content-list .title-content-wrap .content-box ul li *,.product-tab-nav-link-content .content-list .title-content-wrap .content-box table{font-family:"Source Serif Pro",serif}.product-tab-nav-link-content .content-list .title-content-wrap .content-box table{width:100vw;table-layout:auto;@media (width>=768px){width:100%}@media (width>=768px){table-layout:fixed}}.product-tab-nav-link-content .content-list .title-content-wrap .content-box table td,.product-tab-nav-link-content .content-list .title-content-wrap .content-box table th{overflow-wrap:normal;word-break:normal}.product-tab-nav-link-content .content-list .title-content-wrap .content-box .wp-block-table.is-style-stripes{margin-bottom:calc(var(--spacing) * 0);border-bottom-style:var(--tw-border-style);border-bottom-width:0}.product-tab-nav-link-content h2{font-size:22px;--tw-leading:32px;line-height:32px;color:var(--clr-dark-lime);@media (width>=768px){font-size:26px}@media (width>=768px){--tw-leading:38px;line-height:38px}}.product-tab-nav-link-content h3{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);@media (width>=768px){font-size:22px}@media (width>=768px){--tw-leading:36px;line-height:36px}}.product-tab-nav-link-content p{font-size:18px;--tw-leading:27px;line-height:27px;@media (width>=768px){font-size:22px}@media (width>=768px){--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}}.product-tab-nav-link-content ul,.product-tab-nav-link-content .wp-block-table{margin-bottom:calc(var(--spacing) * 8) !important;@media (width>=768px){margin-bottom:calc(var(--spacing) * 10) !important}}.product-tab-nav-link-content .wp-block-buttons{margin-right:calc(var(--spacing) * 5) !important;margin-bottom:30px;display:inline-flex !important;width:100%;justify-content:center;@media (width>=768px){width:auto}@media (width>=768px){justify-content:flex-start}}.product-tab-nav-link-content .wp-block-table.is-style-stripes tbody tr:nth-child(even){background-color:#e6f0ff}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:transparent}.product-tab-nav-link-content .wp-block-table.is-style-stripes thead tr{background-color:#e6f0ff}.product-tab-nav-link-content .wp-block-table.is-style-stripes thead tr th{text-align:left}.product-tab-nav-link-content .wp-block-table.is-style-stripes thead{border-bottom:none}.product-tab-nav-link-content .content-box>:last-child{margin-bottom:calc(var(--spacing) * 0)}.product-tab-access-code-sec .btn-action-group{margin-block:calc(var(--spacing) * 4);display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing) * 4);@media (width>=768px){margin-block:calc(var(--spacing) * 6)}@media (width>=768px){flex-wrap:nowrap}@media (width>=768px){justify-content:flex-start}@media (width>=768px){gap:30px}}.section-bg-rect .tab-nav-links-widget.nav-links li.current-menu-item .nav-link:after,.section-bg-rect .tab-nav-links-widget.nav-links li.current-page-ancestor .nav-link:after{display:inline-block;height:30px;width:30px;flex-shrink:0;background-image:url(//fsibenefits.org/wp-content/themes/fsi-benefits/css/../images/icons/arrow-right-white.svg);background-size:contain;background-repeat:no-repeat;--tw-content:'';content:var(--tw-content)}.product-tab-nav-link-section .tab-nav-links-widget-wrap{display:none;@media (width>=1024px){display:block}}@media (max-width:1279px){.product-tab-nav-link-flex .enroll-field,.product-banner .product-dynamic-sec-wrapper .access-code-wrap .enroll-field.enroll-field-var-2{width:200px}}@media (max-width:767px){.product-page-access-code .enroll-heading{margin-bottom:calc(var(--spacing) * 4)}.product-page-access-code{text-align:center}.product-tab-nav-link-content .content-list .title-content-wrap .content-box{margin-bottom:calc(var(--spacing) * 0)}.product-tab-nav-link-content .content-list .title-content-wrap .content-box ul{margin-bottom:calc(var(--spacing) * 8)}}@layer components{.enroll-code-widget,.product-dynamic-sec-wrapper .access-code-wrap{margin-inline:auto;display:flex;width:500px;max-width:100%;flex-direction:column;align-items:center;border-radius:40px;background-color:var(--color-white);padding:calc(var(--spacing) * 6);text-align:center;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgb(0 0 0/0.1)),0 4px 6px -4px var(--tw-shadow-color,rgb(0 0 0/0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width>=768px){margin-inline:calc(var(--spacing) * 0)}@media (width>=768px){border-radius:0}@media (width>=768px){background-color:transparent}@media (width>=768px){padding:calc(var(--spacing) * 0)}@media (width>=768px){text-align:left}@media (width>=768px){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (width>=1024px){align-items:flex-start}}.enroll-code-widget .enroll-heading{margin-bottom:calc(var(--spacing) * 4);text-align:center;color:var(--clr-deep-orange);@media (width>=1024px){text-align:left}}.product-dynamic-sec-wrapper .access-code-wrap .enroll-heading{text-align:center;@media (width>=768px){text-align:left}}.enroll-field{margin-inline:auto;display:flex;width:172px;max-width:100%;align-items:center;overflow:hidden;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--clr-deep-orange);background-color:var(--color-white);padding:6px 6px 6px 12px;@media (width>=768px){margin-inline:calc(var(--spacing) * 0)}@media (width>=768px){width:251px}@media (width>=768px){padding-inline:calc(var(--spacing) * 4)}@media (width>=768px){padding-block:18px}}.enroll-field input[type=text]{min-height:auto !important;--tw-border-style:none;border-style:none;padding:calc(var(--spacing) * 0) !important}.enroll-field.enroll-field-var-2{border-color:var(--clr-deep-orange);padding:10px 8px 10px 16px;@media (width>=768px){border-color:#224e86}}.enroll-field input{width:100%;flex-grow:1;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:calc(var(--spacing) * 0);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:#163765;--tw-outline-style:none;outline-style:none;&::placeholder{color:var(--color-gray-400)}}.enroll-field input:focus{border-style:var(--tw-border-style);border-width:0;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.enroll-field button{display:inline-flex;height:40px;width:40px;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--clr-deep-orange);@media (width>=768px){height:auto}@media (width>=768px){width:auto}}.enroll-field.enroll-field-var-2 button{height:50px;width:50px;min-width:50px;background-color:var(--clr-deep-orange);padding:calc(var(--spacing) * 4);&:hover{@media (hover:hover){background-color:transparent}}}.enroll-field.enroll-field-var-2 button:hover img{filter:brightness(0) saturate(100%) invert(73%) sepia(78%) saturate(6198%) hue-rotate(6deg) brightness(99%) contrast(81%)}.enroll-field button img{height:25px;width:20px;@media (width>=768px){height:34px}@media (width>=768px){width:34px}}.enroll-field.enroll-field-var-2 button img{height:18px;width:18px}.enroll-code-widget .enroll-field .btn-action-orange{margin-inline:auto;display:flex;height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);max-width:220px;min-width:calc(var(--spacing) * 10);align-items:center;overflow:hidden;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--clr-deep-orange);padding:calc(var(--spacing) * 0)}.enter-sub-text,.enter-sub-text .enroll-code{text-align:center;font-size:18px;--tw-leading:27px;line-height:27px;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);@media (width>=768px){font-size:22px}@media (width>=768px){--tw-leading:36px;line-height:36px}@media (width>=1024px){text-align:left}}.dark-bg .enroll-code-widget .enter-sub-text,.enter-sub-text .enroll-code{@media (width>=768px){color:var(--color-white)}}.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap.product-page-acw-upper .btn-action-group{margin-bottom:calc(var(--spacing) * 0) !important;align-items:center}.banner-regular-content .access-code-wrap.product-page-acw-upper .btn-action-group .btn-action:last-of-type{padding-block:calc(var(--spacing) * 4);@media (min-width:426px) and (max-width:768px){padding-block:calc(var(--spacing) * 5)}@media (min-width:1024px) and (max-width:1440px){padding-block:calc(var(--spacing) * 3)}@media (min-width:1440px){padding-block:calc(var(--spacing) * 5)}}.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap.product-page-acw-upper .notice-error{padding-bottom:calc(var(--spacing) * 0) !important;@media (min-width:426px) and (max-width:768px){text-align:left !important}}.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap.product-page-acw-upper .enroll-heading:first-of-type{margin-bottom:calc(var(--spacing) * 0) !important}.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap.product-page-acw-upper .enroll-heading:last-of-type{margin-top:calc(var(--spacing) * 4) !important;@media (width>=768px){margin-top:calc(var(--spacing) * 6) !important}}@media (min-width:768px) and (max-width:1023px){.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap.product-page-acw-upper .btn-action-group,.personalized-product-tab-bottom-ctas .btn-action-group{flex-direction:column !important;align-items:center;gap:10px !important}}@media (max-width:1023px){.enroll-heading:has(+.product-page-acw-lower){color:var(--clr-deep-navy)}}.access-code-wrap.product-page-acw-lower .btn-action-group{margin-bottom:calc(var(--spacing) * 0) !important}.access-code-wrap.product-page-acw-lower .enroll-heading:last-of-type{margin-top:calc(var(--spacing) * 4)}@media (min-width:767px){.access-code-wrap.product-page-acw-lower .enroll-heading:last-of-type{margin-top:calc(var(--spacing) * 6)}}@media (max-width:767px){.access-code-wrap.product-page-acw-lower .btn-action-group{flex-direction:column !important;align-items:center;gap:10px !important}}@media (min-width:426px) and (max-width:768px){.access-code-wrap.product-page-acw-lower .notice-error{text-align:left !important}}@media (min-width:1024px) and (max-width:1279px){.access-code-wrap.product-page-acw-lower .btn-action-group{flex-direction:column;align-items:start;gap:10px !important}.access-code-wrap.product-page-acw-lower .btn-action-group .or-text-down{justify-content:center;text-align:center;width:200px}.access-code-wrap.product-page-acw-lower .btn-action-group .btn-action:last-of-type{padding-block:calc(var(--spacing) * 5)}}@media (width <=426px){.access-code-wrap.product-page-acw-lower .btn-action-group .btn-action:last-of-type{padding-block:calc(var(--spacing) * 4)}}@media (max-width:767px){.access-code-wrap.product-page-acw-lower .btn-action-group{flex-direction:column !important;align-items:center;gap:10px !important}.or-text-down{color:var(--clr-deep-navy) !important;margin-block:auto !important}@media (max-width:1023px){.access-code-wrap .btn-action-group{margin-top:calc(var(--spacing) * 4)}.access-code-wrap.product-page-acw-upper .btn-action-group{margin-block:calc(var(--spacing) * 4);flex-wrap:wrap;align-items:center}.access-code-wrap.product-page-acw-upper .btn-action-group .or-text-up,.access-code-wrap.product-page-acw-upper .btn-action-group .or-text-down{margin-block:0 !important}.access-code-wrap.product-page-acw-upper .heading-5.enroll-heading{margin-bottom:0 !important}.enroll-heading{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--clr-deep-orange)}.enter-sub-text{--tw-leading:25px;line-height:25px}.enroll-field{padding:6px 6px 6px 12px !important}}}@layer components{.enroll-code-strip-section{background-color:var(--clr-deep-navy);padding-block:30px}.enroll-code-strip-section .enroll-code-widget{position:relative;margin-inline:auto;display:flex;width:fit-content;align-items:center;gap:46px;background-color:transparent;text-align:left;@media (width>=1280px){margin-right:auto}@media (width>=1280px){flex-direction:row}}.enroll-code-strip-section .enroll-code-widget .enter-sub-text{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}.enroll-code-strip-section .enroll-code-widget .enroll-heading{margin-bottom:calc(var(--spacing) * 0);color:var(--color-white)}.enroll-code-strip-section .enroll-code-widget .enter-sub-text br{display:none}}@layer components{.banner-section .banner-content p,.banner-section .banner-content p strong{font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);@media (width>=768px){font-size:28px}}}@layer components{.banner-hero{@media (width>=1024px){min-height:620px}@media (width>=1024px){padding-top:65px}@media (width>=1024px){padding-bottom:130px}@media (width>=1280px){padding-bottom:65px}@media (width>=1440px){padding-bottom:calc(var(--spacing) * 0)}}.banner-hero .banner-grid{display:grid;grid-template-columns:repeat(1,minmax(0, 1fr));gap:calc(var(--spacing) * 0);@media (width>=1024px){grid-template-columns:repeat(12,minmax(0, 1fr))}@media (width>=1024px){gap:60px}@media (width>=1280px){gap:30px}}.banner-hero .banner-grid .left-col{order:9999;@media (width>=1024px){order:-9999}@media (width>=1024px){grid-column:span 8/span 8}}.banner-hero .banner-grid .left-col .banner-content{display:flex;flex-direction:column;align-items:center;text-align:left;@media (width>=1024px){align-items:flex-start}@media (width>=1024px){text-align:left}}.banner-hero .banner-grid .left-col .banner-content h1{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);text-wrap:balance;@media (width>=1024px){margin-bottom:calc(var(--spacing) * 6)}@media (width>=1024px){margin-bottom:calc(var(--spacing) * 8)}@media (width>=1024px){padding:calc(var(--spacing) * 0)}@media (width>=1024px){text-wrap:wrap}}.banner-hero .banner-grid .left-col .banner-content .content-cta-wrap{margin-right:auto;display:flex;width:calc(100% - 3px);flex-direction:column;align-items:flex-start;border-top-right-radius:110px;background-color:var(--clr-deep-navy);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);@media (width>=1024px){margin-right:calc(var(--spacing) * 0)}@media (width>=1024px){width:auto}@media (width>=1024px){background-color:transparent}@media (width>=1024px){padding:calc(var(--spacing) * 0)}}.banner-hero .banner-grid .left-col .banner-content .content-cta-wrap .banner-small-desc{color:var(--color-white) !important;@media (width>=1024px){color:var(--clr-deep-navy) !important}}.banner-hero .banner-grid .right-col{order:-9999;padding-inline:calc(var(--spacing) * 6);@media (width>=1024px){order:9999}@media (width>=1024px){grid-column:span 4/span 4}@media (width>=1024px){padding:calc(var(--spacing) * 0)}}.banner-hero .banner-grid .right-col .img-wrap{margin-left:calc(50% - 50vw);display:flex;width:100vw;justify-content:center;@media (width>=1024px){margin-left:calc(var(--spacing) * 0)}@media (width>=1024px){width:auto}@media (width>=1280px){justify-content:flex-end}}.banner-hero .banner-grid .right-col .img-wrap picture{height:100%;width:100%;@media (width>=1024px){height:auto}@media (width>=1024px){width:auto}}.banner-hero .banner-grid .right-col .img-wrap picture img{height:100%;width:100%;object-fit:cover;object-position:bottom;@media (width>=1024px){aspect-ratio:321/544}@media (width>=1024px){max-height:544px !important}}}@media (min-width:768px) and (max-width:1023px){.wave-banner .container{max-width:100% !important}}.banner-hero .banner-grid .left-col .banner-content .content-cta-wrap .banner-small-desc strong{margin-bottom:calc(var(--spacing) * 4);display:block;color:var(--color-white);@media (width>=1024px){margin-bottom:calc(var(--spacing) * 0)}@media (width>=1024px){color:var(--clr-deep-navy)}}.heroimage_shaping{max-height:375px;width:100%;border-radius:0;border-bottom-left-radius:110px;object-fit:cover;object-position:top;@media (width>=1024px){max-height:none}@media (width>=1024px){overflow:hidden}@media (width>=1024px){border-radius:50%/30%}}@media (max-width:1023px){.banner-hero .banner-grid .left-col .banner-content .content-cta-wrap .banner-small-desc{font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}}@media (max-width:767px){.banner-hero .banner-grid .left-col .banner-content .content-cta-wrap p,.banner-hero .banner-grid .left-col .banner-content .content-cta-wrap p strong{--tw-leading:23px;line-height:23px}}@layer components{.wave-banner{overflow-x:hidden;position:relative;z-index:1;background-color:var(--clr-deep-navy);background-size:cover;background-position:top;background-repeat:no-repeat;padding:calc(var(--spacing) * 8);@media (width>=1024px){background-color:transparent}@media (width>=1024px){background-image:url(//fsibenefits.org/wp-content/themes/fsi-benefits/css/../images/wave-bottom.svg)}@media (width>=1024px){padding-top:65px}@media (width>=1280px){min-height:472px}@media (width>=1280px){padding-inline:calc(var(--spacing) * 0)}@media (width>=1280px){padding-bottom:calc(var(--spacing) * 0)}}.wave-banner .container{position:relative}.wave-banner .wave-banner-grid{display:grid;grid-template-columns:repeat(1,minmax(0, 1fr));gap:50px;@media (width>=1024px){grid-template-columns:repeat(12,minmax(0, 1fr))}@media (width>=1024px){gap:30px}}.wave-banner .wave-banner-grid .left-col{@media (width>=768px){margin-inline:auto}@media (width>=768px){width:65%}@media (width>=1024px){grid-column:span 6/span 6}@media (width>=1024px){margin-inline:calc(var(--spacing) * 0)}@media (width>=1024px){width:auto}@media (width>=1536px){grid-column:span 5/span 5}}.wave-banner .wave-banner-grid .left-col .wave-banner-content *{color:var(--color-white)}.wave-banner .wave-banner-grid .left-col .wave-banner-content{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 4);text-align:center;@media (width>=1024px){width:100%}@media (width>=1024px){align-items:flex-start}@media (width>=1024px){gap:calc(var(--spacing) * 0)}@media (width>=1024px){text-align:left}}.wave-banner .wave-banner-grid .left-col .wave-banner-content h1{color:var(--clr-deep-navy) !important;@media (width>=1024px){margin-bottom:calc(var(--spacing) * 6)}@media (width>=1024px){color:var(--clr-soft-sky) !important}@media (width>=1536px){margin-bottom:calc(var(--spacing) * 8)}}.wave-banner .wave-banner-grid .right-col{display:none;@media (width>=1024px){grid-column:span 6/span 6}@media (width>=1024px){display:block}@media (width>=1536px){grid-column:span 7/span 7}}.wave-banner .wave-banner-grid .right-col .wave-banner-images{display:flex;align-items:flex-end;justify-content:center;@media (width>=1024px){justify-content:flex-end}}.wave-banner .wave-banner-grid .right-col .wave-banner-images img{position:relative;height:100%;border-radius:calc(infinity * 1px)}.wave-banner .wave-banner-grid .right-col .wave-banner-images img.big-image{width:40%;@media (width>=1024px){margin-left:calc(var(--spacing) * 10)}@media (width>=1024px){width:calc(3/5 * 100%)}@media (width>=1024px){max-width:250px}@media (width>=1280px){max-width:314px}@media (width>=1536px){margin-left:calc(var(--spacing) * 20)}@media (width>=1536px){width:auto}}.wave-banner .wave-banner-grid .right-col .wave-banner-images img.sm-image{width:30%;@media (width>=1024px){margin-right:calc(var(--spacing) * 0)}@media (width>=1024px){width:165px}@media (width>=1024px){max-width:229px}@media (width>=1280px){width:auto}}.wave-banner .wave-banner-grid .left-col .wave-banner-content .pf-image-mobile{display:block;height:106px;width:106px;overflow:hidden;border-radius:calc(infinity * 1px);@media (width>=768px){height:146px}@media (width>=768px){width:146px}@media (width>=1024px){display:none}@media (width>=1024px){height:106px}@media (width>=1024px){width:106px}}.pf-image-mobile img{height:100%;width:100%;object-fit:cover;object-position:0 0px}@media (min-width:768px) and (max-width:1023px){.wave-banner .container{max-width:100% !important}.wave-banner .half-circle-bg{position:relative}.wave-banner .half-circle-bg:before{position:absolute;bottom:calc(1/2 * 100%);left:calc(2/4 * 100%);z-index:calc(1 * -1);margin:auto;height:100vh;width:200vw;--tw-translate-x:calc(calc(2/4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:50%;background-color:var(--color-white);--tw-content:"";content:var(--tw-content)}.wave-banner .wave-banner-grid .left-col .wave-banner-content p{font-size:22px;--tw-leading:30px;line-height:30px}}@media (max-width:767px){.wave-banner .wave-banner-grid .left-col .wave-banner-content h1{font-size:22px;--tw-leading:30px;line-height:30px}.half-circle-bg{position:relative}.half-circle-bg:before{position:absolute;bottom:calc(1/2 * 100%);left:calc(2/4 * 100%);z-index:calc(1 * -1);margin:auto;height:100vh;width:200vw;--tw-translate-x:calc(calc(2/4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:50%;background-color:var(--color-white);--tw-content:"";content:var(--tw-content)}}}@layer components{.banner-regular-section{background-color:var(--color-white);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);@media (width>=768px){padding-block:65px}}.banner-regular-section .banner-regular-content h1{margin-bottom:calc(var(--spacing) * 4);@media (width>=768px){margin-bottom:calc(var(--spacing) * 6)}}.banner-regular-content p,.banner-regular-content p a{font-family:"Source Serif Pro",serif;font-size:20px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--clr-deep-navy);@media (width>=768px){font-size:22px}}.banner-regular-content p a:hover{color:var(--clr-dark-lime)}.banner-regular-section .banner-regular-content :is(h2,h3,p):not(:last-of-type){margin-bottom:calc(var(--spacing) * 5)}.banner-regular-section .banner-regular-content .border-title{margin-bottom:calc(var(--spacing) * 4);@media (width>=768px){margin-bottom:calc(var(--spacing) * 10)}}.banner-regular-section .banner-regular-flex{display:flex}}@layer components{.article-slider-section{background-color:var(--color-white);background-position:bottom;background-repeat:no-repeat;padding-bottom:calc(var(--spacing) * 10);@media (width>=768px){background-image:url(//fsibenefits.org/wp-content/themes/fsi-benefits/css/../images/wave-bottom-orange.svg)}@media (width>=768px){padding-top:65px}}.article-slider-wrapper{position:relative;overflow:hidden;@media (width>=768px){position:relative}@media (width>=768px){overflow:visible}}.article-slider-wrapper:after{position:absolute;top:16%;right:calc(var(--spacing) * 0);left:calc(2/4 * 100%);display:block;height:100%;width:150vw;--tw-translate-x:calc(calc(2/4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-translate-y:calc(var(--spacing) * 0);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);border-radius:100%;background-color:var(--clr-deep-orange);--tw-content:"";content:var(--tw-content);@media (width>=768px){display:none}}.article-slider{margin-inline:auto;display:flex;max-width:90%;gap:186px;@media (width>=768px){max-width:896px}}.article-slider .card *{color:var(--color-white)}.article-slider .card p{margin-top:calc(var(--spacing) * 6);@media (width>=768px){margin-top:calc(var(--spacing) * 10)}}.article-slider .card .btn-action{margin-top:calc(var(--spacing) * 8);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 2.5);color:var(--clr-deep-orange);@media (width>=768px){padding-inline:calc(var(--spacing) * 12)}@media (width>=768px){padding-block:calc(var(--spacing) * 5)}}.article-slider .card-media{overflow:hidden;border-radius:18px}.article-slider-wrapper .card-body{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;@media (width>=768px){align-items:flex-start}@media (width>=768px){text-align:left}}.article-carousel .item{box-sizing:border-box;display:flex;height:100%;flex-direction:column}.article-slider-wrapper .article-btn{margin-top:auto}.article-slider-wrapper .card-body strong{font-family:Poppins,sans-serif}.article-slider-wrapper .owl-stage{display:flex}.article-slider-wrapper .arrow-prev,.article-slider-wrapper .arrow-next{position:absolute;top:70%;display:none;height:60px;width:60px;cursor:pointer;border-radius:100%;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);padding-inline:15px;padding-block:calc(var(--spacing) * 5);--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width>=1280px){display:block}}.article-slider-wrapper .arrow-prev{left:0}.article-slider-wrapper .arrow-next{right:0}.article-carousel .owl-dots{margin-top:calc(var(--spacing) * 6);text-align:center;@media (width>=768px){margin-top:15px}}.article-carousel .owl-dot span{margin:5px;display:block;height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5);border-radius:50%;background:#ccc}.article-carousel .owl-dot.active span{background:var(--clr-deep-navy)}}.home-banner .enroll-code-widget{margin-block:calc(var(--spacing) * 6)}@layer components{.home-banner{position:relative;z-index:0;background-color:transparent;@media (width>=1024px){background-color:var(--color-white)}}.home-banner:after,.banner-bottom-strip-bg:after{content:"";position:absolute;bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:calc(10 * -1);height:65px;width:100%;background-color:color-mix(in oklab,#e6f0ff 50%,transparent)}.banner-bottom-strip-bg{position:relative}.banner-bottom-strip-bg-frost-blue-50:after{background-color:var(--clr-frost-blue-opacity-50) !important}.banner-bottom-strip-bg:after{z-index:1}.banner-bottom-strip-bg+section{padding-top:calc(var(--spacing) * 0) !important}.banner-bottom-strip-bg .banner-regular-content{margin-bottom:65px}.home-banner .banner-content{@media (width>=1280px){margin-bottom:65px}@media (width>=1280px){padding-bottom:47px}}.home-banner .banner-content .content-cta-wrap .btn-action{order:-9999;margin-bottom:calc(var(--spacing) * 8);width:fit-content;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);@media (width>=1024px){order:9999}@media (width>=1024px){margin-top:calc(var(--spacing) * 6)}@media (width>=1024px){margin-bottom:calc(var(--spacing) * 0)}@media (width>=1024px){padding-inline:30px}@media (width>=1024px){padding-block:calc(var(--spacing) * 6)}}@media (min-width:1024px) and (max-width:1279px){.home-banner:after{background-color:#ecf3ff}}@media (max-width:1023px){body.home .home-banner .container{max-width:100% !important}}}.enroll-section{margin-top:calc(var(--spacing) * 0);background-color:var(--clr-light-blue)}.enroll-sec-row{display:flex;flex-direction:column;@media (width>=1024px){flex-direction:row}@media (width>=1280px){gap:50px}}.enroll-section .enroll-left-col{@media (width>=1024px){width:calc(1/2 * 100%)}@media (width>=1280px){width:calc(2/5 * 100%)}}.enroll-section .enroll-left-col .enroll-box-inner{display:flex;max-width:100%;flex-direction:column;align-items:center;text-align:center;@media (width>=1024px){width:365px}@media (width>=1024px){align-items:flex-start}@media (width>=1024px){text-align:left}}.enroll-section .enroll-left-col .enroll-box{margin-right:auto;display:flex;height:100%;width:calc(100% - 3px);flex-direction:column;align-items:flex-end;border-radius:0;background-color:var(--clr-deep-navy);padding-inline:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 8);@media (width>=1024px){margin-right:calc(var(--spacing) * 0)}@media (width>=1024px){width:auto}@media (width>=1024px){border-top-right-radius:130px}@media (width>=1024px){padding:calc(var(--spacing) * 16)}}.enroll-section .enroll-left-col .enroll-box .enroll-filed-form{margin-bottom:calc(var(--spacing) * 4)}.enroll-section .enroll-left-col .enroll-box .enroll-field{width:172px;max-width:100%;background-color:var(--color-white);@media (width>=1024px){width:251px}@media (width>=1440px){margin-inline:calc(var(--spacing) * 0)}}.enroll-section .enroll-right-col{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);@media (width>=768px){padding-block:65px}@media (width>=768px){padding-right:65px}@media (width>=768px){padding-left:65px}@media (width>=1024px){width:calc(1/2 * 100%)}@media (width>=1024px){padding-inline:calc(var(--spacing) * 10)}@media (width>=1280px){width:60%}@media (width>=1280px){padding-right:calc(var(--spacing) * 0)}}.enroll-info-icon-list-box{max-width:100%;@media (width>=1024px){width:480px}}.enroll-section .icon-list{display:flex;flex-direction:column;gap:calc(var(--spacing) * 8);@media (width>=768px){gap:50px}}.enroll-section .icon-list-item{display:flex;flex-direction:row;align-items:flex-start;gap:calc(var(--spacing) * 6);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:27px;line-height:27px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-dark-lime);@media (width>=768px){align-items:center}@media (width>=768px){gap:50px}@media (width>=768px){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media (width>=768px){--tw-leading:30px;line-height:30px}}.enroll-section .icon-list-icon{display:inline-flex;height:92px;width:92px;min-width:92px;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--clr-dark-lime);background-color:var(--color-white);--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width>=768px){height:108px}@media (width>=768px){width:108px}@media (width>=768px){min-width:108px}}.enroll-section .icon-list-icon img{height:51px;width:51px;@media (width>=768px){height:59px}@media (width>=768px){width:59px}}.enroll-section .enroll-code-widget{margin-bottom:calc(var(--spacing) * 8);@media (width>=1024px){margin-bottom:calc(var(--spacing) * 11)}}.enroll-section .enroll-info-text{text-align:left;font-family:Poppins,sans-serif;font-size:18px;--tw-leading:27px;line-height:27px;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--clr-soft-sky);@media (width>=1024px){font-size:26px}@media (width>=1024px){--tw-leading:38px;line-height:38px}}@media(min-width:1024px){.enroll-section .enroll-field button{height:50px;width:50px;min-width:50px;background-color:var(--clr-deep-orange);padding:calc(var(--spacing) * 4)}.enroll-section .enroll-field button img{filter:brightness(0) saturate(100%) invert(49%) sepia(33%) saturate(1257%) hue-rotate(348deg) brightness(97%) contrast(94%)}}@media (max-width:1023px){.enroll-section .enroll-left-col .enroll-box-inner{margin-block:calc(var(--spacing) * 0)}.enroll-section .enroll-code-widget{margin-inline:auto;display:flex;width:500px;max-width:100%;flex-direction:column;align-items:center;border-radius:40px;background-color:var(--color-white);padding:calc(var(--spacing) * 6) !important;text-align:center;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgb(0 0 0/0.1)),0 4px 6px -4px var(--tw-shadow-color,rgb(0 0 0/0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width>=768px){margin-inline:calc(var(--spacing) * 0)}.enroll-section .enroll-field button{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);background-color:var(--clr-deep-orange)}@media (width>=768px){padding:calc(var(--spacing) * 0)}@media (width>=1280px){align-items:flex-start}}.enroll-section .enroll-left-col .enroll-box .enroll-field{padding:6px 6px 6px 12px}.enroll-section .enroll-left-col .enroll-box .enroll-field input::placeholder{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.enroll-section .dark-bg .enroll-code-widget .enter-sub-text,.enroll-section .enter-sub-text .enroll-code{color:var(--clr-deep-navy)}.enroll-section .enroll-field button{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);background-color:var(--clr-deep-orange)}.enroll-section .enroll-field button img{height:25px;width:calc(var(--spacing) * 5)}}.support-section{background-color:var(--color-white);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);@media (width>=768px){padding-block:65px}}.support-section .top-heading{text-align:center}.support-section .top-heading:after{margin-block:calc(var(--spacing) * 4);display:inline-block;height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 0.5);background-color:#C4C4C4;--tw-content:"";content:var(--tw-content);@media (width>=768px){margin-block:calc(var(--spacing) * 6)}}.support-section .resource-center-btn-wrap{text-align:center}.support-section .resource-center-btn-wrap .btn-action{margin-bottom:calc(var(--spacing) * 0);width:100%;padding:calc(var(--spacing) * 3);@media (width>=768px){width:fit-content}@media (width>=768px){padding-inline:50px}@media (width>=768px){padding-block:25px}}.support-section .quote-box{@media (width>=1440px){margin-top:52px}}.quote-box{position:relative;border-radius:50px;border-style:var(--tw-border-style);border-width:1px;border-color:var(--clr-dark-lime);padding:62px 16px 24px;@media (width>=768px){border-radius:60px}@media (width>=768px){padding:86px 60px 34px}}@layer components{.support-section.quote-box-section{padding-top:70px;@media (width>=1440px){padding-top:65px}}.quote-box-section{padding-top:70px;@media (width>=768px){padding-top:calc(var(--spacing) * 0)}}.quote-box .icon-circle{position:absolute;top:calc(var(--spacing) * 0);left:calc(1/2 * 100%);border-radius:calc(infinity * 1px);transform:translate(-50%,-50%)}.quote-box .quote-text,.quote-box .quote-text strong,.quote-box .quote-text a{text-align:center;font-size:18px;--tw-leading:23px;line-height:23px;color:var(--clr-dark-lime);@media (width>=768px){font-size:28px}@media (width>=768px){--tw-leading:45px;line-height:45px}}.quote-box .quote-text strong{margin-bottom:calc(var(--spacing) * 4);display:inline-block;@media (width>=768px){margin-bottom:calc(var(--spacing) * 0)}}.quote-box .quote-text a:hover{color:var(--clr-deep-navy)}@media (max-width:767px){.quote-box .icon-circle{height:77px !important;width:77px !important}.quote-box .icon-circle img{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8)}}}.product-personalized-list-section{padding-block:65px}.product-personalized-list-section .product-personalized-list-wrap{display:flex;gap:40px;@media (width>=1440px){gap:82px}}.product-personalized-list-section .product-personalized-list-wrap .left-col{width:calc(2/5 * 100%);padding-top:50px;padding-right:50px;@media (width>=1440px){width:36%}@media (width>=1440px){padding-right:100px}}.product-personalized-list-section .product-personalized-list-wrap .left-col .img-wrap{display:flex;max-width:100%;align-items:center;justify-content:center}.product-personalized-list-section .product-personalized-list-wrap .left-col .img-wrap img{height:auto;width:auto;object-fit:contain}.product-personalized-list-section .product-personalized-list-wrap .right-col{width:calc(3/5 * 100%);@media (width>=1440px){width:54%}}.product-personalized-list-section .product-personalized-list-wrap .content-list{gap:calc(var(--spacing) * 7)}.product-personalized-list-section .product-personalized-list-wrap .content-list h3{font-size:20px;--tw-leading:32px;line-height:32px;@media (width>=768px){font-size:22px}@media (width>=768px){--tw-leading:36px;line-height:36px}}.product-personalized-list-section .product-personalized-list-wrap .left-col .enroll-info-box{margin-top:66px;padding:25px;@media (width>=1536px){padding:50px}}.product-personalized-list-section .product-personalized-list-wrap .left-col .info-filed-box{margin-top:100px;padding:25px;@media (width>=1536px){padding:50px}}.enroll-info-box{border-radius:30px;border-style:var(--tw-border-style);border-width:1px;border-color:#bfd3ee;background-color:var(--color-white);padding:50px}.enroll-info-box .btn-action{margin-bottom:calc(var(--spacing) * 0);width:fit-content;padding-inline:50px;padding-block:25px}.info-filed-box{border-radius:30px;border-style:var(--tw-border-style);border-width:1px;border-color:var(--clr-deep-navy);background-color:var(--clr-deep-navy);padding:50px;--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.info-filed-box *{color:var(--color-white)}.info-filed-box p{font-size:28px;--tw-leading:26px;line-height:26px;@media (width>=768px){--tw-leading:35px;line-height:35px}}.info-filed-box .enroll-field{margin-top:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 0) !important;max-width:100%;border-color:var(--color-white);background-color:transparent}.info-filed-box .enroll-field .btn-action{padding:calc(var(--spacing) * 0)}.section-bg-rect{position:relative;isolation:isolate}.section-bg-rect:before{content:"";position:absolute;top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);z-index:calc(10 * -1);height:512px;width:100vw;border-top-right-radius:110px;background-color:#E6F0FF;@media (width>=768px){border-top-right-radius:130px}}.section-bg-rect-deep-blue:before{background-color:var(--clr-deep-navy)}.product-banner .banner-regular-flex{gap:65px;@media (width>=1440px){gap:130px}}.product-banner .banner-regular-flex .banner-regular-content{display:flex;width:100%;flex-direction:column;@media (width>=768px){display:block}@media (width>=768px){width:60%}@media (width>=1440px){width:64.67%}}.product-banner .banner-regular-flex .banner-regular-content>*{padding-inline:calc(var(--spacing) * 6);@media (width>=768px){padding-inline:calc(var(--spacing) * 0)}}.product-banner .enroll-heading{margin-bottom:calc(var(--spacing) * 4);color:var(--clr-deep-navy) !important;@media (width>=768px){margin-top:calc(var(--spacing) * 3)}@media (width>=768px){margin-bottom:calc(var(--spacing) * 5)}}.product-banner .banner-regular-flex .img-box{display:none;width:40%;@media (width>=768px){display:block}@media (width>=1440px){width:27.75%}}.product-banner .banner-regular-flex .circuler-icon.bg-dark-lime{position:absolute;top:calc(6px * -1);left:calc(25px * -1);display:flex}.product-banner .banner-regular-flex .circuler-icon.bg-dark-lime img{height:57px;width:57px;align-items:center}.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap{order:1;margin-top:calc(var(--spacing) * 8);width:500px;align-items:center;@media (width>=768px){margin-block:calc(var(--spacing) * 0)}@media (width>=768px){width:100%}@media (width>=768px){align-items:flex-start}}.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap.v2-personalized-product-ctas-upper{order:0;margin-top:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 6);background:0 0;box-shadow:none;border-radius:0}.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap.v2-personalized-product-ctas-upper .btn-action-group{width:100%;@media (max-width:426px){margin-bottom:calc(var(--spacing) * 4)}}.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap.v2-personalized-product-ctas-upper .personalised-Or-text{margin-block:auto !important}.access-code-wrap.v2-personalized-product-ctas-lower .personalised-Or-text{color:var(--clr-deep-navy)}.v2-insurance-tabs-access-code-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.v2-insurance-tabs-access-code-wrap .btn-action-group{margin-bottom:calc(var(--spacing) * 0) !important}.v2-insurance-tabs-access-code-wrap .notice-error{padding-bottom:calc(var(--spacing) * 0);text-align:center !important}.v2-insurance-tabs-access-code-wrap .enroll-heading:last-of-type{margin-top:calc(var(--spacing) * 4);@media (width>=768px){margin-top:calc(var(--spacing) * 6)}}.product-banner .banner-regular-flex .banner-regular-content .btn-action-group,.personalized-product-tab-bottom-ctas{display:flex;flex-direction:column;gap:calc(var(--spacing) * 4);@media (width>=768px){margin-block:calc(var(--spacing) * 6)}@media (width>=768px){flex-direction:row}@media (width>=768px){gap:30px}}.personalized-product-tab-bottom-ctas{align-items:center}.product-banner .banner-regular-flex .img-box .img-mask-round{height:380px;width:230px;max-width:100%}.product-banner .banner-regular-flex .img-box.img-full .img-mask-round{height:380px;width:230px;@media (width>=1280px){height:504px}@media (width>=1280px){width:297px}}.product-banner .banner-description{margin-top:calc(var(--spacing) * 3);@media (width>=768px){width:95%}}.product-banner .banner-regular-flex .banner-description{display:block;@media (width>=768px){display:none}}.product-banner .banner-regular-flex .banner-description p{font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);@media (width>=768px){font-size:28px}}.product-banner .container>.banner-description{display:none;@media (width>=768px){display:block}}.product-banner .access-code-wrap .notice,.product-tab-nav-link-section .access-code-wrap .notice{margin-top:calc(var(--spacing) * 2.5);text-align:center;@media (width>=768px){text-align:left}}.product-article-slider-section{padding-top:calc(var(--spacing) * 0)}.product-support-section{padding-top:calc(var(--spacing) * 0)}.product-support-section .quote-box{margin-top:53px}.product-banner p{font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);@media (width>=768px){font-size:28px}}.product-banner .product-dynamic-sec-wrapper{margin-top:calc(var(--spacing) * 8);display:flex;width:calc(100% - 3px);flex-direction:column;border-top-right-radius:110px;background-color:var(--clr-deep-navy);@media (width>=768px){margin-top:calc(var(--spacing) * 0)}@media (width>=768px){display:block}@media (width>=768px){width:auto}@media (width>=768px){background-color:transparent}}.product-banner .banner-style-hr{margin-bottom:calc(var(--spacing) * 8);@media (width>=768px){margin-bottom:calc(var(--spacing) * 0)}}.product-personalized-section{margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 8);display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 8);@media (width>=768px){margin-block:calc(var(--spacing) * 10)}@media (width>=768px){flex-direction:row}@media (width>=768px){gap:50px}}.product-page-org-logo{max-width:250px}.product-page-org-logo img{height:100%;width:100%;object-fit:contain}.product-tab-nav-link-content .content-box>a.btn-action:last-child{margin-inline:auto;display:table;@media (width>=768px){margin-inline:calc(var(--spacing) * 0)}@media (width>=768px){display:inline-block}}.product-banner .banner-regular-flex .banner-description.product_content_active{display:block;@media (width>=768px){margin-top:100px}@media (width>=768px){width:100vw}@media (width>=768px){max-width:730px}@media (width>=1024px){margin-top:90px}@media (width>=1024px){max-width:910px}@media (width>=1280px){margin-top:calc(var(--spacing) * 3)}@media (width>=1280px){width:95%}@media (width>=1280px){max-width:none}@media (min-width:768px) and (max-width:1440px){float:left}}.product-banner .banner-regular-flex .banner-regular-content .access-code-wrap:has(.btn-action-group.btn-sec-active){background-color:transparent;padding:calc(var(--spacing) * 0)}@media (max-width:767px){.product-banner.banner-regular-section{padding:calc(var(--spacing) * 0)}.product-banner .banner-regular-flex .banner-description p,.product-banner .enroll-heading{color:var(--color-white)}.product-banner .banner-regular-flex .banner-description{margin-top:calc(var(--spacing) * 0)}.product-banner .product-dynamic-sec-wrapper .access-code-wrap .enroll-field.enroll-field-var-2{border-color:var(--clr-deep-orange);padding:6px 6px 6px 12px}body.fsi-logged-in .product-banner .banner-regular-flex .banner-regular-content{padding-inline:calc(var(--spacing) * 6)}body.fsi-logged-in .product-banner .product-dynamic-sec-wrapper{border-radius:40px;border-style:var(--tw-border-style);border-width:1px;border-color:var(--clr-soft-sky);background-color:var(--color-white);--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}body.fsi-logged-in .product-banner .banner-regular-content .border-title{padding-inline:calc(var(--spacing) * 0)}body.fsi-logged-in .product-banner .product-dynamic-sec-wrapper .btn-action{width:375px;max-width:100%}body.fsi-logged-in .product-banner .product-dynamic-sec-wrapper p{text-align:center;color:var(--clr-deep-navy)}}.article-library-section{background-color:var(--color-white);@media (width>=768px){background-color:transparent}@media (width>=768px){padding-block:65px}}.article-library-section .wave-top{position:absolute;inset:calc(var(--spacing) * 0);z-index:-1;display:none;max-height:700px;@media (width>=768px){display:block}}.article-library-section .wave-top img{height:100%;width:100%;object-fit:cover}.top-card-main{display:flex;flex-direction:column;@media (width>=768px){gap:50px}@media (width>=1280px){flex-direction:row}@media (width>=1280px){gap:100px}}.top-card-main .content-box *{color:var(--color-white)}.top-card-main .content-box h3{margin-bottom:calc(var(--spacing) * 4);@media (width>=768px){margin-bottom:calc(var(--spacing) * 6)}}.top-card-main .left-col{@media (width>=1280px){width:34.60%}@media (width>=1280px){padding-bottom:82px}}.top-card-main .right-col{display:flex;flex-direction:column;gap:calc(var(--spacing) * 8);background-color:var(--clr-deep-navy);@media (width>=768px){gap:52px}@media (width>=768px){background-color:transparent}@media (width>=1280px){width:58.54%}}.top-card-grid{display:grid;grid-template-columns:repeat(1,minmax(0, 1fr));gap:calc(var(--spacing) * 5);@media (width>=768px){grid-template-columns:repeat(2,minmax(0, 1fr))}@media (width>=768px){gap:52px}}.top-card-grid .card{display:flex;flex-direction:column;overflow:hidden;border-radius:30px}.top-card-grid-1{position:relative;margin-bottom:calc(588px * -1);height:fit-content;width:100%;grid-template-columns:repeat(1,minmax(0, 1fr))}.card-full{grid-column:span 2/span 2}.top-card-grid .card .card-header{display:flex;flex:1;flex-direction:column;background-color:#f3f7ff;padding:calc(var(--spacing) * 6);text-align:left}.top-card-grid .card .card-header h5{margin-bottom:1px}.top-card-grid .card .card-header p{margin-bottom:calc(var(--spacing) * 6);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--clr-slate-navy)}.top-card-grid .card .card-header a{margin-top:auto}.top-card-grid .card .card-media{width:100%;overflow:hidden;border-radius:30px 30px 0 0}.top-card-grid .card .card-media img{aspect-ratio:4/3;width:100%;object-fit:cover;object-position:left top}.info-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0, 1fr));gap:52px}.load-more-wrapper{text-align:center}@media (max-width:767px){.top-card-main .content-box *{color:var(--clr-deep-navy)}.catgory-banner-sec.banner-regular-section .banner-regular-content h1{color:var(--color-white)}.article-library-section .top-card-main .left-col{display:flex;flex-direction:column;gap:calc(var(--spacing) * 6)}.article-library-section .top-card-main .left-col .content-box{text-align:center}.load-more-wrapper button#load-more{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);color:var(--color-white)}.load-more-wrapper button#load-more:hover{background-color:var(--color-white) !important;color:var(--clr-deep-navy) !important}.half-circuler-sec h3{font-size:30px;--tw-leading:36px;line-height:36px;color:var(--color-white) !important}}.banner-style-hr{display:flex;flex-direction:column;align-items:flex-end;@media (width>=768px){display:none}}.banner-style-hr picture{width:100%}.banner-style-hr picture img{width:100%}.banner-style-hr .circuler-icon{margin-top:calc(35px * -1);margin-right:calc(var(--spacing) * 6);height:70px;width:70px;min-width:70px;box-shadow:0px 4px 4px rgba(0,0,0,.25)}.banner-style-hr .circuler-icon img{height:42px;width:42px}.article-section{isolation:isolate;background-color:var(--color-white);@media (width>=1024px){padding-block:65px}}.article-title{margin-bottom:calc(var(--spacing) * 0);padding-top:calc(var(--spacing) * 0);@media (width>=1280px){margin-bottom:69px}}.article-flex{display:flex;flex-direction:column;align-items:flex-start;@media (width>=1024px){flex-direction:row}@media (width>=1024px){gap:53px}}.article-flex .left-col{width:100%;padding-block:calc(var(--spacing) * 8);@media (width>=1024px){width:calc(1/2 * 100%)}@media (width>=1024px){padding-right:60px}@media (width>=1024px){padding-bottom:60px}@media (width>=1280px){width:35%}@media (width>=1024px){@media (width>=1536px){padding-right:88px}}}.article-flex .left-col .img-wrap{display:none;@media (width>=1024px){display:block}}.article-flex .left-col .img-wrap img{margin-inline:auto;@media (width>=1280px){margin-inline:calc(var(--spacing) * 0)}}.article-flex .left-col .vr-divider{margin-block:30px;display:none;@media (width>=1024px){display:block}}.article-flex .right-col{width:100%;padding-top:calc(var(--spacing) * 8);@media (width>=1024px){width:calc(1/2 * 100%)}@media (width>=1024px){padding-top:calc(var(--spacing) * 0)}@media (width>=1280px){width:65%}}.article-nav-link{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * 6);@media (width>=1024px){gap:38px}}.article-nav-link li{width:100%}.article-nav-link li:focus-visible{outline-style:var(--tw-outline-style);outline-width:0}.article-nav-link li a{display:contents;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing) * 3);font-family:"Source Serif Pro",serif;font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:#E6F0FF;&:hover{@media (hover:hover){text-decoration-line:underline}}@media (width>=768px){font-size:22px}@media (width>=1024px){display:flex}@media (width>=1024px){color:var(--clr-soft-sky)}}.article-nav-link li a span{margin-top:calc(var(--spacing) * 1.5);margin-left:calc(var(--spacing) * 1.5);display:inline-block;height:calc(var(--spacing) * 5);width:26px;flex-shrink:0;@media (width>=1024px){margin-left:calc(var(--spacing) * 0)}}.article-nav-link li a span img{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);@media (width>=768px){filter:brightness(0) saturate(100%) invert(87%) sepia(61%) saturate(3019%) hue-rotate(176deg) brightness(98%) contrast(91%)}}.article-flex .left-col.section-bg-rect:before{left:calc(var(--spacing) * 0);height:100%;width:calc(100% - 3px);@media (width>=1024px){left:auto}@media (width>=1024px){margin-top:138px}@media (width>=1024px){height:calc(100% - 138px)}@media (width>=1024px){width:100vw}}.article-section .content-box h1.title{margin-bottom:calc(var(--spacing) * 4);@media (width>=768px){margin-bottom:61px}}.article-section .content-box h2{margin-bottom:calc(var(--spacing) * 3);font-size:26px;--tw-leading:38px;line-height:38px}.article-section .content-box h3{margin-bottom:calc(var(--spacing) * 3);font-size:22px;--tw-leading:32px;line-height:32px}.article-section .right-col ul{margin-inline:25px;margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 10);list-style-type:disc}.article-section .right-col ul li{margin-bottom:calc(var(--spacing) * 4);margin-left:calc(var(--spacing) * 4);font-family:"Source Serif Pro",serif !important;color:var(--clr-slate-navy)}.article-section .right-col ul li a{text-decoration-line:underline}.article-section .right-col ul li a:hover{color:var(--clr-dark-lime)}.article-section .content-box p{margin-bottom:calc(var(--spacing) * 4);color:var(--clr-slate-navy);@media (width>=768px){margin-bottom:calc(var(--spacing) * 10)}}.article-section .content-box p:last-child{margin-bottom:calc(var(--spacing) * 0)}@media (min-width:768px) and (max-width:1023px){.article-section .container{max-width:100% !important}.article-section .banner-style-hr{display:flex !important}.article-section .banner-style-hr .circuler-icon{height:100px;width:100px}.article-section .banner-style-hr .circuler-icon img{height:57px;width:57px}.article-section .article-title{padding-inline:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 8)}.article-section .border-title{font-size:22px}}.contact-us{isolation:isolate;background-color:var(--clr-frost-blue-opacity-50);padding-top:calc(var(--spacing) * 0) !important}.contact-us .product-personalized-list-wrap{align-items:flex-start}.contact-us .product-personalized-list-wrap .left-col{display:flex;flex-direction:column;gap:30px;padding-bottom:50px}.contact-us .product-personalized-list-wrap .left-col.section-bg-rect:before{height:100%}.contact-us .left-col .content-list{align-items:center}.contact-us .left-col .content-list img{height:42px;width:42px;@media (width>=768px){height:48px}@media (width>=768px){width:48px}}.contact-us .left-col .content-list .circuler-icon{height:80px;width:80px;min-width:80px;@media (width>=768px){height:90px}@media (width>=768px){width:90px}@media (width>=768px){min-width:90px}}.contact-us .left-col .content-list .title-content-wrap{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:27px;line-height:27px;color:var(--color-white);@media (width>=768px){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media (width>=768px){--tw-leading:30px;line-height:30px}}@media (max-width:1440px){.contact-us+.support-section .quote-box{margin-top:52px}}@media (max-width:991px){.contact-us .product-personalized-list-wrap .left-col,.contact-us .product-personalized-list-wrap .right-col{width:50% !important}}@media (max-width:767px){.contact-us{padding-bottom:calc(var(--spacing) * 0) !important}.contact-us .product-personalized-list-wrap{flex-direction:column;gap:calc(var(--spacing) * 0) !important}.contact-us .product-personalized-list-wrap .left-col,.contact-us .product-personalized-list-wrap .right-col{width:100% !important;padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 8) !important}.contact-us .product-personalized-list-wrap .content-list{gap:24px !important}.contact-us+.support-section .quote-box{margin-top:34px}}.wpcf7-not-valid-tip{display:block;font-family:"Source Serif Pro",serif;font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:#dc3232;@media (width>=768px){font-size:22px}}.wpcf7 form .wpcf7-response-output{margin:32px 8px 0px;border-style:var(--tw-border-style);border-width:2px;border-color:#00a0d2;padding:3px 16px;@media (width>=768px){margin:32px 8px 16px}}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.contact-form-fields-container{display:flex;flex-direction:column;gap:30px}.fsi-contact-form textarea{min-height:200px !important;@media (width>=768px){min-height:300px !important}}.fsi-contact-form .btn-action{width:375px;max-width:100%;cursor:pointer;@media (width>=768px){width:150px}}.product-tab-nav-link-content .wp-block-button a,.article-flex .wp-block-button a{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--clr-deep-orange);background-color:var(--clr-deep-orange) !important;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);font-family:Poppins,sans-serif;font-size:18px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}.product-tab-nav-link-content .wp-block-button a:hover,.article-flex .wp-block-button a:hover{background-color:var(--color-white) !important;color:var(--clr-deep-orange) !important}.cms-h1 h1{--tw-leading:26px;line-height:26px;@media (width>=768px){--tw-leading:38px;line-height:38px}}.cms-h1 h2{font-size:26px}.cms-h1 h3{font-size:22px;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.cms-h1 p{font-size:18px;@media (width>=768px){font-size:22px}}.mt-0{margin-top:0 !important}.contact-btn-wrap a.nav-link{border-style:var(--tw-border-style);border-width:1px;background-color:transparent;color:#d97218 !important;margin-left:24px;--tw-shadow:0 4px 4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#d97218;font-size:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);font-family:Poppins,sans-serif;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}.gap-\[50px\]{gap:50px}@layer components{.fsi_popup_content .popup_content .content-box .flex .col{flex:1}.fsi_popup_content .popup_content .content-box .flex .col:first-of-type p:first-of-type{margin-bottom:2rem}@media (max-width:767px){.fsi_popup_content .popup_content .content-box .flex .col:first-of-type p:first-of-type{margin-bottom:unset}}}@layer components{.back-to-top{visibility:hidden;position:fixed;right:20px;bottom:20px;z-index:999;height:40px;width:40px;cursor:pointer;border-radius:50%;background-color:var(--clr-deep-navy);opacity:0%;--tw-shadow:0 0 6px var(--tw-shadow-color,rgba(0,0,0,0.2));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:0.2s;transition-duration:0.2s;--tw-ease:ease;@media (width>=768px){right:30px}@media (width>=768px){bottom:30px}@media (width>=768px){height:50px}@media (width>=768px){width:50px}}.back-to-top:hover{background-color:#1c355e}.back-to-top span.arrow-icon{display:flex;align-items:center;justify-content:center}.back-to-top span.arrow-icon svg{width:22px;fill:var(--color-white);@media (width>=768px){width:calc(var(--spacing) * 7)}}.back-to-top span.arrow-icon svg path{stroke:var(--color-white)}.back-to-top.show{visibility:visible;opacity:100%}}@layer base{.tooltip-arrow,.tooltip-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before{border-style:solid;border-color:var(--color-gray-200)}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before{border-bottom-width:1px;border-right-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before{border-bottom-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before{border-top-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before{border-top-width:1px;border-right-width:1px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip.invisible>.tooltip-arrow:before{visibility:hidden}[data-popper-arrow],[data-popper-arrow]:before{position:absolute;width:8px;height:8px;background:inherit}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{content:"";visibility:visible;transform:rotate(45deg)}[data-popper-arrow]:after{content:"";visibility:visible;transform:rotate(45deg);position:absolute;width:9px;height:9px;background:inherit}[role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:var(--color-gray-200)}.dark [role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:var(--color-gray-600)}[role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:var(--color-gray-200)}.dark [role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:var(--color-gray-600)}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-5px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-5px}[role=tooltip].invisible>[data-popper-arrow]:before{visibility:hidden}[role=tooltip].invisible>[data-popper-arrow]:after{visibility:hidden}}@layer base{[type=text],[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:var(--color-gray-500);border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;&:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:var(--color-blue-600);--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:var(--color-blue-600)}}input::placeholder,textarea::placeholder{color:var(--color-gray-500);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}select:not([size]){background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.5rem;print-color-adjust:exact}:is([dir=rtl]) select:not([size]){background-position:left .75rem center;padding-right:.75rem;padding-left:0}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.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:var(--color-blue-600);background-color:#fff;border-color:--color-gray-500;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[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:var(--color-blue-600);--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,.dark [type=checkbox]:checked,.dark [type=radio]:checked{border-color:transparent !important;background-color:currentColor !important;background-size:.55em .55em;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");background-repeat:no-repeat;background-size:.55em .55em;print-color-adjust:exact}[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");background-size:1em 1em}.dark [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");background-size:1em 1em}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");background-color:currentColor !important;border-color:transparent !important;background-position:center;background-repeat:no-repeat;background-size:.55em .55em;print-color-adjust:exact}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent !important;background-color:currentColor !important}[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 auto inherit}input[type=file]::file-selector-button{color:white;background:var(--color-gray-800);border:0;font-weight:500;font-size:0.875rem;cursor:pointer;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:2rem;padding-right:1rem;margin-inline-start:-1rem;margin-inline-end:1rem;&:hover{background:var(--color-gray-700)}}:is([dir=rtl]) input[type=file]::file-selector-button{padding-right:2rem;padding-left:1rem}.dark input[type=file]::file-selector-button{color:white;background:var(--color-gray-600);&:hover{background:var(--color-gray-500)}}input[type=range]::-webkit-slider-thumb{height:1.25rem;width:1.25rem;background:var(--color-blue-600);border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-500)}input[type=range]:focus::-webkit-slider-thumb{outline:2px solid transparent;outline-offset:2px;--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity))}input[type=range]::-moz-range-thumb{height:1.25rem;width:1.25rem;background:var(--color-blue-600);border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-500)}input[type=range]::-moz-range-progress{background:var(--color-blue-500)}input[type=range]::-ms-fill-lower{background:var(--color-blue-500)}input[type=range].range-sm::-webkit-slider-thumb{height:1rem;width:1rem}input[type=range].range-lg::-webkit-slider-thumb{height:1.5rem;width:1.5rem}input[type=range].range-sm::-moz-range-thumb{height:1rem;width:1rem}input[type=range].range-lg::-moz-range-thumb{height:1.5rem;width:1.5rem}.toggle-bg:after{content:"";position:absolute;top:.125rem;left:.125rem;background:#fff;border-color:var(--color-gray-300);border-width:1px;border-radius:9999px;height:1.25rem;width:1.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}input:checked+.toggle-bg:after{transform:translateX(100%);border-color:#fff}input:checked+.toggle-bg{background:var(--color-blue-600);border-color:var(--color-blue-600)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0px}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-leading:initial;--tw-duration:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}}