:root{--xs: 16rem;--lg: 64rem;--size: 1rem;--size-0-5: calc(var(--size) / 2);--size-2: calc(var(--size) * 2);--size-3: calc(var(--size) * 3);--cloud-dancer: #f0eee9;--slate-800: #1f2937}body{font-family:sans-serif;line-height:1.5;background-color:var(--slate-800);color:var(--cloud-dancer)}img{display:block;width:100%}button{appearance:none;border:none;border-radius:.25rem;padding:.6rem 1rem;font-weight:600;line-height:1;background-color:var(--cloud-dancer);color:var(--slate-800);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,transform 80ms ease,box-shadow .12s ease,opacity .12s ease}button:hover:not(:disabled){background-color:color-mix(in srgb,var(--cloud-dancer),var(--slate-800) 8%);box-shadow:0 2px 6px #00000026}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0003}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--cloud-dancer),0 0 0 4px var(--slate-800)}button:disabled{background-color:color-mix(in srgb,var(--cloud-dancer),var(--slate-800) 15%);color:color-mix(in srgb,var(--slate-800),white 40%);cursor:not-allowed;opacity:.6;box-shadow:none}select{appearance:none;border:none;border-radius:.25rem;padding:.6rem 2.2rem .6rem 1rem;font-weight:600;line-height:1;background-color:var(--cloud-dancer);color:var(--slate-800);cursor:pointer;-webkit-user-select:none;user-select:none;background-image:linear-gradient(45deg,transparent 50%,var(--slate-800) 50%),linear-gradient(135deg,var(--slate-800) 50%,transparent 50%);background-position:calc(100% - 1rem) center,calc(100% - .75rem) center;background-size:6px 6px;background-repeat:no-repeat;transition:background-color .12s ease,box-shadow .12s ease,opacity .12s ease}select:hover:not(:disabled){background-color:color-mix(in srgb,var(--cloud-dancer),var(--slate-800) 8%);box-shadow:0 2px 6px #00000026}select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--cloud-dancer),0 0 0 4px var(--slate-800)}select:disabled{background-color:color-mix(in srgb,var(--cloud-dancer),var(--slate-800) 15%);color:color-mix(in srgb,var(--slate-800),white 40%);cursor:not-allowed;opacity:.6;box-shadow:none}.inner{--inner-width: var(--size-3);--inner-padding-block: var(--size-3);width:min(100% - var(--inner-width),var(--lg));margin-inline:auto;padding-block:var(--inner-padding-block)}.grid{display:grid}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:start}.items-center{align-items:center}.gap-0-5{gap:var(--size-0-5)}.gap-1{gap:var(--size)}.gap-3{gap:var(--size-3)}.px-4{padding-inline:.5rem}.py-2{padding-block:.25rem}.aspect-square{aspect-ratio:1}.object-cover{object-fit:cover}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.text-red-600{color:#fc8181}.auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(var(--xs, 16rem),100%),1fr))}