@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-tree-margin[data-v-83161585] {
  margin-left: var(--v0299061e);
}
.bind-icon-color[data-v-83161585] {
  color: var(--v80ccd94c);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-tree-padding[data-v-9702f44e] {
  padding-left: var(--v716b068e);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-icon-color[data-v-d524f876] {
  color: var(--v1c581d20);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-icon-color[data-v-30c06406] {
  color: var(--v5947d534);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.landscape > div > .dragger[data-v-e5174855] {
  width: .625rem;
}
.portrait > div > .dragger[data-v-e5174855] {
  height: .625rem;
}
.landscape > div > .dragger.dragger-offset-before[data-v-e5174855] {
  right: 0;
}
.portrait > div > .dragger.dragger-offset-before[data-v-e5174855] {
  bottom: 0;
}
.landscape > div > .dragger.dragger-offset-center[data-v-e5174855] {
  right: -.3125rem;
}
.portrait > div > .dragger.dragger-offset-center[data-v-e5174855] {
  bottom: -.3125rem;
}
.landscape > div > .dragger.dragger-offset-after[data-v-e5174855] {
  right: -.625rem;
}
.portrait > div > .dragger.dragger-offset-after[data-v-e5174855] {
  bottom: -.625rem;
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
/* Outside the layer — registration is document-global, not cascaded. */
@property --poveste-count {
  syntax: '<integer>';
  initial-value: 0;
  inherits: false;
}
/* Layered so a `transition-none` utility can still win — see #104. */
@layer components {
.poveste-home-counter-value {
&[data-v-5760c084] {
    counter-reset: poveste-count var(--poveste-count, 0);

    /* Opt in, so an engine without the query animates nothing. */
}
&[data-v-5760c084]::after {
      content: counter(poveste-count);
}
@media (prefers-reduced-motion: no-preference) {
&[data-v-5760c084] {
      transition: --poveste-count 700ms ease-out 100ms;
}
}
}
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.base-empty[data-v-63095ef6]:not(.no-animation) {
  animation: base-empty-63095ef6 .15s .2s both;
}
@keyframes base-empty-63095ef6 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.__poveste-code-placeholder[data-v-b595e0d4] {
  color: inherit;
  font-size: inherit;
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.__poveste-hatched-pattern[data-v-c1be54fa] {
  background: repeating-linear-gradient(135deg,
  transparent 0px,
  transparent 32px,
  currentColor 32px,
  currentColor 64px);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-preview-bg[data-v-13932615] {
  background-color: var(--v538c65b8);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-icon-color[data-v-ae85762b] {
  color: var(--v2b77a04a);
}
.bind-preview-bg[data-v-ae85762b] {
  background-color: var(--v8dc7fba0);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
/* Cells are placed with `order`, so without this Tab and a screen reader walk
   them in slot order — the order they were recycled in, not the screen's.
   Chromium only for now; elsewhere the rule is ignored. */
.poveste-story-variant-grid-cells[data-v-a753c25f] {
  reading-flow: grid-order;
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-icon-color[data-v-8112241f] {
  color: var(--v29a7233a);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-icon-color[data-v-6b31fb1b] {
  color: var(--v0fc28fe3);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-icon-color[data-v-5e1183de] {
  color: var(--v96d17610);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
img.colorize-black[data-v-f632abed] {
  filter: grayscale(100) brightness(0);
}
}
@scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
.bind-icon-color[data-v-f4bf5500] {
  color: var(--v1311c0c1);
}
}
/*$vite$:1*/