/* ---THIS FILE IS AUTOGENERATED, DO NOT MODIFY DIRECTLY--- */
@media (min-width: 544px) {
.sm\:none {
    display: none !important;
}
.sm\:block {
    display: block !important;
}
.sm\:inline {
    display: inline !important;
}
.sm\:inline-block {
    display: inline-block !important;
}
.sm\:inline-flex {
    display: inline-flex !important;
}
.sm\:flex {
    display: flex !important;
}
.sm\:grid {
    display: grid !important;
}
.sm\:inherit {
    display: inherit !important;
}
.sm\:contents {
    display: contents !important;
}
.sm\:is-hidden {
    
    display: none;
}
.sm\:flex-col {
    flex-direction: column !important;
}
.sm\:flex-wrap {
    flex-wrap: wrap !important;
}
.sm\:flex-row {
    flex-direction: row !important;
}
.sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
}
.sm\:flex-col-reverse {
    flex-direction: column-reverse !important;
}
.sm\:flex-auto {
    flex: auto !important;
}
.sm\:flex-1 {
    flex: 1 1 0% !important;
}
.sm\:shrink-0 {
    flex-shrink: 0 !important;
}
.sm\:items-center {
    align-items: center !important;
}
.sm\:items-start {
    align-items: flex-start !important;
}
.sm\:justify-center {
    justify-content: center !important;
}
.sm\:items-end {
    align-items: flex-end !important;
}
.sm\:justify-end {
    justify-content: flex-end !important;
}
.sm\:self-center {
    align-self: center !important;
}
.sm\:self-start {
    align-self: start !important;
}
.sm\:self-end {
    align-self: end !important;
}
.sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 2fr)) !important;
}
.sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 3fr)) !important;
}
.sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 4fr)) !important;
}
.sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 5fr)) !important;
}
.sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 6fr)) !important;
}
.sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 7fr)) !important;
}
.sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 8fr)) !important;
}
.sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 9fr)) !important;
}
.sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 10fr)) !important;
}
.sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 11fr)) !important;
}
.sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 12fr)) !important;
}
.sm\:grid-cols-auto {
    grid-template-columns: auto 1fr !important;
}
.sm\:fixed {
    position: fixed !important;
}
.sm\:relative {
    position: relative !important;
}
.sm\:absolute {
    position: absolute !important;
}
.sm\:sticky {
    position: sticky !important;
}
.sm\:static {
    position: static !important;
}
.sm\:top-0 {
    top: 0 !important;
}
.sm\:top-offset {
    top: var(--top-offset) !important;
}
.sm\:right-0 {
    right: 0 !important;
}
.sm\:bottom-0 {
    bottom: 0 !important;
}
.sm\:left-0 {
    left: 0 !important;
}
.sm\:z-active {
    z-index: var(--z-active) !important;
}
.sm\:z-overlay {
    z-index: var(--z-overlay) !important;
}
.sm\:z-hide {
    z-index: var(--z-hide) !important;
}
.sm\:z-base {
    z-index: var(--z-base) !important;
}
.sm\:text-left {
    text-align: left !important;
}
.sm\:text-center {
    text-align: center !important;
}
.sm\:text-right {
    text-align: right !important;
}
.sm\:text-justify {
    text-align: justify !important;
}
.sm\:align-top {
    vertical-align: top !important;
}
.sm\:align-middle {
    vertical-align: middle !important;
}
.sm\:align-bottom {
    vertical-align: bottom !important;
}
.sm\:no-underline {
    text-decoration: none !important;
}
.sm\:underline {
    text-decoration: underline !important;
}
.sm\:italic {
    font-style: italic !important;
}
.sm\:font-normal {
    font-weight: normal !important;
}
.sm\:font-semibold {
    font-weight: 500 !important;
}
.sm\:font-bold {
    font-weight: 600 !important;
}
.sm\:whitespace-nowrap {
    white-space: nowrap !important;
}
.sm\:whitespace-prewrap {
    white-space: pre-wrap !important;
}
.sm\:break-word {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.sm\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.sm\:leading-none {
    line-height: 1 !important;
}
.sm\:leading-tight {
    line-height: 1.25 !important;
}
.sm\:opacity-50 {
    opacity: 50% !important;
}
.sm\:cursor-pointer {
    cursor: pointer !important;
}
.sm\:cursor-default {
    cursor: default !important;
}
.sm\:overflow-hidden {
    overflow: hidden !important;
}
.sm\:overflow-auto {
    overflow: auto !important;
}
.sm\:border-0 {
    border-width: 0 !important;
    border-style: solid !important;
}
.sm\:border {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.sm\:border-x-0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
}
.sm\:border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.sm\:border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
}
.sm\:border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.sm\:border-t-0 {
    border-top-width: 0 !important;
    border-top-style: solid !important;
}
.sm\:border-t {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.sm\:border-r-0 {
    border-right-width: 0 !important;
    border-right-style: solid !important;
}
.sm\:border-r {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.sm\:border-b-0 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
}
.sm\:border-b {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.sm\:border-l-0 {
    border-left-width: 0 !important;
    border-left-style: solid !important;
}
.sm\:border-l {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.sm\:last\:border-b-0:last-child {
    border-bottom-width: 0 !important;
}
.sm\:rounded-none {
    border-radius: 0;
}
.sm\:rounded-full {
    border-radius: 100%;
}
}
@media (min-width: 768px) {
.md\:none {
    display: none !important;
}
.md\:block {
    display: block !important;
}
.md\:inline {
    display: inline !important;
}
.md\:inline-block {
    display: inline-block !important;
}
.md\:inline-flex {
    display: inline-flex !important;
}
.md\:flex {
    display: flex !important;
}
.md\:grid {
    display: grid !important;
}
.md\:inherit {
    display: inherit !important;
}
.md\:contents {
    display: contents !important;
}
.md\:is-hidden {
    
    display: none;
}
.md\:flex-col {
    flex-direction: column !important;
}
.md\:flex-wrap {
    flex-wrap: wrap !important;
}
.md\:flex-row {
    flex-direction: row !important;
}
.md\:flex-row-reverse {
    flex-direction: row-reverse !important;
}
.md\:flex-col-reverse {
    flex-direction: column-reverse !important;
}
.md\:flex-auto {
    flex: auto !important;
}
.md\:flex-1 {
    flex: 1 1 0% !important;
}
.md\:shrink-0 {
    flex-shrink: 0 !important;
}
.md\:items-center {
    align-items: center !important;
}
.md\:items-start {
    align-items: flex-start !important;
}
.md\:justify-center {
    justify-content: center !important;
}
.md\:items-end {
    align-items: flex-end !important;
}
.md\:justify-end {
    justify-content: flex-end !important;
}
.md\:self-center {
    align-self: center !important;
}
.md\:self-start {
    align-self: start !important;
}
.md\:self-end {
    align-self: end !important;
}
.md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 2fr)) !important;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 3fr)) !important;
}
.md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 4fr)) !important;
}
.md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 5fr)) !important;
}
.md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 6fr)) !important;
}
.md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 7fr)) !important;
}
.md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 8fr)) !important;
}
.md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 9fr)) !important;
}
.md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 10fr)) !important;
}
.md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 11fr)) !important;
}
.md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 12fr)) !important;
}
.md\:grid-cols-auto {
    grid-template-columns: auto 1fr !important;
}
.md\:fixed {
    position: fixed !important;
}
.md\:relative {
    position: relative !important;
}
.md\:absolute {
    position: absolute !important;
}
.md\:sticky {
    position: sticky !important;
}
.md\:static {
    position: static !important;
}
.md\:top-0 {
    top: 0 !important;
}
.md\:top-offset {
    top: var(--top-offset) !important;
}
.md\:right-0 {
    right: 0 !important;
}
.md\:bottom-0 {
    bottom: 0 !important;
}
.md\:left-0 {
    left: 0 !important;
}
.md\:z-active {
    z-index: var(--z-active) !important;
}
.md\:z-overlay {
    z-index: var(--z-overlay) !important;
}
.md\:z-hide {
    z-index: var(--z-hide) !important;
}
.md\:z-base {
    z-index: var(--z-base) !important;
}
.md\:text-left {
    text-align: left !important;
}
.md\:text-center {
    text-align: center !important;
}
.md\:text-right {
    text-align: right !important;
}
.md\:text-justify {
    text-align: justify !important;
}
.md\:align-top {
    vertical-align: top !important;
}
.md\:align-middle {
    vertical-align: middle !important;
}
.md\:align-bottom {
    vertical-align: bottom !important;
}
.md\:no-underline {
    text-decoration: none !important;
}
.md\:underline {
    text-decoration: underline !important;
}
.md\:italic {
    font-style: italic !important;
}
.md\:font-normal {
    font-weight: normal !important;
}
.md\:font-semibold {
    font-weight: 500 !important;
}
.md\:font-bold {
    font-weight: 600 !important;
}
.md\:whitespace-nowrap {
    white-space: nowrap !important;
}
.md\:whitespace-prewrap {
    white-space: pre-wrap !important;
}
.md\:break-word {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.md\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.md\:leading-none {
    line-height: 1 !important;
}
.md\:leading-tight {
    line-height: 1.25 !important;
}
.md\:opacity-50 {
    opacity: 50% !important;
}
.md\:cursor-pointer {
    cursor: pointer !important;
}
.md\:cursor-default {
    cursor: default !important;
}
.md\:overflow-hidden {
    overflow: hidden !important;
}
.md\:overflow-auto {
    overflow: auto !important;
}
.md\:border-0 {
    border-width: 0 !important;
    border-style: solid !important;
}
.md\:border {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.md\:border-x-0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
}
.md\:border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.md\:border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
}
.md\:border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.md\:border-t-0 {
    border-top-width: 0 !important;
    border-top-style: solid !important;
}
.md\:border-t {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.md\:border-r-0 {
    border-right-width: 0 !important;
    border-right-style: solid !important;
}
.md\:border-r {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.md\:border-b-0 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
}
.md\:border-b {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.md\:border-l-0 {
    border-left-width: 0 !important;
    border-left-style: solid !important;
}
.md\:border-l {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.md\:last\:border-b-0:last-child {
    border-bottom-width: 0 !important;
}
.md\:rounded-none {
    border-radius: 0;
}
.md\:rounded-full {
    border-radius: 100%;
}
}
@media (min-width: 1024px) {
.lg\:none {
    display: none !important;
}
.lg\:block {
    display: block !important;
}
.lg\:inline {
    display: inline !important;
}
.lg\:inline-block {
    display: inline-block !important;
}
.lg\:inline-flex {
    display: inline-flex !important;
}
.lg\:flex {
    display: flex !important;
}
.lg\:grid {
    display: grid !important;
}
.lg\:inherit {
    display: inherit !important;
}
.lg\:contents {
    display: contents !important;
}
.lg\:is-hidden {
    
    display: none;
}
.lg\:flex-col {
    flex-direction: column !important;
}
.lg\:flex-wrap {
    flex-wrap: wrap !important;
}
.lg\:flex-row {
    flex-direction: row !important;
}
.lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
}
.lg\:flex-col-reverse {
    flex-direction: column-reverse !important;
}
.lg\:flex-auto {
    flex: auto !important;
}
.lg\:flex-1 {
    flex: 1 1 0% !important;
}
.lg\:shrink-0 {
    flex-shrink: 0 !important;
}
.lg\:items-center {
    align-items: center !important;
}
.lg\:items-start {
    align-items: flex-start !important;
}
.lg\:justify-center {
    justify-content: center !important;
}
.lg\:items-end {
    align-items: flex-end !important;
}
.lg\:justify-end {
    justify-content: flex-end !important;
}
.lg\:self-center {
    align-self: center !important;
}
.lg\:self-start {
    align-self: start !important;
}
.lg\:self-end {
    align-self: end !important;
}
.lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 2fr)) !important;
}
.lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 3fr)) !important;
}
.lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 4fr)) !important;
}
.lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 5fr)) !important;
}
.lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 6fr)) !important;
}
.lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 7fr)) !important;
}
.lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 8fr)) !important;
}
.lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 9fr)) !important;
}
.lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 10fr)) !important;
}
.lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 11fr)) !important;
}
.lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 12fr)) !important;
}
.lg\:grid-cols-auto {
    grid-template-columns: auto 1fr !important;
}
.lg\:fixed {
    position: fixed !important;
}
.lg\:relative {
    position: relative !important;
}
.lg\:absolute {
    position: absolute !important;
}
.lg\:sticky {
    position: sticky !important;
}
.lg\:static {
    position: static !important;
}
.lg\:top-0 {
    top: 0 !important;
}
.lg\:top-offset {
    top: var(--top-offset) !important;
}
.lg\:right-0 {
    right: 0 !important;
}
.lg\:bottom-0 {
    bottom: 0 !important;
}
.lg\:left-0 {
    left: 0 !important;
}
.lg\:z-active {
    z-index: var(--z-active) !important;
}
.lg\:z-overlay {
    z-index: var(--z-overlay) !important;
}
.lg\:z-hide {
    z-index: var(--z-hide) !important;
}
.lg\:z-base {
    z-index: var(--z-base) !important;
}
.lg\:text-left {
    text-align: left !important;
}
.lg\:text-center {
    text-align: center !important;
}
.lg\:text-right {
    text-align: right !important;
}
.lg\:text-justify {
    text-align: justify !important;
}
.lg\:align-top {
    vertical-align: top !important;
}
.lg\:align-middle {
    vertical-align: middle !important;
}
.lg\:align-bottom {
    vertical-align: bottom !important;
}
.lg\:no-underline {
    text-decoration: none !important;
}
.lg\:underline {
    text-decoration: underline !important;
}
.lg\:italic {
    font-style: italic !important;
}
.lg\:font-normal {
    font-weight: normal !important;
}
.lg\:font-semibold {
    font-weight: 500 !important;
}
.lg\:font-bold {
    font-weight: 600 !important;
}
.lg\:whitespace-nowrap {
    white-space: nowrap !important;
}
.lg\:whitespace-prewrap {
    white-space: pre-wrap !important;
}
.lg\:break-word {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.lg\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.lg\:leading-none {
    line-height: 1 !important;
}
.lg\:leading-tight {
    line-height: 1.25 !important;
}
.lg\:opacity-50 {
    opacity: 50% !important;
}
.lg\:cursor-pointer {
    cursor: pointer !important;
}
.lg\:cursor-default {
    cursor: default !important;
}
.lg\:overflow-hidden {
    overflow: hidden !important;
}
.lg\:overflow-auto {
    overflow: auto !important;
}
.lg\:border-0 {
    border-width: 0 !important;
    border-style: solid !important;
}
.lg\:border {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.lg\:border-x-0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
}
.lg\:border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.lg\:border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
}
.lg\:border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.lg\:border-t-0 {
    border-top-width: 0 !important;
    border-top-style: solid !important;
}
.lg\:border-t {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.lg\:border-r-0 {
    border-right-width: 0 !important;
    border-right-style: solid !important;
}
.lg\:border-r {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.lg\:border-b-0 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
}
.lg\:border-b {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.lg\:border-l-0 {
    border-left-width: 0 !important;
    border-left-style: solid !important;
}
.lg\:border-l {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.lg\:last\:border-b-0:last-child {
    border-bottom-width: 0 !important;
}
.lg\:rounded-none {
    border-radius: 0;
}
.lg\:rounded-full {
    border-radius: 100%;
}
}
@media (min-width: 1280px) {
.xl\:none {
    display: none !important;
}
.xl\:block {
    display: block !important;
}
.xl\:inline {
    display: inline !important;
}
.xl\:inline-block {
    display: inline-block !important;
}
.xl\:inline-flex {
    display: inline-flex !important;
}
.xl\:flex {
    display: flex !important;
}
.xl\:grid {
    display: grid !important;
}
.xl\:inherit {
    display: inherit !important;
}
.xl\:contents {
    display: contents !important;
}
.xl\:is-hidden {
    
    display: none;
}
.xl\:flex-col {
    flex-direction: column !important;
}
.xl\:flex-wrap {
    flex-wrap: wrap !important;
}
.xl\:flex-row {
    flex-direction: row !important;
}
.xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
}
.xl\:flex-col-reverse {
    flex-direction: column-reverse !important;
}
.xl\:flex-auto {
    flex: auto !important;
}
.xl\:flex-1 {
    flex: 1 1 0% !important;
}
.xl\:shrink-0 {
    flex-shrink: 0 !important;
}
.xl\:items-center {
    align-items: center !important;
}
.xl\:items-start {
    align-items: flex-start !important;
}
.xl\:justify-center {
    justify-content: center !important;
}
.xl\:items-end {
    align-items: flex-end !important;
}
.xl\:justify-end {
    justify-content: flex-end !important;
}
.xl\:self-center {
    align-self: center !important;
}
.xl\:self-start {
    align-self: start !important;
}
.xl\:self-end {
    align-self: end !important;
}
.xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 2fr)) !important;
}
.xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 3fr)) !important;
}
.xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 4fr)) !important;
}
.xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 5fr)) !important;
}
.xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 6fr)) !important;
}
.xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 7fr)) !important;
}
.xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 8fr)) !important;
}
.xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 9fr)) !important;
}
.xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 10fr)) !important;
}
.xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 11fr)) !important;
}
.xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 12fr)) !important;
}
.xl\:grid-cols-auto {
    grid-template-columns: auto 1fr !important;
}
.xl\:fixed {
    position: fixed !important;
}
.xl\:relative {
    position: relative !important;
}
.xl\:absolute {
    position: absolute !important;
}
.xl\:sticky {
    position: sticky !important;
}
.xl\:static {
    position: static !important;
}
.xl\:top-0 {
    top: 0 !important;
}
.xl\:top-offset {
    top: var(--top-offset) !important;
}
.xl\:right-0 {
    right: 0 !important;
}
.xl\:bottom-0 {
    bottom: 0 !important;
}
.xl\:left-0 {
    left: 0 !important;
}
.xl\:z-active {
    z-index: var(--z-active) !important;
}
.xl\:z-overlay {
    z-index: var(--z-overlay) !important;
}
.xl\:z-hide {
    z-index: var(--z-hide) !important;
}
.xl\:z-base {
    z-index: var(--z-base) !important;
}
.xl\:text-left {
    text-align: left !important;
}
.xl\:text-center {
    text-align: center !important;
}
.xl\:text-right {
    text-align: right !important;
}
.xl\:text-justify {
    text-align: justify !important;
}
.xl\:align-top {
    vertical-align: top !important;
}
.xl\:align-middle {
    vertical-align: middle !important;
}
.xl\:align-bottom {
    vertical-align: bottom !important;
}
.xl\:no-underline {
    text-decoration: none !important;
}
.xl\:underline {
    text-decoration: underline !important;
}
.xl\:italic {
    font-style: italic !important;
}
.xl\:font-normal {
    font-weight: normal !important;
}
.xl\:font-semibold {
    font-weight: 500 !important;
}
.xl\:font-bold {
    font-weight: 600 !important;
}
.xl\:whitespace-nowrap {
    white-space: nowrap !important;
}
.xl\:whitespace-prewrap {
    white-space: pre-wrap !important;
}
.xl\:break-word {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.xl\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.xl\:leading-none {
    line-height: 1 !important;
}
.xl\:leading-tight {
    line-height: 1.25 !important;
}
.xl\:opacity-50 {
    opacity: 50% !important;
}
.xl\:cursor-pointer {
    cursor: pointer !important;
}
.xl\:cursor-default {
    cursor: default !important;
}
.xl\:overflow-hidden {
    overflow: hidden !important;
}
.xl\:overflow-auto {
    overflow: auto !important;
}
.xl\:border-0 {
    border-width: 0 !important;
    border-style: solid !important;
}
.xl\:border {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.xl\:border-x-0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
}
.xl\:border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.xl\:border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
}
.xl\:border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.xl\:border-t-0 {
    border-top-width: 0 !important;
    border-top-style: solid !important;
}
.xl\:border-t {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.xl\:border-r-0 {
    border-right-width: 0 !important;
    border-right-style: solid !important;
}
.xl\:border-r {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.xl\:border-b-0 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
}
.xl\:border-b {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.xl\:border-l-0 {
    border-left-width: 0 !important;
    border-left-style: solid !important;
}
.xl\:border-l {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.xl\:last\:border-b-0:last-child {
    border-bottom-width: 0 !important;
}
.xl\:rounded-none {
    border-radius: 0;
}
.xl\:rounded-full {
    border-radius: 100%;
}
}
@media (min-width: 1536px) {
.\32 xl\:none {
    display: none !important;
}
.\32 xl\:block {
    display: block !important;
}
.\32 xl\:inline {
    display: inline !important;
}
.\32 xl\:inline-block {
    display: inline-block !important;
}
.\32 xl\:inline-flex {
    display: inline-flex !important;
}
.\32 xl\:flex {
    display: flex !important;
}
.\32 xl\:grid {
    display: grid !important;
}
.\32 xl\:inherit {
    display: inherit !important;
}
.\32 xl\:contents {
    display: contents !important;
}
.\32 xl\:is-hidden {
    
    display: none;
}
.\32 xl\:flex-col {
    flex-direction: column !important;
}
.\32 xl\:flex-wrap {
    flex-wrap: wrap !important;
}
.\32 xl\:flex-row {
    flex-direction: row !important;
}
.\32 xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
}
.\32 xl\:flex-col-reverse {
    flex-direction: column-reverse !important;
}
.\32 xl\:flex-auto {
    flex: auto !important;
}
.\32 xl\:flex-1 {
    flex: 1 1 0% !important;
}
.\32 xl\:shrink-0 {
    flex-shrink: 0 !important;
}
.\32 xl\:items-center {
    align-items: center !important;
}
.\32 xl\:items-start {
    align-items: flex-start !important;
}
.\32 xl\:justify-center {
    justify-content: center !important;
}
.\32 xl\:items-end {
    align-items: flex-end !important;
}
.\32 xl\:justify-end {
    justify-content: flex-end !important;
}
.\32 xl\:self-center {
    align-self: center !important;
}
.\32 xl\:self-start {
    align-self: start !important;
}
.\32 xl\:self-end {
    align-self: end !important;
}
.\32 xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.\32 xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 2fr)) !important;
}
.\32 xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 3fr)) !important;
}
.\32 xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 4fr)) !important;
}
.\32 xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 5fr)) !important;
}
.\32 xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 6fr)) !important;
}
.\32 xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 7fr)) !important;
}
.\32 xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 8fr)) !important;
}
.\32 xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 9fr)) !important;
}
.\32 xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 10fr)) !important;
}
.\32 xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 11fr)) !important;
}
.\32 xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 12fr)) !important;
}
.\32 xl\:grid-cols-auto {
    grid-template-columns: auto 1fr !important;
}
.\32 xl\:fixed {
    position: fixed !important;
}
.\32 xl\:relative {
    position: relative !important;
}
.\32 xl\:absolute {
    position: absolute !important;
}
.\32 xl\:sticky {
    position: sticky !important;
}
.\32 xl\:static {
    position: static !important;
}
.\32 xl\:top-0 {
    top: 0 !important;
}
.\32 xl\:top-offset {
    top: var(--top-offset) !important;
}
.\32 xl\:right-0 {
    right: 0 !important;
}
.\32 xl\:bottom-0 {
    bottom: 0 !important;
}
.\32 xl\:left-0 {
    left: 0 !important;
}
.\32 xl\:z-active {
    z-index: var(--z-active) !important;
}
.\32 xl\:z-overlay {
    z-index: var(--z-overlay) !important;
}
.\32 xl\:z-hide {
    z-index: var(--z-hide) !important;
}
.\32 xl\:z-base {
    z-index: var(--z-base) !important;
}
.\32 xl\:text-left {
    text-align: left !important;
}
.\32 xl\:text-center {
    text-align: center !important;
}
.\32 xl\:text-right {
    text-align: right !important;
}
.\32 xl\:text-justify {
    text-align: justify !important;
}
.\32 xl\:align-top {
    vertical-align: top !important;
}
.\32 xl\:align-middle {
    vertical-align: middle !important;
}
.\32 xl\:align-bottom {
    vertical-align: bottom !important;
}
.\32 xl\:no-underline {
    text-decoration: none !important;
}
.\32 xl\:underline {
    text-decoration: underline !important;
}
.\32 xl\:italic {
    font-style: italic !important;
}
.\32 xl\:font-normal {
    font-weight: normal !important;
}
.\32 xl\:font-semibold {
    font-weight: 500 !important;
}
.\32 xl\:font-bold {
    font-weight: 600 !important;
}
.\32 xl\:whitespace-nowrap {
    white-space: nowrap !important;
}
.\32 xl\:whitespace-prewrap {
    white-space: pre-wrap !important;
}
.\32 xl\:break-word {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.\32 xl\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.\32 xl\:leading-none {
    line-height: 1 !important;
}
.\32 xl\:leading-tight {
    line-height: 1.25 !important;
}
.\32 xl\:opacity-50 {
    opacity: 50% !important;
}
.\32 xl\:cursor-pointer {
    cursor: pointer !important;
}
.\32 xl\:cursor-default {
    cursor: default !important;
}
.\32 xl\:overflow-hidden {
    overflow: hidden !important;
}
.\32 xl\:overflow-auto {
    overflow: auto !important;
}
.\32 xl\:border-0 {
    border-width: 0 !important;
    border-style: solid !important;
}
.\32 xl\:border {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\32 xl\:border-x-0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
}
.\32 xl\:border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\32 xl\:border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
}
.\32 xl\:border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\32 xl\:border-t-0 {
    border-top-width: 0 !important;
    border-top-style: solid !important;
}
.\32 xl\:border-t {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\32 xl\:border-r-0 {
    border-right-width: 0 !important;
    border-right-style: solid !important;
}
.\32 xl\:border-r {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\32 xl\:border-b-0 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
}
.\32 xl\:border-b {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\32 xl\:border-l-0 {
    border-left-width: 0 !important;
    border-left-style: solid !important;
}
.\32 xl\:border-l {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\32 xl\:last\:border-b-0:last-child {
    border-bottom-width: 0 !important;
}
.\32 xl\:rounded-none {
    border-radius: 0;
}
.\32 xl\:rounded-full {
    border-radius: 100%;
}
}
@media (min-width: 1920px) {
.\33 xl\:none {
    display: none !important;
}
.\33 xl\:block {
    display: block !important;
}
.\33 xl\:inline {
    display: inline !important;
}
.\33 xl\:inline-block {
    display: inline-block !important;
}
.\33 xl\:inline-flex {
    display: inline-flex !important;
}
.\33 xl\:flex {
    display: flex !important;
}
.\33 xl\:grid {
    display: grid !important;
}
.\33 xl\:inherit {
    display: inherit !important;
}
.\33 xl\:contents {
    display: contents !important;
}
.\33 xl\:is-hidden {
    
    display: none;
}
.\33 xl\:flex-col {
    flex-direction: column !important;
}
.\33 xl\:flex-wrap {
    flex-wrap: wrap !important;
}
.\33 xl\:flex-row {
    flex-direction: row !important;
}
.\33 xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
}
.\33 xl\:flex-col-reverse {
    flex-direction: column-reverse !important;
}
.\33 xl\:flex-auto {
    flex: auto !important;
}
.\33 xl\:flex-1 {
    flex: 1 1 0% !important;
}
.\33 xl\:shrink-0 {
    flex-shrink: 0 !important;
}
.\33 xl\:items-center {
    align-items: center !important;
}
.\33 xl\:items-start {
    align-items: flex-start !important;
}
.\33 xl\:justify-center {
    justify-content: center !important;
}
.\33 xl\:items-end {
    align-items: flex-end !important;
}
.\33 xl\:justify-end {
    justify-content: flex-end !important;
}
.\33 xl\:self-center {
    align-self: center !important;
}
.\33 xl\:self-start {
    align-self: start !important;
}
.\33 xl\:self-end {
    align-self: end !important;
}
.\33 xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.\33 xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 2fr)) !important;
}
.\33 xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 3fr)) !important;
}
.\33 xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 4fr)) !important;
}
.\33 xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 5fr)) !important;
}
.\33 xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 6fr)) !important;
}
.\33 xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 7fr)) !important;
}
.\33 xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 8fr)) !important;
}
.\33 xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 9fr)) !important;
}
.\33 xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 10fr)) !important;
}
.\33 xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 11fr)) !important;
}
.\33 xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 12fr)) !important;
}
.\33 xl\:grid-cols-auto {
    grid-template-columns: auto 1fr !important;
}
.\33 xl\:fixed {
    position: fixed !important;
}
.\33 xl\:relative {
    position: relative !important;
}
.\33 xl\:absolute {
    position: absolute !important;
}
.\33 xl\:sticky {
    position: sticky !important;
}
.\33 xl\:static {
    position: static !important;
}
.\33 xl\:top-0 {
    top: 0 !important;
}
.\33 xl\:top-offset {
    top: var(--top-offset) !important;
}
.\33 xl\:right-0 {
    right: 0 !important;
}
.\33 xl\:bottom-0 {
    bottom: 0 !important;
}
.\33 xl\:left-0 {
    left: 0 !important;
}
.\33 xl\:z-active {
    z-index: var(--z-active) !important;
}
.\33 xl\:z-overlay {
    z-index: var(--z-overlay) !important;
}
.\33 xl\:z-hide {
    z-index: var(--z-hide) !important;
}
.\33 xl\:z-base {
    z-index: var(--z-base) !important;
}
.\33 xl\:text-left {
    text-align: left !important;
}
.\33 xl\:text-center {
    text-align: center !important;
}
.\33 xl\:text-right {
    text-align: right !important;
}
.\33 xl\:text-justify {
    text-align: justify !important;
}
.\33 xl\:align-top {
    vertical-align: top !important;
}
.\33 xl\:align-middle {
    vertical-align: middle !important;
}
.\33 xl\:align-bottom {
    vertical-align: bottom !important;
}
.\33 xl\:no-underline {
    text-decoration: none !important;
}
.\33 xl\:underline {
    text-decoration: underline !important;
}
.\33 xl\:italic {
    font-style: italic !important;
}
.\33 xl\:font-normal {
    font-weight: normal !important;
}
.\33 xl\:font-semibold {
    font-weight: 500 !important;
}
.\33 xl\:font-bold {
    font-weight: 600 !important;
}
.\33 xl\:whitespace-nowrap {
    white-space: nowrap !important;
}
.\33 xl\:whitespace-prewrap {
    white-space: pre-wrap !important;
}
.\33 xl\:break-word {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.\33 xl\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.\33 xl\:leading-none {
    line-height: 1 !important;
}
.\33 xl\:leading-tight {
    line-height: 1.25 !important;
}
.\33 xl\:opacity-50 {
    opacity: 50% !important;
}
.\33 xl\:cursor-pointer {
    cursor: pointer !important;
}
.\33 xl\:cursor-default {
    cursor: default !important;
}
.\33 xl\:overflow-hidden {
    overflow: hidden !important;
}
.\33 xl\:overflow-auto {
    overflow: auto !important;
}
.\33 xl\:border-0 {
    border-width: 0 !important;
    border-style: solid !important;
}
.\33 xl\:border {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\33 xl\:border-x-0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
}
.\33 xl\:border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\33 xl\:border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
}
.\33 xl\:border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\33 xl\:border-t-0 {
    border-top-width: 0 !important;
    border-top-style: solid !important;
}
.\33 xl\:border-t {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\33 xl\:border-r-0 {
    border-right-width: 0 !important;
    border-right-style: solid !important;
}
.\33 xl\:border-r {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\33 xl\:border-b-0 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
}
.\33 xl\:border-b {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\33 xl\:border-l-0 {
    border-left-width: 0 !important;
    border-left-style: solid !important;
}
.\33 xl\:border-l {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.\33 xl\:last\:border-b-0:last-child {
    border-bottom-width: 0 !important;
}
.\33 xl\:rounded-none {
    border-radius: 0;
}
.\33 xl\:rounded-full {
    border-radius: 100%;
}
}