/* Generated palette surfaces. Layout and typography belong to each component. */
[data-pass-palette], .joy-pass-surface { background-image:var(--pass-art-light); background-size:100% 100%; background-position:center; --pass-ink:var(--pass-ink-light,#fff); color:var(--pass-ink); }
@media(prefers-color-scheme:dark) { [data-pass-palette], .joy-pass-surface { background-image:var(--pass-art-dark,var(--pass-art-light)); --pass-ink:var(--pass-ink-dark,#fff); } }
[data-pass-palette="orchid-v1"] { --pass-ink-light:#4e3b65; --pass-ink-dark:#fff; --pass-art-light:url('/pass-palettes/orchid-v1-light.webp'); --pass-art-dark:url('/pass-palettes/orchid-v1-dark.webp'); }
[data-pass-palette="rose-v1"] { --pass-ink-light:#653247; --pass-ink-dark:#fff; --pass-art-light:url('/pass-palettes/rose-v1-light.webp'); --pass-art-dark:url('/pass-palettes/rose-v1-dark.webp'); }
[data-pass-palette="teal-v1"] { --pass-ink-light:#285254; --pass-ink-dark:#fff; --pass-art-light:url('/pass-palettes/teal-v1-light.webp'); --pass-art-dark:url('/pass-palettes/teal-v1-dark.webp'); }
[data-pass-palette="apricot-v1"] { --pass-ink-light:#713E42; --pass-ink-dark:#fff; --pass-art-light:url('/pass-palettes/apricot-v1-light.webp'); --pass-art-dark:url('/pass-palettes/apricot-v1-dark.webp'); }
[data-pass-palette="sky-v1"] { --pass-ink-light:#354E70; --pass-ink-dark:#fff; --pass-art-light:url('/pass-palettes/sky-v1-light.webp'); --pass-art-dark:url('/pass-palettes/sky-v1-dark.webp'); }
[data-pass-palette="pistachio-v1"] { --pass-ink-light:#3B513E; --pass-ink-dark:#fff; --pass-art-light:url('/pass-palettes/pistachio-v1-light.webp'); --pass-art-dark:url('/pass-palettes/pistachio-v1-dark.webp'); }
[data-pass-palette="buttercup-v1"] { --pass-ink-light:#625021; --pass-ink-dark:#fff; --pass-art-light:url('/pass-palettes/buttercup-v1-light.webp'); --pass-art-dark:url('/pass-palettes/buttercup-v1-dark.webp'); }
[data-pass-palette="cherry-v1"] { --pass-ink-light:#732B39; --pass-ink-dark:#fff; --pass-art-light:url('/pass-palettes/cherry-v1-light.webp'); --pass-art-dark:url('/pass-palettes/cherry-v1-dark.webp'); }
[data-pass-palette="pearl-v1"] { --pass-ink-light:#56495B; --pass-ink-dark:#fff; --pass-art-light:url('/pass-palettes/pearl-v1-light.webp'); --pass-art-dark:url('/pass-palettes/pearl-v1-dark.webp'); }