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