@import "https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap";:root{--color-bonaire:#0e5581;--color-aruba:#4bb5d2;--color-morning:#eceaea;--color-night:#373b43;--color-bonaire-10:hsl(from var(--color-bonaire) h calc(.62 * s) 96);--color-bonaire-15:hsl(from var(--color-bonaire) h calc(.64 * s) 92);--color-bonaire-20:hsl(from var(--color-bonaire) h calc(.66 * s) 88);--color-bonaire-25:hsl(from var(--color-bonaire) h calc(.68 * s) 84);--color-bonaire-30:hsl(from var(--color-bonaire) h calc(.7 * s) 80);--color-bonaire-40:hsl(from var(--color-bonaire) h calc(.72 * s) 72);--color-bonaire-50:hsl(from var(--color-bonaire) h calc(.75 * s) 64);--color-bonaire-60:hsl(from var(--color-bonaire) h calc(.8 * s) 56);--color-bonaire-70:hsl(from var(--color-bonaire) h calc(.9 * s) 48);--color-bonaire-80:hsl(from var(--color-bonaire) h s 40);--color-bonaire-90:hsl(from var(--color-bonaire) h s 32);--color-bonaire-95:hsl(from var(--color-bonaire) h s 28);--color-bonaire-100:hsl(from var(--color-bonaire) h s 24);--color-bonaire-105:hsl(from var(--color-bonaire) h s 20);--color-bonaire-110:hsl(from var(--color-bonaire) h calc(.95 * s) 16);--color-aruba-10:hsl(from var(--color-aruba) h calc(.7 * s) 96);--color-aruba-15:hsl(from var(--color-aruba) h calc(.72 * s) 92);--color-aruba-20:hsl(from var(--color-aruba) h calc(.75 * s) 88);--color-aruba-25:hsl(from var(--color-aruba) h calc(.8 * s) 84);--color-aruba-30:hsl(from var(--color-aruba) h calc(.9 * s) 80);--color-aruba-40:hsl(from var(--color-aruba) h s 72);--color-aruba-50:hsl(from var(--color-aruba) h s 64);--color-aruba-60:hsl(from var(--color-aruba) h s 56);--color-aruba-70:hsl(from var(--color-aruba) h s 48);--color-aruba-80:hsl(from var(--color-aruba) h s 40);--color-aruba-90:hsl(from var(--color-aruba) h calc(.95 * s) 32);--color-aruba-95:hsl(from var(--color-aruba) h calc(.9 * s) 28);--color-aruba-100:hsl(from var(--color-aruba) h calc(.85 * s) 24);--color-aruba-105:hsl(from var(--color-aruba) h calc(.8 * s) 20);--color-aruba-110:hsl(from var(--color-aruba) h calc(.75 * s) 16);--color-morning-10:hsl(from var(--color-morning) h s 96);--color-morning-15:hsl(from var(--color-morning) h s 92);--color-morning-20:hsl(from var(--color-morning) h s 88);--color-morning-25:hsl(from var(--color-morning) h s 84);--color-morning-30:hsl(from var(--color-morning) h calc(.95 * s) 80);--color-morning-40:hsl(from var(--color-morning) h calc(.9 * s) 72);--color-morning-50:hsl(from var(--color-morning) h calc(.85 * s) 64);--color-morning-60:hsl(from var(--color-morning) h calc(.8 * s) 56);--color-morning-70:hsl(from var(--color-morning) h calc(.75 * s) 48);--color-morning-80:hsl(from var(--color-morning) h calc(.72 * s) 40);--color-morning-90:hsl(from var(--color-morning) h calc(.7 * s) 32);--color-morning-95:hsl(from var(--color-morning) h calc(.68 * s) 28);--color-morning-100:hsl(from var(--color-morning) h calc(.66 * s) 24);--color-morning-105:hsl(from var(--color-morning) h calc(.64 * s) 20);--color-morning-110:hsl(from var(--color-morning) h calc(.62 * s) 16);--color-night-10:hsl(from var(--color-night) h calc(.56 * s) 96);--color-night-15:hsl(from var(--color-night) h calc(.58 * s) 92);--color-night-20:hsl(from var(--color-night) h calc(.6 * s) 88);--color-night-25:hsl(from var(--color-night) h calc(.62 * s) 84);--color-night-30:hsl(from var(--color-night) h calc(.65 * s) 80);--color-night-40:hsl(from var(--color-night) h calc(.68 * s) 72);--color-night-50:hsl(from var(--color-night) h calc(.72 * s) 64);--color-night-60:hsl(from var(--color-night) h calc(.75 * s) 56);--color-night-70:hsl(from var(--color-night) h calc(.8 * s) 48);--color-night-80:hsl(from var(--color-night) h calc(.9 * s) 40);--color-night-90:hsl(from var(--color-night) h s 32);--color-night-95:hsl(from var(--color-night) h s 28);--color-night-100:hsl(from var(--color-night) h s 24);--color-night-105:hsl(from var(--color-night) h s 20);--color-night-110:hsl(from var(--color-night) h s 16);--color-primary:var(--color-bonaire-95);--color-primary-dark:var(--color-bonaire-105);--color-secondary:var(--color-aruba-60);--color-background-neutral-light:var(--color-morning-10);--color-background-neutral:var(--color-morning-15);--color-background-neutral-dark:var(--color-morning-20);--color-background-dark:var(--color-night-110);--color-background-highlight:var(--color-aruba-25);--color-border-neutral:var(--color-morning-25);--color-foreground-subtle:var(--color-night-90);--color-foreground:var(--color-night-100);--color-foreground-strong:var(--color-night-110);--color-foreground-primary:var(--color-bonaire-90);--color-foreground-primary-dark:var(--color-bonaire-100);--color-foreground-dark-subtle:var(--color-night-110);--color-foreground-dark:var(--color-night-130);--color-foreground-dark-strong:var(--color-night-150);--color-foreground-light-subtle:var(--color-morning-30);--color-foreground-light:var(--color-morning-20);--color-foreground-light-strong:var(--color-morning-10);--font-family-mono:"Space Mono", sans-serif;--font-family-text:"Vend Sans", sans-serif;--font-family-title:"Antonio", sans-serif;--font-size-title-1:clamp(2.875rem, 6.25vw, 3.75rem);--font-size-title-2:clamp(2.375rem, 4.58vw, 2.75rem);--font-size-title-3:clamp(2rem, 3.75vw, 2.25rem);--font-size-title-4:1.75rem;--font-size-title-5:1.5rem;--font-size-title-6:1.25rem;--font-size-regular:1.125rem;--font-size-small:1rem;--font-size-xsmall:.875rem;--font-weight-title:700;--letter-spacing-title:2%;--letter-spacing-title-1:0;--letter-spacing-title-4:3%;--letter-spacing-title-5:4%;--letter-spacing-title-6:2%;--letter-spacing-regular:3%;--letter-spacing-small:4%;--letter-spacing-xsmall:5%;--line-height-title:1.25}*{box-sizing:border-box;border:0;outline:none;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html,body,#root{width:100%;min-width:22.5rem;min-height:100vh}html{font:16px/1.618 sans-serif}body{background:var(--color-background-neutral);color:var(--color-foreground);font-family:var(--font-family-text);font-size:var(--font-size-regular);letter-spacing:var(--letter-spacing-regular);line-height:inherit}#root{flex-direction:column;justify-content:start;align-items:center;display:flex}a,button,.button,.link{color:inherit;cursor:pointer;font:inherit;letter-spacing:calc(1.25*var(--letter-spacing-regular));flex-direction:row;gap:.5rem;font-weight:500;display:inline-flex}a>i,button>i,.button>i,.link>i{vertical-align:middle;font-size:112.5%;line-height:.8}a,.link{text-decoration:none}button,.button{color:inherit;background:0 0;border:0;align-items:center;padding:1rem 2rem;line-height:1.2}h1,h2,h3,h4,h5,h6{color:var(--color-foreground-dark-strong);font-family:var(--font-family-title);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);line-height:var(--line-height-title);text-transform:uppercase}h1{font-size:var(--font-size-title-1);letter-spacing:var(--letter-spacing-title-1)}h2{font-size:var(--font-size-title-2)}h3{font-size:var(--font-size-title-3)}h4{font-size:var(--font-size-title-4);letter-spacing:var(--letter-spacing-title-4)}h5{font-size:var(--font-size-title-5);letter-spacing:var(--letter-spacing-title-5)}h6{font-size:var(--font-size-title-6);letter-spacing:var(--letter-spacing-title-6);font-family:var(--font-family-text);text-transform:none}.button{border:1.5px solid var(--color-border-neutral);color:var(--color-foreground-primary);border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;width:100%;height:3.25rem;transition:all .25s ease-in-out;display:flex}.button:hover{border-color:hsl(from var(--color-primary-dark) h s l / .25);color:var(--color-foreground-primary-dark);background:hsl(from var(--color-primary-dark) h s l / .05)}.button.primary{background:var(--color-primary);color:var(--color-foreground-light-strong);border:0}.button.primary:hover{background:var(--color-primary-dark)}.input-stack{line-height:1.2}.input-field{background:var(--color-background-neutral-dark);color:inherit;font:inherit;height:3.125rem;letter-spacing:inherit;border-radius:.5rem;flex:1;padding:.875rem}.input-field-wrapper{display:flex}.input-field:has(+.input-button){border-radius:.5rem 0 0 .5rem}.input-label{color:var(--color-foreground-subtle);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small)}.input-button{background:var(--color-background-neutral-dark);color:var(--color-foreground-primary);cursor:pointer;border:none;border-radius:0 .5rem .5rem 0;height:3.125rem;padding:.875rem;display:flex}.input-button:hover{color:var(--color-foreground-primary-dark)}.input-button-icon>svg{height:calc(1.1*var(--font-size-regular));width:calc(1.1*var(--font-size-regular))}.input-button--left{border-radius:.5rem 0 0 .5rem}.input-button--left+.input-field{border-radius:0}.input-field--number{text-align:center}.link{color:var(--color-foreground-primary);transition:all .25s ease-in-out}.link:hover{color:var(--color-foreground-primary-dark)}.link.button{border:1.5px solid var(--color-border-neutral);color:var(--color-foreground-primary);border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;width:100%;height:3.25rem;display:flex}.link.button:hover{border-color:hsl(from var(--color-primary-dark) h s l / .25);color:var(--color-foreground-primary-dark);background:hsl(from var(--color-primary-dark) h s l / .05)}.link.button.primary{background:var(--color-primary);color:var(--color-foreground-light-strong);border:0}.link.button.primary:hover{background:var(--color-primary-dark)}.screen{background:inherit;color:inherit;flex-direction:column;justify-content:stretch;align-items:stretch;width:100%;max-width:60rem;min-height:100vh;display:flex;position:relative;overflow:visible}.screen.align-center{align-items:center}.screen.align-end{align-items:end}.screen.align-space-between{align-items:space-between}.screen.align-start{align-items:start}.screen.align-stretch{align-items:stretch}.screen.justify-center{justify-content:center}.screen.justify-end{justify-content:end}.screen.justify-space-between{justify-content:space-between}.screen.justify-start{justify-content:start}.screen.justify-stretch{justify-content:stretch}.screen-content{flex-direction:column;justify-content:stretch;align-items:stretch;width:100%;min-width:0;min-height:100vh;padding:2.5rem 1.25rem;display:flex}.screen-content.align-center{align-items:center}.screen-content.align-end{align-items:end}.screen-content.align-space-between{align-items:space-between}.screen-content.align-start{align-items:start}.screen-content.align-stretch{align-items:stretch}.screen-content.gap-0125{gap:.125rem}.screen-content.gap-025{gap:.25rem}.screen-content.gap-0375{gap:.375rem}.screen-content.gap-05{gap:.5rem}.screen-content.gap-0625{gap:.625rem}.screen-content.gap-075{gap:.875rem}.screen-content.gap-1{gap:1rem}.screen-content.gap-1125{gap:1.125rem}.screen-content.gap-125{gap:1.25rem}.screen-content.gap-15{gap:1.5rem}.screen-content.gap-175{gap:1.75rem}.screen-content.gap-2{gap:2rem}.screen-content.gap-225{gap:2.25rem}.screen-content.gap-25{gap:2.5rem}.screen-content.justify-center{justify-content:center}.screen-content.justify-end{justify-content:end}.screen-content.justify-space-between{justify-content:space-between}.screen-content.justify-start{justify-content:start}.screen-content.justify-stretch{justify-content:stretch}.screen-footer{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.screen-footer.align-center{align-items:center}.screen-footer.align-end{align-items:end}.screen-footer.align-space-between{align-items:space-between}.screen-footer.align-start{align-items:start}.screen-footer.align-stretch{align-items:stretch}.screen-footer.justify-center{justify-content:center}.screen-footer.justify-end{justify-content:end}.screen-footer.justify-space-between{justify-content:space-between}.screen-footer.justify-start{justify-content:start}.screen-footer.justify-stretch{justify-content:stretch}.screen-header{flex-direction:row;justify-content:stretch;align-items:center;width:100%;display:flex}.screen-header.align-center{align-items:center}.screen-header.align-end{align-items:end}.screen-header.align-space-between{align-items:space-between}.screen-header.align-start{align-items:start}.screen-header.align-stretch{align-items:stretch}.screen-header.justify-center{justify-content:center}.screen-header.justify-end{justify-content:end}.screen-header.justify-space-between{justify-content:space-between}.screen-header.justify-start{justify-content:start}.screen-header.justify-stretch{justify-content:stretch}.screen-header-logo{width:auto;height:2rem;display:flex}.screen-main{flex-direction:column;justify-content:stretch;align-items:stretch;width:100%;display:flex}.screen-main.align-center{align-items:center}.screen-main.align-end{align-items:end}.screen-main.align-space-between{align-items:space-between}.screen-main.align-start{align-items:start}.screen-main.align-stretch{align-items:stretch}.screen-main.justify-center{justify-content:center}.screen-main.justify-end{justify-content:end}.screen-main.justify-space-between{justify-content:space-between}.screen-main.justify-start{justify-content:start}.screen-main.justify-stretch{justify-content:stretch}.select-stack{line-height:1.2}.select-label{color:var(--color-foreground-subtle);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small)}.select-wrapper{display:flex;position:relative}.select-field{appearance:none;background:var(--color-background-neutral-dark);color:inherit;cursor:pointer;font:inherit;height:3.125rem;letter-spacing:inherit;border:none;border-radius:.5rem;flex:1;padding:.875rem 2.5rem .875rem .875rem}.select-icon{color:var(--color-foreground-primary);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.select-icon:hover{color:var(--color-foreground-primary-dark)}.select-icon>svg{height:calc(1.1*var(--font-size-regular));width:calc(1.1*var(--font-size-regular))}.stack{flex-direction:column;justify-content:start;align-items:start;width:100%;display:flex}.stack.align-center{align-items:center}.stack.align-end{align-items:end}.stack.align-space-between{align-items:space-between}.stack.align-start{align-items:start}.stack.align-stretch{align-items:stretch}.stack.flex-column{flex-direction:column}.stack.flex-row{flex-direction:row}.stack.gap-0125{gap:.125rem}.stack.gap-025{gap:.25rem}.stack.gap-0375{gap:.375rem}.stack.gap-05{gap:.5rem}.stack.gap-0625{gap:.625rem}.stack.gap-075{gap:.875rem}.stack.gap-1{gap:1rem}.stack.gap-1125{gap:1.125rem}.stack.gap-125{gap:1.25rem}.stack.gap-15{gap:1.5rem}.stack.gap-175{gap:1.75rem}.stack.gap-2{gap:2rem}.stack.gap-225{gap:2.25rem}.stack.gap-25{gap:2.5rem}.stack.justify-center{justify-content:center}.stack.justify-end{justify-content:end}.stack.justify-space-between{justify-content:space-between}.stack.justify-start{justify-content:start}.stack.justify-stretch{justify-content:stretch}.text-caption{font-family:var(--font-family-mono);font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);display:inline}.text-caption.subtle{color:var(--color-foreground-subtle)}.text-caption.uppercase{letter-spacing:calc(1.5*var(--letter-spacing-xsmall));text-transform:uppercase}.text-highlight{background:linear-gradient(180deg, transparent 60%, var(--color-background-highlight) 60%, var(--color-background-highlight) 90%, transparent 90%);padding:0 .125rem;display:inline}.text-small{font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);display:inline}.text-small.subtle{color:var(--color-foreground-subtle)}.text-small.uppercase{text-transform:uppercase}.login-screen-grid{grid-template-rows:auto 1fr auto;gap:2.5rem;width:100%;min-height:100vh;padding:2.5rem 1.25rem;display:grid}.screen-header.login-screen-header{grid-template-columns:2.25rem 1fr 2.25rem;align-items:center;display:grid}.screen-header.login-screen-header .screen-header-logo{justify-self:center}.link.login-screen-back{border:1.5px solid var(--color-border-neutral);color:var(--color-foreground);border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.link.login-screen-back:hover{border-color:var(--color-foreground-subtle);color:var(--color-foreground-strong)}.link.login-screen-back>svg{width:1rem;height:1rem}.login-screen-divider{color:var(--color-foreground-subtle);font-size:var(--font-size-xsmall);align-items:center;gap:.75rem;width:100%;display:flex}.login-screen-divider:before,.login-screen-divider:after{background:var(--color-border-neutral);content:"";flex:1;height:1px}.signup-screen-grid{grid-template-rows:auto 1fr auto;gap:2.5rem;width:100%;min-height:100vh;padding:2.5rem 1.25rem;display:grid}.screen-header.signup-screen-header{grid-template-columns:2.25rem 1fr 2.25rem;align-items:center;display:grid}.screen-header.signup-screen-header .screen-header-logo{justify-self:center}.link.signup-screen-back{border:1.5px solid var(--color-border-neutral);color:var(--color-foreground);border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.link.signup-screen-back:hover{border-color:var(--color-foreground-subtle);color:var(--color-foreground-strong)}.link.signup-screen-back>svg{width:1rem;height:1rem}.signup-screen-divider{color:var(--color-foreground-subtle);font-size:var(--font-size-xsmall);align-items:center;gap:.75rem;width:100%;display:flex}.signup-screen-divider:before,.signup-screen-divider:after{background:var(--color-border-neutral);content:"";flex:1;height:1px}.signup-screen-terms{color:var(--color-foreground-subtle);font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);text-align:center}.welcome-screen-grid{grid-template-rows:auto 1fr auto;align-items:center;gap:2.5rem;width:100%;min-height:100vh;padding:2.5rem 1.25rem;display:grid}
