.band.svelte-m9imm5{position:relative;display:block;width:100%;height:80px;margin:0;pointer-events:none}.band__halo.svelte-m9imm5{position:absolute;left:0;right:0;height:40px;top:0;background:linear-gradient(to bottom,transparent 0%,var(--app-accent-soft) 100%)}.band__halo--below.svelte-m9imm5{top:auto;bottom:0;background:linear-gradient(to top,transparent 0%,var(--app-accent-soft) 100%)}.band__line.svelte-m9imm5{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.band__label.svelte-m9imm5{position:absolute;right:16px;top:50%;transform:translateY(calc(-50% - 18px));padding:4px 10px;background:var(--sg-parchment);font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--app-accent);pointer-events:auto}.band--dawn.svelte-m9imm5 .band__line:where(.svelte-m9imm5){background:linear-gradient(to right,transparent 0%,var(--app-ink-deep) 8%,var(--app-accent-hover) 40%,var(--app-accent) 50%,var(--app-accent-hover) 60%,var(--app-ink-deep) 92%,transparent 100%)}.band--dusk.svelte-m9imm5 .band__line:where(.svelte-m9imm5){background:linear-gradient(to right,transparent 0%,var(--app-accent-hover) 8%,var(--app-ember) 30%,var(--app-accent) 50%,var(--app-ink-line) 72%,var(--app-ink-deep) 92%,transparent 100%)}.band--dusk.svelte-m9imm5 .band__halo:where(.svelte-m9imm5){background:linear-gradient(to bottom,transparent 0%,rgba(217,123,61,.12) 100%)}.band--dusk.svelte-m9imm5 .band__halo--below:where(.svelte-m9imm5){background:linear-gradient(to top,transparent 0%,rgba(24,35,63,.14) 100%)}.band--night.svelte-m9imm5{background:var(--app-ink-deep)}.band--night.svelte-m9imm5 .band__halo:where(.svelte-m9imm5),.band--night.svelte-m9imm5 .band__halo--below:where(.svelte-m9imm5){background:none}.band--night.svelte-m9imm5 .band__line:where(.svelte-m9imm5){height:1px;background:linear-gradient(to right,transparent 0%,rgba(240,179,90,.4) 40%,var(--app-accent) 50%,rgba(240,179,90,.4) 60%,transparent 100%);box-shadow:0 0 12px #f0b35a80}.band--night.svelte-m9imm5 .band__label:where(.svelte-m9imm5){background:var(--app-ink-deep)}@media(max-width:620px){.band.svelte-m9imm5{height:64px}.band__halo.svelte-m9imm5,.band__halo--below.svelte-m9imm5{height:32px}}