.megapars-rating-form-wrapper {
margin:2rem 0;
padding:2rem;
border:1px solid #e2e8f0;
border-radius:8px;
background-color:#fff;
box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;
overflow:hidden
}

.megapars-form-tabs {
display:flex!important;
justify-content:center!important;
margin-bottom:2.5rem!important;
border-bottom:1px solid #e5e7eb!important;
overflow-x:auto!important;
white-space:nowrap!important;
padding-left:0!important
}

.megapars-form-tab {
padding:.85rem 1.5rem!important;
background:transparent!important;
border:none!important;
border-bottom:3px solid transparent!important;
border-radius:0!important;
cursor:pointer!important;
font-size:.95rem!important;
font-weight:500!important;
color:#4b5563!important;
transition:color .2s ease,border-color .2s ease!important;
margin-right:.25rem!important;
line-height:1.5!important;
text-align:center!important
}

.megapars-form-tab:hover:not(.active) {
color:#2563eb!important;
border-bottom-color:#93c5fd!important;
background-color:transparent!important
}

.megapars-form-tab.active {
color:#1d4ed8!important;
font-weight:600!important;
border-bottom-color:#1d4ed8!important;
background-color:transparent!important
}

.megapars-form-tab::after {
display:none!important
}

.megapars-rating-form h3 {
font-size:1.5rem;
font-weight:600;
color:#1a202c;
margin:0 0 1.5rem;
padding-bottom:1rem;
border-bottom:1px solid #e2e8f0;
text-align:left
}

.megapars-rating-form ul.megapars-criteria-list {
list-style:none;
padding:0;
margin:0 0 3rem;
display:grid;
grid-template-columns:1fr 1fr;
gap:1.5rem 1.5rem
}

.megapars-rating-form li.megapars-criterion-item {
margin:0;
padding:0 0 1.5rem;
border-bottom:1px solid #edf2f7;
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:space-between;
gap:1rem;
box-sizing:border-box;
min-width:0
}

.megapars-rating-form ul.megapars-criteria-list > li:only-child,.megapars-rating-form ul.megapars-criteria-list > li:last-child:nth-child(odd) {
grid-column:span 1
}

@media (max-width: 992px) {
.megapars-rating-form-wrapper {
padding:1.5rem
}

.megapars-rating-form h3 {
font-size:1.3rem
}

.megapars-rating-form ul.megapars-criteria-list {
grid-template-columns:1fr
}

.megapars-rating-form li.megapars-criterion-item {
align-items:center
}
}

.megapars-rating-form ul.megapars-criteria-list > li:last-child {
border-bottom:none;
padding-bottom:0
}

@media (min-width: 993px) {
.megapars-rating-form ul.megapars-criteria-list > li:nth-last-child(2):nth-child(odd) {
border-bottom:none;
padding-bottom:0
}
}

.megapars-rating-form label.megapars-criterion-label {
font-weight:500;
font-size:1rem;
color:#2d3748;
margin:0;
flex-shrink:1;
flex-grow:1;
min-width:0;
text-align:left;
padding:0;
word-break:break-word
}

.megapars-star-rating-wrapper {
display: flex;
align-items: center;
gap: 0.5rem;
}

.megapars-star-rating {
display:inline-flex;
flex-direction:row-reverse;
align-items:center;
gap:.25rem;
line-height:1;
position:relative;
flex-shrink:0;
min-width:0
}

.megapars-star-rating input[type="radio"] {
display:none
}

.megapars-star-rating label {
display:inline-block;
position:relative;
width:1.8rem;
height:1.8rem;
font-size:unset;
color:unset;
cursor:pointer;
margin:0;
transition:transform .2s ease,filter .2s ease;
vertical-align:middle;
padding:0
}

.megapars-star-rating label::before,.megapars-star-rating label::after {
position:absolute;
left:50%;
bottom:100%;
transform:translateX(-50%) translateY(-8px);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .2s ease,visibility 0s linear 0.2s,transform .2s ease;
z-index:10
}

.megapars-star-rating label::before {
content:attr(data-title);
background-color:#2d3748;
color:#fff;
padding:.4rem .8rem;
border-radius:4px;
font-size:.8rem;
white-space:nowrap;
box-shadow:0 2px 5px #0003
}

.megapars-star-rating label::after {
content:'';
border:6px solid transparent;
border-top-color:#2d3748;
bottom:calc(100% - 6px);
transform:translateX(-50%) translateY(-8px) rotate(180deg);
margin-bottom:-1px
}

.megapars-star-rating label:hover::before,.megapars-star-rating label:hover::after,.megapars-star-rating input[type="radio"]:focus-visible + label::before,.megapars-star-rating input[type="radio"]:focus-visible + label::after {
opacity:1;
visibility:visible;
transform:translateX(-50%) translateY(-12px);
transition:opacity .2s ease,visibility 0s linear 0s,transform .2s ease
}

.megapars-star-svg {
width:100%;
height:100%;
display:block;
fill:#e2e8f0;
transition:fill .2s ease;
pointer-events:none;
filter:none
}

.megapars-star-rating label:hover .megapars-star-svg,.megapars-star-rating label:hover ~ label .megapars-star-svg {
fill:#feca57
}

.megapars-star-rating input[type="radio"]:checked ~ label .megapars-star-svg {
fill:#ff9f43
}

.megapars-star-rating input[type="radio"]:focus-visible + label .megapars-star-svg {
outline:2px solid #4299e1;
outline-offset:2px;
border-radius:2px
}

.megapars-star-rating label:hover {
transform:translateY(-2px) scale(1.1)
}

.megapars-star-rating label:active {
transform:translateY(0) scale(1.05)
}

.megapars-star-rating-wrapper {
display: flex;
align-items: center;
gap: 0.5rem;
}

.megapars-rating-emoji {
margin-left:.5rem;
line-height:1;
display:inline-block;
width:1.8rem;
height:1.8rem;
vertical-align:middle
}

.megapars-rating-emoji svg {
width:100%;
height:100%;
display:block
}

#megapars-comment-wrapper {
margin-top:2rem;
padding-top:1.5rem
}

label.megapars-comment-label {
font-weight:600;
display:block;
margin-bottom:.5rem;
font-size:1rem;
color:#2d3748;
text-align:left
}

#megapars_comment {
width:100%;
max-width:100%;
min-width:0;
border-radius:6px;
border:1px solid #cbd5e0;
padding:.75rem 1rem;
font-size:1rem;
line-height:1.5;
transition:border-color .2s ease,box-shadow .2s ease;
background-color:#fff;
color:#1a202c;
text-align:left
}

#megapars_comment:focus {
border-color:#4299e1;
box-shadow:0 0 0 3px #4299e14d;
outline:none
}

.megapars-button-wrapper {
text-align:center;
margin-top:1.5rem
}

.megapars-submit-button {
padding:.75rem 1.5rem;
font-size:.95rem;
font-weight:600;
cursor:pointer;
border:none;
border-radius:6px;
background-color:#3182ce;
color:#fff;
transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;
box-shadow:0 1px 2px 0 #0000000d;
text-transform:none;
letter-spacing:normal;
display:inline-block;
margin:0
}

.megapars-submit-button:hover,.megapars-submit-button:focus {
background-color:#2b6cb0;
box-shadow:0 4px 6px -1px #0000001a 0 2px 4px -1px #0000000f;
transform:translateY(-1px);
outline:none
}

.megapars-submit-button:focus {
box-shadow:0 0 0 3px #4299e180
}

.megapars-submit-button:active {
transform:translateY(0);
box-shadow:0 1px 2px 0 #0000000d
}

.megapars-submit-button:disabled {
background-color:#a0aec0;
color:#e2e8f0;
cursor:not-allowed;
box-shadow:none;
transform:none
}

.megapars-form-message,.megapars-already-rated,.megapars-success-message {
padding:.8rem 1.2rem;
margin:1.5rem 0 0;
border-radius:6px;
border-width:1px;
border-style:solid;
font-weight:500;
text-align:center;
font-size:.95rem
}

.megapars-form-message.success,.megapars-success-message {
color:#2f855a;
background-color:#f0fff4;
border-color:#9ae6b4
}

.megapars-form-message.error {
color:#c53030;
background-color:#fff5f5;
border-color:#feb2b2
}

.megapars-already-rated {
color:#2c5282;
background-color:#ebf8ff;
border-color:#bee3f8
}

#megapars-rating-form .megapars-form-message {
display:none
}

.megapars-skeleton-loader {
padding:2rem;
border:none;
border-radius:8px;
background:#fff;
margin:0;
animation:fadeIn .3s
}

.skeleton-list {
list-style:none;
padding:0;
margin:0 0 2rem;
display:flex;
flex-wrap:wrap;
gap:1.5rem 1.5rem
}

.skeleton-item {
margin:0;
padding:0 0 1.5rem;
border-bottom:1px solid #f1f5f9;
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:1rem;
flex-basis:calc(50% - 0.75rem);
flex-grow:1;
box-sizing:border-box;
min-height:calc(1.8rem + 1.5rem)
}

@media (max-width: 992px) {
.skeleton-item {
flex-basis:100%;
align-items:center;
padding-bottom:1.5rem
}
}

.skeleton-list > .skeleton-item:last-child {
border-bottom-color:transparent;
padding-bottom:0
}

@media (min-width: 993px) {
.skeleton-list > .skeleton-item:nth-last-child(2):nth-child(odd) {
border-bottom-color:transparent;
padding-bottom:0
}
}

.skeleton-label {
width:auto;
max-width:150px;
height:1rem;
border-radius:4px;
background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);
background-size:200% 100%;
animation:shimmer 1.5s infinite linear;
flex-shrink:0
}

.skeleton-stars {
width:calc(1.8rem * 5 + 0.25rem * 4);
height:1.8rem;
border-radius:4px;
background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);
background-size:200% 100%;
animation:shimmer 1.5s infinite linear;
flex-shrink:0
}

.skeleton-button-wrapper {
text-align:center;
margin-top:1.5rem;
height:calc(0.75rem * 2 + 0.95rem * 1.5);
padding:0
}

.skeleton-button {
width:130px;
height:calc(0.75rem * 2 + 0.95rem * 1.5);
border-radius:6px;
background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);
background-size:200% 100%;
animation:shimmer 1.5s infinite linear;
margin:0;
display:inline-block
}

[dir="rtl"] .megapars-rating-form h3 {
text-align:right
}

@media (max-width: 992px) {
[dir="rtl"] .megapars-rating-form li.megapars-criterion-item {
align-items:center
}
}

[dir="rtl"] .megapars-rating-form label.megapars-criterion-label {
text-align:right
}

[dir="rtl"] label.megapars-comment-label,[dir="rtl"] #megapars_comment {
text-align:right
}

@media (max-width: 992px) {
[dir="rtl"] .skeleton-item {
align-items:center
}
}

[dir="rtl"] .skeleton-label,[dir="rtl"] .skeleton-stars,[dir="rtl"] .skeleton-button {
background:linear-gradient(-90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);
background-size:200% 100%;
animation:shimmer 1.5s infinite linear
}

@keyframes shimmer {
0% {
background-position:200% 0
}

100% {
background-position:-200% 0
}
}

@keyframes fadeIn {
from {
opacity:0
}

to {
opacity:1
}
}

.megapars-button-wrapper .megapars-submit-button {
padding:14px 20px 10px!important
}

@media (max-width: 600px) {
.megapars-rating-form li.megapars-criterion-item {
flex-direction:column;
align-items:stretch;
gap:.5rem
}

.megapars-star-rating-wrapper {
justify-content: center;
}

.megapars-star-rating {
justify-content:flex-start;
max-width:100%;
overflow-x:auto
}

.megapars-rating-emoji:empty {
display: none;
}
}

.skeleton-comment-wrapper {
margin-top:2rem;
padding-top:1.5rem
}

.skeleton-comment-label {
width:180px;
height:1rem;
border-radius:4px;
background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);
background-size:200% 100%;
animation:shimmer 1.5s infinite linear;
margin-bottom:.5rem
}

.skeleton-comment-box {
width:100%;
height:60px;
border-radius:6px;
background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);
background-size:200% 100%;
animation:shimmer 1.5s infinite linear
}

.megapars-loading .megapars-form-tabs {
display: none !important;
}