.tc-stage{position:relative}.tc-plot{display:none}.tc-node{text-align:left;background:var(--color-ivory);border-top:2px solid var(--color-spruce);width:100%;padding:1.1rem 1.25rem 1.25rem;transition:background-color .22s,opacity .22s;display:block;position:relative}.tc-center{background:var(--color-spruce);padding:1.75rem 1.25rem;position:relative}.tc-detailwrap{grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.2,.7,.2,1);display:grid}.tc-detail{opacity:0;min-height:0;transition:opacity .2s 60ms;overflow:hidden}.tc-node.is-open .tc-detailwrap{grid-template-rows:1fr}.tc-node.is-open .tc-detail{opacity:1}.tc-ink{--ink-x:0px;--ink-y:0px;transform:translate(var(--ink-x), var(--ink-y));mix-blend-mode:multiply;transition:transform .22s}.tc-node.is-open .tc-ink{--ink-x:4px;--ink-y:-3px}.tc-sign{transition:transform .34s cubic-bezier(.2,.7,.2,1)}.tc-node.is-open .tc-sign{transform:rotate(90deg)}.tc-sign-bar{transition:opacity .22s}.tc-node.is-open .tc-sign-bar{opacity:0}@media (min-width:1280px){.tc-stage{height:34rem}.tc-head{position:absolute;top:0;left:0;right:0}.tc-plot{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tc-node{width:16.5rem;left:var(--tc-x);top:var(--tc-y);border:1.5px solid var(--color-spruce);box-shadow:var(--shadow-hard-sm);transition:transform .22s,box-shadow .22s,opacity .22s;position:absolute;transform:translate(-50%,-50%)}.tc-node.is-open{z-index:5;box-shadow:8px 9px 0 0 var(--color-spruce);transform:translate(calc(-50% - 3px),calc(-50% - 4px))}.tc-stage[data-active] .tc-node:not(.is-open){opacity:.45}.tc-center{border:1.5px solid var(--color-spruce);width:23rem;box-shadow:6px 6px 0 0 var(--color-willow);text-align:center;padding:2.25rem 2rem;transition:opacity .22s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tc-stage[data-active] .tc-center{opacity:.9}}.tc-pin{display:none}@media (min-width:1280px){.tc-pin{z-index:2;width:.9rem;height:.9rem;display:block;position:absolute;top:50%;transform:translateY(-50%)}.tc-pin[data-side=left]{left:calc(-.45rem - 1px)}.tc-pin[data-side=right]{right:calc(-.45rem - 1px)}}.tc-pin-ring{fill:var(--color-ivory);stroke:var(--color-spruce);transition:stroke .24s}.tc-pin-core{fill:var(--color-spruce);transition:fill .24s}.tc-node.is-open .tc-pin-ring{stroke:var(--color-cerulean)}.tc-node.is-open .tc-pin-core{fill:var(--color-cerulean)}.tc-plot .tc-ring{fill:none;stroke:var(--color-spruce);stroke-opacity:.14;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:2 6}.tc-plot .tc-axis{stroke:var(--color-spruce);stroke-opacity:.1;stroke-width:1px;vector-effect:non-scaling-stroke}.tc-plot .tc-spoke{stroke:var(--color-spruce);stroke-opacity:.4;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:3 7;transition:stroke .24s,stroke-opacity .24s}.tc-plot .tc-spoke.is-lit{stroke:var(--color-cerulean);stroke-opacity:1}.tc-stage[data-active] .tc-spoke:not(.is-lit){stroke-opacity:.16}@media (prefers-reduced-motion:no-preference){.tc-plot .tc-spoke{animation:3.6s linear infinite tc-flow}@keyframes tc-flow{to{stroke-dashoffset:-20px}}}@media (prefers-reduced-motion:reduce){.tc-node,.tc-node.is-open,.tc-center,.tc-detailwrap,.tc-detail,.tc-ink,.tc-sign{transition:none}}
