.c500{--text-color:var(--frontly-graybase-300);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;row-gap:8px;display:flex}.c500 .c501{font-size:var(--frontly-subhead-sm-font-size);font-weight:var(--frontly-subhead-sm-font-weight);line-height:var(--frontly-subhead-sm-line-height);letter-spacing:var(--frontly-subhead-sm-letter-spacing);color:var(--text-color);text-align:center;transition:all var(--frontly-duration-short-01)}.c500:hover,.c500.c502{--text-color:var(--frontly-graybase-100)}.c500.c502:hover{--text-color:var(--frontly-white-100)}.c500.c503{cursor:default}.c504{--tooltip-max-width:200px}.c520{--transition:all var(--frontly-duration-short-01) var(--frontly-easing-ease);flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:80px;padding:12px 8px;display:flex}.c520 .c521{width:32px;height:32px}.c520 .c522{color:var(--frontly-graybase-300);cursor:pointer;transition:var(--transition);flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.c520 .c522 .c523{width:24px;height:24px;transition:var(--transition)}.c520 .c522 .c524{font-size:var(--frontly-subhead-sm-font-size);font-weight:var(--frontly-subhead-sm-font-weight);line-height:var(--frontly-subhead-sm-line-height);letter-spacing:var(--frontly-subhead-sm-letter-spacing);text-align:center;transition:var(--transition)}.c520 .c522.c525{color:var(--frontly-white-100)}.c520 .c522:hover{--transition:all var(--frontly-duration-short-02) var(--frontly-easing-ease);color:var(--frontly-white-100)}.c520 .c522:hover .c523{transform:scale(1.1665)}.c520 .c522:active .c523{transform:scale(1)}