/* Rabbit values on the owners.rabbitmart.com sign-in screen: breathing team photo + "Spoken line" values.
   Source: Website/mu-plugins/rabbit-login-values/. Decorative only (aria-hidden). */
html body.login #login { position: relative; z-index: 2 }
.rbv-wave { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 0; pointer-events: none; opacity: .24; mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.55) 30%, #000 62%, rgba(0,0,0,.75) 100%); mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.55) 30%, #000 62%, rgba(0,0,0,.75) 100%) }
.rbv-sen { position: fixed; top: max(32px, calc(50% - 140px)); right: calc(50% + 266px); width: min(340px, calc(50vw - 306px)); transform: none; z-index: 1; pointer-events: none; transition: opacity .7s ease, filter .7s ease }
.rbv-sen q, .rbv-sen small { margin: 0 }
/* ---------- Spoken line ---------- */
.rbv-sen.out { opacity: 0; filter: blur(4px) }
.rbv-sen q { display: block; quotes: none; font: 800 33px/1.16 "Bricolage Grotesque", "Arial Black", sans-serif; letter-spacing: -0.9px; color: #063c2d }
.rbv-sen q .w { display: inline-block; opacity: 0; filter: blur(6px); transform: translateY(6px); transition: opacity .7s ease, filter .7s ease, transform .7s ease, color .8s ease }
.rbv-sen q .w.in { opacity: 1; filter: none; transform: none }
.rbv-sen small { display: flex; align-items: center; gap: 10px; margin-top: 20px; font: 600 12px Poppins, "Helvetica Neue", Arial, sans-serif; letter-spacing: 1.2px; text-transform: uppercase; color: #4b6159; opacity: 0; transform: translateY(4px); transition: opacity .8s ease, transform .8s ease }
.rbv-sen small b { font-weight: 600; color: #8aa000 }
.rbv-sen small::before { content: ""; width: 26px; height: 2px; background: #c9e600 }
.rbv-sen.signed small { opacity: 1; transform: none }


/* ---------- moods (how all words of a line arrive) ---------- */
.rbv-sen.m-gather q .w { transform: translate(var(--dx, 0px), var(--dy, 0px)) rotate(var(--rot, 0deg)); transition-duration: 1.1s; transition-timing-function: cubic-bezier(.2, .7, .2, 1) }
.rbv-sen.m-gather q .w.in { transform: none }
.rbv-sen.m-fast q .w { transform: translateX(34px) skewX(-14deg); filter: blur(5px); transition-duration: .32s; transition-timing-function: cubic-bezier(.2, .9, .2, 1) }
.rbv-sen.m-fast q .w.in { transform: none; filter: none }
.rbv-sen.m-stamp q .w { transform: scale(1.6); filter: blur(3px); transition: transform .38s cubic-bezier(.2, 1.4, .4, 1), opacity .22s ease, filter .3s ease }
.rbv-sen.m-stamp q .w.in { transform: none; filter: none }

/* ---------- accents (single words or groups) ---------- */
.rbv-sen q .hl { background: linear-gradient(transparent 60%, rgba(224, 255, 22, .85) 60%) }
.rbv-sen q .team { color: #06523d }
.rbv-sen q .w.late { color: rgba(6, 60, 45, .38); transform: translateY(8px); filter: blur(4px); transition-duration: 1.4s; transition-timing-function: ease }
.rbv-sen q .w.late.in { transform: none; filter: none }
.rbv-sen q .w.slow { color: rgba(6, 60, 45, .45); transition-duration: 1.3s; transform: translateY(6px) }
.rbv-sen q .w.slow.in { transform: none }
.rbv-sen q .grp { background: linear-gradient(#e0ff16, #e0ff16) no-repeat 0 90% / 0% 34%; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size 1s cubic-bezier(.6, 0, .2, 1) }
.rbv-sen q .grp.on { background-size: 100% 34% }
.carry { position: relative; height: 2px; margin-top: 18px; background: #063c2d; transform-origin: left; transform: scaleX(0); transition: transform 1.6s cubic-bezier(.5, 0, .2, 1) }
.carry::after { content: ""; position: absolute; right: -2px; top: -5px; border: 6px solid transparent; border-left: 9px solid #063c2d; border-right: 0 }
.carry.on { transform: none }
.rbv-sen q .strike .w { text-decoration: line-through; text-decoration-color: transparent; text-decoration-thickness: 3px }
.rbv-sen q .strike.x .w { color: rgba(6, 60, 45, .34); text-decoration-color: rgba(6, 60, 45, .75) }
.rbv-sen q .new { color: #06523d; background: linear-gradient(transparent 60%, rgba(224, 255, 22, .85) 60%) }
.rbv-sen q .dimg.off .w.in { opacity: .26; transform: translateY(5px); filter: blur(1px); transition-duration: 1.1s }
.rbv-sen q .torn .w { transition: transform .5s cubic-bezier(.3, 1.6, .5, 1), color .5s ease, margin .5s ease, opacity .7s ease, filter .7s ease }
.rbv-sen q .torn.rip .w.in { margin: 0 .16em; transform: translate(var(--tx), var(--ty)) rotate(var(--rot)); color: rgba(6, 60, 45, .4) }
.rbv-sen q .w.grow { transition: font-size 1s cubic-bezier(.3, 1.3, .5, 1), opacity .7s ease, filter .7s ease, transform .7s ease, color .8s ease }
.rbv-sen q .w.grow.big { font-size: 1.32em; color: #06523d; background: linear-gradient(transparent 62%, rgba(224, 255, 22, .85) 62%) }
.rbv-sen q .w.title.in { transform: scale(1.5); transform-origin: left 80%; color: #06523d; transition-duration: .9s }
.rbv-sen.shrunk q .w.title.in { transform: none; color: rgba(6, 60, 45, .38); text-decoration: line-through; text-decoration-thickness: 3px; text-decoration-color: rgba(6, 60, 45, .6) }
.rbv-sen q .w.hi.in { transform: translateY(-20px) scale(1.08); color: #06523d }
.rbv-sen q .w.lo.in { transform: translateY(16px) scale(.94); opacity: .55 }
.rbv-sen q .w.hi, .rbv-sen q .w.lo { transition-duration: 1.1s }
.rbv-sen.level q .w.hi.in, .rbv-sen.level q .w.lo.in { transform: none; opacity: 1; color: #063c2d }
.rbv-sen q .w.wow { position: relative; color: #063c2d; transform: scale(.2); transition: none }
.rbv-sen q .w.wow.in { animation: pop .9s cubic-bezier(.3, 1.6, .5, 1) forwards; background: #e0ff16; border-radius: 10px; padding: 0 6px }
.rbv-sen q .w.wow.in::after { content: ""; position: absolute; inset: -6px; border-radius: 16px; border: 2px solid #c9e600; animation: ring 1.4s ease-out .3s forwards; opacity: 0 }
@keyframes pop { 0% { transform: scale(.2) } 100% { transform: scale(1) } }
@keyframes ring { 0% { opacity: 1; transform: scale(.9) } 100% { opacity: 0; transform: scale(1.5) } }
.rbv-sen q .ctr { text-decoration: underline; text-decoration-color: #c9e600; text-decoration-thickness: 4px; text-underline-offset: 5px }
.rbv-sen q .w.mid { transform: scale(.4); transition-duration: .9s; transition-timing-function: cubic-bezier(.3, 1.5, .5, 1) }
.rbv-sen q .w.mid.in { transform: none }
.rbv-dots { display: flex; gap: 4px; margin-left: 4px }
.rbv-dots i { width: 5px; height: 5px; border-radius: 50%; background: rgba(6, 60, 45, .2) }
.rbv-dots i.on { background: #8aa000 }


@media (max-width: 979px) {
  .rbv-sen { position: relative; top: auto; right: auto; transform: none; width: 100%; max-width: 420px; min-height: 210px; margin: 28px auto 0; padding: 0 4px }
  .rbv-sen small { margin-top: 14px }
}
@media (prefers-reduced-motion: reduce) { .rbv-sen *, .rbv-sen *::after, .rbv-sen { transition: none !important; animation: none !important } }
@media (max-height: 520px) and (max-width: 979px) { .rbv-sen { display: none } }

/* Fixes 2026-11-07: phrase-wide highlight (no gaps between words), equal-footing CEO line, no sideways overflow on phones */
.rbv-sen q .hlg { background: linear-gradient(transparent 60%, rgba(224, 255, 22, .85) 60%) no-repeat 0 0 / 0% 100%; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .8s cubic-bezier(.6, 0, .2, 1) }
.rbv-sen q .hlg.on { background-size: 100% 100% }
.rbv-sen q .w.new { background: none; color: #06523d }
.rbv-sen q .w.eq.in { opacity: .38; transition: opacity 1s ease, color 1s ease, filter .7s ease, transform .7s ease }
.rbv-sen.level q .w.eq.in { opacity: 1; color: #06523d }
@media (max-width: 979px) { .rbv-sen { overflow-x: clip } }