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