[x-cloak] { display: none !important; }
.page a {
	color:#900;
}
.page a:hover {
	text-decoration: underline;
}
* {border: 1px solid #fff}
.dark .page a {
	color:rgb(255 98 98);
}
/* html, body {
	min-height:calc(100vh - 4rem);
} */
input[type="search"] {
  -webkit-appearance: none;
}
.announcement a {
	color:#900;
	/* text-decoration:underline !important; */
}
.dark .announcement a {
	color:#ff6262;
}
.announcement a:hover, .announcement a:focus {
	  /* background-color: #d1d5db;
	  outline:1px solid #990000;*/
	  text-decoration:underline;
}
a.main-menu-item { position: relative; display: flex; align-items: center; border-left-width: 4px; border-color: transparent; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; --tw-text-opacity: 1; color: rgb(82 82 82 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
a.main-menu-item:hover { --tw-border-opacity: 1; border-color: rgb(153 0 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity)); }
a.main-menu-item:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }
.dark a.main-menu-item { --tw-text-opacity: 1; color: rgb(229 229 229 / var(--tw-text-opacity)); }
.dark a.main-menu-item:hover { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(153 0 0 / var(--tw-bg-opacity)); }
.dark a.main-menu-item:focus { --tw-bg-opacity: 1; background-color: rgb(153 0 0 / var(--tw-bg-opacity)); }
.footer-feedback:hover{
	text-decoration:underline;
}
/*
a.footer-feedback:hover, a.footer-feedback:focus {
	background-color: #d1d5db;
	outline:1px solid #990000;
	text-decoration:none !important;
} */
div.search-icon-wrapper > svg {
	width:32px !important;
	height:32px !important;
	margin-right:1rem;
}
div.list-icon-wrapper > svg {
	width:32px !important;
	height:32px !important;
}
.list-icon-wrapper > svg {
	width:32px !important;
	height:32px !important;
}
#skip-nav {
	left: 50%;
	position: absolute;
	color: #990000;
	background-color: white;
	font-size: 1rem;
	transform: translateY(-500px);
	transition: transform .3s;
	z-index: 1;
  }
#skip-nav:focus {
	transform: translateY(0px); 
  }
.channel {
	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	padding: 2rem;
	overflow-x: auto;
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.dark .channel {
	background-color:#302f2f;
}
.dark select {
	background-color:#302f2f;
	color:rgb(245, 245, 245);
	border: 1px solid rgba(64, 64, 64);
}
.channel>h1,.channel>h2,.channel>h3,.channel>h4,.channel>h5,.channel>h6 {
	overflow-wrap: break-word;
	--tw-text-opacity: 1;
	color: rgba(23, 23, 23, var(--tw-text-opacity));
	padding-bottom: 0.5rem;
	margin-bottom: 2rem;
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 600;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity));
}
.dark .channel>h1,.dark .channel>h2,.dark .channel>h3,.dark .channel>h4,.dark .channel>h5,.dark .channel>h6  {
	color: white;
}
.dark .channel p {
	color: rgb(229, 229, 229);
}
.dark .channel li {
	color: rgb(229, 229, 229);
}
.pinned-link svg {
	margin:auto!important;
	height:32px!important;
	width:32px!important;
}
#search::-webkit-search-cancel-button{
    position:relative;
	right:20px;    
	 -webkit-appearance: none;
    height: 20px;
	width: 20px;
	background:url(../images/x-svg.svg) no-repeat 50% 50%;
	cursor:pointer;
}
.dark #search::-webkit-search-cancel-button{
	background:url(../images/x-svg-white.svg) no-repeat 50% 50%;
}
.channel h4:first-of-type { margin-bottom: 0.5rem; }
.channel h4 { margin-top: 1rem; margin-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }
.channel p { margin-bottom: 1.25rem; }
.channel ul { margin-left: 1rem; list-style-type: disc; }
.channel ol { margin-left: 1rem; list-style-type: decimal; }
/* Styles for the Alpine show hide modules within channels on pages */
div.show-hide-module .show-hide-icon {
	fill:black;
}
.dark div.show-hide-module .show-hide-icon {
	fill:white;
}
div.show-hide-module a.show-hide-toggle {
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	padding-bottom: 8px;
	margin-bottom:15px;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity));
}
div.show-hide-module h4.show-hide-header {

	line-height: 120%;
	font-weight: 600;
	margin-top:0;
	padding-top:5px;

}
.dark div.show-hide-module h4.show-hide-header {

	color: #f35f5f;

}
/* Styles for accent boxes (headlines with background color rectangle in page content) */
.crimson-accent-box:first-of-type { margin-bottom: 0.75rem; display: block; --tw-bg-opacity: 1; background-color: rgb(153 0 0 / var(--tw-bg-opacity)); padding: 0.75rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.crimson-accent-box { margin-top: 1.25rem; margin-bottom: 0.75rem; display: block; --tw-bg-opacity: 1; background-color: rgb(153 0 0 / var(--tw-bg-opacity)); padding: 0.75rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.dark .crimson-accent-box { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.crimson-accent-box a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.dark .crimson-accent-box a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.alert.info {
	/* border-color: rgba(59, 130, 246, 1);
	color: rgba(30, 64, 175, 1);
	background-color: rgba(239, 246, 255, 1); */
	background-color: rgba(30, 64, 175, 1);
	color: white;
}
.alert.danger {
	/* border-color: rgba(244, 63, 94, 1);
	background-color: rgba(255, 241, 242, 1);
	color: rgba(159, 18, 57, 1); */

	background-color: rgba(159, 18, 57, 1);
	color:white;
}
.alert.success {
	/* border-color: rgba(34, 197, 94, 1);
	background-color: rgba(240, 253, 244, 1);
	color:rgba(22, 101, 52, 1); */
	background-color:rgba(22, 101, 52, 1);
	color:white;
}
.alert a {
	font-weight: semibold;
	text-decoration: underline !important;
}
/***** FONTS ********/
/* poppins-100 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url(../fonts/poppins-v15-latin-100.woff2?ab66112cac2ca46d6cf8501653479d36) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(../fonts/poppins-v15-latin-100.woff?9eef15e6adb5c1840e4b22bc13b63057) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url(../fonts/poppins-v15-latin-300.woff2?82a53579cedb4011592d4320c84f6d07) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(../fonts/poppins-v15-latin-300.woff?8583fb076895d267edefc900e8b8954b) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url(../fonts/poppins-v15-latin-regular.woff2?5b8f3ba886526963a788fb19c016bcee) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(../fonts/poppins-v15-latin-regular.woff?c14093cee8c440c1884e38f2a2732bd6) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url(../fonts/poppins-v15-latin-600.woff2?e49343f0bcfb860280ab61e01514eaa6) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(../fonts/poppins-v15-latin-600.woff?8c4516c52b9adc82164334445e4eb33b) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ! tailwindcss v3.0.24 | 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: #e5e5e5; /* 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.
*/
html {
  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: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}
/*
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. 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-size: 1em; /* 2 */
}
/*
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-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
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: #a3a3a3; /* 2 */
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #a3a3a3; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #a3a3a3; /* 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;
}
/*
Ensure the default browser behavior of the `hidden` attribute.
*/
[hidden] {
  display: none;
}
*, ::before, ::after { --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-ordinal:  ; --tw-slashed-zero:  ; --tw-numeric-figure:  ; --tw-numeric-spacing:  ; --tw-numeric-fraction:  ; --tw-ring-inset:  ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:  ; --tw-brightness:  ; --tw-contrast:  ; --tw-grayscale:  ; --tw-hue-rotate:  ; --tw-invert:  ; --tw-saturate:  ; --tw-sepia:  ; --tw-drop-shadow:  ; --tw-backdrop-blur:  ; --tw-backdrop-brightness:  ; --tw-backdrop-contrast:  ; --tw-backdrop-grayscale:  ; --tw-backdrop-hue-rotate:  ; --tw-backdrop-invert:  ; --tw-backdrop-opacity:  ; --tw-backdrop-saturate:  ; --tw-backdrop-sepia:  ; }
.container { width: 100%; }
@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; } }
@media (min-width: 1700px) {
 .container { max-width: 1700px; } }
@media (min-width: 2200px) {
 .container { max-width: 2200px; } }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: -webkit-sticky; position: sticky; }
.inset-0 { top: 0px; right: 0px; bottom: 0px; left: 0px; }
.top-0 { top: 0px; }
.left-0 { left: 0px; }
.right-0 { right: 0px; }
.top-36 { top: 9rem; }
.top-2 { top: 0.5rem; }
.z-0 { z-index: 0; }
.z-50 { z-index: 50; }
.order-2 { order: 2; }
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-12 { grid-column: span 12 / span 12; }
.col-span-3 { grid-column: span 3 / span 3; }
.m-auto { margin: auto; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.mx-8 { margin-left: 2rem; margin-right: 2rem; }
.-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.ml-3 { margin-left: 0.75rem; }
.-ml-px { margin-left: -1px; }
.ml-1 { margin-left: 0.25rem; }
.mb-4 { margin-bottom: 1rem; }
.mt-4 { margin-top: 1rem; }
.mt-1 { margin-top: 0.25rem; }
.mr-4 { margin-right: 1rem; }
.ml-2 { margin-left: 0.5rem; }
.mb-12 { margin-bottom: 3rem; }
.mr-2 { margin-right: 0.5rem; }
.-mt-6 { margin-top: -1.5rem; }
.mb-16 { margin-bottom: 4rem; }
.mb-8 { margin-bottom: 2rem; }
.mt-6 { margin-top: 1.5rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-2 { margin-bottom: 0.5rem; }
.ml-4 { margin-left: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mr-3 { margin-right: 0.75rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-16 { margin-top: 4rem; }
.mt-20 { margin-top: 5rem; }
.mr-1 { margin-right: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-40 { margin-top: 10rem; }
.mb-20 { margin-bottom: 5rem; }
.mb-1 { margin-bottom: 0.25rem; }
.-mt-2 { margin-top: -0.5rem; }
.mr-6 { margin-right: 1.5rem; }
.ml-5 { margin-left: 1.25rem; }
.mt-10 { margin-top: 2.5rem; }
.-mr-2 { margin-right: -0.5rem; }
.mt-5 { margin-top: 1.25rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mr-5 { margin-right: 1.25rem; }
.-mt-12 { margin-top: -3rem; }
.-ml-12 { margin-left: -3rem; }
.-mr-12 { margin-right: -3rem; }
.-mb-12 { margin-bottom: -3rem; }
.mt-12 { margin-top: 3rem; }
.ml-6 { margin-left: 1.5rem; }
.block { display: block; }
.inline-block { display: inline-block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.table { display: table; }
.grid { display: grid; }
.hidden { display: none; }
.h-5 { height: 1.25rem; }
.h-8 { height: 2rem; }
.h-10 { height: 2.5rem; }
.h-4 { height: 1rem; }
.h-full { height: 100%; }
.h-16 { height: 4rem; }
.h-screen { height: 100vh; }
.h-6 { height: 1.5rem; }
.h-7 { height: 1.75rem; }
.h-24 { height: 6rem; }
.max-h-72 { max-height: 18rem; }
.max-h-fit { max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; }
.max-h-96 { max-height: 24rem; }
.min-h-screen { min-height: 100vh; }
.w-5 { width: 1.25rem; }
.w-full { width: 100%; }
.w-8 { width: 2rem; }
.w-4 { width: 1rem; }
.w-1\/3 { width: 33.333333%; }
.w-3\/4 { width: 75%; }
.w-1\/4 { width: 25%; }
.w-6 { width: 1.5rem; }
.w-2\/3 { width: 66.666667%; }
.w-60 { width: 15rem; }
.w-7 { width: 1.75rem; }
.w-48 { width: 12rem; }
.w-auto { width: auto; }
.w-40 { width: 10rem; }
.min-w-full { min-width: 100%; }
.max-w-screen-3xl { max-width: 1700px; }
.max-w-4xl { max-width: 56rem; }
.max-w-full { max-width: 100%; }
.max-w-md { max-width: 28rem; }
.max-w-7xl { max-width: 80rem; }
.max-w-2xl { max-width: 42rem; }
.max-w-sm { max-width: 24rem; }
.max-w-lg { max-width: 32rem; }
.flex-1 { flex: 1 1 0%; }
.flex-shrink-0 { flex-shrink: 0; }
.table-auto { table-layout: auto; }
.origin-top-left { transform-origin: top left; }
.origin-top { transform-origin: top; }
.origin-top-right { transform-origin: top right; }
.scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; 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)); }
.scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; 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)); }
.cursor-default { cursor: default; }
.list-inside { list-style-position: inside; }
.list-disc { list-style-type: disc; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col { flex-direction: column; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-evenly { justify-content: space-evenly; }
.gap-8 { gap: 2rem; }
.gap-4 { gap: 1rem; }
.gap-10 { gap: 2.5rem; }
.gap-2 { gap: 0.5rem; }
.space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); }
.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))); }
.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)); }
.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-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(229 229 229 / var(--tw-divide-opacity)); }
.place-self-start { place-self: start; }
.self-end { align-self: flex-end; }
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.overflow-ellipsis { text-overflow: ellipsis; }
.whitespace-nowrap { white-space: nowrap; }
.break-words { overflow-wrap: break-word; }
.rounded-md { border-radius: 0.375rem; }
.rounded { border-radius: 0.25rem; }
.rounded-full { border-radius: 9999px; }
.rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-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; }
.border { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-x { border-left-width: 1px; border-right-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-l { border-left-width: 1px; }
.border-r { border-right-width: 1px; }
.border-l-4 { border-left-width: 4px; }
.border-t { border-top-width: 1px; }
.border-b-2 { border-bottom-width: 2px; }
.border-dotted { border-style: dotted; }
.border-gray-300 { --tw-border-opacity: 1; border-color: rgb(212 212 212 / var(--tw-border-opacity)); }
.border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 229 229 / var(--tw-border-opacity)); }
.border-crimson-100 { --tw-border-opacity: 1; border-color: rgb(255 61 61 / var(--tw-border-opacity)); }
.border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); }
.border-transparent { border-color: transparent; }
.border-blue-300 { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); }
.border-current { border-color: currentColor; }
.border-blue-400 { --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity)); }
.border-red-400 { --tw-border-opacity: 1; border-color: rgb(251 113 133 / var(--tw-border-opacity)); }
.border-green-400 { --tw-border-opacity: 1; border-color: rgb(74 222 128 / var(--tw-border-opacity)); }
.border-green-500 { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity)); }
.border-red-600 { --tw-border-opacity: 1; border-color: rgb(225 29 72 / var(--tw-border-opacity)); }
.border-gray-800 { --tw-border-opacity: 1; border-color: rgb(38 38 38 / var(--tw-border-opacity)); }
.border-gray-400 { --tw-border-opacity: 1; border-color: rgb(163 163 163 / var(--tw-border-opacity)); }
.border-red-500 { --tw-border-opacity: 1; border-color: rgb(244 63 94 / var(--tw-border-opacity)); }
.border-gray-900 { --tw-border-opacity: 1; border-color: rgb(23 23 23 / var(--tw-border-opacity)); }
.border-green-300 { --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity)); }
.border-red-300 { --tw-border-opacity: 1; border-color: rgb(253 164 175 / var(--tw-border-opacity)); }
.border-gray-100 { --tw-border-opacity: 1; border-color: rgb(245 245 245 / var(--tw-border-opacity)); }
.border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); }
.border-gray-700 { --tw-border-opacity: 1; border-color: rgb(64 64 64 / var(--tw-border-opacity)); }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }
.bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 229 229 / var(--tw-bg-opacity)); }
.bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity)); }
.bg-blue-700 { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)); }
.bg-transparent { background-color: transparent; }
.bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); }
.bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); }
.bg-green-700 { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity)); }
.bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity)); }
.bg-green-200 { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)); }
.bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); }
.bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); }
.bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(82 82 82 / var(--tw-bg-opacity)); }
.bg-ua-gray { --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity)); }
.bg-crimson-500 { --tw-bg-opacity: 1; background-color: rgb(153 0 0 / var(--tw-bg-opacity)); }
.bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.bg-blue-200 { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)); }
.bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 205 211 / var(--tw-bg-opacity)); }
.bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity)); }
.bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); }
.bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)); }
.bg-red-700 { --tw-bg-opacity: 1; background-color: rgb(190 18 60 / var(--tw-bg-opacity)); }
.bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)); }
.bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity)); }
.bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity)); }
.bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity)); }
.bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(251 113 133 / var(--tw-bg-opacity)); }
.bg-yellow-200 { --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity)); }
.bg-opacity-30 { --tw-bg-opacity: 0.3; }
.bg-opacity-20 { --tw-bg-opacity: 0.2; }
.fill-current { fill: currentColor; }
.stroke-current { stroke: currentColor; }
.p-2 { padding: 0.5rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.p-3 { padding: 0.75rem; }
.p-8 { padding: 2rem; }
.p-1 { padding: 0.25rem; }
.p-10 { padding: 2.5rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.py-0 { padding-top: 0px; padding-bottom: 0px; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.pb-4 { padding-bottom: 1rem; }
.pl-2 { padding-left: 0.5rem; }
.pt-6 { padding-top: 1.5rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pt-1 { padding-top: 0.25rem; }
.pl-3 { padding-left: 0.75rem; }
.pr-4 { padding-right: 1rem; }
.pt-2 { padding-top: 0.5rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pt-4 { padding-top: 1rem; }
.pb-1 { padding-bottom: 0.25rem; }
.pt-8 { padding-top: 2rem; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.align-middle { vertical-align: middle; }
.font-sans { font-family: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-5xl { font-size: 3rem; line-height: 1; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.leading-5 { line-height: 1.25rem; }
.leading-relaxed { line-height: 1.625; }
.leading-6 { line-height: 1.5rem; }
.leading-tight { line-height: 1.25; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.text-gray-500 { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); }
.text-gray-700 { --tw-text-opacity: 1; color: rgb(64 64 64 / var(--tw-text-opacity)); }
.text-crimson { --tw-text-opacity: 1; color: rgb(153 0 0 / var(--tw-text-opacity)); }
.text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); }
.text-gray-600 { --tw-text-opacity: 1; color: rgb(82 82 82 / var(--tw-text-opacity)); }
.text-red-900 { --tw-text-opacity: 1; color: rgb(136 19 55 / var(--tw-text-opacity)); }
.text-blue-100 { --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity)); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.text-gray-800 { --tw-text-opacity: 1; color: rgb(38 38 38 / var(--tw-text-opacity)); }
.text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity)); }
.text-gray-900 { --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity)); }
.text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity)); }
.text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); }
.text-red-600 { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity)); }
.text-gray-100 { --tw-text-opacity: 1; color: rgb(245 245 245 / var(--tw-text-opacity)); }
.text-current { color: currentColor; }
.text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); }
.text-red-800 { --tw-text-opacity: 1; color: rgb(159 18 57 / var(--tw-text-opacity)); }
.text-green-900 { --tw-text-opacity: 1; color: rgb(20 83 45 / var(--tw-text-opacity)); }
.text-blue-900 { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity)); }
.text-red-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity)); }
.text-red-50 { --tw-text-opacity: 1; color: rgb(255 241 242 / var(--tw-text-opacity)); }
.text-purple-800 { --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity)); }
.text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); }
.text-crimson-50 { --tw-text-opacity: 1; color: rgb(255 98 98 / var(--tw-text-opacity)); }
.text-gray-400 { --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity)); }
.text-green-50 { --tw-text-opacity: 1; color: rgb(240 253 244 / var(--tw-text-opacity)); }
.text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity)); }
.text-blue-50 { --tw-text-opacity: 1; color: rgb(239 246 255 / var(--tw-text-opacity)); }
.text-crimson-500 { --tw-text-opacity: 1; color: rgb(153 0 0 / var(--tw-text-opacity)); }
.underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; }
.no-underline { -webkit-text-decoration-line: none; text-decoration-line: none; }
.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }
.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); }
.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-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px 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; }
.ring-1 { --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, 0 0 #0000); }
.ring-gray-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity)); }
.ring-black { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); }
.ring-opacity-5 { --tw-ring-opacity: 0.05; }
.transition { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors { transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.duration-75 { transition-duration: 75ms; }
.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); }
.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.line-clamp-8 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; }
.placeholder\:text-gray-500::-moz-placeholder { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); }
.placeholder\:text-gray-500:-ms-input-placeholder { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); }
.placeholder\:text-gray-500::placeholder { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); }
.hover\:border-crimson-100:hover { --tw-border-opacity: 1; border-color: rgb(255 61 61 / var(--tw-border-opacity)); }
.hover\:border-crimson:hover { --tw-border-opacity: 1; border-color: rgb(153 0 0 / var(--tw-border-opacity)); }
.hover\:border-gray-300:hover { --tw-border-opacity: 1; border-color: rgb(212 212 212 / var(--tw-border-opacity)); }
.hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 229 229 / var(--tw-bg-opacity)); }
.hover\:bg-gray-400:hover { --tw-bg-opacity: 1; background-color: rgb(163 163 163 / var(--tw-bg-opacity)); }
.hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }
.hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity)); }
.hover\:bg-crimson-600:hover { --tw-bg-opacity: 1; background-color: rgb(97 0 0 / var(--tw-bg-opacity)); }
.hover\:bg-crimson-400:hover { --tw-bg-opacity: 1; background-color: rgb(194 0 0 / var(--tw-bg-opacity)); }
.hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)); }
.hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); }
.hover\:bg-crimson:hover { --tw-bg-opacity: 1; background-color: rgb(153 0 0 / var(--tw-bg-opacity)); }
.hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); }
.hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); }
.hover\:text-gray-400:hover { --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity)); }
.hover\:text-gray-900:hover { --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity)); }
.hover\:text-gray-800:hover { --tw-text-opacity: 1; color: rgb(38 38 38 / var(--tw-text-opacity)); }
.hover\:text-crimson:hover { --tw-text-opacity: 1; color: rgb(153 0 0 / var(--tw-text-opacity)); }
.hover\:text-red-900:hover { --tw-text-opacity: 1; color: rgb(136 19 55 / var(--tw-text-opacity)); }
.hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.hover\:text-gray-700:hover { --tw-text-opacity: 1; color: rgb(64 64 64 / var(--tw-text-opacity)); }
.hover\:underline:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; }
.focus\:z-10:focus { z-index: 10; }
.focus\:border-blue-300:focus { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); }
.focus\:border-gray-500:focus { --tw-border-opacity: 1; border-color: rgb(115 115 115 / var(--tw-border-opacity)); }
.focus\:border-gray-900:focus { --tw-border-opacity: 1; border-color: rgb(23 23 23 / var(--tw-border-opacity)); }
.focus\:border-gray-300:focus { --tw-border-opacity: 1; border-color: rgb(212 212 212 / var(--tw-border-opacity)); }
.focus\:bg-gray-100:focus { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity)); }
.focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }
.focus\:bg-gray-200:focus { --tw-bg-opacity: 1; background-color: rgb(229 229 229 / var(--tw-bg-opacity)); }
.focus\:bg-gray-50:focus { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); }
.focus\:text-gray-200:focus { --tw-text-opacity: 1; color: rgb(229 229 229 / var(--tw-text-opacity)); }
.focus\:text-gray-700:focus { --tw-text-opacity: 1; color: rgb(64 64 64 / var(--tw-text-opacity)); }
.focus\:text-gray-800:focus { --tw-text-opacity: 1; color: rgb(38 38 38 / var(--tw-text-opacity)); }
.focus\:text-gray-500:focus { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); }
.focus\:underline:focus { -webkit-text-decoration-line: underline; text-decoration-line: underline; }
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }
.focus\:ring:focus { --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); }
.focus\:ring-opacity-50:focus { --tw-ring-opacity: 0.5; }
.active\:bg-gray-100:active { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity)); }
.active\:bg-gray-900:active { --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity)); }
.active\:text-gray-700:active { --tw-text-opacity: 1; color: rgb(64 64 64 / var(--tw-text-opacity)); }
.active\:text-gray-500:active { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); }
.disabled\:opacity-25:disabled { opacity: 0.25; }
.dark .dark\:border { border-width: 1px; }
.dark .dark\:border-crimson-800 { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); }
.dark .dark\:border-gray-500 { --tw-border-opacity: 1; border-color: rgb(115 115 115 / var(--tw-border-opacity)); }
.dark .dark\:border-gray-700 { --tw-border-opacity: 1; border-color: rgb(64 64 64 / var(--tw-border-opacity)); }
.dark .dark\:border-gray-800 { --tw-border-opacity: 1; border-color: rgb(38 38 38 / var(--tw-border-opacity)); }
.dark .dark\:border-gray-600 { --tw-border-opacity: 1; border-color: rgb(82 82 82 / var(--tw-border-opacity)); }
.dark .dark\:border-gray-100 { --tw-border-opacity: 1; border-color: rgb(245 245 245 / var(--tw-border-opacity)); }
.dark .dark\:bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)); }
.dark .dark\:bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(82 82 82 / var(--tw-bg-opacity)); }
.dark .dark\:bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); }
.dark .dark\:bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity)); }
.dark .dark\:bg-crimson-500 { --tw-bg-opacity: 1; background-color: rgb(153 0 0 / var(--tw-bg-opacity)); }
.dark .dark\:bg-charcoal { --tw-bg-opacity: 1; background-color: rgb(48 47 47 / var(--tw-bg-opacity)); }
.dark .dark\:bg-opacity-50 { --tw-bg-opacity: 0.5; }
.dark .dark\:text-gray-100 { --tw-text-opacity: 1; color: rgb(245 245 245 / var(--tw-text-opacity)); }
.dark .dark\:text-gray-200 { --tw-text-opacity: 1; color: rgb(229 229 229 / var(--tw-text-opacity)); }
.dark .dark\:text-crimson-50 { --tw-text-opacity: 1; color: rgb(255 98 98 / var(--tw-text-opacity)); }
.dark .dark\:text-gray-300 { --tw-text-opacity: 1; color: rgb(212 212 212 / var(--tw-text-opacity)); }
.dark .dark\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.dark .dark\:text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); }
.dark .dark\:text-gray-50 { --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity)); }
.dark .dark\:text-crimson-100 { --tw-text-opacity: 1; color: rgb(255 61 61 / var(--tw-text-opacity)); }
.dark .dark\:hover\:border-crimson-700:hover { --tw-border-opacity: 1; border-color: rgb(41 0 0 / var(--tw-border-opacity)); }
.dark .dark\:hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(82 82 82 / var(--tw-bg-opacity)); }
.dark .dark\:hover\:bg-crimson-500:hover { --tw-bg-opacity: 1; background-color: rgb(153 0 0 / var(--tw-bg-opacity)); }
.dark .dark\:hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)); }
.dark .dark\:hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.dark .dark\:hover\:text-gray-100:hover { --tw-text-opacity: 1; color: rgb(245 245 245 / var(--tw-text-opacity)); }
.dark .dark\:hover\:text-crimson:hover { --tw-text-opacity: 1; color: rgb(153 0 0 / var(--tw-text-opacity)); }
.dark .dark\:hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.dark .dark\:hover\:text-crimson-50:hover { --tw-text-opacity: 1; color: rgb(255 98 98 / var(--tw-text-opacity)); }
.dark .dark\:focus\:bg-gray-600:focus { --tw-bg-opacity: 1; background-color: rgb(82 82 82 / var(--tw-bg-opacity)); }
.dark .dark\:focus\:bg-crimson-500:focus { --tw-bg-opacity: 1; background-color: rgb(153 0 0 / var(--tw-bg-opacity)); }
.dark .dark\:focus\:bg-gray-700:focus { --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)); }
@media (min-width: 640px) {
 .sm\:-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; }
 .sm\:-my-px { margin-top: -1px; margin-bottom: -1px; }
 .sm\:mr-0 { margin-right: 0px; }
 .sm\:ml-10 { margin-left: 2.5rem; }
 .sm\:ml-6 { margin-left: 1.5rem; }
 .sm\:mb-5 { margin-bottom: 1.25rem; }
 .sm\:block { display: block; }
 .sm\:inline { display: inline; }
 .sm\:flex { display: flex; }
 .sm\:hidden { display: none; }
 .sm\:w-full { width: 100%; }
 .sm\:max-w-md { max-width: 28rem; }
 .sm\:max-w-sm { max-width: 24rem; }
 .sm\:flex-1 { flex: 1 1 0%; }
 .sm\:items-center { align-items: center; }
 .sm\:justify-center { justify-content: center; }
 .sm\:justify-between { justify-content: space-between; }
 .sm\: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))); }
 .sm\:rounded-lg { border-radius: 0.5rem; }
 .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
 .sm\:pt-0 { padding-top: 0px; } }
@media (min-width: 768px) {
 .md\:order-1 { order: 1; }
 .md\:order-2 { order: 2; }
 .md\:col-span-8 { grid-column: span 8 / span 8; }
 .md\:col-span-4 { grid-column: span 4 / span 4; }
 .md\:mx-auto { margin-left: auto; margin-right: auto; }
 .md\:mr-16 { margin-right: 4rem; }
 .md\:ml-0 { margin-left: 0px; }
 .md\:mb-5 { margin-bottom: 1.25rem; }
 .md\:block { display: block; }
 .md\:hidden { display: none; }
 .md\:h-16 { height: 4rem; }
 .md\:max-h-96 { max-height: 24rem; }
 .md\:w-5\/12 { width: 41.666667%; }
 .md\:w-full { width: 100%; }
 .md\:max-w-lg { max-width: 32rem; }
 .md\:flex-initial { flex: 0 1 auto; }
 .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .md\:py-0 { padding-top: 0px; padding-bottom: 0px; }
 .md\:px-8 { padding-left: 2rem; padding-right: 2rem; }
 .md\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
 .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
 .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
 .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
 .md\:text-base { font-size: 1rem; line-height: 1.5rem; }
 .md\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } }
@media (min-width: 1024px) {
 .lg\:col-span-4 { grid-column: span 4 / span 4; }
 .lg\:col-span-2 { grid-column: span 2 / span 2; }
 .lg\:mx-auto { margin-left: auto; margin-right: auto; }
 .lg\:-mx-8 { margin-left: -2rem; margin-right: -2rem; }
 .lg\:-mt-12 { margin-top: -3rem; }
 .lg\:mb-0 { margin-bottom: 0px; }
 .lg\:block { display: block; }
 .lg\:flex { display: flex; }
 .lg\:hidden { display: none; }
 .lg\:flex-initial { flex: 0 1 auto; }
 .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .lg\:flex-wrap { flex-wrap: wrap; }
 .lg\:items-center { align-items: center; }
 .lg\:justify-start { justify-content: flex-start; }
 .lg\:gap-8 { gap: 2rem; }
 .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); }
 .lg\:p-12 { padding: 3rem; }
 .lg\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
 .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
 .lg\:text-base { font-size: 1rem; line-height: 1.5rem; }
 .lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
 .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
 .lg\:line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } }
@media (min-width: 1280px) {
 .xl\:mb-0 { margin-bottom: 0px; }
 .xl\:ml-64 { margin-left: 16rem; }
 .xl\:ml-60 { margin-left: 15rem; }
 .xl\:block { display: block; }
 .xl\:flex { display: flex; }
 .xl\:hidden { display: none; }
 .xl\:w-2\/3 { width: 66.666667%; }
 .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1536px) {
 .\32xl\:col-span-7 { grid-column: span 7 / span 7; }
 .\32xl\:col-span-3 { grid-column: span 3 / span 3; }
 .\32xl\:mb-0 { margin-bottom: 0px; }
 .\32xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
 .\32xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1700px) {
 .\33xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 2200px) {
 .\34xl\:mx-auto { margin-left: auto; margin-right: auto; } }