.shine {
transition: all 0.3s ease-in-out;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
padding-block: 0.5rem;
padding-inline: 1.25rem;
border-radius: 9999px;
justify-content: center;
color: #ffff;
gap: 10px;
font-weight: bold;
border: 3px solid #ffffff4d;
outline: none;
overflow: hidden;
font-size: 15px;
}
.shine:hover {
transform: scale(1.05);
border-color: #fff9;
}
.shine:hover::before {
animation: shine 1.5s ease-out infinite;
}
.shine::before {
content: "";
position: absolute;
width: 100px;
height: 100%;
background-image: linear-gradient(120deg,
rgba(255, 255, 255, 0) 30%,
rgba(255, 255, 255, 0.8),
rgba(255, 255, 255, 0) 70%);
top: 0;
left: -100px;
opacity: 0.6;
}
@keyframes shine {
0% {
left: -100px;
}
60% {
left: 100%;
}
to {
left: 100%;
}
}
/* Styles for the "scroll to top" button */
#scrollTopBtn {
display: none;
/* Hidden by default */
position: fixed;
bottom: 20px;
right: 20px;
background-color: #373434;
color: #fff;
border: none;
border-radius: 50%;
width: 40px;
/* Width of the button */
height: 40px;
/* Height of the button */
line-height: 40px;
/* This helps center the arrow vertically */
text-align: center;
/* This centers the arrow horizontally */
cursor: pointer;
font-size: 24px;
z-index: 1000;
/* Ensure it's on top of other content */
}
/* high contrast mode */
select {
border: 1px solid white;
}
.heading2 {
padding-top: 2rem;
padding-bottom: 2rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.05em;
}
@media (min-width: 640px) {
.heading2 {
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 1280px) {
.heading2 {
font-size: 2.25rem;
line-height: 1;
}
}
.heading3 {
padding-top: 2rem;
padding-bottom: 2rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.05em;
}
@media (min-width: 640px) {
.heading3 {
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 1280px) {
.heading3 {
font-size: 2.25rem;
line-height: 1;
}
}
.header3 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.05em;
}
@media (min-width: 768px) {
.header3 {
font-size: 1.5rem;
line-height: 2rem;
}
}
/* Tailwind CSS custom styles */
/*Qual*/
.color-passed {
background-color: #08e868;
color: #383636;
border-color: #38a169;
}
.color-warning {
color:#ecc94b ;
}
.color-failed {
background-color: #9b2c2c;
color: #ffffff;
border-color: #9b2c2c;
}
/* .color-failed {color: #c53030;} */
.color-inapplicable {
color: #a0aec0;
}
/*Qual*/
/*a11ytree*/
.item-tree {
background: hsla(0,0%,100%,.05);
border-radius: 10px;
padding: 30px 20px;
margin-bottom: 20px;
position: relative;
}
.a11y-RootWebArea {
color:#bbf7d0;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-generic {
color:#bbf7d0;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-button {
color:#fee9ca;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-image {
color:#fecdd3;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-heading {
color:#fde68a;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-StaticText {
color:#a5f3fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-link {
color:#fecaca;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-textbox {
color:#a5fcc9;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-tab {
color:#a5b2fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-tabpanel {
color:#d6fca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-LineBreak {
color:#a0aec0;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-Iframe {
color:#fca5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-region {
color:#fca5e2;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
/*colors below adjust to-do*/
.a11y-radio {
color:#a5ebfc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-checkbox{
color:#fcd6a5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-navigation{
color:#d5a5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-blockquote{
color:#fca5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-grid{
color:#fca5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-progressbar{
color:#bfa5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-table{
color:#a5fcbf;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
/* . */
.a11y-search{
color:#fca5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-searchbox{
color:#a5b5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-strong{
color:#fca5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-slider{
color:#a5fcdb;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-code{
color:#fca5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-subscript{
color:#fca5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-superscript{
color:#b2a5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-switch{
color:#fca5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-list{
color:#defca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-listitem{
color:#effca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-contentinfo{
color:#fca5bb;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-listbox{
color:#c5fca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-spinbutton{
color:#b5a5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-deletion{
color:#dbfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-treeitem{
color:#fcd3a5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-option{
color:#a5aefc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-meter{
color:#a5fcc2;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-Audio{
color:#a5fcf8;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
/* slider */
.a11y-Video{
color:#a5effc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
/* searchbox */
/* spinbutton */
.a11y-combobox{
color:#a5fca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-menuitem{
color:#fca5d0;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
/* listbox */
/* option */
/* checkbox */
/* radio */
.a11y-ColorWell{
color:#a6a5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-Date{
color:#fca5a5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-DateTime{
color:#ccfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-DisclosureTriangle{
color:#aea5fc;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-banner{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-dialog{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-paragraph{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-article{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-separator{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-DescriptionList{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-DescriptionListTerm{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-DescriptionListDetail{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-ListMarker{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-group{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-Legend{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-Section{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-LabelText{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-MenuListPopup{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-columnheader{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-row{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-gridcell{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-Abbr{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-time{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-term{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-insertion{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
.a11y-main{
color:#acfca5;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
}
/* application
section
document
feed
caption
emphasis
math
figure
form
rowgroup
rowheader
cell
treegrid
menuitem
menuitemcheckbox
menuitemradio
none
presentation
status
note
complementary
doc-pagebreak
doc-dedication
doc-example
doc-footnote
doc-glossary
doc-pullquote
doc-tip */
/*a11ytree*/
/*Pup*/
.pup-heading {
color: #8ab2fd;
}
.pup-link{
color: #fecaca;
}
.pup-button{
color: #fecaca;
}
.pup-region{
color: #bbf7d0
}
.pup-banner{
color: #bbf7d0
}
.pup-navigation{
color: #bbf7d0
}
.pup-paragraph{
color: #f6fca5
}
.pup-form{
color: #e9d5ff
}
.pup-image{
color: #e9fecd
}
.pup-list {
color: #cdf0fe ;
}
.pup-dialog {
color: #fedbcd ;
}
.pup-table {
color: #cdf3fe ;
}
/*Pup*/
/* Share */
:root {
--button-size: 36px;
--icon-size: 20px;
--padding-ver: calc(0.3 * var(--icon-size));
--padding-hor: calc(var(--icon-size) / 2);
--padding-icon: calc((var(--button-size) - var(--icon-size)) / 2);
--height: calc(var(--button-size) - 2 * var(--padding-ver));
--width: calc(var(--button-size) - 2 * var(--padding-hor));
}
.shareon {
font-size: 0 !important;
}
.shareon > * {
display: inline-block;
position: relative;
height: var(--height);
min-width: var(--width);
margin: calc(var(--padding-ver) / 2);
padding: var(--padding-ver) var(--padding-hor);
background-color: #333;
border-radius: calc(var(--icon-size) / 6);
border: none;
box-sizing: content-box;
color: white;
line-height: 1.5;
transition: opacity 300ms ease;
vertical-align: middle;
}
.shareon > *:hover {
border: none;
cursor: pointer;
opacity: 0.7;
}
.shareon > *:not(:empty) {
font-size: calc(0.8 * var(--icon-size));
text-decoration: none;
}
.shareon > *:not(:empty)::before {
position: relative;
height: 100%;
width: calc(var(--icon-size) + var(--padding-icon));
top: 0;
left: 0;
background-position: 0 50%;
}
.shareon > *::before {
display: inline-block;
position: absolute;
height: var(--icon-size);
width: var(--icon-size);
top: var(--padding-icon);
left: var(--padding-icon);
background-repeat: no-repeat;
background-size: var(--icon-size) var(--icon-size);
content: "";
vertical-align: bottom;
}
.shareon > .copy-url:before {
background-image: url("/img/icons/copy-url.svg");
}
.shareon > .copy-url.done:before {
background-image: url("/img/icons/copy-url-done.svg");
}
.shareon > .email:before {
background-image: url("/img/icons/email.svg");
}
.shareon > .facebook {
background-color: #1877f2;
}
.shareon > .facebook:before {
background-image: url("/img/icons/facebook.svg");
}
.shareon > .linkedin {
background-color: #0a66c2;
}
.shareon > .linkedin:before {
background-image: url("/img/icons/linkedin-in.svg");
}
.shareon > .linkedin:not(:empty):before {
background-image: url("/img/icons/linkedin.svg");
}
.shareon > .messenger {
background-color: #00b2ff;
}
.shareon > .messenger:before {
background-image: url("/img/icons/messenger.svg");
}
.shareon > .print:before {
background-image: url("/img/icons/print.svg");
}
.shareon > .reddit {
background-color: #ff4500;
}
.shareon > .reddit:before {
background-image: url("/img/icons/reddit.svg");
}
.shareon > .teams {
background-color: #6264a7;
}
.shareon > .teams:before {
background-image: url("/img/icons/teams.svg");
}
.shareon > .telegram {
background-color: #26a5e4;
}
.shareon > .telegram:before {
background-image: url("/img/icons/telegram.svg");
}
.shareon > .twitter {
background-color: #1d9bf0;
}
.shareon > .twitter:before {
background-image: url("/img/icons/x.svg");
}
.shareon > .whatsapp {
background-color: #25d366;
}
.shareon > .whatsapp:before {
background-image: url("/img/icons/whatsapp.svg");
}
/* Share end*/
.errorsummary {
border: solid 1px white;
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
/* Aligns children to the start but allows for pushing items to the bottom */
/* height: 200px; Adjust the height as needed */
border: 1px solid #000;
width: 7rem;
height: 5rem;
}
.errortoolname{
}
.errorcount {
margin-top: auto;
margin-bottom: 0;
display: block;
}
html {
overflow-y: scroll;
}
.LinkOrButtonToUrla {
text-decoration: underline;
word-wrap: break-word;
}
.ButtonOrLink, .AttElement {
padding: 0 2px;
margin:0 2px;
/* border-radius: 2px; */
/* border: 1px solid #ddd; */
}
.LinkText {
padding:0 4px
}
.LinkOpenNewWindow {
display:inline-block;
width:16px;
height:16px;
vertical-align: middle;
/* background-color: #FFFFFF; */
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');
/* background-attachment: fixed | scroll; */
background-size: 13px 13px;
background-position: center;
background-repeat: no-repeat;
/* background-origin: border-box | padding-box | content-box; */
/* background-clip: border-box | padding-box | content-box; */
/* background-blend-mode: multiply | screen | overlay; */
}
.LinkNotOpenNewWindow {
display:inline-block;
width:16px;
height:16px;
vertical-align: middle;
/* background-color: #FFFFFF; */
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');
/* background-attachment: fixed | scroll; */
background-size: 13px 13px;
background-position: center;
background-repeat: no-repeat;
/* background-origin: border-box | padding-box | content-box; */
/* background-clip: border-box | padding-box | content-box; */
/* background-blend-mode: multiply | screen | overlay; */
}
/* Base button styling */
.button {
padding: 2px 2px;
display:inline-block;
border-width: 2px;
border-style: solid;
font-weight: bold;
cursor: pointer;
/* font-size:10px; */
transition: background-color 0.9s, color 0.9s, border-color 0.9s;
}
.chevrondown {
background: no-repeat url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzQuMDAxcHgiIGlkPSJDYXBhXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU4IDM0LjAwMTsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDU4IDM0LjAwMSIgd2lkdGg9IjU4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01Ni40MTgsOS44MTdjLTIuMDM3LDIuMDg5LTIzLjQ3OSwyMi41MS0yMy40NzksMjIuNTFjLTEuMDg4LDEuMTE1LTIuNTE0LDEuNjc0LTMuOTM5LDEuNjc0ICBjLTEuNDI4LDAtMi44NTQtMC41NTktMy45MzktMS42NzRjMCwwLTIxLjQ0MS0yMC40MjEtMjMuNDgtMjIuNTFjLTIuMDM3LTIuMDktMi4xNzYtNS44NDgsMC04LjA3OGMyLjE3NC0yLjIyOSw1LjIxMS0yLjQwNiw3Ljg3OSwwICBMMjksMjAuNDc0TDQ4LjUzOSwxLjczOWMyLjY3LTIuNDA2LDUuNzA1LTIuMjI5LDcuODc5LDBDNTguNTk2LDMuOTcsNTguNDU3LDcuNzI4LDU2LjQxOCw5LjgxN3oiLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=');
background-size: 20px 20px;
background-position:center;
}
.chevronup{
background: no-repeat url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzQuMDAxcHgiIGlkPSJDYXBhXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU4IDM0LjAwMTsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDU4IDM0LjAwMSIgd2lkdGg9IjU4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01Ni40MTgsMjQuMTg0Yy0yLjAzNy0yLjA4OS0yMy40NzktMjIuNTEtMjMuNDc5LTIyLjUxQzMxLjg1MiwwLjU1OSwzMC40MjYsMCwyOSwwYy0xLjQyOCwwLTIuODU0LDAuNTU5LTMuOTM5LDEuNjc0ICBjMCwwLTIxLjQ0MSwyMC40MjEtMjMuNDgsMjIuNTFjLTIuMDM3LDIuMDktMi4xNzYsNS44NDgsMCw4LjA3OGMyLjE3NCwyLjIyOSw1LjIxMSwyLjQwNiw3Ljg3OSwwTDI5LDEzLjUyN2wxOS41MzksMTguNzM0ICBjMi42NywyLjQwNiw1LjcwNSwyLjIyOSw3Ljg3OSwwQzU4LjU5NiwzMC4wMzEsNTguNDU3LDI2LjI3Myw1Ni40MTgsMjQuMTg0eiIvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjwvc3ZnPg==');
background-size: 20px 20px;
background-position:center;
}
.button:hover {
opacity: 0.8;
}
/* Error - bright red for high severity */
.button-Error, .button-error, .button-failed {
background-color: #9b2c2c;
color: #ffffff;
border: 1px solid;
border-color: #c53030;
}
/* .button-Fail {
background-color: #e53e3e;
color: #ffffff;
border-color: #c53030;
} */
/* Warning - standard warning yellow */
.button-Warning, .button-warning {
background-color: #ecc94b;
color: #2d3748;
/* Dark text for better readability */
border: 1px solid;
border-color: #d69e2e;
}
/* Fail - another form of error, slightly less intense than the bright red */
.button-Fail, .button-fail {
background-color: #a10404;
color: #f9f7f7;
border: 1px solid;
border-color: #e53e3e;
}
/* Minor - light orange to represent lower severity than fail but still an issue */
.button-Minor, .button-minor, .button-cantTell {
background-color: #ecc94b;
color: #2d3748;
border: 1px solid;
border-color: #d69e2e;
}
/* Medium - deeper orange, severity between minor and serious */
.button-Medium, .button-medium {
background-color: #dd6b20;
color: #ffffff;
border: 1px solid;
border-color: #c05621;
}
/* Serious - deep red, just below error in terms of severity */
.button-Serious, .button-serious {
background-color: #e53e3e;
color: #ffffff;
border: 1px solid;
border-color: #c53030;
}
.button-Critical, .button-critical {
background-color: #9b2c2c;
color: #ffffff;
border: 1px solid;
border-color: #c53030;
}
/* Violation - purple to stand out but not necessarily be alarming */
.button-Violation, .button-violation {
background-color: #ecc94b;
color: #2d3748;
/* Dark text for better readability */
border: 1px solid;
border-color: #d69e2e;
}
.button-Moderate, .button-moderate {
background-color: #ed8936;
color: #ffffff;
border: 1px solid;
border-color: #dd6b20;
}
/* Potential - light blue to represent a potential issue */
.button-Potential, .button-potential {
/* background-color: #63b3ed; */
background-color: #225b91;
color: #ffffff;
border: 1px solid;
border-color: #4299e1;
}
/* Recommendation - standard blue, a neutral but noticeable color */
.button-Recommendation, .button-recommendation {
background-color: #0e3763;
color: #ffffff;
border: 1px solid;
border-color: #2b6cb0;
}
/* Manual - a lighter neutral color as it requires manual attention and is not necessarily good or bad */
.button-Manual, .button-manual {
background-color: #a0aec0;
color: #181c22;
border: 1px solid;
border-color: #718096;
}
/* Pass - green to represent success */
.button-Pass, .button-pass, .button-passed {
background-color: #08e868;
color: #383636;
border: 1px solid;
border-color: #38a169;
}
.icon-inapplicable {
background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M6 6L18 18' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-passed {
background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%230cec09' stroke-width='2'/%3E%3Cpath d='M9 12L10.6828 13.6828V13.6828C10.858 13.858 11.142 13.858 11.3172 13.6828V13.6828L15 10' stroke='%230cec09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-warning {
background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M12 10V13' stroke='%23f5f906' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 16V15.9888' stroke='%23f5f906' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10.2518 5.147L3.6508 17.0287C2.91021 18.3618 3.87415 20 5.39912 20H18.6011C20.126 20 21.09 18.3618 20.3494 17.0287L13.7484 5.147C12.9864 3.77538 11.0138 3.77538 10.2518 5.147Z' stroke='%23f5f906' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-failed {
background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23e70d0d' stroke-width='2'/%3E%3Cpath d='M9 9L15 15' stroke='%23e70d0d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 9L9 15' stroke='%23e70d0d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-play {
background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='15px' height='15px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='m 2 2.5 v 11 c 0 1.5 1.269531 1.492188 1.269531 1.492188 h 0.128907 c 0.246093 0.003906 0.488281 -0.050782 0.699218 -0.171876 l 9.796875 -5.597656 c 0.433594 -0.242187 0.65625 -0.734375 0.65625 -1.226562 c 0 -0.492188 -0.222656 -0.984375 -0.65625 -1.222656 l -9.796875 -5.597657 c -0.210937 -0.121093 -0.453125 -0.175781 -0.699218 -0.175781 h -0.128907 s -1.269531 0 -1.269531 1.5 z m 0 0' fill='%232e3436'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-playback {
background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='15px' height='15px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23000000' transform='rotate(180)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg fill='%232e3436'%3E%3Cpath d='m 1 3 v 10 c 0 1 1.085938 1 1.085938 1 h 0.113281 c 0.210937 0 0.417969 -0.046875 0.601562 -0.148438 l 8.398438 -4.800781 c 0.375 -0.207031 0.5625 -0.628906 0.5625 -1.050781 s -0.1875 -0.84375 -0.5625 -1.050781 l -8.398438 -4.800781 c -0.183593 -0.101563 -0.390625 -0.148438 -0.601562 -0.148438 h -0.113281 s -1.085938 0 -1.085938 1 z m 0 0'/%3E%3Cpath d='m 14.5 2 h -1 c -0.277344 0 -0.5 0.222656 -0.5 0.5 v 11 c 0 0.277344 0.222656 0.5 0.5 0.5 h 1 c 0.277344 0 0.5 -0.222656 0.5 -0.5 v -11 c 0 -0.277344 -0.222656 -0.5 -0.5 -0.5 z m 0 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.background-passed {
background-color: #98d9b3;
padding : 10px;
margin-bottom:10px;
border-color: #38a169;
}
.linkitem {
padding: 4px !important;
border-radius: 10px;
margin: 4px 0;
display: flex;
flex-direction: row;
align-items: center;
}
.icon, .external {
width: 40px;
text-align: center;
flex-shrink: 0;
/* Prevents these containers from shrinking */
}
.link-text {
flex: 1;
text-align: left;
}
.url-container {
flex: 2;
display: flex;
align-items: center;
}
.url-text {
text-decoration: underline;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
}
.rel-text {
vertical-align: middle;
margin-left: 5px;
}
select, option {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
/* Minor Error */
.minor {
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(253 224 71 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(254 240 138 / var(--tw-bg-opacity));
padding: 1rem;
}
/* Moderate Error */
.moderate {
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(253 186 116 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(254 215 170 / var(--tw-bg-opacity));
padding: 1rem;
}
/* Critical Error */
.critical {
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(220 38 38 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
padding: 1rem;
}
/* Serious Error */
.serious {
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(248 113 113 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
padding: 1rem;
}
.spinner {
border: 4px solid rgba(0, 0, 0, 0.1);
width: 36px;
height: 36px;
border-radius: 50%;
border-top: 4px solid black;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
body{
background: #212424;
color:#e1e1e1;
}
.tab-container {
display: flex;
flex-direction: column;
border: none;
}
.tab {
/* border: none; */
border: 1px solid #ccc;
}
.tab > summary {
padding: 10px 20px;
cursor: pointer;
list-style: none;
/* border: 1px solid #ccc; */
border: none;
/* background-color: #f5f5f5; */
/* position: relative; */
/* border-bottom: 1px solid #ccc; */
}
.tab > summary::before {
content: '';
/* position: absolute; */
top: 0;
right: 0;
height: 100%;
/* width: 1px; */
/* border-bottom: 1px solid #ccc; */
/* background-color: #ccc; */
}
.tab-content {
padding: 20px;
/* border: 1px solid #ccc; */
border-top: none;
/* border-bottom: 1px solid #ccc; */
display: none;
}
.tab[open] > .tab-content {
display: block;
/* border-bottom: 1px solid #ccc; */
}
.tab[open] > summary {
/* background-color: #ddd; */
font-weight: 700;
border-bottom: 1px solid #ccc;
}
.item {
background: hsla(0,0%,100%,.1);
border-radius: 10px;
padding: 30px 20px;
margin-bottom: 20px;
position: relative;
}
/* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: #e5e7eb;
/* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-moz-tab-size: 4;
/* 3 */
-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 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-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] {
display: none;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@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;
}
}
.prose {
color: var(--tw-prose-body);
max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-bold);
font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
font-weight: 400;
color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-left-width: 0.25rem;
border-left-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 900;
color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 800;
color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 500;
font-family: inherit;
color: var(--tw-prose-kbd);
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
font-size: 0.875em;
border-radius: 0.3125rem;
padding-top: 0.1875em;
padding-right: 0.375em;
padding-bottom: 0.1875em;
padding-left: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-right: 1.1428571em;
padding-bottom: 0.8571429em;
padding-left: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
vertical-align: top;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose {
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-kbd: #111827;
--tw-prose-kbd-shadows: 17 24 39;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-left: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-left: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.5em;
padding-left: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-left: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-right: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-left: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-right: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-2xl {
font-size: 1.5rem;
line-height: 1.6666667;
}
.prose-2xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-2xl :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 1.25em;
line-height: 1.4666667;
margin-top: 1.0666667em;
margin-bottom: 1.0666667em;
}
.prose-2xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
padding-left: 1.1111111em;
}
.prose-2xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.875em;
line-height: 1;
}
.prose-2xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 2em;
margin-top: 1.5em;
margin-bottom: 0.8333333em;
line-height: 1.0833333;
}
.prose-2xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 1.5em;
margin-top: 1.5555556em;
margin-bottom: 0.6666667em;
line-height: 1.2222222;
}
.prose-2xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.prose-2xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-2xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-2xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose-2xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-2xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 0.8333333em;
border-radius: 0.375rem;
padding-top: 0.25em;
padding-right: 0.3333333em;
padding-bottom: 0.25em;
padding-left: 0.3333333em;
}
.prose-2xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 0.8333333em;
}
.prose-2xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 0.875em;
}
.prose-2xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 0.8888889em;
}
.prose-2xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 0.8333333em;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.2em;
padding-right: 1.6em;
padding-bottom: 1.2em;
padding-left: 1.6em;
}
.prose-2xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5833333em;
}
.prose-2xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5833333em;
}
.prose-2xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose-2xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-left: 0.4166667em;
}
.prose-2xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-left: 0.4166667em;
}
.prose-2xl :where(.prose-2xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.prose-2xl :where(.prose-2xl > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-2xl :where(.prose-2xl > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-2xl :where(.prose-2xl > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-2xl :where(.prose-2xl > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-2xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.prose-2xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-2xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-2xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.5em;
padding-left: 1.5833333em;
}
.prose-2xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 3em;
margin-bottom: 3em;
}
.prose-2xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose-2xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose-2xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose-2xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose-2xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 0.8333333em;
line-height: 1.4;
}
.prose-2xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.prose-2xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-left: 0;
}
.prose-2xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-right: 0;
}
.prose-2xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-top: 0.8em;
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.prose-2xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-left: 0;
}
.prose-2xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-right: 0;
}
.prose-2xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-2xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose-2xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: 0.8333333em;
line-height: 1.6;
margin-top: 1em;
}
.prose-2xl :where(.prose-2xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
}
.prose-2xl :where(.prose-2xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 0;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.visible {
visibility: visible;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.-top-5 {
top: -1.25rem;
}
.left-0 {
left: 0px;
}
.right-4 {
right: 1rem;
}
.top-0 {
top: 0px;
}
.top-10 {
top: 2.5rem;
}
.top-28 {
top: 7rem;
}
.z-0 {
z-index: 0;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.float-right {
float: right;
}
.m-0 {
margin: 0px;
}
.m-1 {
margin: 0.25rem;
}
.m-11 {
margin: 2.75rem;
}
.m-14 {
margin: 3.5rem;
}
.m-2 {
margin: 0.5rem;
}
.m-20 {
margin: 5rem;
}
.m-28 {
margin: 7rem;
}
.m-3 {
margin: 0.75rem;
}
.m-32 {
margin: 8rem;
}
.m-36 {
margin: 9rem;
}
.m-4 {
margin: 1rem;
}
.m-44 {
margin: 11rem;
}
.m-5 {
margin: 1.25rem;
}
.m-52 {
margin: 13rem;
}
.m-6 {
margin: 1.5rem;
}
.m-7 {
margin: 1.75rem;
}
.m-72 {
margin: 18rem;
}
.m-8 {
margin: 2rem;
}
.m-9 {
margin: 2.25rem;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.-mb-2 {
margin-bottom: -0.5rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.-ml-1 {
margin-left: -0.25rem;
}
.-ml-2 {
margin-left: -0.5rem;
}
.ml-0 {
margin-left: 0px;
}
.ml-1 {
margin-left: 0.25rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-5 {
margin-left: 1.25rem;
}
.ml-auto {
margin-left: auto;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-4 {
margin-right: 1rem;
}
.mr-auto {
margin-right: auto;
}
.-mt-1 {
margin-top: -0.25rem;
}
.-mt-3 {
margin-top: -0.75rem;
}
.mt-0 {
margin-top: 0px;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-auto {
margin-top: auto;
}
.box-border {
box-sizing: border-box;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.aspect-video {
aspect-ratio: 16 / 9;
}
.size-full {
width: 100%;
height: 100%;
}
.h-10 {
height: 2.5rem;
}
.h-24 {
height: 6rem;
}
.h-4 {
height: 1rem;
}
.h-48 {
height: 12rem;
}
.h-5 {
height: 1.25rem;
}
.h-6 {
height: 1.5rem;
}
.h-8 {
height: 2rem;
}
.h-96 {
height: 24rem;
}
.h-auto {
height: auto;
}
.h-screen {
height: 100vh;
}
.min-h-max {
min-height: -moz-max-content;
min-height: max-content;
}
.w-1\/2 {
width: 50%;
}
.w-14 {
width: 3.5rem;
}
.w-20 {
width: 5rem;
}
.w-4 {
width: 1rem;
}
.w-40 {
width: 10rem;
}
.w-5 {
width: 1.25rem;
}
.w-6 {
width: 1.5rem;
}
.w-64 {
width: 16rem;
}
.w-8 {
width: 2rem;
}
.w-full {
width: 100%;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-\[900px\] {
max-width: 900px;
}
.max-w-full {
max-width: 100%;
}
.max-w-md {
max-width: 28rem;
}
.max-w-min {
max-width: -moz-min-content;
max-width: min-content;
}
.max-w-screen-xl {
max-width: 1280px;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-none {
flex: none;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.border-collapse {
border-collapse: collapse;
}
.-translate-y-full {
--tw-translate-y: -100%;
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-pointer {
cursor: pointer;
}
.list-outside {
list-style-position: outside;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.list-none {
list-style-type: none;
}
.columns-1 {
-moz-columns: 1;
columns: 1;
}
.columns-2 {
-moz-columns: 2;
columns: 2;
}
.columns-3 {
-moz-columns: 3;
columns: 3;
}
.columns-4 {
-moz-columns: 4;
columns: 4;
}
.columns-5 {
-moz-columns: 5;
columns: 5;
}
.columns-6 {
-moz-columns: 6;
columns: 6;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-1 {
gap: 0.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.self-center {
align-self: center;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-sm {
border-radius: 0.125rem;
}
.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;
}
.border {
border-width: 1px;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
}
.border-b {
border-bottom-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-solid {
border-style: solid;
}
.border-none {
border-style: none;
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-400 {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-gray-600 {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.border-gray-700 {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.border-pink-500 {
--tw-border-opacity: 1;
border-color: rgb(236 72 153 / var(--tw-border-opacity));
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-red-700 {
--tw-border-opacity: 1;
border-color: rgb(185 28 28 / var(--tw-border-opacity));
}
.border-transparent {
border-color: transparent;
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-\[\#212424\] {
--tw-bg-opacity: 1;
background-color: rgb(33 36 36 / var(--tw-bg-opacity));
}
.bg-\[\#383a3a\] {
--tw-bg-opacity: 1;
background-color: rgb(56 58 58 / var(--tw-bg-opacity));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-500 {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-gray-700 {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-indigo-50 {
--tw-bg-opacity: 1;
background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}
.bg-indigo-600 {
--tw-bg-opacity: 1;
background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.bg-pink-700 {
--tw-bg-opacity: 1;
background-color: rgb(190 24 93 / var(--tw-bg-opacity));
}
.bg-pink-900 {
--tw-bg-opacity: 1;
background-color: rgb(131 24 67 / var(--tw-bg-opacity));
}
.bg-red-50 {
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-800 {
--tw-bg-opacity: 1;
background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}
.bg-slate-100 {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-stone-800 {
--tw-bg-opacity: 1;
background-color: rgb(41 37 36 / var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.p-0 {
padding: 0px;
}
.p-1 {
padding: 0.25rem;
}
.p-2 {
padding: 0.5rem;
}
.p-4 {
padding: 1rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pl-4 {
padding-left: 1rem;
}
.pl-8 {
padding-left: 2rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-4 {
padding-top: 1rem;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.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-5xl {
font-size: 3rem;
line-height: 1;
}
.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;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold {
font-weight: 700;
}
.font-extralight {
font-weight: 200;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.italic {
font-style: italic;
}
.tracking-tighter {
letter-spacing: -0.05em;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-indigo-900 {
--tw-text-opacity: 1;
color: rgb(49 46 129 / var(--tw-text-opacity));
}
.text-purple-50 {
--tw-text-opacity: 1;
color: rgb(250 245 255 / var(--tw-text-opacity));
}
.text-red-900 {
--tw-text-opacity: 1;
color: rgb(127 29 29 / var(--tw-text-opacity));
}
.text-slate-100 {
--tw-text-opacity: 1;
color: rgb(241 245 249 / var(--tw-text-opacity));
}
.text-slate-400 {
--tw-text-opacity: 1;
color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-zinc-300 {
--tw-text-opacity: 1;
color: rgb(212 212 216 / var(--tw-text-opacity));
}
.text-zinc-400 {
--tw-text-opacity: 1;
color: rgb(161 161 170 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
.placeholder-slate-700::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgb(51 65 85 / var(--tw-placeholder-opacity));
}
.placeholder-slate-700::placeholder {
--tw-placeholder-opacity: 1;
color: rgb(51 65 85 / var(--tw-placeholder-opacity));
}
.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);
}
.outline {
outline-style: solid;
}
.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-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-2 {
--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);
}
.ring-blue-300 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
}
.ring-indigo-300 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity));
}
.ring-indigo-600 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
}
.ring-offset-0 {
--tw-ring-offset-width: 0px;
}
.ring-offset-2 {
--tw-ring-offset-width: 2px;
}
.ring-offset-slate-50 {
--tw-ring-offset-color: #f8fafc;
}
.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);
}
.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);
}
.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-colors {
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: 150ms;
}
.duration-300 {
transition-duration: 300ms;
}
.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);
}
details > summary::-webkit-details-marker {
display: none;
}
.open\:ring[open] {
--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);
}
.checked\:border-indigo-500:checked {
--tw-border-opacity: 1;
border-color: rgb(99 102 241 / var(--tw-border-opacity));
}
.checked\:bg-green-500:checked {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.checked\:ring-indigo-500:checked {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}
.hover\:border-white:hover {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-gray-800:hover {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-950:hover {
--tw-bg-opacity: 1;
background-color: rgb(10 10 10 / var(--tw-bg-opacity));
}
.hover\:text-gray-700:hover {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:ring:hover {
--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);
}
.hover\:ring-2:hover {
--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);
}
.hover\:ring-indigo-200:hover {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
}
.hover\:ring-red-200:hover {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
}
.focus\:translate-y-0:focus {
--tw-translate-y: 0px;
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));
}
.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-2: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(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);
}
.active\:ring-2:active {
--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);
}
.group[open] .group-open\:inline {
display: inline;
}
.group[open] .group-open\:hidden {
display: none;
}
.group[open] .group-open\:text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity));
}
.peer\/a:checked ~ .peer-checked\/a\: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);
}
.peer\/aa:checked ~ .peer-checked\/aa\: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);
}
.peer\/aaa:checked ~ .peer-checked\/aaa\: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);
}
.peer\/act:checked ~ .peer-checked\/act\: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);
}
.peer\/best:checked ~ .peer-checked\/best\: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);
}
.peer\/beyond:checked ~ .peer-checked\/beyond\: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);
}
.peer\/failed:checked ~ .peer-checked\/failed\: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);
}
.peer\/inapplicable:checked ~ .peer-checked\/inapplicable\: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);
}
.peer\/operable:checked ~ .peer-checked\/operable\: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);
}
.peer\/other:checked ~ .peer-checked\/other\: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);
}
.peer\/passed:checked ~ .peer-checked\/passed\: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);
}
.peer\/perceivable:checked ~ .peer-checked\/perceivable\: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);
}
.peer\/robust:checked ~ .peer-checked\/robust\: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);
}
.peer\/understandable:checked ~ .peer-checked\/understandable\: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);
}
.peer\/warning:checked ~ .peer-checked\/warning\: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);
}
.peer\/wcag:checked ~ .peer-checked\/wcag\: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);
}
.peer\/a:focus ~ .peer-focus\/a\: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);
}
.peer\/aa:focus ~ .peer-focus\/aa\: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);
}
.peer\/aaa:focus ~ .peer-focus\/aaa\: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);
}
.peer\/act:focus ~ .peer-focus\/act\: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);
}
.peer\/best:focus ~ .peer-focus\/best\: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);
}
.peer\/beyond:focus ~ .peer-focus\/beyond\: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);
}
.peer\/failed:focus ~ .peer-focus\/failed\: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);
}
.peer\/inapplicable:focus ~ .peer-focus\/inapplicable\: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);
}
.peer\/operable:focus ~ .peer-focus\/operable\: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);
}
.peer\/other:focus ~ .peer-focus\/other\: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);
}
.peer\/passed:focus ~ .peer-focus\/passed\: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);
}
.peer\/perceivable:focus ~ .peer-focus\/perceivable\: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);
}
.peer\/robust:focus ~ .peer-focus\/robust\: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);
}
.peer\/understandable:focus ~ .peer-focus\/understandable\: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);
}
.peer\/warning:focus ~ .peer-focus\/warning\: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);
}
.peer\/wcag:focus ~ .peer-focus\/wcag\: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);
}
.has-\[\:checked\]\:bg-indigo-50:has(:checked) {
--tw-bg-opacity: 1;
background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}
.has-\[\:checked\]\:font-bold:has(:checked) {
font-weight: 700;
}
.has-\[\:checked\]\:font-semibold:has(:checked) {
font-weight: 600;
}
.has-\[\:checked\]\:text-indigo-900:has(:checked) {
--tw-text-opacity: 1;
color: rgb(49 46 129 / var(--tw-text-opacity));
}
.has-\[\:checked\]\:ring-1:has(:checked) {
--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);
}
.has-\[\:checked\]\:ring-indigo-200:has(:checked) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
}
@media (min-width: 640px) {
.sm\:px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
}
@media (min-width: 768px) {
.md\:mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.md\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.md\:mb-6 {
margin-bottom: 1.5rem;
}
.md\:ml-2 {
margin-left: 0.5rem;
}
.md\:ml-auto {
margin-left: auto;
}
.md\:mr-4 {
margin-right: 1rem;
}
.md\:mt-0 {
margin-top: 0px;
}
.md\:block {
display: block;
}
.md\:inline-block {
display: inline-block;
}
.md\:flex {
display: flex;
}
.md\:hidden {
display: none;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-4\/12 {
width: 33.333333%;
}
.md\:w-6\/12 {
width: 50%;
}
.md\:w-8\/12 {
width: 66.666667%;
}
.md\:w-96 {
width: 24rem;
}
.md\:w-full {
width: 100%;
}
.md\:w-max {
width: -moz-max-content;
width: max-content;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:items-center {
align-items: center;
}
.md\:justify-center {
justify-content: center;
}
.md\:gap-4 {
gap: 1rem;
}
.md\: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)));
}
.md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.md\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.md\:text-left {
text-align: left;
}
.md\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.md\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.md\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.md\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 1024px) {
.lg\:block {
display: block;
}
.lg\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
}