[data-component-name=ColorTokens][data-v-9a83d2dc]{position:absolute;right:0;top:0;background-color:#fff;border:1px solid #e8e8e8;max-height:25rem;overflow-y:scroll;z-index:999;font-family:Graphik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:140%}[data-component-name=ColorTokens] .token[data-v-9a83d2dc]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;width:100%}[data-component-name=ColorTokens] .token[data-v-9a83d2dc]:hover{background-color:#f8f8f8}[data-component-name=ColorTokens] .token .token-description[data-v-9a83d2dc]{display:flex;align-items:center;justify-content:flex-start;gap:1rem}[data-component-name=ColorTokens] .token .token-description .color[data-v-9a83d2dc]{width:2rem;height:2rem;border-radius:.25rem;border:1px solid #e8e8e8;display:inline-block}[data-component-name=ColorTokens] .token .code[data-v-9a83d2dc]{font-family:Graphik,sans-serif;font-size:1rem;font-style:normal;font-weight:600;line-height:140%}