:root{--font-sans:"Google Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-code:"Google Sans Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-displayLarge:52px;--font-size-displayMedium:46px;--font-size-displaySmall:41px;--font-size-heading1:36px;--font-size-heading2:32px;--font-size-heading3:29px;--font-size-heading4:26px;--font-size-heading5:23px;--font-size-heading6:20px;--font-size-subtitle:18px;--font-size-body:16px;--font-size-caption:14px;--font-size-label:13px;--font-size-tagline:11px;--neutral-0:#fff;--neutral-50:#fafbfc;--neutral-100:#f5f6f7;--neutral-150:#f0f1f3;--neutral-200:#ebecef;--neutral-250:#e0e2e5;--neutral-300:#d6d8db;--neutral-350:#cccfd2;--neutral-400:#c2c5c9;--neutral-450:#b8bbbf;--neutral-500:#a3a7ab;--neutral-550:#8f9397;--neutral-600:#7a7e83;--neutral-650:#666a6f;--neutral-700:#52565b;--neutral-750:#3d4147;--neutral-800:#292d33;--neutral-850:#1f2329;--neutral-900:#14171c;--neutral-950:#0a0c0f;--neutral-1000:#000;--primary-light:#f8f8ff;--primary-light-hover:#e4e5ff;--primary-color:#06f;--primary-hover:#1955d2;--primary-accent:#20419b;--primary-dark:#1c2755}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--neutral-500) var(--neutral-200);margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-250)}::-webkit-scrollbar-thumb{background-color:var(--neutral-550);border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-650)}::selection{background-color:var(--neutral-1000);color:var(--neutral-100)}::selection{background-color:var(--neutral-1000);color:var(--neutral-100)}body{font-family:var(--font-sans);background-color:var(--neutral-0);color:var(--neutral-1000);cursor:url(/design-token-studio/load/cursor.svg),auto;min-height:100vh}label,select,input,button,a,textarea{font-family:inherit}button{white-space:nowrap;cursor:pointer}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666a6f' viewBox='0 0 256 256'%3e%3cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3e%3c/path%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.react-colorful{-webkit-user-select:none;user-select:none;cursor:default;flex-direction:column;height:200px;display:flex;position:relative;width:100%!important}.react-colorful__saturation{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);border-color:#0000 #0000 #000;border-bottom-style:solid;border-bottom-width:12px;border-radius:8px 8px 0 0;flex-grow:1;position:relative}.react-colorful__hue{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:8px;height:24px;margin-top:12px;position:relative}.react-colorful__hue-pointer,.react-colorful__saturation-pointer{z-index:1;cursor:pointer;background-color:#fff;border:2px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.react-colorful__saturation-pointer{z-index:3;cursor:grab}.react-colorful__hue-pointer{top:50%}.react-colorful__interactive{border-radius:inherit;touch-action:none;outline:none;position:absolute;inset:0}