[dir=rtl]{direction:rtl}[dir=rtl] .ml-2{margin-left:0;margin-right:.5rem}[dir=rtl] .mr-2{margin-left:.5rem;margin-right:0}[dir=rtl] .ml-4{margin-left:0;margin-right:1rem}[dir=rtl] .mr-4{margin-left:1rem;margin-right:0}[dir=rtl] .pl-2{padding-left:0;padding-right:.5rem}[dir=rtl] .pr-2{padding-left:.5rem;padding-right:0}[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}[dir=rtl] .pr-4{padding-left:1rem;padding-right:0}[dir=rtl] .justify-start{justify-content:flex-end}[dir=rtl] .justify-end{justify-content:flex-start}[dir=rtl] .rounded-l{border-radius:0 .25rem .25rem 0}[dir=rtl] .rounded-r{border-radius:.25rem 0 0 .25rem}[dir=rtl] .rotate-180{transform:rotate(0)}[dir=rtl] .scale-x-flip{transform:scaleX(1)}[dir=rtl] .language-switcher{direction:ltr}[dir=rtl] select,[dir=rtl] input[type=text],[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] textarea{direction:rtl}[dir=rtl] .nav-menu{text-align:right}[dir=rtl] .nav-item{padding-left:0;padding-right:1rem}[dir=rtl] .card-content{text-align:right}[dir=rtl] .btn-with-icon{flex-direction:row-reverse}[dir=rtl] .btn-icon-left{margin-left:.5rem;margin-right:0}[dir=rtl] .btn-icon-right{margin-left:0;margin-right:.5rem}[dir=rtl] .hero-content{text-align:center}[dir=rtl] .form-label,[dir=rtl] .form-help-text,[dir=rtl] .alert,[dir=rtl] .notification{text-align:right}[dir=rtl] .notification-close{left:.75rem;right:auto}[dir=rtl] .dropdown-content{left:auto;right:0}[dir=rtl] .tooltip{text-align:center}[dir=rtl] .grid-cols-auto{direction:ltr}[dir=rtl] .grid-flow-col{grid-auto-flow:column reverse}@media (prefers-reduced-motion:no-preference){[dir=rtl] .animate-slide-in-left{animation:.3s ease-out slide-in-right}[dir=rtl] .animate-slide-in-right{animation:.3s ease-out slide-in-left}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}[dir=rtl] .font-arabic{font-family:Noto Sans Arabic,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{text-align:inherit}@media (min-width:768px){[dir=rtl] .md\:text-left{text-align:right}[dir=rtl] .md\:text-right{text-align:left}}@media (min-width:1024px){[dir=rtl] .lg\:text-left{text-align:right}[dir=rtl] .lg\:text-right{text-align:left}}