:root{--xxxxs: 16rem;--xxxs: 20rem;--xxs: 24rem;--xs: 32rem;--sm: 40rem;--md: 48rem;--lg: 64rem;--xl: 80rem;--xxl: 96rem;--size: 1rem;--size-0-2-5: calc(var(--size) / 4);--size-0-5: calc(var(--size) / 2);--size-1-5: calc(var(--size) * 1.5);--size-2: calc(var(--size) * 2);--size-3: calc(var(--size) * 3);--cloud-dancer: #f0eee9;--slate-200: #0f172a;--slate-500: #64748b;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617}body{margin:0;background-color:var(--slate-800);color:var(--cloud-dancer);font-family:sans-serif;line-height:1.5}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}summary:hover{cursor:pointer}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}[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:var(--slate-800);border-radius:9999px;outline:none}[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--slate-800);border-radius:9999px}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--cloud-dancer);border-radius:9999px;margin-top:-5px;cursor:pointer;border:2px solid var(--slate-900)}[type=range]::-moz-range-track{height:4px;background:var(--slate-800);border-radius:9999px}[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--slate-200);border-radius:9999px;cursor:pointer;border:2px solid var(--slate-900)}[type=range]:hover::-webkit-slider-thumb{background:var(--cloud-dancer)}[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--cloud-dancer);outline-offset:2px}[type=range]:disabled::-webkit-slider-runnable-track{background:var(--slate-950);cursor:not-allowed}[type=range]:disabled::-webkit-slider-thumb{background:var(--slate-500);border-color:var(--slate-950);cursor:not-allowed}[type=range]:disabled::-moz-range-track{background:var(--slate-950)}[type=range]:disabled::-moz-range-thumb{background:var(--slate-500);border-color:var(--slate-950);cursor:not-allowed}.wrapper{min-block-size:100dvh;display:grid;grid-template-rows:auto 1fr auto}.inner{--inner-inline-size: var(--size-3);--inner-padding-block: var(--size-3);inline-size:min(100% - var(--inner-inline-size),var(--lg));margin-inline:auto;padding-block:var(--inner-padding-block)}.flow>*+*{--flow-margin-block-start: var(--size-1-5);margin-block-start:var(--flow-margin-block-start)}.auto-fill{--auto-fill-min-inline-size: var(--xxxs);grid-template-columns:repeat(auto-fill,minmax(min(var(--auto-fill-min-inline-size),100%),1fr))}.w-2{inline-size:var(--size-2)}.w-full{inline-size:100%}.h-2{block-size:var(--size-2)}.block{display:block}.inline-block{display:inline-block}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:start}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-end{align-items:end}.gap-0-5{gap:var(--size-0-5)}.gap-1{gap:var(--size)}.gap-3{gap:var(--size-3)}.mt-0{margin-block-start:0}.p-0-5{padding:var(--size-0-5)}.p-1{padding:var(--size)}.p-2{padding:var(--size-2)}.px-4{padding-inline:.5rem}.pb-0{padding-block-end:0}.py-2{padding-block:.25rem}.aspect-square{aspect-ratio:1}.object-cover{object-fit:cover}.border{border:1px solid}.rounded{border-radius:var(--size-0-2-5)}.rounded-lg{border-radius:var(--size-0-5)}.text-red-600{color:#fc8181}.bg-slate-900{background-color:var(--slate-900)}