@charset "UTF-8";
/* CSS Document */

body {background: linear-gradient(45deg, rgb(247, 235, 243) 0%, rgb(218, 245, 251) 100%);    font-feature-settings: "palt"; letter-spacing: .015em;}
html,* {
  touch-action: manipulation;}
*{-webkit-overflow-scrolling: touch;}
.min-h-screen {min-height: 90vh;}
.min-h-screen.bg-background{max-width: 1000px; width: 95vw; margin: 0 auto;    border-radius: 40px;}
.container {max-width: 880px; width: 95vw; margin: 0 auto; font-size: 18px;}

.ring-primary{
    --tw-ring-color: #1b51b7;}
.bg-primary {
    background-color: #1b51b7;}
.bg-primary\/20 {
    background-color: rgba(27,81,183,.3);}
.flex.justify-end > button {margin-left: auto; margin-right: auto; font-size: 16px; padding: .75em 1.5em; margin-top: 1em; margin-bottom: 1em;}
.flex.justify-between > button {margin-left: auto; margin-right: auto; font-size: 16px; padding: .75em 1.5em; margin-top: 2em;}
label.text-sm {font-size: 16px; color: #333; line-height: 1.5;}
.data-\[size\=default\]\:h-9[data-size=default] {height: calc(var(--spacing) * 10);}
.md\:text-sm {min-height: calc(var(--spacing) * 10);}
.whitespace-pre-wrap.font-sans.text-sm {text-align: left;}

h2.text-lg.font-semibold {text-align: left; border-bottom: 2px #eee solid; padding-bottom: .35em; margin-bottom: .35em;}
h2.text-lg.font-semibold + p { /*margin-top: -2.25em;*/ text-align: right;}
.grid.gap-2 {grid-template-columns: 25% auto;}

form section .space-y-2 { display: grid; grid-template-columns: 25% auto;gap: calc(var(--spacing) * 2);}
table.w-full {border-bottom: 1px #eee solid;}
table.w-full td {text-align: left; font-size: 16px;white-space: pre-wrap; word-break: break-all;}
table.w-full th {font-size: 15px;}
.label.text-sm {text-align: left;}

.max-w-2xl{ max-width: 100%;}
.leading-none {text-align: left;}

.flex.gap-2 {flex-wrap: wrap;}
div.space-y-3 > p.text-sm.text-muted-foreground {display: none;}
.text-destructive {text-align: left;margin-top: .25em;}

[data-variant="outline"]{ color: #666;}
a[data-slot="button"]{
    background: linear-gradient(90deg, rgb(58, 167, 238) 0%, rgb(103, 114, 197) 99.96%);
    color: #FFF;
    font-size: 20px;
    padding: 1.25em;
}
[data-variant="default"]{
    background: linear-gradient(90deg, rgb(58, 167, 238) 0%, rgb(103, 114, 197) 99.96%);
    color: #FFF;
}
.flex.items-center.space-x-2 {align-items: flex-start;}
.flex.items-center.space-x-2 > button[data-slot="checkbox"] {margin-top: .25em;}

div.bg-white + .text-center.text-muted-foreground { font-size: .875em; width: 29em;}
section.h-64.overflow-y-auto {height: 43vh;}

div > p.text-muted-foreground {text-align: left; margin-bottom: .25em;}

@media screen and (max-width: 1000px) {
#root {padding: 0;}
.min-h-screen.bg-background {border-radius: 5vw; margin: 5vw auto;}
.text-2xl {font-size: 5vw;}
ol {align-items: flex-start;}
ol li.flex.flex-col.items-center{ max-width: 12.5vw;}
label.text-sm {font-size: 3.4vw; line-height: 1.2;}
.grid.gap-2 {position: relative; margin-bottom: .65em;}
p { font-size: 3.6vw;}
p.text-destructive { margin-top: 0.25em ; text-align: left;}
.md\:text-sm { font-size: 3.6vw;}
.bg-card .grid.gap-2 {grid-template-columns: 100% 0; margin-bottom: 0;}
table.w-full th {padding-left: 0;font-size: 3.4vw; width: 8em;}
div.bg-white + .text-center.text-muted-foreground { font-size: 3.6vw; width: 90%; text-align: left;}
.flex.items-center.space-x-2 > button[data-slot="checkbox"] {margin-top: 0em;}
.flex.justify-between > button {margin-top: 0;}
}