:root{--font-family: "Roboto", sans-serif;--bg-base: #14171a;--bg-primary: #1d262c;--bg-secondary: #242d33;--bg-input: #2d3840;--bg-tag: #ffdf41;--text-primary: #f9f9f9;--text-tertiary: #838b91;--text-quaternary: #676e73;--text-link: #5d9ffa;--text-black: #000000;--button-primary-blue: #5d9ffa;--button-secondary: #475259;--icon-primary: #838b91;--icon-blue: #5d9ffa;--icon-green: #57d982;--divider-grey: #323e47;--divider-blue: #5d9ffa;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--overlay-05: rgba(255, 255, 255, .05);--overlay-10: rgba(255, 255, 255, .1);--overlay-dark-15: rgba(97, 97, 97, .15);--overlay-dark-25: rgba(97, 97, 97, .25);--icon-hover: #cccccc;--icon-pressed: #838b91;--gutter-1: .125rem;--gutter-2: .25rem;--gutter-3: .5rem;--gutter-4: .75rem;--gutter-5: 1rem;--gutter-6: 1.5rem;--gutter-7: 2rem;--gutter-8: 2.5rem;--gutter-9: 3rem;--gutter-10: 3.5rem;--gutter-11: 4rem;--gutter-12: 4.5rem;--gutter-13: 5rem}.responsive-icon:hover{background-color:var(--overlay-05)}.responsive-icon:active{background-color:var(--overlay-10)}