:root[data-ui=v3] .od-site.od-site-page.od-tool.od-att{--att-ink:#292340;--att-you:#4b3bb8;--att-you-soft:#e6e2fb}.od-site.od-site-page.od-tool.od-att .od-att-map{--map:min(60vw, 244px);box-sizing:border-box;width:var(--map);aspect-ratio:1;box-shadow:0 4px 0 var(--style-edge,var(--tool-edge));background:#fff;border-radius:20px;grid-template:1fr 1fr/1fr 1fr;gap:4px;margin:10px 0 12px;padding:4px;display:grid;position:relative}.od-site.od-site-page.od-tool.od-att .od-att-map:before,.od-site.od-site-page.od-tool.od-att .od-att-map:after{content:"";z-index:1;pointer-events:none;position:absolute}.od-site.od-site-page.od-tool.od-att .od-att-map:before{border-left:2px dashed #29234033;top:16%;bottom:16%;left:50%}.od-site.od-site-page.od-tool.od-att .od-att-map:after{border-top:2px dashed #29234033;top:50%;left:10%;right:16%}.od-site.od-site-page.od-tool.od-att .od-att-cell{background:color-mix(in srgb, var(--style-tint) 60%, #fff);border-radius:15px;position:relative}.od-site.od-site-page.od-tool.od-att .od-att-cell[data-x="0"]{grid-column:1}.od-site.od-site-page.od-tool.od-att .od-att-cell[data-x="1"]{grid-column:2}.od-site.od-site-page.od-tool.od-att .od-att-cell[data-y="0"]{grid-row:1}.od-site.od-site-page.od-tool.od-att .od-att-cell[data-y="1"]{grid-row:2}.od-site.od-site-page.od-tool.od-att .od-att-map[data-all] .od-att-cell{background:var(--style-tint)}.od-site.od-site-page.od-tool.od-att .od-att-cell[data-mine]{background:color-mix(in srgb, var(--style-body) 22%, var(--style-tint));box-shadow:inset 0 0 0 2.5px var(--style-body)}.od-site.od-site-page.od-tool.od-att .od-att-cell-name{z-index:4;color:var(--style-deep);font:400 calc(var(--map) * .05)/1 var(--tool-face);white-space:nowrap;background:#ffffffe6;border-radius:999px;padding:.22em .5em;position:absolute}.od-site.od-site-page.od-tool.od-att .od-att-ghost{opacity:.35;width:37%;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.od-site.od-site-page.od-tool.od-att .od-att-ghost svg{width:100%;height:auto;display:block}.od-site.od-site-page.od-tool.od-att .od-att-cell[data-x="0"] .od-att-cell-name{left:5%}.od-site.od-site-page.od-tool.od-att .od-att-cell[data-x="1"] .od-att-cell-name{right:5%}.od-site.od-site-page.od-tool.od-att .od-att-cell[data-y="0"] .od-att-cell-name{top:5%}.od-site.od-site-page.od-tool.od-att .od-att-cell[data-y="1"] .od-att-cell-name{bottom:5%}.od-site.od-site-page.od-tool.od-att .od-att-axis{z-index:2;color:#292340b8;font:400 calc(var(--map) * .045)/1.1 var(--tool-face);white-space:nowrap;background:#fff;border-radius:999px;padding:3px 7px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px #29234014}.od-site.od-site-page.od-tool.od-att .od-att-axis[data-axis=up]{top:0}.od-site.od-site-page.od-tool.od-att .od-att-axis[data-axis=across]{top:100%}.od-site.od-site-page.od-tool.od-att .od-att-dot{z-index:3;width:0;height:0;transition:left .32s var(--v3-ease), top .32s var(--v3-ease);position:absolute}.od-site.od-site-page.od-tool.od-att .od-att-dot-art{top:calc(var(--map) * -.17);left:calc(var(--map) * -.157);width:calc(var(--map) * .314);animation:od-tool-pop .42s var(--v3-ease) both;position:absolute}.od-site.od-site-page.od-tool.od-att :is(.od-att-dot-art,.od-att-dot-you,.od-att-thumb) svg{width:100%;height:auto;display:block}.od-site.od-site-page.od-tool.od-att .od-att-dot[data-all] .od-att-dot-art{animation:od-tool-bob 2.6s var(--v3-ease) infinite}.od-site.od-site-page.od-tool.od-att .od-att-dot[data-all]:nth-of-type(2) .od-att-dot-art{animation-delay:-.65s}.od-site.od-site-page.od-tool.od-att .od-att-dot[data-all]:nth-of-type(3) .od-att-dot-art{animation-delay:-1.3s}.od-site.od-site-page.od-tool.od-att .od-att-dot[data-all]:nth-of-type(4) .od-att-dot-art{animation-delay:-1.95s}.od-site.od-site-page.od-tool.od-att .od-att-lineup{justify-items:center;margin:14px 0 10px;display:grid}.od-site.od-site-page.od-tool.od-att .od-att-lineup .od-att-map{--map:min(76vw, 300px)}.od-site.od-site-page.od-tool.od-att .od-att-disclaimer{color:var(--doc-soft);text-align:center;margin:6px 0 0;font-size:13px}.od-site.od-site-page.od-tool.od-att .od-att-live{justify-items:center;margin:auto 0 10px;display:grid}.od-site.od-site-page.od-tool.od-att .od-att-map[data-mini]{--map:clamp(104px, 32vw, 128px);box-shadow:0 3px 0 var(--tool-edge);border-radius:12px;gap:2px;margin:0;padding:2px}.od-site.od-site-page.od-tool.od-att .od-att-map[data-mini] .od-att-cell{background:var(--style-tint);transition:background-color .32s var(--v3-ease);border-radius:10px}.od-site.od-site-page.od-tool.od-att .od-att-map[data-mini]:before,.od-site.od-site-page.od-tool.od-att .od-att-map[data-mini]:after{display:none}.od-site.od-site-page.od-tool.od-att .od-att-dot-you{filter:drop-shadow(0 2px #4b3bb840);width:26px;position:absolute;top:-18px;left:-13px}.od-site.od-site-page.od-tool.od-att .od-att-moment-card{background:var(--doc-card);box-shadow:0 5px 0 var(--tool-edge);border-radius:24px;justify-items:center;gap:12px;padding:18px 18px 20px;display:grid}.od-site.od-site-page.od-tool.od-att .od-att-moment-art{aspect-ratio:1;background:var(--att-you-soft);width:54px;color:var(--att-you);border-radius:50%;place-items:center;display:grid}.od-site.od-site-page.od-tool.od-att .od-att-moment-art svg{width:28px;height:28px}.od-site.od-site-page.od-tool.od-att .od-att-moment-text{color:var(--doc-ink);font:400 clamp(22px, 6.4vw, 28px)/1.22 var(--tool-face);letter-spacing:0;text-align:center;text-wrap:balance;margin:0}.od-site.od-site-page.od-tool.od-att .od-att-moment-text:focus{outline:none}.od-site.od-site-page.od-tool.od-att .od-att-scale-wrap{margin:22px 0 6px}.od-site.od-site-page.od-tool.od-att .od-att-scale-word{min-height:1.2em;color:var(--att-you);font:400 22px/1.2 var(--tool-face);text-align:center;margin:0 0 6px}.od-site.od-site-page.od-tool.od-att .od-att-scale-wrap:not(:has([data-picked])) .od-att-scale-word{color:var(--doc-soft);font-size:18px}.od-site.od-site-page.od-tool.od-att .od-att-scale{touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(5,1fr);height:84px;display:grid;position:relative}.od-site.od-site-page.od-tool.od-att .od-att-track{background:var(--tool-track);border-radius:999px;height:12px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.od-site.od-site-page.od-tool.od-att .od-att-track span{border-radius:inherit;background:var(--att-you);height:100%;transition:width .16s var(--v3-ease);display:block}.od-site.od-site-page.od-tool.od-att .od-att-stop{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;min-width:44px;height:100%;padding:0;display:grid;position:relative}.od-site.od-site-page.od-tool.od-att .od-att-tick{box-sizing:border-box;border:4px solid var(--tool-track);background:#fff;border-radius:50%;width:18px;height:18px}.od-site.od-site-page.od-tool.od-att .od-att-stop:disabled{cursor:default}.od-site.od-site-page.od-tool.od-att .od-att-stop:focus-visible{outline:3px solid var(--att-you);outline-offset:-6px;border-radius:16px}.od-site.od-site-page.od-tool.od-att .od-att-thumb{z-index:2;pointer-events:none;filter:drop-shadow(0 2px #4b3bb838);width:52px;transition:left .16s var(--v3-ease);position:absolute;top:50%;transform:translate(-50%,-54%)}.od-site.od-site-page.od-tool.od-att .od-att-thumb[data-idle]{animation:od-att-nudge 1.8s var(--v3-ease) infinite}@keyframes od-att-nudge{0%,to{translate:0}25%{translate:-5px}75%{translate:5px}}.od-site.od-site-page.od-tool.od-att .od-att-ends{color:var(--doc-soft);font:400 14px/1 var(--tool-face);justify-content:space-between;margin-top:2px;display:flex}.od-site.od-site-page.od-tool.od-att .od-att-card{background:var(--style-tint);box-shadow:0 6px 0 var(--style-edge);animation:od-tool-in .24s var(--v3-ease);border-radius:28px;justify-items:center;padding:16px 16px 12px;display:grid}.od-site.od-site-page.od-tool.od-att .od-att-card-name{color:var(--doc-ink);font:400 clamp(34px, 10vw, 46px)/1.04 var(--tool-face);letter-spacing:0;text-align:center;-webkit-text-stroke:.045em currentColor;paint-order:stroke fill;margin:12px 0 0}.od-site.od-site-page.od-tool.od-att .od-att-card-name:focus{outline:none}.od-site.od-site-page.od-tool.od-att .od-att-card-line{max-width:18em;color:var(--doc-ink);font:400 19px/1.3 var(--tool-face);text-align:center;text-wrap:balance;margin:4px 0 10px}.od-site.od-site-page.od-tool.od-att .od-att-text{justify-items:center;gap:4px;margin:0;display:grid}.od-site.od-site-page.od-tool.od-att .od-att-bubble{max-width:17em;color:var(--doc-ink);font:400 17px/1.3 var(--tool-face);text-align:left;background:#fff;border-radius:20px 20px 20px 6px;margin:0;padding:9px 15px;box-shadow:0 2px #29234014}.od-site.od-site-page.od-tool.od-att .od-att-text figcaption{color:var(--style-deep);font:400 13px/1.2 var(--tool-face)}.od-site.od-site-page.od-tool.od-att .od-att-card-site{color:var(--style-deep);font:400 13px/1 var(--tool-face);margin-top:8px}.od-site.od-site-page.od-tool.od-att .od-att-near{color:var(--tool-soft-ink);text-align:center;margin:12px 0 0;font-size:14px;line-height:1.45}.od-site.od-site-page.od-tool.od-att .od-att-try{align-items:flex-end;gap:8px;margin:22px 0 0;display:flex}.od-site.od-site-page.od-tool.od-att .od-att-try-art{flex:none;width:46px}.od-site.od-site-page.od-tool.od-att .od-att-try-art svg{width:100%;height:auto;display:block}.od-site.od-site-page.od-tool.od-att .od-att-try p{background:var(--style-tint);box-shadow:0 3px 0 var(--style-edge);color:var(--doc-ink);font:400 17px/1.4 var(--tool-face);border-radius:20px 20px 20px 6px;margin:0;padding:11px 15px}.od-site.od-site-page.od-tool.od-att .od-att-try strong{color:var(--style-deep);font-weight:400}.od-site.od-site-page.od-tool.od-att .od-att-related{margin-top:22px}.od-site.od-site-page.od-tool.od-att .od-att-related h2{color:var(--doc-ink);font:400 20px/1.25 var(--tool-face);letter-spacing:0;margin:0 0 8px}.od-site.od-site-page.od-tool.od-att .od-att-related ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.od-site.od-site-page.od-tool.od-att .od-att-related li{margin:0}.od-site.od-site-page.od-tool.od-att .od-att-related a{background:var(--doc-card);min-height:44px;box-shadow:0 3px 0 var(--tool-edge);color:var(--att-you);font:400 16px/1 var(--tool-face);border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.od-site.od-site-page.od-tool.od-att :is(.od-att-related a,.od-tool-others a):focus-visible{outline:3px solid var(--att-you);outline-offset:3px}.od-site.od-site-page.od-tool .od-att-entry-go{min-height:52px;box-shadow:0 3px 0 var(--tool-edge);color:var(--doc-ink);font:400 19px/1.2 var(--tool-face);background:#fff;border:1.5px solid #ede4d0;border-radius:999px;justify-content:center;align-items:center;margin-top:16px;padding:0 28px;text-decoration:none;display:inline-flex}.od-site.od-site-page.od-tool .od-att-entry-go:focus-visible{outline:3px solid var(--doc-purple);outline-offset:3px}.od-site.od-site-page.od-tool .od-tool-entry+.od-tool-entry{margin-top:18px}@media (max-width:340px){.od-site.od-site-page.od-tool.od-att .od-att-card{padding-inline:10px}.od-site.od-site-page.od-tool.od-att .od-att-card-name{font-size:30px}.od-site.od-site-page.od-tool.od-att .od-att-card-line{margin:2px 0 8px;font-size:16px}.od-site.od-site-page.od-tool.od-att .od-att-bubble{padding:7px 12px;font-size:15px}.od-site.od-site-page.od-tool.od-att .od-att-moment-card{padding:14px 14px 16px}.od-site.od-site-page.od-tool.od-att .od-att-thumb{width:44px}}@media (max-width:559px) and (max-height:760px){.od-site.od-site-page.od-tool.od-att .od-att-card{padding-top:10px}.od-site.od-site-page.od-tool.od-att .od-att-card .od-att-map{--map:min(50vw, 196px)}.od-site.od-site-page.od-tool.od-att .od-att-card-name{margin-top:8px;font-size:clamp(28px,8.6vw,36px)}.od-site.od-site-page.od-tool.od-att .od-att-card-line{margin:2px 0 8px;font-size:17px}.od-site.od-site-page.od-tool.od-att .od-att-card-site{margin-top:4px}.od-site.od-site-page.od-tool.od-att:has(.od-tool-quiz[data-step=result]) .od-tool-crumb{display:none}.od-site.od-site-page.od-tool.od-att .od-att-lineup .od-att-map{--map:min(66vw, 250px)}.od-site.od-site-page.od-tool.od-att .od-att-scale-wrap{margin-top:14px}}@media (max-width:559px) and (max-height:600px){.od-site.od-site-page.od-tool.od-att .od-att-card .od-att-map{--map:min(46vw, 168px);margin:8px 0}.od-site.od-site-page.od-tool.od-att .od-att-card-name{margin-top:4px;font-size:26px}.od-site.od-site-page.od-tool.od-att .od-att-card-line{margin:0 0 6px;font-size:15px}.od-site.od-site-page.od-tool.od-att .od-att-bubble{padding:6px 11px;font-size:14px}.od-site.od-site-page.od-tool.od-att .od-att-text figcaption{font-size:12px}.od-site.od-site-page.od-tool.od-att .od-att-card-site{display:none}.od-site.od-site-page.od-tool.od-att .od-tool-share{margin-top:12px}.od-site.od-site-page.od-tool.od-att .od-tool-share-button{min-height:46px}.od-site.od-site-page.od-tool.od-att .od-att-lineup{margin:6px 0 4px}.od-site.od-site-page.od-tool.od-att .od-att-lineup .od-att-map{--map:min(56vw, 200px)}.od-site.od-site-page.od-tool.od-att .od-tool-title{font-size:30px}.od-site.od-site-page.od-tool.od-att .od-tool-lede{margin:2px 0 12px;font-size:16px}.od-site.od-site-page.od-tool.od-att .od-att-map[data-mini]{--map:92px}.od-site.od-site-page.od-tool.od-att .od-att-moment-card{gap:8px;padding:12px 12px 14px}.od-site.od-site-page.od-tool.od-att .od-att-moment-art{width:42px}}@media (prefers-reduced-motion:reduce){.od-site.od-site-page.od-tool.od-att :is(.od-att-card,.od-att-dot-art,.od-att-thumb){animation:none}.od-site.od-site-page.od-tool.od-att :is(.od-att-dot,.od-att-thumb,.od-att-track span){transition:none}}