*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}
article td{border:1px solid #777;padding:2px 5px}
article ol,article ul{margin:0 0 10px 30px}
article p{margin-bottom:10px}
article ol{list-style:decimal}
article ul{list-style:disc}
article {color:#333}
h1 > svg{display:inline-block;margin:-10px 5px 0;vertical-align:middle;fill:#FFF;stroke:#4f46e5}
.dark h1 > svg{fill:#000;stroke:#b5b1ff}
.bg-white ul,.bg-white ol{padding-left:35px}
p.text-center img{display:block;margin:auto}
.thmb-icon-btn{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:0.75rem;border-radius:0.5rem;transition:all 0.3s ease;color:#6b7280;text-decoration:none}
.dark .thmb-icon-btn{color:#9ca3af}
.thmb-icon-btn:hover{background-color:#f3f4f6;color:#1f2937}
.dark .thmb-icon-btn:hover{background-color:#374151;color:#e5e7eb}
.thmb-icon-btn.active{background-color:#f3f4f6;color:#1f2937}
.dark .thmb-icon-btn.active{background-color:#374151;color:#e5e7eb}
.thmb-icon-btn svg {fill:currentColor;width:40px;height:40px}
.thmb-icon-btn span{font-size:0.875rem;font-weight:500}
.checkbox-wrapper {display:inline-block;vertical-align:middle;margin-right:10px}
.checkbox-wrapper input[type="checkbox"]{visibility:hidden;display:none}
.checkbox-wrapper .toggle{position:relative;display:block;width:40px;height:20px;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0)}
.checkbox-wrapper .toggle:before{content:"";position:relative;top:3px;left:3px;width:34px;height:14px;display:block;background:#9A9999;border-radius:8px;transition:background 0.2s ease}
.checkbox-wrapper .toggle span{position:absolute;top:0;left:0;width:20px;height:20px;display:block;background:white;border-radius:10px;box-shadow:0 3px 8px rgba(154,153,153,0.5);transition:all 0.2s ease}
.checkbox-wrapper .toggle span:before{content:"";position:absolute;display:block;margin:-18px;width:56px;height:56px;background:rgba(79,46,220,0.5);border-radius:50%;transform:scale(0);opacity:1;pointer-events:none}
.checkbox-wrapper #cbx-3:checked + .toggle:before{background:#947ADA}
.checkbox-wrapper #cbx-3:checked + .toggle span{background:#4F2EDC;transform:translateX(20px);transition:all 0.2s cubic-bezier(0.8,0.4,0.3,1.25),background 0.15s ease;box-shadow:0 3px 8px rgba(79,46,220,0.2)}
.checkbox-wrapper #cbx-3:checked + .toggle span:before{transform:scale(1);opacity:0;transition:all 0.4s ease}

.dark .article-section.bg-white,.dark article .bg-white{color:#eee}
.dark article {color:#ccc;}
.calcMode {
    border-bottom:1px solid #4f46e5;
    padding-left:20px;
}
.calcMode .text-indigo-600 {
    position:relative;
    top:1px;
    border:1px solid #4f46e5;
    border-bottom:none;
    background:#FFF;
    border-radius:10px 10px 0 0;
    box-shadow:2px -2px 2px #bbb;
}
.dark .calcMode {
	border-color:white;
}
.dark .calcMode .text-indigo-600 {
    background:#2a2a2a;
    box-shadow:0px -2px 2px #000;
    border-color:#FFF;
    color:#b5b1ff;
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,::before,::after{box-sizing:border-box;/* 1 */
border-width:0;/* 2 */
border-style:solid;/* 2 */
border-color:#e5e7eb;/* 2 */
}
::before,::after{--tw-content:''}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,:host{line-height:1.5;/* 1 */
-webkit-text-size-adjust:100%;/* 2 */
-moz-tab-size:4;/* 3 */
-o-tab-size:4;   tab-size:4;/* 3 */
font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";/* 4 */
font-feature-settings:normal;/* 5 */
font-variation-settings:normal;/* 6 */
-webkit-tap-highlight-color:transparent;/* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body{margin:0;/* 1 */
line-height:inherit;/* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr{height:0;/* 1 */
color:inherit;/* 2 */
border-top-width:1px;/* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]){-webkit-text-decoration:underline dotted;        text-decoration:underline dotted}
/*
Remove the default font size and weight for headings.
*/
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a{color:inherit;text-decoration:inherit}
/*
Add the correct font weight in Edge and Safari.
*/
b,strong{font-weight:bolder}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;/* 1 */
font-feature-settings:normal;/* 2 */
font-variation-settings:normal;/* 3 */
font-size:1em;/* 4 */
}
/*
Add the correct font size in all browsers.
*/
small{font-size:80%}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table{text-indent:0;/* 1 */
border-color:inherit;/* 2 */
border-collapse:collapse;/* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,input,optgroup,select,textarea{font-family:inherit;/* 1 */
font-feature-settings:inherit;/* 1 */
font-variation-settings:inherit;/* 1 */
font-size:100%;/* 1 */
font-weight:inherit;/* 1 */
line-height:inherit;/* 1 */
letter-spacing:inherit;/* 1 */
color:inherit;/* 1 */
margin:0;/* 2 */
padding:0;/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,select{text-transform:none}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;/* 1 */
background-color:transparent;/* 2 */
background-image:none;/* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring{outline:auto}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid{box-shadow:none}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress{vertical-align:baseline}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search']{-webkit-appearance:textfield;/* 1 */
outline-offset:-2px;/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration{-webkit-appearance:none}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button{-webkit-appearance:button;/* 1 */
font:inherit;/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary{display:list-item}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
/*
Reset default styling for dialogs.
*/
dialog{padding:0}
/*
Prevent resizing textareas horizontally by default.
*/
textarea{resize:vertical}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;/* 1 */
color:#9ca3af;/* 2 */
}
input::placeholder,textarea::placeholder{opacity:1;/* 1 */
color:#9ca3af;/* 2 */
}
/*
Set the default cursor for buttons.
*/
button,[role="button"]{cursor:pointer}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled{cursor:default}
/*
1. Make replaced elements `display:block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align:middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,svg,video,canvas,audio,iframe,embed,object{display:block;/* 1 */
vertical-align:middle;/* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,video{max-width:100%;height:auto}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])){display:none}
.container{width:100%}
@media (min-width:640px){.container{  max-width:640px;}
}
@media (min-width:768px){.container{  max-width:768px;}
}
@media (min-width:1024px){.container{  max-width:1024px;}
}
@media (min-width:1280px){.container{  max-width:1280px;}
}
@media (min-width:1536px){.container{  max-width:1536px;}
}
.btn{border-radius:0.375rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-weight:500;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}
.btn-primary{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.btn-primary:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}
.input-field{width:100%;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}
.input-field:focus{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(2px + 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(59 130 246 / var(--tw-ring-opacity, 1))}
.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}
.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}
.pointer-events-none{pointer-events:none}
.pointer-events-auto{pointer-events:auto}
.\!visible{visibility:visible !important}
.visible{visibility:visible}
.invisible{visibility:hidden}
.collapse{visibility:collapse}
.static{position:static}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.-inset-1{inset:-0.25rem}
.inset-0{inset:0px}
.inset-y-0{top:0px;bottom:0px}
.end-1{inset-inline-end:0.25rem}
.left-0{left:0px}
.right-0{right:0px}
.top-0{top:0px}
.isolate{isolation:isolate}
.isolation-auto{isolation:auto}
.z-0{z-index:0}
.z-10{z-index:10}
.float-start{float:inline-start}
.float-end{float:inline-end}
.float-right{float:right}
.float-left{float:left}
.float-none{float:none}
.clear-start{clear:inline-start}
.clear-end{clear:inline-end}
.clear-left{clear:left}
.clear-right{clear:right}
.clear-both{clear:both}
.clear-none{clear:none}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-12{margin-bottom:3rem}
.mb-2{margin-bottom:0.5rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.ml-1{margin-left:0.25rem}
.ml-2{margin-left:0.5rem}
.mr-1{margin-right:0.25rem}
.mr-2{margin-right:0.5rem}
.mt-12{margin-top:3rem}
.mt-2{margin-top:0.5rem}
.mt-4{margin-top:1rem}
.mt-8{margin-top:2rem}
.box-border{box-sizing:border-box}
.box-content{box-sizing:content-box}
.line-clamp-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table{display:table}
.inline-table{display:inline-table}
.table-caption{display:table-caption}
.table-cell{display:table-cell}
.table-column{display:table-column}
.table-column-group{display:table-column-group}
.table-footer-group{display:table-footer-group}
.table-header-group{display:table-header-group}
.table-row-group{display:table-row-group}
.table-row{display:table-row}
.flow-root{display:flow-root}
.grid{display:grid}
.inline-grid{display:inline-grid}
.contents{display:contents}
.list-item{display:list-item}
.hidden{display:none}
.h-1\/2{height:50%}
.h-10{height:2.5rem}
.h-16{height:4rem}
.h-20{height:5rem}
.h-24{height:6rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-8{height:2rem}
.h-32{height:8rem}
.h-full{height:100%}
.min-h-screen{min-height:100vh}
.w-1\/2{width:50%}
.w-10{width:2.5rem}
.w-16{width:4rem}
.w-20{width:5rem}
.w-24{width:6rem}
.w-32{width:8rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-8{width:2rem}
.w-\[this-is\\\\\]{width:this-is\\}
.w-\[this-is\]{width:this-is}
.w-\[weird-and-invalid\]{width:weird-and-invalid}
.w-full{width:100%}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.flex-shrink{flex-shrink:1}
.shrink{flex-shrink:1}
.flex-grow{flex-grow:1}
.grow{flex-grow:1}
.table-auto{table-layout:auto}
.table-fixed{table-layout:fixed}
.caption-top{caption-side:top}
.caption-bottom{caption-side:bottom}
.border-collapse{border-collapse:collapse}
.border-separate{border-collapse:separate}
.-translate-y-10{--tw-translate-y:-2.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-10{--tw-translate-x:2.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-rotate-6{--tw-rotate:-6deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.\!transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform-cpu{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform-gpu{transform:translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform-none{transform:none}
.touch-auto{touch-action:auto}
.touch-none{touch-action:none}
.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}
.touch-pan-left{--tw-pan-x:pan-left;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}
.touch-pan-right{--tw-pan-x:pan-right;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}
.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}
.touch-pan-up{--tw-pan-y:pan-up;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}
.touch-pan-down{--tw-pan-y:pan-down;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}
.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}
.touch-manipulation{touch-action:manipulation}
.select-none{-webkit-user-select:none;   -moz-user-select:none;        user-select:none}
.select-text{-webkit-user-select:text;   -moz-user-select:text;        user-select:text}
.select-all{-webkit-user-select:all;   -moz-user-select:all;        user-select:all}
.select-auto{-webkit-user-select:auto;   -moz-user-select:auto;        user-select:auto}
.resize-none{resize:none}
.resize-y{resize:vertical}
.resize-x{resize:horizontal}
.resize{resize:both}
.snap-none{scroll-snap-type:none}
.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}
.snap-both{scroll-snap-type:both var(--tw-scroll-snap-strictness)}
.snap-mandatory{--tw-scroll-snap-strictness:mandatory}
.snap-proximity{--tw-scroll-snap-strictness:proximity}
.snap-start{scroll-snap-align:start}
.snap-end{scroll-snap-align:end}
.snap-center{scroll-snap-align:center}
.snap-align-none{scroll-snap-align:none}
.snap-normal{scroll-snap-stop:normal}
.snap-always{scroll-snap-stop:always}
.list-inside{list-style-position:inside}
.list-outside{list-style-position:outside}
.list-disc{list-style-type:disc}
.appearance-none{-webkit-appearance:none;   -moz-appearance:none;        appearance:none}
.appearance-auto{-webkit-appearance:auto;   -moz-appearance:auto;        appearance:auto}
.break-before-auto{-moz-column-break-before:auto;     break-before:auto}
.break-before-avoid{-moz-column-break-before:avoid;     break-before:avoid}
.break-before-all{-moz-column-break-before:all;     break-before:all}
.break-before-avoid-page{-moz-column-break-before:avoid;     break-before:avoid-page}
.break-before-page{-moz-column-break-before:page;     break-before:page}
.break-before-left{-moz-column-break-before:left;     break-before:left}
.break-before-right{-moz-column-break-before:right;     break-before:right}
.break-before-column{-moz-column-break-before:column;     break-before:column}
.break-inside-auto{-moz-column-break-inside:auto;     break-inside:auto}
.break-inside-avoid{-moz-column-break-inside:avoid;     break-inside:avoid}
.break-inside-avoid-page{break-inside:avoid-page}
.break-inside-avoid-column{-moz-column-break-inside:avoid;     break-inside:avoid-column}
.break-after-auto{-moz-column-break-after:auto;     break-after:auto}
.break-after-avoid{-moz-column-break-after:avoid;     break-after:avoid}
.break-after-all{-moz-column-break-after:all;     break-after:all}
.break-after-avoid-page{-moz-column-break-after:avoid;     break-after:avoid-page}
.break-after-page{-moz-column-break-after:page;     break-after:page}
.break-after-left{-moz-column-break-after:left;     break-after:left}
.break-after-right{-moz-column-break-after:right;     break-after:right}
.break-after-column{-moz-column-break-after:column;     break-after:column}
.grid-flow-row{grid-auto-flow:row}
.grid-flow-col{grid-auto-flow:column}
.grid-flow-dense{grid-auto-flow:dense}
.grid-flow-row-dense{grid-auto-flow:row dense}
.grid-flow-col-dense{grid-auto-flow:column dense}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.flex-row{flex-direction:row}
.flex-row-reverse{flex-direction:row-reverse}
.flex-col{flex-direction:column}
.flex-col-reverse{flex-direction:column-reverse}
.flex-wrap{flex-wrap:wrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
.flex-nowrap{flex-wrap:nowrap}
.place-content-center{place-content:center}
.place-content-start{place-content:start}
.place-content-end{place-content:end}
.place-content-between{place-content:space-between}
.place-content-around{place-content:space-around}
.place-content-evenly{place-content:space-evenly}
.place-content-baseline{place-content:baseline}
.place-content-stretch{place-content:stretch}
.place-items-start{place-items:start}
.place-items-end{place-items:end}
.place-items-center{place-items:center}
.place-items-baseline{place-items:baseline}
.place-items-stretch{place-items:stretch}
.content-normal{align-content:normal}
.content-center{align-content:center}
.content-start{align-content:flex-start}
.content-end{align-content:flex-end}
.content-between{align-content:space-between}
.content-around{align-content:space-around}
.content-evenly{align-content:space-evenly}
.content-baseline{align-content:baseline}
.content-stretch{align-content:stretch}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.items-baseline{align-items:baseline}
.items-stretch{align-items:stretch}
.justify-normal{justify-content:normal}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.justify-evenly{justify-content:space-evenly}
.justify-stretch{justify-content:stretch}
.justify-items-start{justify-items:start}
.justify-items-end{justify-items:end}
.justify-items-center{justify-items:center}
.justify-items-stretch{justify-items:stretch}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}
.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.space-y-reverse > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:1}
.space-x-reverse > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:1}
.divide-x > :not([hidden]) ~ :not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}
.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}
.divide-y-reverse > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:1}
.divide-x-reverse > :not([hidden]) ~ :not([hidden]){--tw-divide-x-reverse:1}
.divide-solid > :not([hidden]) ~ :not([hidden]){border-style:solid}
.divide-dashed > :not([hidden]) ~ :not([hidden]){border-style:dashed}
.divide-dotted > :not([hidden]) ~ :not([hidden]){border-style:dotted}
.divide-double > :not([hidden]) ~ :not([hidden]){border-style:double}
.divide-none > :not([hidden]) ~ :not([hidden]){border-style:none}
.place-self-auto{place-self:auto}
.place-self-start{place-self:start}
.place-self-end{place-self:end}
.place-self-center{place-self:center}
.place-self-stretch{place-self:stretch}
.self-auto{align-self:auto}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.self-center{align-self:center}
.self-stretch{align-self:stretch}
.self-baseline{align-self:baseline}
.justify-self-auto{justify-self:auto}
.justify-self-start{justify-self:start}
.justify-self-end{justify-self:end}
.justify-self-center{justify-self:center}
.justify-self-stretch{justify-self:stretch}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-clip{overflow:clip}
.overflow-visible{overflow:visible}
.overflow-scroll{overflow:scroll}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-hidden{overflow-y:hidden}
.overflow-x-clip{overflow-x:clip}
.overflow-y-clip{overflow-y:clip}
.overflow-x-visible{overflow-x:visible}
.overflow-y-visible{overflow-y:visible}
.overflow-x-scroll{overflow-x:scroll}
.overflow-y-scroll{overflow-y:scroll}
.overscroll-auto{overscroll-behavior:auto}
.overscroll-contain{overscroll-behavior:contain}
.overscroll-none{overscroll-behavior:none}
.overscroll-y-auto{overscroll-behavior-y:auto}
.overscroll-y-contain{overscroll-behavior-y:contain}
.overscroll-y-none{overscroll-behavior-y:none}
.overscroll-x-auto{overscroll-behavior-x:auto}
.overscroll-x-contain{overscroll-behavior-x:contain}
.overscroll-x-none{overscroll-behavior-x:none}
.scroll-auto{scroll-behavior:auto}
.scroll-smooth{scroll-behavior:smooth}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overflow-ellipsis{text-overflow:ellipsis}
.text-ellipsis{text-overflow:ellipsis}
.text-clip{text-overflow:clip}
.hyphens-none{-webkit-hyphens:none;        hyphens:none}
.hyphens-manual{-webkit-hyphens:manual;        hyphens:manual}
.hyphens-auto{-webkit-hyphens:auto;        hyphens:auto}
.whitespace-normal{white-space:normal}
.whitespace-nowrap{white-space:nowrap}
.whitespace-pre{white-space:pre}
.whitespace-pre-line{white-space:pre-line}
.whitespace-pre-wrap{white-space:pre-wrap}
.whitespace-break-spaces{white-space:break-spaces}
.text-wrap{text-wrap:wrap}
.text-nowrap{text-wrap:nowrap}
.text-balance{text-wrap:balance}
.text-pretty{text-wrap:pretty}
.break-normal{overflow-wrap:normal;word-break:normal}
.break-words{overflow-wrap:break-word}
.break-all{word-break:break-all}
.break-keep{word-break:keep-all}
.rounded{border-radius:0.25rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-md{border-radius:0.375rem}
.rounded-b{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}
.rounded-e{border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}
.rounded-l{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem}
.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem}
.rounded-s{border-start-start-radius:0.25rem;border-end-start-radius:0.25rem}
.rounded-t{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}
.rounded-bl{border-bottom-left-radius:0.25rem}
.rounded-br{border-bottom-right-radius:0.25rem}
.rounded-ee{border-end-end-radius:0.25rem}
.rounded-es{border-end-start-radius:0.25rem}
.rounded-se{border-start-end-radius:0.25rem}
.rounded-ss{border-start-start-radius:0.25rem}
.rounded-tl{border-top-left-radius:0.25rem}
.rounded-tr{border-top-right-radius:0.25rem}
.border{border-width:1px}
.border-x{border-left-width:1px;border-right-width:1px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-b{border-bottom-width:1px}
.border-e{border-inline-end-width:1px}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.border-s{border-inline-start-width:1px}
.border-t{border-top-width:1px}
.border-solid{border-style:solid}
.border-dashed{border-style:dashed}
.border-dotted{border-style:dotted}
.border-double{border-style:double}
.border-hidden{border-style:hidden}
.border-none{border-style:none}
.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}
.bg-\[rgb\(255\2c 0\2c 0\)\]{--tw-bg-opacity:1;background-color:rgb(255 0 0 / var(--tw-bg-opacity, 1))}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}
.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}
.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}
.from-indigo-100{--tw-gradient-from:#e0e7ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(224 231 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.decoration-slice{-webkit-box-decoration-break:slice;        box-decoration-break:slice}
.decoration-clone{-webkit-box-decoration-break:clone;        box-decoration-break:clone}
.box-decoration-slice{-webkit-box-decoration-break:slice;        box-decoration-break:slice}
.box-decoration-clone{-webkit-box-decoration-break:clone;        box-decoration-break:clone}
.bg-fixed{background-attachment:fixed}
.bg-local{background-attachment:local}
.bg-scroll{background-attachment:scroll}
.bg-clip-border{background-clip:border-box}
.bg-clip-padding{background-clip:padding-box}
.bg-clip-content{background-clip:content-box}
.bg-clip-text{-webkit-background-clip:text;        background-clip:text}
.bg-repeat{background-repeat:repeat}
.bg-no-repeat{background-repeat:no-repeat}
.bg-repeat-x{background-repeat:repeat-x}
.bg-repeat-y{background-repeat:repeat-y}
.bg-repeat-round{background-repeat:round}
.bg-repeat-space{background-repeat:space}
.bg-origin-border{background-origin:border-box}
.bg-origin-padding{background-origin:padding-box}
.bg-origin-content{background-origin:content-box}
.object-contain{-o-object-fit:contain;   object-fit:contain}
.object-cover{-o-object-fit:cover;   object-fit:cover}
.object-fill{-o-object-fit:fill;   object-fit:fill}
.object-none{-o-object-fit:none;   object-fit:none}
.object-scale-down{-o-object-fit:scale-down;   object-fit:scale-down}
.align-center{text-align:center}
.p-3{padding:0.5rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.pt-8{padding-top:2rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.text-justify{text-align:justify}
.text-start{text-align:start}
.text-end{text-align:end}
.align-baseline{vertical-align:baseline}
.align-top{vertical-align:top}
.align-middle{vertical-align:middle}
.align-bottom{vertical-align:bottom}
.align-text-top{vertical-align:text-top}
.align-text-bottom{vertical-align:text-bottom}
.align-sub{vertical-align:sub}
.align-super{vertical-align:super}
.font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}
.normal-case{text-transform:none}
.italic{font-style:italic}
.not-italic{font-style:normal}
.normal-nums{font-variant-numeric:normal}
.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.text-\[\#336699\]\/\[\.35\]{color:rgb(51 102 153 / .35)}
.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}
.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}
.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}
.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.underline{text-decoration-line:underline}
.overline{text-decoration-line:overline}
.line-through{text-decoration-line:line-through}
.no-underline{text-decoration-line:none}
.decoration-solid{text-decoration-style:solid}
.decoration-double{text-decoration-style:double}
.decoration-dotted{text-decoration-style:dotted}
.decoration-dashed{text-decoration-style:dashed}
.decoration-wavy{text-decoration-style:wavy}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
.opacity-10{opacity:0.1}
.bg-blend-normal{background-blend-mode:normal}
.bg-blend-multiply{background-blend-mode:multiply}
.bg-blend-screen{background-blend-mode:screen}
.bg-blend-overlay{background-blend-mode:overlay}
.bg-blend-darken{background-blend-mode:darken}
.bg-blend-lighten{background-blend-mode:lighten}
.bg-blend-color-dodge{background-blend-mode:color-dodge}
.bg-blend-color-burn{background-blend-mode:color-burn}
.bg-blend-hard-light{background-blend-mode:hard-light}
.bg-blend-soft-light{background-blend-mode:soft-light}
.bg-blend-difference{background-blend-mode:difference}
.bg-blend-exclusion{background-blend-mode:exclusion}
.bg-blend-hue{background-blend-mode:hue}
.bg-blend-saturation{background-blend-mode:saturation}
.bg-blend-color{background-blend-mode:color}
.bg-blend-luminosity{background-blend-mode:luminosity}
.mix-blend-normal{mix-blend-mode:normal}
.mix-blend-multiply{mix-blend-mode:multiply}
.mix-blend-screen{mix-blend-mode:screen}
.mix-blend-overlay{mix-blend-mode:overlay}
.mix-blend-darken{mix-blend-mode:darken}
.mix-blend-lighten{mix-blend-mode:lighten}
.mix-blend-color-dodge{mix-blend-mode:color-dodge}
.mix-blend-color-burn{mix-blend-mode:color-burn}
.mix-blend-hard-light{mix-blend-mode:hard-light}
.mix-blend-soft-light{mix-blend-mode:soft-light}
.mix-blend-difference{mix-blend-mode:difference}
.mix-blend-exclusion{mix-blend-mode:exclusion}
.mix-blend-hue{mix-blend-mode:hue}
.mix-blend-saturation{mix-blend-mode:saturation}
.mix-blend-color{mix-blend-mode:color}
.mix-blend-luminosity{mix-blend-mode:luminosity}
.mix-blend-plus-darker{mix-blend-mode:plus-darker}
.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}
.\!shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}
.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.outline{outline-style:solid}
.outline-dashed{outline-style:dashed}
.outline-dotted{outline-style:dotted}
.outline-double{outline-style:double}
.ring{--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(3px + 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)}
.ring-inset{--tw-ring-inset:inset}
.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)}
.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));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)}
.sepia{--tw-sepia:sepia(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) !important}
.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)}
.filter-none{filter:none}
.backdrop-blur{--tw-backdrop-blur:blur(8px);-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)}
.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-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)}
.backdrop-invert{--tw-backdrop-invert:invert(100%);-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)}
.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-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)}
.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)}
.backdrop-filter-none{-webkit-backdrop-filter:none;backdrop-filter:none}
.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
.contain-none{contain:none}
.contain-content{contain:content}
.contain-strict{contain:strict}
.contain-size{--tw-contain-size:size;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}
.contain-inline-size{--tw-contain-size:inline-size;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}
.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}
.contain-paint{--tw-contain-paint:paint;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}
.contain-style{--tw-contain-style:style;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}
.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{--tw-content:'this-is-also-valid]-weirdly-enough';content:var(--tw-content)}
.forced-color-adjust-auto{forced-color-adjust:auto}
.forced-color-adjust-none{forced-color-adjust:none}
/* Custom styles */
@media (min-width:640px){.sm\:container{  width:100%;}
@media (min-width:640px){  .sm\:container{    max-width:640px;  }
}
@media (min-width:768px){  .sm\:container{    max-width:768px;  }
}
@media (min-width:1024px){  .sm\:container{    max-width:1024px;  }
}
@media (min-width:1280px){  .sm\:container{    max-width:1280px;  }
}
@media (min-width:1536px){  .sm\:container{    max-width:1536px;  }
}
}
.last\:border-0:last-child{border-width:0px}
.hover\:font-bold:hover{font-weight:700}
.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}
.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.before\:hover\:text-center:hover::before{content:var(--tw-content);text-align:center}
.hover\:before\:text-center:hover::before{content:var(--tw-content);text-align:center}
.focus\:hover\:text-center:hover:focus{text-align:center}
.hover\:focus\:text-center:focus:hover{text-align:center}
@media (min-width:640px){.sm\:px-6{  padding-left:1.5rem;  padding-right:1.5rem;}
.sm\:underline{  text-decoration-line:underline;}
}
@media (min-width:768px){.md\:flex{  display:flex;}
.md\:grid-cols-2{  grid-template-columns:repeat(2, minmax(0, 1fr));}
.md\:grid-cols-3{  grid-template-columns:repeat(3, minmax(0, 1fr));}
.md\:grid-cols-4{  grid-template-columns:repeat(4, minmax(0, 1fr));}
.md\:grid-cols-5{  grid-template-columns:repeat(5, minmax(0, 1fr));}
.md\:space-x-8 > :not([hidden]) ~ :not([hidden]){  --tw-space-x-reverse:0;  margin-right:calc(2rem * var(--tw-space-x-reverse));  margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)));}
}
@media (min-width:1024px){.lg\:grid-cols-2{  grid-template-columns:repeat(2, minmax(0, 1fr));}
.lg\:px-8{  padding-left:2rem;  padding-right:2rem;}
}
@media (prefers-color-scheme:dark){@media (min-width:1024px){  .dark\:lg\:hover\:\[paint-order\:markers\]:hover{    paint-order:markers;  }
}
}
svg{display:inline-block}
.gap{display:inline-block;width:50px;height:10px}
header button{outline:none !important}
.dark body{background-color:#1a1a1a;color:#e6e6e6}
.text-black{color:#000}
.dark .text-black{color:#FFF}
.dark .bg-white{background-color:#2a2a2a;color:#b5b1ff}
.dark .text-indigo-600{color:#b5b1ff}
.dark .bg-gray-50{background-color:#1f1f1f}
.dark .bg-indigo-50{background-color:#4b5563}
.dark .text-gray-900{color:#e6e6e6}
.dark .bg-gray-100{background-color:#1f1f1f}
.dark .text-gray-700{color:#d1d1d1}
.dark .text-gray-600{color:#b8b8b8}
.dark .text-gray-500{color:#a0a0a0}
.dark .border-gray-300,.dark .border-gray-100,.dark .border-indigo-100{border-color:#3a3a3a}
.dark .shadow-sm,.dark .shadow-md{box-shadow:0 1px 2px 0 rgba(0,0,0,0.5)}
.dark input,.dark select,.dark textarea{background-color:#333;color:#e6e6e6;border-color:#4a4a4a}
.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:#6366f1}
.dark .bg-indigo-600{background-color:#4f46e5}
.dark .bg-indigo-600:hover{background-color:#4338ca}
.dark .hover\:bg-indigo-50:hover{background-color:#2d2d4d}
.dark .hover\:text-gray-900:hover{color:#ffffff}
.dark .analog-clock{background-color:#1f1f1f;border-color:#4a4a4a}
.dark .clock-center,.dark .hour-hand,.dark .minute-hand,.dark .second-hand{background-color:#e6e6e6}
.dark .prose{color:#d1d1d1}
.dark .prose h1,.dark .prose h2,.dark .prose h3,.dark .prose h4,.dark .prose strong{color:#e6e6e6}
.dark .prose a{color:#93c5fd}
body,.bg-white,.bg-gray-50,.bg-indigo-50,.text-gray-900,.text-gray-700,.text-gray-600,.text-gray-500,.border-gray-300,.border-gray-100,.border-indigo-100,.shadow-sm,.shadow-md,input,select,textarea{transition:background-color 0.3s,color 0.3s,border-color 0.3s,box-shadow 0.3s}
#dropdownDsktp{z-index:999;width:225px;top:35px;box-shadow:2px 2px 12px #999}
.dark #dropdownDsktp{box-shadow:0px 2px 0px 2px #cfcdf9}
#dropdownDsktp svg{margin-right:5px}
footer svg{width:40px;height:40px;fill:#4f46e5;display:inline-block}
.dark footer svg{fill:#b5b1ff}
footer{line-height:40px}
.socialShares a{cursor:pointer;display:inline-block;color:#777}
.socialShares a:hover{color:#4f46e5}
header{position:fixed;left:0;right:0;top:0;z-index:99;box-shadow:2px 2px 10px #999 !important}
.ourtools svg{display:inline-block}
a,a:link,a:visited{color:#4f46e5}
a:hover{color:#1308cf}
footer a,footer a:link,footer a:visited{color:#888}
.dark a,.dark a:link,.dark a:visited{color:#b5b1ff}
header a, header a:link, header a:visited{color:#000}
.dark header a,.dark header a:link,.dark header a:visited{color:#FFF}
header .hidden a svg {opacity:0.6}
header a:hover svg {opacity:1}
.dark a:hover{color:#b1e5ff}
footer{box-shadow:2px -2px 10px #999}
main{margin-bottom:50px}
#openMobileMenu{top:40px;box-shadow:-3px 3px 4px #ccc;width:220px}
#openMobileMenu a{padding:2px 1rem}
.dark #openMobileMenu{box-shadow:-2px 2px 0px #cfcdf9;background:#000}
main button.blue{background:#4f46e5;color:#FFF}
main button.blue:hover{background:#1308cf}
.dark main button.blue{background:#b5b1ff;color:#000}
body{padding-top:100px}
h1,h2,h3{font-size:23px;margin-top:20px}
h3{margin-top:0px}
.p-2{padding:2px}
.dark header,.dark footer{box-shadow:0 1px 0px #b5b1ff !important;background:#000000 !important}