*, ::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:  
}

.static {

    position: static
}

.absolute {

    position: absolute
}

.relative {

    position: relative
}

.bottom-0 {

    bottom: 0px
}

.left-0 {

    left: 0px
}

.left-1\/2 {

    left: 50%
}

.right-0 {

    right: 0px
}

.top-0 {

    top: 0px
}

.top-1\/2 {

    top: 50%
}

.z-50 {

    z-index: 50
}

.mx-0 {

    margin-left: 0px;

    margin-right: 0px
}

.mx-3 {

    margin-left: 0.75rem;

    margin-right: 0.75rem
}

.mx-auto {

    margin-left: auto;

    margin-right: auto
}

.my-0 {

    margin-top: 0px;

    margin-bottom: 0px
}

.my-\[7px\] {

    margin-top: 7px;

    margin-bottom: 7px
}

.mb-4 {

    margin-bottom: 1rem
}

.ml-2 {

    margin-left: 0.5rem
}

.block {

    display: block
}

.inline-block {

    display: inline-block
}

.flex {

    display: flex
}

.inline-flex {

    display: inline-flex
}

.table {

    display: table
}

.hidden {

    display: none
}

.h-3 {

    height: 0.75rem
}

.h-4 {

    height: 1rem
}

.h-5 {

    height: 1.25rem
}

.w-3 {

    width: 0.75rem
}

.w-4 {

    width: 1rem
}

.w-48 {

    width: 12rem
}

.w-5 {

    width: 1.25rem
}

.w-full {

    width: 100%
}

.min-w-\[240px\] {

    min-width: 240px
}

.max-w-\[480px\] {

    max-width: 480px
}

.-translate-x-1\/2 {

    --tw-translate-x: -50%;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {

    --tw-translate-y: -50%;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-default {

    cursor: default
}

.cursor-pointer {

    cursor: pointer
}

.resize {

    resize: both
}

.appearance-none {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none
}

.flex-col {

    flex-direction: column
}

.flex-wrap {

    flex-wrap: wrap
}

.items-center {

    align-items: center
}

.justify-center {

    justify-content: center
}

.justify-between {

    justify-content: space-between
}

.gap-1 {

    gap: 0.25rem
}

.rounded {

    border-radius: 0.25rem
}

.rounded-\[5px\] {

    border-radius: 5px
}

.rounded-full {

    border-radius: 9999px
}

.rounded-lg {

    border-radius: 0.5rem
}

.rounded-md {

    border-radius: 0.375rem
}

.rounded-xl {

    border-radius: 0.75rem
}

.rounded-l-lg {

    border-top-left-radius: 0.5rem;

    border-bottom-left-radius: 0.5rem
}

.rounded-r-md {

    border-top-right-radius: 0.375rem;

    border-bottom-right-radius: 0.375rem
}

.border {

    border-width: 1px
}

.border-0 {

    border-width: 0px
}

.border-\[0\.1px\] {

    border-width: 0.1px
}

.border-b-\[0\.1px\] {

    border-bottom-width: 0.1px
}

.border-l-0 {

    border-left-width: 0px
}

.border-r-0 {

    border-right-width: 0px
}

.border-t-\[0\.1px\] {

    border-top-width: 0.1px
}

.border-solid {

    border-style: solid
}

.border-black {

    --tw-border-opacity: 1;

    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.border-gray-300 {

    --tw-border-opacity: 1;

    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.border-slate-300 {

    --tw-border-opacity: 1;

    border-color: rgb(203 213 225 / var(--tw-border-opacity))
}

.bg-\[\#0B1C26\] {

    --tw-bg-opacity: 1;

    background-color: rgb(11 28 38 / var(--tw-bg-opacity))
}

.bg-\[\#1c242f\] {

    --tw-bg-opacity: 1;

    background-color: rgb(28 36 47 / var(--tw-bg-opacity))
}

.bg-slate-800 {

    --tw-bg-opacity: 1;

    background-color: rgb(30 41 59 / var(--tw-bg-opacity))
}

.bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-opacity-50 {

    --tw-bg-opacity: 0.5
}

.bg-gradient-to-t {

    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-\[\#07151c\] {

    --tw-gradient-from: #07151c var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(7 21 28 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#1a3544\] {

    --tw-gradient-to: #1a3544 var(--tw-gradient-to-position)
}

.p-0 {

    padding: 0px
}

.p-1 {

    padding: 0.25rem
}

.p-2 {

    padding: 0.5rem
}

.px-2 {

    padding-left: 0.5rem;

    padding-right: 0.5rem
}

.px-2\.5 {

    padding-left: 0.625rem;

    padding-right: 0.625rem
}

.px-3 {

    padding-left: 0.75rem;

    padding-right: 0.75rem
}

.px-4 {

    padding-left: 1rem;

    padding-right: 1rem
}

.px-\[25px\] {

    padding-left: 25px;

    padding-right: 25px
}

.py-1 {

    padding-top: 0.25rem;

    padding-bottom: 0.25rem
}

.py-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem
}

.py-2\.5 {

    padding-top: 0.625rem;

    padding-bottom: 0.625rem
}

.pb-1 {

    padding-bottom: 0.25rem
}

.pb-2 {

    padding-bottom: 0.5rem
}

.pb-3 {

    padding-bottom: 0.75rem
}

.pb-\[9px\] {

    padding-bottom: 9px
}

.pl-1 {

    padding-left: 0.25rem
}

.pl-1\.5 {

    padding-left: 0.375rem
}

.pl-2 {

    padding-left: 0.5rem
}

.pl-2\.5 {

    padding-left: 0.625rem
}

.pl-\[13px\] {

    padding-left: 13px
}

.pl-\[5px\] {

    padding-left: 5px
}

.pr-1 {

    padding-right: 0.25rem
}

.pr-2 {

    padding-right: 0.5rem
}

.pr-\[19px\] {

    padding-right: 19px
}

.pr-\[7px\] {

    padding-right: 7px
}

.pt-0 {

    padding-top: 0px
}

.pt-0\.5 {

    padding-top: 0.125rem
}

.pt-1 {

    padding-top: 0.25rem
}

.pt-1\.5 {

    padding-top: 0.375rem
}

.pt-2 {

    padding-top: 0.5rem
}

.pt-2\.5 {

    padding-top: 0.625rem
}

.pt-3 {

    padding-top: 0.75rem
}

.pt-4 {

    padding-top: 1rem
}

.pt-\[28px\] {

    padding-top: 28px
}

.pt-\[9px\] {

    padding-top: 9px
}

.text-left {

    text-align: left
}

.text-center {

    text-align: center
}

.align-middle {

    vertical-align: middle
}

.text-\[0\.70rem\] {

    font-size: 0.70rem
}

.text-\[1\.1em\] {

    font-size: 1.1em
}

.text-\[13px\] {

    font-size: 13px
}

.text-\[15px\] {

    font-size: 15px
}

.text-sm {

    font-size: 0.875rem;

    line-height: 1.25rem
}

.font-bold {

    font-weight: 700
}

.font-medium {

    font-weight: 500
}

.leading-5 {

    line-height: 1.25rem
}

.text-\[\#88c8f5\] {

    --tw-text-opacity: 1;

    color: rgb(136 200 245 / var(--tw-text-opacity))
}

.text-\[\#FFFF00A3\] {

    color: #FFFF00A3
}

.text-\[\#a1c7f0\] {

    --tw-text-opacity: 1;

    color: rgb(161 199 240 / var(--tw-text-opacity))
}

.text-\[indianred\] {

    --tw-text-opacity: 1;

    color: rgb(205 92 92 / var(--tw-text-opacity))
}

.text-\[limegreen\] {

    --tw-text-opacity: 1;

    color: rgb(50 205 50 / var(--tw-text-opacity))
}

.text-\[rgb\(240\2c 240\2c 240\)\] {

    --tw-text-opacity: 1;

    color: rgb(240 240 240 / var(--tw-text-opacity))
}

.text-gray-400 {

    --tw-text-opacity: 1;

    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.text-gray-500 {

    --tw-text-opacity: 1;

    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.text-gray-700 {

    --tw-text-opacity: 1;

    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.text-green-400 {

    --tw-text-opacity: 1;

    color: rgb(74 222 128 / var(--tw-text-opacity))
}

.text-lime-50 {

    --tw-text-opacity: 1;

    color: rgb(247 254 231 / var(--tw-text-opacity))
}

.text-red-300 {

    --tw-text-opacity: 1;

    color: rgb(252 165 165 / var(--tw-text-opacity))
}

.text-red-400 {

    --tw-text-opacity: 1;

    color: rgb(248 113 113 / var(--tw-text-opacity))
}

.text-slate-600 {

    --tw-text-opacity: 1;

    color: rgb(71 85 105 / var(--tw-text-opacity))
}

.text-violet-500 {

    --tw-text-opacity: 1;

    color: rgb(139 92 246 / var(--tw-text-opacity))
}

.underline {

    -webkit-text-decoration-line: underline;

            text-decoration-line: underline
}

.opacity-0 {

    opacity: 0
}

.shadow {

    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[inset_0_0_15px_\#000\] {

    --tw-shadow: inset 0 0 15px #000;

    --tw-shadow-colored: inset 0 0 15px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.ring-gray-300 {

    --tw-ring-opacity: 1;

    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))
}

.transition {

    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.transition-all {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.transition-opacity {

    transition-property: opacity;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.duration-150 {

    transition-duration: 150ms
}

.duration-200 {

    transition-duration: 200ms
}

.ease-in-out {

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.checked\:border-slate-400:checked {

    --tw-border-opacity: 1;

    border-color: rgb(148 163 184 / var(--tw-border-opacity))
}

.hover\:bg-slate-100:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

.hover\:from-\[\#142b36\]:hover {

    --tw-gradient-from: #142b36 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(20 43 54 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:to-\[\#38586a\]:hover {

    --tw-gradient-to: #38586a var(--tw-gradient-to-position)
}

.hover\:text-gray-500:hover {

    --tw-text-opacity: 1;

    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.focus\:border-blue-300:focus {

    --tw-border-opacity: 1;

    border-color: rgb(147 197 253 / var(--tw-border-opacity))
}

.focus\:bg-slate-100:focus {

    --tw-bg-opacity: 1;

    background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

.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)
}

.active\:bg-gray-100:active {

    --tw-bg-opacity: 1;

    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.active\:bg-slate-100:active {

    --tw-bg-opacity: 1;

    background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

.active\:text-gray-700:active {

    --tw-text-opacity: 1;

    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.peer:checked ~ .peer-checked\:opacity-100 {

    opacity: 1
}