*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{font-family:sans-serif;font-weight:400}#app{display:flex;flex-direction:column;min-height:100vh}input:invalid{border-color:var(--color-input-invalid)}p{line-height:1.5}:root{--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-8: 2rem;--size-10: 2.5rem;--size-11: 2.75rem;--size-16: 4rem;--size-32: 8rem;--size-40: 10rem;--size-48: 12rem;--size-64: 16rem;--size-96: 24rem;--size-128: 32rem;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-blue-50: #e3f2fd;--color-blue-100: #bbdefb;--color-blue-200: #90caf9;--color-blue-300: #64b5f6;--color-blue-400: #42a5f5;--color-blue-500: #2196f3;--color-blue-600: #1e88e5;--color-blue-700: #1976d2;--color-blue-800: #1565c0;--color-blue-900: #0d47a1;--color-red-50: #ffebee;--color-red-100: #ffcdd2;--color-red-200: #ef9a9a;--color-red-300: #e57373;--color-red-400: #ef5350;--color-red-500: #f44336;--color-red-600: #e53935;--color-red-700: #d32f2f;--color-red-800: #c62828;--color-red-900: #b71c1c}body{--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-700);--color-text-tertiary: var(--color-gray-500);--color-text-inverted: var(--color-white);--color-text-link: var(--color-blue-700);--color-text-error: var(--color-red-500);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-border-primary: var(--color-gray-300);--color-button-text-hover: var(--color-gray-100);--color-button-primary: var(--color-gray-800);--color-button-primary-hover: var(--color-gray-700);--color-input-invalid: var(--color-red-500)}.dark>*{--color-text-primary: var(--color-white);--color-text-secondary: var(--color-gray-100);--color-text-tertiary: var(--color-gray-300);--color-text-inverted: var(--color-gray-900);--color-text-link: var(--color-blue-300);--color-text-error: var(--color-red-500);--color-bg-primary: var(--color-gray-900);--color-bg-secondary: var(--color-gray-800);--color-border-primary: var(--color-gray-500);--color-button-text-hover: var(--color-gray-700);--color-button-primary: var(--color-gray-50);--color-button-primary-hover: var(--color-gray-100);--color-input-invalid: var(--color-red-400)}.inline{display:inline}.inline-block{display:inline-block}.block{display:block}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.f-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap{gap:.25rem .5rem}.relative{position:relative}.fixed{position:fixed}.top-right-4{top:1rem;right:1rem}.bottom-right-4{bottom:1rem;right:1rem}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-scroll{overflow-x:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.overflow-y-hidden{overflow-y:hidden}.h-4{height:var(--size-4)}.h-6{height:var(--size-6)}.h-8{height:var(--size-8)}.h-12{height:var(--size-12)}.h-16{height:var(--size-16)}.h-32{height:var(--size-32)}.h-48{height:var(--size-48)}.h-100vh{height:100vh}.h-full{height:100%}.max-h-8{max-height:var(--size-8)}.max-h-11{max-height:var(--size-11)}.max-h-12{max-height:var(--size-12)}.w-4{width:var(--size-4)}.w-6{width:var(--size-6)}.w-8{width:var(--size-8)}.w-12{width:var(--size-10)}.w-16{width:var(--size-16)}.w-32{width:var(--size-32)}.w-40{width:var(--size-40)}.w-48{width:var(--size-48)}.w-64{width:var(--size-64)}.w-96{width:var(--size-96)}.w-128{width:var(--size-128)}.w-full{width:100%}.w-min-60ch{min-width:60ch}.w-min-64{min-width:var(--size-64)}.my-4{margin-top:var(--size-4);margin-bottom:var(--size-4)}.p-1{padding:var(--size-1)}.p-2{padding:var(--size-2)}.p-3{padding:var(--size-3)}.p-4{padding:var(--size-4)}.p-6{padding:var(--size-6)}.p-8{padding:var(--size-8)}.px-1{padding-left:var(--size-1);padding-right:var(--size-1)}.px-2{padding-left:var(--size-2);padding-right:var(--size-2)}.px-3{padding-left:var(--size-3);padding-right:var(--size-3)}.px-4{padding-left:var(--size-4);padding-right:var(--size-4)}.py-1{padding-top:var(--size-1);padding-bottom:var(--size-1)}.py-2{padding-top:var(--size-2);padding-bottom:var(--size-2)}.py-4{padding-top:var(--size-4);padding-bottom:var(--size-4)}.pl-0{padding-left:0}.pl-8{padding-left:var(--size-8)}.m-auto{margin:auto}.list-style-none{list-style:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-decoration-none{text-decoration:none}.text-overflow-ellipsis{text-overflow:ellipsis}.nowrap{white-space:nowrap}.white-space-normal{white-space:normal}.border-solid{border-style:solid}.border-1{border-width:1px}.border-color-primary{border-color:var(--color-border-primary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverted{color:var(--color-text-inverted)}.text-link{color:var(--color-text-link)}.text-error{color:var(--color-text-error)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-transparent{background-color:transparent}.bg-button-primary{background-color:var(--color-button-primary)}.text-small{font-size:.75rem}.text-medium{font-size:1rem}.text-large{font-size:1.25rem}.text-075{font-size:.75rem}.text-0875{font-size:.875rem}.text-1{font-size:1rem}.text-1125{font-size:1.125rem}.text-125{font-size:1.25rem}.font-size-0{font-size:0}.line-height-1\.5{line-height:1.5}.font-serif{font-family:serif}.font-sans{font-family:sans-serif}.font-mono{font-family:monospace}.round-1{border-radius:.25rem}.round-2{border-radius:.5rem}.hover:hover{background-color:var(--color-bg-hover)}.text-hover:hover{color:var(--color-text-link)}.pointer{cursor:pointer}.field-sizing-content{field-sizing:content}.drop-shadow{filter:drop-shadow(0 1px 2px var(--color-shadow-primary)) drop-shadow(0 1px 1px var(--color-shadow-secondary))}.layout-center{margin-left:auto;margin-right:auto;max-width:60ch}.layout-center-wide{margin-left:auto;margin-right:auto;max-width:80ch}.layout-stack-1>*+*{margin-top:var(--size-1)}.layout-stack-2>*+*{margin-top:var(--size-2)}.layout-stack-3>*+*{margin-top:var(--size-3)}.layout-stack-4>*+*{margin-top:var(--size-4)}.layout-stack-6>*+*{margin-top:var(--size-6)}.layout-stack-8>*+*{margin-top:var(--size-8)}.layout-stack-h-1>*+*{margin-left:var(--size-1)}.layout-stack-h-2>*+*{margin-left:var(--size-2)}.layout-stack-h-3>*+*{margin-left:var(--size-3)}.layout-stack-h-4>*+*{margin-left:var(--size-4)}.layout-stack-h-8>*+*{margin-left:var(--size-8)}.pattern-button-primary{border:none;background-color:var(--color-button-primary);color:var(--color-text-inverted);padding:.25rem .5rem;font-size:.75rem;text-decoration:none;cursor:pointer}.pattern-button-primary:hover{background-color:var(--color-button-primary-hover);padding:.25rem .5rem}.pattern-button-text{border:none;background-color:transparent;color:var(--color-text-secondary);padding:.25rem .5rem;font-size:.75rem;cursor:pointer}.pattern-button-text:hover{background-color:var(--color-button-text-hover);padding:.25rem .5rem}.pattern-hiding-child>.pattern-hidden-child{display:none}.pattern-hiding-child>*>.pattern-hidden-child{display:none}.pattern-hiding-child:hover>.pattern-hidden-child{display:inline-block}.pattern-hiding-child:hover>*>.pattern-hidden-child{display:inline-block}