.flip-character.svelte-1vm6o17{position:relative;aspect-ratio:22 / 30;background:#222a33;color:inherit;border-radius:3px;overflow:hidden;contain:layout style paint;perspective:550px;font-size:clamp(.75rem,calc(115cqw / var(--cols)),1.7rem);font-weight:700;line-height:1}.half.svelte-1vm6o17,.flap.svelte-1vm6o17{position:absolute;left:0;width:100%;height:50%;overflow:hidden}.glyph.svelte-1vm6o17{position:absolute;left:0;width:100%;height:200%;display:flex;align-items:center;justify-content:center}.composite.svelte-1vm6o17{position:absolute;top:0;right:0;bottom:0;left:0}.composite.svelte-1vm6o17:before{content:"";position:absolute;top:12%;right:16%;bottom:12%;left:16%;background:linear-gradient(to bottom right,transparent calc(50% - .075em),currentColor calc(50% - .075em),currentColor calc(50% + .075em),transparent calc(50% + .075em))}.cs-letter.svelte-1vm6o17{position:absolute;font-size:.756em;line-height:1}.composite.sur.svelte-1vm6o17 .cs-letter:where(.svelte-1vm6o17){top:8%;left:20%}.composite.sous.svelte-1vm6o17 .cs-letter:where(.svelte-1vm6o17){bottom:8%;right:20%}.top.svelte-1vm6o17,.flap-top.svelte-1vm6o17{top:0;background:#2b333d;box-shadow:inset 0 -4px 6px -3px #0000008c}.bottom.svelte-1vm6o17,.flap-bottom.svelte-1vm6o17{top:50%;background:#222a33;box-shadow:inset 0 2px 3px -2px #ffffff1f}.top.svelte-1vm6o17 .glyph:where(.svelte-1vm6o17),.flap-top.svelte-1vm6o17 .glyph:where(.svelte-1vm6o17){top:0}.bottom.svelte-1vm6o17 .glyph:where(.svelte-1vm6o17),.flap-bottom.svelte-1vm6o17 .glyph:where(.svelte-1vm6o17){bottom:0}.card.svelte-1vm6o17 .glyph:where(.svelte-1vm6o17){color:transparent}.top.card.svelte-1vm6o17,.flap-top.card.svelte-1vm6o17{background:#141c25}.bottom.card.svelte-1vm6o17,.flap-bottom.card.svelte-1vm6o17{background:#0d131a}.top.card.slate.svelte-1vm6o17,.flap-top.card.slate.svelte-1vm6o17{background:#2b333d}.bottom.card.slate.svelte-1vm6o17,.flap-bottom.card.slate.svelte-1vm6o17{background:#222a33}.top.colored.svelte-1vm6o17,.flap-top.colored.svelte-1vm6o17{background:hsl(var(--hue) 62% 52%)}.bottom.colored.svelte-1vm6o17,.flap-bottom.colored.svelte-1vm6o17{background:hsl(var(--hue) 62% 44%)}.top.colored.vivid.svelte-1vm6o17,.flap-top.colored.vivid.svelte-1vm6o17{background:hsl(var(--hue) 95% 60%)}.bottom.colored.vivid.svelte-1vm6o17,.flap-bottom.colored.vivid.svelte-1vm6o17{background:hsl(var(--hue) 95% 50%)}.top.colored.pale.svelte-1vm6o17,.flap-top.colored.pale.svelte-1vm6o17{background:#ebedf0}.bottom.colored.pale.svelte-1vm6o17,.flap-bottom.colored.pale.svelte-1vm6o17{background:#d3d8df}.tinted.svelte-1vm6o17 .glyph:where(.svelte-1vm6o17){color:hsl(var(--hue) 85% 62%)}.flap.svelte-1vm6o17{z-index:3}.flap-top.svelte-1vm6o17{transform-origin:bottom center;animation:svelte-1vm6o17-fold-top var(--flip-half-ms) ease-in both}.flap-bottom.svelte-1vm6o17{transform-origin:top center;animation:svelte-1vm6o17-fold-bottom var(--flip-half-ms) ease-out both}@keyframes svelte-1vm6o17-fold-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes svelte-1vm6o17-fold-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flap.svelte-1vm6o17:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.flap-top.svelte-1vm6o17:after{animation:svelte-1vm6o17-shade-out var(--flip-half-ms) ease-in both}.flap-bottom.svelte-1vm6o17:after{animation:svelte-1vm6o17-shade-in var(--flip-half-ms) ease-out both}@keyframes svelte-1vm6o17-shade-out{0%{opacity:0}to{opacity:.55}}@keyframes svelte-1vm6o17-shade-in{0%{opacity:.55}to{opacity:0}}.flip-tag.svelte-1vm6o17{position:absolute;top:4%;left:7%;z-index:6;font-size:clamp(.3rem,calc(34cqw / var(--cols)),.55rem);font-weight:700;line-height:1;letter-spacing:.03em;color:var(--amber-board);opacity:.72;transition:opacity .14s ease-out}.flip-tag.keep.svelte-1vm6o17{opacity:0}.flip-tag.keep.visible.svelte-1vm6o17{opacity:.72}.flip-character.svelte-1vm6o17:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--flap-edge);transform:translateY(-1px);box-shadow:0 1px #ffffff0a;z-index:5}@container (max-width: 520px){.flip-character.svelte-1vm6o17{font-size:clamp(.65rem,calc(80cqw / var(--cols)),1.7rem)}.flip-tag.svelte-1vm6o17:not(.keep){display:none}.flip-character.svelte-1vm6o17:after{height:1px;transform:none}}@media(prefers-reduced-motion:reduce){.flap.svelte-1vm6o17{display:none}}