@layer base{:where([data-comptie-illustration]){width:100%}}[data-comptie-illustration]>[data-mascot-pose]{max-width:100%}[data-comptie-illustration] button:focus-visible{outline:var(--ds-focus-width) solid var(--ds-action-primary);outline-offset:var(--ds-focus-offset);border-radius:var(--ds-radius-card)}
.ds-comptie-progression{pointer-events:none;width:100%;display:block;position:relative}.ds-comptie-progression-poster{width:100%;height:auto;display:block}.ds-comptie-progression-canvas{visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.ds-comptie-progression[data-canvas=true] .ds-comptie-progression-canvas{visibility:visible}.ds-comptie-progression[data-canvas=true] .ds-comptie-progression-poster{visibility:hidden}
.ds-comptie-sequence{width:100%;display:block;position:relative}.ds-comptie-sequence>svg{width:100%;height:auto;display:block}.ds-comptie-sequence-support{fill:var(--ds-surface-support)}.ds-comptie-sequence>canvas{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.ds-comptie-sequence[data-ready=true]>canvas{visibility:visible}.ds-comptie-sequence[data-ready=true] .ds-comptie-sequence-poster{visibility:hidden}@media (prefers-reduced-motion:no-preference){.ds-comptie-sequence[data-static=false][data-ready=false]:is([data-motion=loading],[data-motion=paused]) .ds-comptie-sequence-poster{visibility:hidden}}