.rcu-tone{--tone-bg:var(--surface-sunk);--tone-fg:var(--text-muted);--tone-line:var(--border);--tone-solid:var(--color-tinta-2);--tone-solid-hover:var(--color-tinta);--tone-on-solid:#fff;--tone-shadow:var(--shadow-soft);--tone-shadow-lg:var(--shadow-soft);--tone-wash:color-mix(in oklab, var(--surface-sunk) 55%, var(--surface-raised))}.rcu-tone-neutral{--tone-bg:var(--surface-sunk);--tone-fg:var(--text-muted);--tone-line:var(--border);--tone-solid:var(--color-tinta-2);--tone-solid-hover:var(--color-tinta);--tone-on-solid:#fff;--tone-shadow:var(--shadow-soft);--tone-shadow-lg:0 18px 40px -16px color-mix(in oklab, var(--color-tinta) 40%, transparent);--tone-wash:color-mix(in oklab, var(--surface-sunk) 55%, var(--surface-raised))}.rcu-tone-pink{--tone-bg:var(--color-rosa-soft);--tone-fg:color-mix(in oklab, var(--color-rosa-hot) 82%, var(--color-tinta));--tone-line:var(--color-rosa-mid);--tone-solid:var(--color-rosa-hot);--tone-solid-hover:var(--color-rosa);--tone-on-solid:#fff;--tone-shadow:var(--shadow-pink);--tone-shadow-lg:0 18px 40px -14px color-mix(in oklab, var(--color-rosa-hot) 55%, transparent);--tone-wash:color-mix(in oklab, var(--color-rosa-soft) 60%, var(--surface-raised))}.rcu-tone-blue{--tone-bg:var(--color-cielo-soft);--tone-fg:color-mix(in oklab, var(--color-cielo-deep) 88%, var(--color-tinta));--tone-line:var(--color-cielo-mid);--tone-solid:var(--color-cielo-deep);--tone-solid-hover:var(--color-cielo);--tone-on-solid:#fff;--tone-shadow:var(--shadow-blue);--tone-shadow-lg:0 18px 40px -14px color-mix(in oklab, var(--color-cielo-deep) 50%, transparent);--tone-wash:color-mix(in oklab, var(--color-cielo-soft) 60%, var(--surface-raised))}.rcu-tone-gold{--tone-bg:var(--color-oro-soft);--tone-fg:color-mix(in oklab, var(--color-oro-deep) 72%, var(--color-tinta));--tone-line:color-mix(in oklab, var(--color-oro) 60%, var(--color-oro-soft));--tone-solid:var(--color-oro);--tone-solid-hover:var(--color-oro-deep);--tone-on-solid:var(--color-tinta);--tone-shadow:0 10px 30px -12px color-mix(in oklab, var(--color-oro-deep) 45%, transparent);--tone-shadow-lg:0 18px 40px -14px color-mix(in oklab, var(--color-oro-deep) 55%, transparent);--tone-wash:color-mix(in oklab, var(--color-oro-soft) 60%, var(--surface-raised))}.rcu-tone-red{--tone-bg:color-mix(in oklab, var(--color-brasa) 18%, var(--surface-raised));--tone-fg:color-mix(in oklab, var(--color-brasa) 62%, var(--color-tinta));--tone-line:color-mix(in oklab, var(--color-brasa) 42%, var(--surface-raised));--tone-solid:var(--color-brasa);--tone-solid-hover:color-mix(in oklab, var(--color-brasa) 82%, var(--color-tinta));--tone-on-solid:#fff;--tone-shadow:0 10px 30px -12px color-mix(in oklab, var(--color-brasa) 55%, transparent);--tone-shadow-lg:0 18px 40px -14px color-mix(in oklab, var(--color-brasa) 62%, transparent);--tone-wash:color-mix(in oklab, var(--color-brasa) 10%, var(--surface-raised))}.rcu-tone-green{--tone-bg:color-mix(in oklab, var(--color-menta) 22%, var(--surface-raised));--tone-fg:color-mix(in oklab, var(--color-menta) 55%, var(--color-tinta));--tone-line:color-mix(in oklab, var(--color-menta) 45%, var(--surface-raised));--tone-solid:var(--color-menta);--tone-solid-hover:color-mix(in oklab, var(--color-menta) 82%, var(--color-tinta));--tone-on-solid:var(--color-tinta);--tone-shadow:0 10px 30px -12px color-mix(in oklab, var(--color-menta) 50%, transparent);--tone-shadow-lg:0 18px 40px -14px color-mix(in oklab, var(--color-menta) 58%, transparent);--tone-wash:color-mix(in oklab, var(--color-menta) 12%, var(--surface-raised))}.rcu-tone-lila{--tone-bg:color-mix(in oklab, var(--color-lila) 24%, var(--surface-raised));--tone-fg:color-mix(in oklab, var(--color-lila) 52%, var(--color-tinta));--tone-line:color-mix(in oklab, var(--color-lila) 45%, var(--surface-raised));--tone-solid:var(--color-lila);--tone-solid-hover:color-mix(in oklab, var(--color-lila) 82%, var(--color-tinta));--tone-on-solid:var(--color-tinta);--tone-shadow:0 10px 30px -12px color-mix(in oklab, var(--color-lila) 50%, transparent);--tone-shadow-lg:0 18px 40px -14px color-mix(in oklab, var(--color-lila) 58%, transparent);--tone-wash:color-mix(in oklab, var(--color-lila) 12%, var(--surface-raised))}@keyframes rcu-toast-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rcu-toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes rcu-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rcu-drawer-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rcu-drawer-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rcu-toast{animation:rcu-toast-in .26s var(--ease-spring) both}.rcu-toast[data-state=leaving]{animation:rcu-toast-out .16s var(--ease-out-soft) both}.rcu-skeleton{background-image:linear-gradient(90deg, var(--surface-sunk) 0%, color-mix(in oklab, var(--color-rosa-soft) 55%, var(--surface-raised)) 35%, color-mix(in oklab, var(--color-cielo-soft) 55%, var(--surface-raised)) 65%, var(--surface-sunk) 100%);background-size:200% 100%;animation:1.8s linear infinite rcu-shimmer}.rcu-modal::backdrop{background:color-mix(in oklab, var(--color-noche) 46%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s var(--ease-out-soft);transition:opacity .2s var(--ease-out-soft), overlay .2s allow-discrete, display .2s allow-discrete}.rcu-modal[open]::backdrop{opacity:1}@starting-style{.rcu-modal[open]::backdrop{opacity:0}}.rcu-dialog{opacity:0;transition:opacity .2s var(--ease-out-soft), transform .26s var(--ease-spring);transition:opacity .2s var(--ease-out-soft), transform .26s var(--ease-spring), overlay .26s allow-discrete, display .26s allow-discrete;transform:translateY(14px)scale(.985)}.rcu-dialog[open]{opacity:1;transform:translateY(0)scale(1)}@starting-style{.rcu-dialog[open]{opacity:0;transform:translateY(14px)scale(.985)}}.rcu-drawer{opacity:0;transition:opacity .18s var(--ease-out-soft);transition:opacity .18s var(--ease-out-soft), overlay .3s allow-discrete, display .3s allow-discrete}.rcu-drawer[open]{opacity:1}@starting-style{.rcu-drawer[open]{opacity:0}}.rcu-drawer[open]>.rcu-drawer-panel{animation:rcu-drawer-right .3s var(--ease-out-soft) both}.rcu-drawer[data-side=bottom][open]>.rcu-drawer-panel{animation:rcu-drawer-bottom .3s var(--ease-out-soft) both}.rcu-no-spin::-webkit-outer-spin-button{appearance:none;margin:0}.rcu-no-spin::-webkit-inner-spin-button{appearance:none;margin:0}
