svg.svelte-10hih5l{width:var(--icon-width, 30px);height:var(--icon-height, 30px)}section.svelte-fbnrpi{margin:50px 0}.title.svelte-fbnrpi{font-size:26px;font-weight:700;margin-bottom:20px}textarea.svelte-fbnrpi{border:none;background-color:var(--neutral-color);padding:15px;border-radius:10px;display:block;width:100%;min-height:100px;resize:vertical;transition-duration:0s;margin-bottom:20px;border:1px solid var(--soft-contrast-color-lighter)}.interactive.svelte-fbnrpi{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--soft-contrast-color-lighter);padding-bottom:60px}.interactive.svelte-fbnrpi .score:where(.svelte-fbnrpi) span:where(.svelte-fbnrpi){color:var(--primary-color)}.score.svelte-fbnrpi{display:flex;align-items:center;gap:10px}.score.svelte-fbnrpi .buttons:where(.svelte-fbnrpi){display:flex;gap:5px}.score-btn.svelte-fbnrpi{color:var(--soft-contrast-color-light)}.score-btn.active.svelte-fbnrpi{color:var(--primary-color)}.btn.svelte-fbnrpi{box-shadow:none}.comment.svelte-fbnrpi{background-color:#efefef;padding:15px;border-radius:10px;margin:15px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.comment.svelte-fbnrpi .col:where(.svelte-fbnrpi){display:flex;align-items:center;gap:10px}.comment.svelte-fbnrpi .col:where(.svelte-fbnrpi):first-of-type{align-items:flex-start}.comment.svelte-fbnrpi .text:where(.svelte-fbnrpi) h6:where(.svelte-fbnrpi){margin-bottom:5px}.comment.svelte-fbnrpi .text:where(.svelte-fbnrpi) p:where(.svelte-fbnrpi){margin-bottom:0;color:var(--soft-contrast-color);font-size:14px}.comment.svelte-fbnrpi .icon:where(.svelte-fbnrpi){margin-top:7px;color:var(--primary-color)}.comment.svelte-fbnrpi .score:where(.svelte-fbnrpi){color:var(--secondary-color);display:flex;gap:3px;align-items:center}.comment.svelte-fbnrpi .score:where(.svelte-fbnrpi) div:where(.svelte-fbnrpi){display:flex;align-items:center}.comment.svelte-fbnrpi .score:where(.svelte-fbnrpi) .empty:where(.svelte-fbnrpi){color:var(--soft-contrast-color-light)}.comment.svelte-fbnrpi .date:where(.svelte-fbnrpi){color:var(--soft-contrast-color-light);font-size:14px}@media all and (max-width: 600px){.interactive.svelte-fbnrpi{flex-direction:column;gap:20px;padding-bottom:40px}.score.svelte-fbnrpi .buttons:where(.svelte-fbnrpi){gap:3px}.comment.svelte-fbnrpi{flex-direction:column;gap:20px}.comment.svelte-fbnrpi .col:where(.svelte-fbnrpi){width:100%;justify-content:flex-start}.comment.svelte-fbnrpi .col:where(.svelte-fbnrpi):last-of-type{justify-content:space-between}}