:root{--rating-frame-gap:calc(var(--font-size-root)*0.5);--rating-frame-padding:calc(var(--font-size-root)*0.5);--rating-frame-font-size:calc(var(--font-size-root)*1.25);--rating-frame-div-gap:calc(var(--font-size-root)*1.5);--rating-frame-glyph-width:calc(var(--font-size-root)*4)}.rating-frame{align-items:center;background-color:#f6fbffb2;border:1px solid #ddd;border-radius:10px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;gap:var(--rating-frame-gap);overflow:hidden;padding:calc(var(--rating-frame-padding)*2) calc(var(--rating-frame-padding)*1);position:relative}.rating-frame .text-wrapper{color:#000;font-size:var(--rating-frame-font-size);font-weight:700;letter-spacing:0;line-height:normal;position:relative;width:fit-content}.rating-frame .div{align-items:flex-start;display:inline-flex;flex:0 0 auto;gap:var(--rating-frame-div-gap);position:relative}.rating-frame .glyph{aspect-ratio:1/1;height:auto;position:relative;width:var(--rating-frame-glyph-width)}.rating-frame .glyph svg{cursor:pointer;height:100%;transition:opacity .3s ease;width:100%}.rating-frame .glyph:hover svg{opacity:.6}@media (max-width:767.98px){:root{--rating-frame-font-size:calc(var(--font-size-root)*1.1);--rating-frame-div-gap:calc(var(--font-size-root)*2);--rating-frame-glyph-width:calc(var(--font-size-root)*4)}}