/* GENERATED by tools/gen-rtl.js from wpr.css — do not edit by hand.
   Only the declarations that differ under RTL. Loaded AFTER wpr.css.
   Regenerate with: npm run rtl  */

.screen-reader-text:focus {
    right: 5px
}
.wpr-badge {
    padding: 8px 10px 8px 16px
}
.wpr-avatars .wpr-avatar {
    margin-right: -10px
}
.wpr-avatars .wpr-avatar:first-child {
    margin-right: 0
}
.wpr-bubble {
    border-radius: 16px 4px 16px 16px
}
.wpr-msg--me .wpr-bubble {
    border-radius: 4px 16px 16px 16px
}
.wpr-plan__badge {
    right: 50%;
    transform: translateX(50%)
}
.wpr-faq__q {
    text-align: right
}
.wpr-faq__item[data-open="true"] .wpr-faq__plus {
    transform: rotate(-45deg)
}
.wpr-cta__glow {
    right: 50%;
    transform: translate(50%,-50%)
}
.wpr-cp {
    left: 22px
}
.wpr-cp__fab:hover {
    transform: translateY(-2px) rotate(8deg)
}
.wpr-cp__panel {
    left: 0;
    transform-origin: bottom left
}
.wpr-cp__sw--custom {
    background: conic-gradient(from -210deg, #FF5BA1, #F0A81C, #3FD89A, #0FB0A2, #4F63E0, #D62D7A, #FF5BA1)
}
.wpr-cp__font {
    text-align: right
}
@media (max-width:520px) {
    .wpr-cp {
        left: 14px
    }
}
.wpr-prose blockquote {
    border-right: 3px solid var(--accent);
    padding-right: 20px;
    margin-right: 0
}
.wpr-prose ul, .wpr-prose ol {
    padding-right: 22px
}
@media (hover:hover) {
    .wpr-cta-link:hover::after {
        transform: translateX(-3px)
    }
    .wpr-ba:hover .wpr-ba__grip {
        transform: translate(50%,-50%) scale(1.12)
    }
}
.wpr-related__img--ph {
    background: linear-gradient(-135deg, var(--ink3), var(--ink2))
}
.wpr-has-sub:hover .wpr-nav__parent > .wpr-caret {
    transform: rotate(-180deg)
}
.wpr-nav__sub {
    right: 50%;
    transform: translateX(50%) translateY(4px)
}
.wpr-has-sub:hover .wpr-nav__sub, .wpr-has-sub:focus-within .wpr-nav__sub {
    transform: translateX(50%) translateY(8px)
}
.wpr-nav__drawer > a[aria-current="page"] {
    box-shadow: inset -3px 0 0 var(--accent)
}
.wpr-drawer__sub a[aria-current="page"] {
    box-shadow: inset -3px 0 0 var(--accent)
}
.wpr-drawer__parent {
    text-align: right
}
.wpr-drawer__parent[aria-expanded="true"] .wpr-caret {
    transform: rotate(-180deg)
}
.wpr-ctable th, .wpr-ctable td {
    text-align: right
}
.wpr-ctable thead .wpr-ctable__hl {
    border-top-right-radius: 0
}
.wpr-notice {
    text-align: right
}
.wpr-field {
    text-align: right
}
.wpr-wizard__card {
    text-align: right
}
.wpr-ba__clip .wpr-ba__img {
    right: 0
}
.wpr-ba__line {
    right: var(--wpr-ba-pos,50%);
    transform: translateX(1px)
}
.wpr-ba__grip {
    right: 50%;
    transform: translate(50%,-50%)
}
.wpr-ba:has(.wpr-ba__range:active) .wpr-ba__grip,
.wpr-ba:has(.wpr-ba__range:focus-visible) .wpr-ba__grip {
    transform: translate(50%,-50%) scale(1.12)
}
@media (prefers-reduced-motion: reduce) {
    .wpr-ba:hover .wpr-ba__grip,
  .wpr-ba:has(.wpr-ba__range:active) .wpr-ba__grip,
  .wpr-ba:has(.wpr-ba__range:focus-visible) .wpr-ba__grip {
        transform: translate(50%,-50%)
    }
}
.wpr-ba__tag--before {
    right: 14px
}
.wpr-ba__tag--after {
    left: 14px
}
.alignleft {
    float: right;
    margin: .4em 0 1.2em 1.6em
}
.alignright {
    float: left;
    margin: .4em 1.6em 1.2em 0
}
.wpr-prose th, .wp-block-table th {
    text-align: right
}
.wpr-prose dd {
    margin-right: 0
}
.wp-block-latest-posts, .wp-block-categories, .wp-block-archives,
.wp-block-page-list, .wp-block-latest-comments, .wp-block-rss {
    padding-right: 0
}
.wp-block-tag-cloud a {
    margin: 0 0 6px 6px
}
.wpr-comments ol.children {
    padding-right: clamp(16px,3vw,34px)
}
@media (max-width:620px) {
    .wpr-comments ol.children {
        padding-right: 14px
    }
}
@keyframes wpr-svgh-slide {
    45% {
        transform: translateX(-4px)
    }
}
@keyframes wpr-svgh-nudge {
    40% {
        transform: translateX(-3px)
    }
}
@keyframes wpr-svgh-spin {
    to {
        transform: rotate(-360deg)
    }
}
@keyframes wpr-svgh-tick {
    30% {
        transform: rotate(-9deg)
    }
    65% {
        transform: rotate(5deg)
    }
}
@keyframes wpr-svgh-shake {
    20% {
        transform: translateX(2.5px)
    }
    40% {
        transform: translateX(-2.5px)
    }
    60% {
        transform: translateX(1.5px)
    }
    80% {
        transform: translateX(-1.5px)
    }
}
@keyframes wpr-svgh-wiggle {
    25% {
        transform: rotate(12deg)
    }
    60% {
        transform: rotate(-9deg)
    }
}
@keyframes wpr-svgh-zoom {
    40% {
        transform: scale(1.18) rotate(8deg)
    }
}
.wpr-more__arrow {
    margin-right: 7px
}
.wpr-svgh-fx--frame {
    right: 9px
}
.wpr-svgh-fx--rule {
    right: 0
}