:root{line-height:1.5;font-weight:400;color-scheme:light;font-family:Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{color-scheme:dark}body{align-items:center;margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{text-align:center}a,a:link,a:visited{color:#ff69b4}a:active,a:hover{color:#ff1493}.app[data-v-38f9b7bb]{max-width:1280px;margin:96px 0;display:flex;flex-direction:column;align-items:center}h1[data-v-38f9b7bb]{display:block;font-size:40px;background:linear-gradient(to right in hsl shorter hue,hsl(330 100 70.59),hsl(60 100 70.59));color:transparent;background-clip:text;margin-bottom:0;-webkit-background-clip:text}h2[data-v-38f9b7bb]{font-size:24px;margin-top:64px}code[data-v-38f9b7bb]{background-color:light-dark(#f0f0f0,#202020);padding:12px 16px;border-radius:4px}rgb-color-mixer[data-v-38f9b7bb]{margin-top:32px}.head[data-v-38f9b7bb]{align-items:center;display:inline-flex;gap:16px}.badge[data-v-38f9b7bb]{background-color:light-dark(#d0d0d0,#303030);padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.note[data-v-38f9b7bb]{margin-top:64px}