.react-mbti-navigator{background:#fffdf7c2;border:1px solid #3a695924;border-radius:20px;margin-top:26px;padding:18px}.react-mbti-navigator__header{justify-content:space-between;align-items:end;gap:12px;margin-bottom:15px;display:flex}.react-mbti-navigator__header div{gap:4px;display:grid}.react-mbti-navigator__header span{color:#779283;letter-spacing:.12em;font-size:.72rem;font-weight:800}.react-mbti-navigator__header strong{color:#315b4e;font-family:Georgia,Songti SC,serif;font-size:1.15rem}.react-mbti-navigator__header b{color:#51806e;font-size:.88rem}.react-mbti-navigator__grid{perspective:800px;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.react-mbti-cube{aspect-ratio:1;cursor:pointer;color:#61746c;font:inherit;transform-style:preserve-3d;border:1px solid #3f64572e;border-radius:8px;place-items:center;font-size:clamp(.6rem,1vw,.76rem);font-weight:800;transition:background-color .18s,border-color .18s;display:grid;position:relative}.react-mbti-cube:after{z-index:-1;border-radius:inherit;content:"";background:#2a463b1f;position:absolute;inset:4px -3px -4px 3px;transform:translateZ(-6px)}.react-mbti-cube--unanswered{background:#f1efe7}.react-mbti-cube--answered{color:#3d6c59;background:#d6e9d9;border-color:#99baa3}.react-mbti-cube--current{color:#704c20;background:#f6d99b;border-color:#c18b49;box-shadow:0 0 0 3px #d2a05333}.react-mbti-navigator__legend{color:#687a72;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:.78rem;display:flex}.react-mbti-navigator__legend span{align-items:center;gap:5px;display:inline-flex}.react-mbti-navigator__legend i{border-radius:3px;width:9px;height:9px}.react-mbti-navigator__legend .is-current{background:#f6d99b}.react-mbti-navigator__legend .is-answered{background:#d6e9d9}.react-mbti-navigator__legend .is-unanswered{background:#f1efe7}@media (width<=640px){.react-mbti-navigator{padding:14px}.react-mbti-navigator__grid{gap:5px}.react-mbti-cube{border-radius:6px}}@media (prefers-reduced-motion:reduce){.react-mbti-cube{transition:none}}
/*$vite$:1*/