[data-qu-liker] {--qu-liker-text: var(--qu-liker-text-custom, var(--qu-color-text));--qu-liker-active-text: var(--qu-liker-active-text-custom, inherit);--qu-liker-bg: var(--qu-liker-bg-custom, transparent);--qu-liker-bg-alt: var(--qu-liker-bg-alt-custom, var(--qu-liker-bg));--qu-liker-bg-voted: var(--qu-liker-bg-voted-custom, var(--qu-liker-bg));--qu-liker-border: var(--qu-liker-border-custom, transparent);--qu-liker-border-active: var(--qu-liker-border-active-custom, var(--qu-liker-border));--qu-liker-radius: var(--qu-liker-radius-custom, var(--qu-radius-sm));--qu-liker-shadow: var(--qu-liker-shadow-custom, none);--qu-liker-shadow-hover:var(--qu-liker-shadow-hover-custom,none);--qu-liker-shadow-voted:var(--qu-liker-shadow-voted-custom,none);--qu-liker-transition: var(--qu-liker-transition-custom, var(--qu-transition));--qu-liker-btn-padding: var(--qu-liker-btn-padding-custom, 0);--qu-liker-btn-aspect: var(--qu-liker-btn-aspect-custom, auto);--qu-liker-btn-gap: var(--qu-liker-btn-gap-custom, var(--qu-space-xs));--qu-liker-icon-size: var(--qu-liker-icon-size-custom, 20px);--qu-liker-icon-width: var(--qu-liker-icon-width-custom, auto);--qu-liker-icon-height: var(--qu-liker-icon-height-custom, auto);--qu-liker-font-size: var(--qu-liker-font-size-custom, var(--qu-font-size-base));--qu-liker-star-size: var(--qu-liker-star-size-custom, 1.2rem);--qu-liker-emoji-size: var(--qu-liker-emoji-size-custom, 1.2rem);--qu-liker-thumbs-score-min-width: var(--qu-liker-thumbs-score-min-width-custom, 1.5em);--qu-liker-container-width: var(--qu-liker-container-width-custom, auto);--qu-liker-star-active-color: var(--qu-liker-star-active-color-custom, var(--qu-color-warning));--qu-liker-like-active-color: var(--qu-liker-like-active-color-custom, var(--qu-color-error));--qu-liker-thumbs-active-color: var(--qu-liker-thumbs-active-color-custom, var(--qu-color-warning));--qu-liker-star-empty-bg: var(--qu-liker-star-empty-bg-custom, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23cbd5e1' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E"));--qu-liker-star-filled-bg: var(--qu-liker-star-filled-bg-custom, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fbbf24' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E"));--qu-liker-star-active-bg: var(--qu-liker-star-active-bg-custom, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffa500' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E"));--qu-liker-palette-bg: var(--qu-liker-palette-bg-custom, var(--qu-color-bg));--qu-liker-palette-border: var(--qu-liker-palette-border-custom, var(--qu-color-border));--qu-liker-palette-radius: var(--qu-liker-palette-radius-custom, var(--qu-radius-sm));--qu-liker-palette-shadow: var(--qu-liker-palette-shadow-custom, var(--qu-shadow));--qu-liker-palette-padding: var(--qu-liker-palette-padding-custom, var(--qu-space-sm));--qu-liker-palette-gap: var(--qu-liker-palette-gap-custom, var(--qu-space-xs));--qu-liker-palette-top: var(--qu-liker-palette-top-custom, 100%);--qu-liker-palette-bottom: var(--qu-liker-palette-bottom-custom, auto);--qu-liker-bar-width: var(--qu-liker-bar-width-custom, 150px);--qu-liker-bar-height: var(--qu-liker-bar-height-custom, 10px);--qu-liker-bar-bg: var(--qu-liker-bar-bg-custom, color-mix(in srgb, var(--qu-color-text) 10%, transparent));--qu-liker-bar-fill: var(--qu-liker-bar-fill-custom, var(--qu-color-warning));--qu-liker-bar-radius: var(--qu-liker-bar-radius-custom, var(--qu-radius-sm));--qu-loading-size-custom: 20px;--qu-loading-bg-custom: transparent;--qu-loading-color-custom: currentColor;display: inline-flex;flex-direction: row;align-items: center;justify-content: flex-start;gap: var(--qu-liker-btn-gap);color: var(--qu-liker-text);font-size: var(--qu-liker-font-size);width: var(--qu-liker-container-width);max-width: 100%;box-sizing: border-box;transition: opacity var(--qu-transition-duration) var(--qu-transition-func);}[data-qu-liker-emoji-placeholder] {display: none;}[data-qu-liker-voted] [data-qu-liker-active], [data-qu-liker-voted][data-qu-liker-type="emoji"] [data-qu-liker-field="total_votes"] {color: var(--qu-liker-active-text) !important;font-weight: 700;}[data-qu-liker][data-qu-loading="true"] {opacity: 0.5;}[data-qu-liker] [data-value] {cursor: pointer;}[data-qu-liker][data-qu-liker-type="emoji"], [data-qu-liker][data-qu-liker-type="stars"] {flex-wrap: wrap;}[data-qu-liker][data-qu-liker-type="emoji"] {--qu-liker-icon-width: var(--qu-liker-icon-width-custom, 30px);--qu-liker-icon-height: var(--qu-liker-icon-height-custom, 30px);}[data-qu-liker-emoji-trigger] *, [data-qu-liker-btn] * {color: inherit;}[data-qu-liker-emoji-trigger], [data-qu-liker-btn] {all: initial;box-sizing: border-box;outline: none !important;display: inline-flex;align-items: center;justify-content: center;gap: var(--qu-liker-btn-gap);cursor: pointer !important;color: inherit;font-size: inherit;line-height: 1;background: var(--qu-liker-bg);border: 1px solid var(--qu-liker-border);border-radius: var(--qu-liker-radius);padding: var(--qu-liker-btn-padding);box-shadow: var(--qu-liker-shadow);transition: var(--qu-liker-transition);aspect-ratio: var(--qu-liker-btn-aspect);}[data-qu-liker-btn="like"]:hover, [data-qu-liker-btn="thumbs-up"]:hover, [data-qu-liker-btn="thumbs-down"]:hover, [data-qu-liker-emoji-trigger]:hover {background: var(--qu-liker-bg-alt);border-color: var(--qu-liker-border-active);box-shadow: var(--qu-liker-shadow-hover);}[data-qu-liker-thumbs-class="score-positive"] {color: var(--qu-color-success);}[data-qu-liker-thumbs-class="score-negative"] {color: var(--qu-color-error);}[data-qu-liker-thumbs-class="score-zero"] {color: var(--qu-color-text-muted);}[data-qu-liker-type="thumbs"] [data-qu-liker-field="avg_rating"] {display: inline-block;min-width: var(--qu-liker-thumbs-score-min-width);text-align: center;}[data-qu-liker] .liker-icon {display: inline-flex;align-items: center;justify-content: center;width: var(--qu-liker-icon-width);height: var(--qu-liker-icon-height);font-size: var(--qu-liker-icon-size);line-height: 0;}[data-qu-liker] .liker-icon svg {display: block;width: 1em;height: 1em;fill: currentColor;}[data-qu-liker-btn][data-qu-liker-active], [data-qu-liker-emoji-trigger][data-qu-liker-active] {box-shadow: var(--qu-liker-shadow-voted);background: var(--qu-liker-bg-voted);}[data-qu-liker-btn] .liker-icon--filled {display: none;}[data-qu-liker-btn][data-qu-liker-active] .liker-icon--empty {display: none;}[data-qu-liker-btn][data-qu-liker-active] .liker-icon--filled {display: inline-flex;}[data-qu-liker-btn="like"][data-qu-liker-active] .liker-icon--filled {color: var(--qu-liker-like-active-color);}[data-qu-liker-type="thumbs"] [data-qu-liker-active] .liker-icon--filled {color: var(--qu-liker-thumbs-active-color);}[data-qu-liker-stars-container] {display: flex;gap: var(--qu-space-xs);align-items: center;}[data-qu-liker-star] {position: relative;width: 1.5em;height: 1.5em;font-size: var(--qu-liker-star-size);line-height: 1;cursor: pointer;user-select: none;}[data-qu-liker-star]::before, [data-qu-liker-star]::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}[data-qu-liker-star]::before {background-image: var(--qu-liker-star-empty-bg);}[data-qu-liker-star]::after {background-image: var(--qu-liker-star-filled-bg);clip-path: inset(0 calc(100% - var(--fill-percent, 0) * 1%) 0 0);}[data-qu-liker-star-active]::after {background-image: var(--qu-liker-star-active-bg);}[data-qu-liker-star-active]::before {filter: drop-shadow(1px 0 0 var(--qu-liker-star-active-color)) drop-shadow(-1px 0 0 var(--qu-liker-star-active-color)) drop-shadow(0 1px 0 var(--qu-liker-star-active-color)) drop-shadow(0 -1px 0 var(--qu-liker-star-active-color));}[data-qu-liker-emoji] {position: relative;display: inline-flex;align-items: center;justify-content: center;}[data-qu-liker-emoji-palette] {position: absolute;top: var(--qu-liker-palette-top);bottom: var(--qu-liker-palette-bottom);left: 0;background: var(--qu-liker-palette-bg);border: 1px solid var(--qu-liker-palette-border);border-radius: var(--qu-liker-palette-radius);padding: var(--qu-liker-palette-padding);gap: var(--qu-liker-palette-gap);box-shadow: var(--qu-liker-palette-shadow);z-index: 10;white-space: nowrap;display: none;align-items: center;}[data-qu-liker][data-qu-liker-emoji-open] [data-qu-liker-emoji-palette] {display: flex !important;}[data-qu-liker-emoji-value] {all: initial;box-sizing: border-box;font-size: var(--qu-liker-emoji-size);background: transparent !important;border: none !important;border-radius: var(--qu-radius-full);padding: var(--qu-space-xs);cursor: pointer;transition: var(--qu-liker-transition);display: inline-flex;vertical-align: middle;}[data-qu-liker-emoji-value]:hover {transform: scale(1.2);background: var(--qu-liker-bg-alt);}[data-qu-liker-stats-item] {display: inline-flex;align-items: center;}.liker-stats {flex-basis: 100%;display: inline-flex;flex-direction: column;}.liker-bar {display: inline-block;width: var(--qu-liker-bar-width);height: var(--qu-liker-bar-height);background: var(--qu-liker-bar-bg);border-radius: var(--qu-liker-bar-radius);margin: 0 var(--qu-space-sm);vertical-align: middle;font-size: 0;}.liker-bar-fill {height: 100%;background: var(--qu-liker-bar-fill);border-radius: var(--qu-liker-bar-radius);transition: width var(--qu-transition-duration) var(--qu-transition-func);}[data-qu-liker][data-qu-liker-theme="borders"] {--qu-liker-bg-custom: #ffffff;--qu-liker-bg-alt-custom: #f8fafc;--qu-liker-bg-voted-custom: #eef2ff;--qu-liker-border-custom: rgba(0,0,0,0.09);--qu-liker-border-active-custom:rgba(0,0,0,0.15);--qu-liker-radius-custom: 7px;--qu-liker-shadow-custom: 0 4px 8px rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.02);--qu-liker-shadow-hover-custom: 0 8px 16px rgba(0,0,0,0.08), 0 4px 8px rgba(0,0,0,0.04);--qu-liker-shadow-voted-custom: 0 8px 20px rgba(79,70,229,0.3), 0 4px 10px rgba(0,0,0,0.15);--qu-liker-transition-custom: 0.2s ease;--qu-liker-btn-padding-custom: 0.5rem 1rem;--qu-liker-palette-bg-custom: #ffffff;--qu-liker-palette-border-custom: rgba(0,0,0,0.09);--qu-liker-palette-radius-custom: 7px;--qu-liker-palette-shadow-custom: 0 8px 16px rgba(0,0,0,0.08);}[data-qu-liker][data-qu-liker-theme="borders-dark"] {--qu-liker-text-custom: #f1f5f9;--qu-liker-bg-custom: rgba(0,0,0,0.15);--qu-liker-bg-alt-custom: rgba(0,0,0,0.35);--qu-liker-bg-voted-custom: rgba(0,0,0,0.35);--qu-liker-border-custom: rgba(255,255,255,0.25);--qu-liker-border-active-custom: rgba(255,255,255,0.35);--qu-liker-radius-custom: 7px;--qu-liker-shadow-custom: 0 4px 8px rgba(0,0,0,0.3);--qu-liker-shadow-hover-custom: 0 8px 16px rgba(0,0,0,0.5);--qu-liker-shadow-voted-custom: 0 8px 20px rgba(79,70,229,0.3), 0 4px 10px rgba(0,0,0,0.15);--qu-liker-transition-custom: 0.2s ease;--qu-liker-btn-padding-custom: 0.5rem 1rem;--qu-liker-palette-bg-custom: rgba(0,0,0,0.95);--qu-liker-palette-border-custom: rgba(255,255,255,0.25);--qu-liker-palette-radius-custom: 7px;--qu-liker-palette-shadow-custom: 0 8px 16px rgba(0,0,0,0.5);--qu-liker-bar-bg-custom: rgba(255,255,255,0.1);--qu-liker-star-empty-bg-custom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E");--qu-loading-color-custom: white;}[data-qu-liker][data-qu-liker-theme="dark"] {--qu-liker-text-custom: #f1f5f9;--qu-liker-shadow-custom: none;--qu-liker-palette-bg-custom: rgba(0,0,0,0.15);--qu-liker-palette-border-custom: rgba(255,255,255,0.25);--qu-liker-palette-shadow-custom: 0 8px 16px rgba(0,0,0,0.5);--qu-liker-bar-bg-custom: rgba(255,255,255,0.1);--qu-liker-star-empty-bg-custom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E");--qu-loading-color-custom: white;}