.order-notes-field{display:grid;gap:10px;margin:24px 0;min-width:0;text-align:start}
.order-notes-field label{font-size:16px;font-weight:700;color:inherit}
.order-notes-box{position:relative;border:2px solid transparent;border-radius:20px;background:linear-gradient(115deg,var(--notes-fill,#f5f6f4),var(--notes-fill,#f5f6f4)) padding-box,linear-gradient(125deg,#b8e8ef,#d5c9ed,#edccda,#f1e5bb,#c7edf0) border-box;box-shadow:inset 0 0 28px #e1d5e02e;transition:box-shadow .2s}
.order-notes-field textarea{display:block;width:100%;min-height:110px;resize:vertical;max-height:320px;padding:15px 18px;margin:0;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:1.8;box-sizing:border-box;outline:none;box-shadow:none}
.order-notes-box:focus-within{box-shadow:inset 0 0 22px #c6d9eb70}
.order-notes-field textarea::placeholder{color:inherit;opacity:.5}
.order-notes-field>p{font-size:12px;margin:0;opacity:.65}
html[data-theme=dark] .order-notes-box{--notes-fill:#242d30}
.order-rating-panel{margin:26px auto 0;padding-top:22px;border-top:1px solid transparent;border-image:linear-gradient(90deg,#b8e8ef,#d5c9ed,#edccda,#f1e5bb,#c7edf0) 1;text-align:center}
.order-rating-panel h2{font-size:17px;line-height:1.5;margin:0 0 5px}
.order-rating-subtitle{font-size:13px;opacity:.65;margin:0 0 9px}
.order-rating-stars-input{display:flex;justify-content:center;gap:4px;direction:ltr}
.order-rating-star{appearance:none;display:grid;place-items:center;width:48px;height:48px;padding:6px;border:0;border-radius:12px;background:transparent;color:#9ca4a5;cursor:pointer;transition:color .18s,background .18s,transform .18s}
.order-rating-star svg{display:block;width:31px;height:31px;fill:transparent;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;transition:fill .18s}
.order-rating-star.is-selected{color:#b98423}
.order-rating-star.is-selected svg{fill:#edc56f}
.order-rating-star:focus-visible{background:#e9cf8d40;outline:2px solid #b9842380;outline-offset:0}
.order-rating-star:active{transform:scale(.91)}
.order-rating-star:disabled{cursor:wait;opacity:.6}
.order-rating-status{min-height:24px;font-size:13px;line-height:1.7;margin:7px 0 0;color:inherit}
.order-rating-status[data-state=error]{color:#ad463d}
html[data-theme=dark] .order-rating-star{color:#a5adb0}
html[data-theme=dark] .order-rating-star.is-selected{color:#f1cd86}
html[data-theme=dark] .order-rating-status[data-state=error]{color:#f1aca2}
@media(hover:hover){.order-rating-star:not(:disabled):hover{transform:translateY(-2px);background:#e9cf8d24;color:#b98423}}
@media(prefers-reduced-motion:reduce){.order-rating-star,.order-rating-star svg,.order-notes-box{transition:none;transform:none}}

html[lang=ar] .order-notes-field textarea:placeholder-shown{direction:rtl;text-align:right}
html[lang=en] .order-notes-field textarea:placeholder-shown{direction:ltr;text-align:left}