:root{--font-ui: "Oswald", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;font-weight:400;--active-color: #888888;--active-color-15a: rgba(136,136,136,.15);--ac-t1: color-mix(in srgb, var(--active-color) 70%, #a78bfa 30%);--ac-t2: color-mix(in srgb, var(--active-color) 70%, #60a5fa 30%);--ac-t3: color-mix(in srgb, var(--active-color) 70%, #5eead4 30%);--ac-t1-15a: color-mix(in srgb, var(--ac-t1) 15%, transparent);--ac-t2-15a: color-mix(in srgb, var(--ac-t2) 15%, transparent);--ac-t3-15a: color-mix(in srgb, var(--ac-t3) 15%, transparent);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-ui{font-family:var(--font-ui)}.font-display{font-family:var(--font-display)}body{margin:0;background:var(--active-color-15a)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit}html,body{font-family:var(--font-ui)}.cw-title-wrap{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.cw-title{position:relative;margin:4rem 0 2rem;text-align:center;font-weight:400;line-height:1.1;white-space:nowrap;font-size:clamp(1.1rem,6.2vw,3rem);letter-spacing:.5px}.cw-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-.55rem;height:7px;width:min(98%,28ch);background:var(--underline-color, currentColor);border-radius:9999px}@media (max-width: 600px){.cw-title{font-size:clamp(1rem,7.5vw,2.2rem)}}.cw-legend{display:flex;justify-content:center;flex-direction:column}.cw-legend-color-bar{width:64px;height:12px;border-radius:999px;margin:.25rem auto .75rem}.cw-legend-name{font-size:3rem;font-weight:600;width:21rem}.cw-legend-code{font-size:2rem;opacity:.7}.cw-legend-description{font-size:1rem;opacity:.7;width:17rem;margin:0 auto}.data-atributos{gap:.5rem;display:flex;justify-content:center}.data-atributo{color:#353535;outline:1.5px solid rgb(53,53,53);border-radius:8px;padding:0 .5rem}.data-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.data-atributo{background-color:transparent}@media (max-width: 600px){.cw-legend-color-bar{margin:0 auto}.data-atributos{margin-bottom:1.2rem}.data-buttons{margin-bottom:1rem}}.wrapper{display:flex;flex-direction:column}.cw-root{width:100%;min-height:80vh;display:flex;align-items:center;gap:2rem;box-sizing:border-box}.wheel-wrap{position:relative;width:var(--wrap-w);height:var(--wrap-h);transform:scale(var(--wheel-scale, 1));width:60%}.wheel-bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--circle-size);height:var(--circle-size);border-radius:50%;background:#f1f1f1;z-index:0}.wheel-ring{position:absolute;inset:0;z-index:10}.wheel-card-pos{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--inner-radius));transform-origin:center center}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--center-size);height:var(--center-size);border-radius:50%;background:transparent;z-index:9999;pointer-events:none;display:grid;place-items:center}.wheel-center-inner{display:grid;gap:8px;place-items:center;width:100%;height:100%;padding:12px;text-align:center}.wheel-center-img{width:90%;height:100%;display:block;opacity:0;animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{to{opacity:1}}@media (prefers-reduced-motion: reduce){.wheel-center-img{animation:none;opacity:1}}.cw-legend{margin-top:1.5rem;text-align:center}@media (max-width: 600px){.cw-root{flex-direction:column;margin:auto;padding:auto;gap:0}.wheel-wrap{transform:scale(.4);height:10rem;padding:auto;margin:10rem auto}}.gf-wrapper,.gf-col{display:flex;flex-direction:column;gap:1rem}.gf-tile{position:relative;overflow:hidden;border-radius:1.25rem;background:#f6f6f6}.gf-tile img{width:100%;height:100%;object-fit:cover;display:block}.gf-rt,.gf-rm,.gf-rb{aspect-ratio:16 / 9}.gf-center-tile{aspect-ratio:3 / 4}.gf-tl,.gf-bl{aspect-ratio:4 / 3}.gf-right{order:1}.gf-center{order:2}.gf-left{order:3}@media (min-width: 768px){.gf-wrapper{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:1.5rem;align-items:stretch}.gf-left,.gf-center,.gf-right{order:0}.gf-left{grid-column:1;align-self:start}.gf-center{grid-column:2;height:100%}.gf-right{grid-column:3;align-self:start}.gf-left{align-self:stretch;display:grid;grid-template-rows:auto 1fr;gap:var(--gf-gap, 12px);height:100%}.gf-left{align-self:start;display:flex;flex-direction:column;gap:var(--gf-gap, 12px)}.gf-left .gf-tl{aspect-ratio:4 / 3}.gf-left .gf-bl{flex:1 1 auto;min-height:0}.gf-left .gf-bl img{width:100%;height:100%;object-fit:cover}.gf-center .gf-center-tile,.gf-center .gf-center-tile img{object-fit:cover}.gf-center{height:100%}.gf-center .gf-center-tile{aspect-ratio:auto;height:100%;min-height:100%}.gf-right{align-self:start}.gf-right .gf-rt,.gf-right .gf-rm,.gf-right .gf-rb{aspect-ratio:16 / 9}}.gf-tile{opacity:0;transform:translateY(8px) scale(.985);transition:opacity .42s ease,transform .42s cubic-bezier(.22,.61,.36,1);transition-delay:var(--gf-delay, 0ms);will-change:opacity,transform;position:relative}.gf-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000000f,#0000001f,#0000000f 40%);background-size:200% 100%;animation:gf-shimmer 1.2s linear infinite;border-radius:inherit;pointer-events:none}.gf-tile.is-loaded{opacity:1;transform:none}.gf-tile.is-loaded:before{opacity:0;transition:opacity .3s ease}@keyframes gf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.gf-tile{transition:none;transform:none}.gf-tile:before{animation:none}}.cw-legend-galeria{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.cw-legend-color-bar-galeria{width:10px;height:60px;border-radius:999px;margin:2rem}.cw-legend-name-galeria{font-size:3rem;font-weight:600;width:20rem}.cw-legend-code-galeria{font-size:1.6rem;opacity:.7}@media (max-width: 600px){.cw-legend-galeria{display:none}}.upbutton{--upbutton-bg: #111827;--upbutton-size: 56px;--upbutton-fg: #ffffff;width:var(--upbutton-size);height:var(--upbutton-size);border:none;border-radius:9999px;background:var(--upbutton-bg);color:var(--upbutton-fg);display:flex;align-items:center;justify-content:center;margin:1rem auto;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.upbutton__icon{width:calc(var(--upbutton-size) * .46);height:calc(var(--upbutton-size) * .46);display:block}.upbutton--sm{--upbutton-size: 40px}.upbutton--md{--upbutton-size: 56px}.upbutton--lg{--upbutton-size: 72px}.upbutton--light{--upbutton-fg: #111827}.upbutton--dark{--upbutton-fg: #ffffff}.upbutton:hover:not(:disabled){transform:translateY(-1px)}.upbutton:active:not(:disabled){transform:translateY(0)}.upbutton:disabled{opacity:.55;cursor:not-allowed}@media (min-width: 768px){.upbutton{display:none}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{padding:2em}.read-the-docs{color:#888}:root{--active-color: #7c3aed;--bg-color: color-mix(in srgb, var(--active-color) 20%, #ececec)}.rainbow-layer{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg-color);transition:background-color 2s ease}