.concept-chip{outline:0;font-style:normal;display:inline-flex;position:relative}.concept-chip--defined{cursor:help}.concept-chip__label{border:1px solid color-mix(in srgb, var(--gold) 82%, #6f5d24);background:linear-gradient(180deg, #ffffff2e, transparent 58%), color-mix(in srgb, var(--gold) 16%, var(--paper-raised));color:#3c3217;min-height:1.9rem;font-family:var(--heading);letter-spacing:.035em;transition:border-color var(--action) ease, background-color var(--action) ease, box-shadow var(--action) ease;align-items:center;padding:.4rem .68rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff42,0 .2rem .75rem #5b460c0d}.concept-chip__label:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(108deg,#0000 34%,#c5a84e1a 43%,#fff9d785 49%,#c5a84e42 55%,#0000 65%);position:absolute;inset:-65% -45%;transform:translate(-120%)skew(-9deg)}.concept-chip--night .concept-chip__label{border-color:color-mix(in srgb, var(--gold) 68%, #4a4841);background:linear-gradient(180deg, #ffffff0a, transparent 58%), color-mix(in srgb, var(--gold) 7%, #151515);color:#e6e2d7;box-shadow:inset 0 0 0 1px #ffffff0a,0 .2rem .7rem #0000001f}.concept-chip--night .concept-chip__label:after{background:linear-gradient(108deg,#0000 34%,#c5a84e0f 43%,#fff9d747 49%,#c5a84e29 55%,#0000 65%)}.concept-chip--defined:is(:hover,:focus) .concept-chip__label{border-color:color-mix(in srgb, var(--gold) 96%, #6f5d24);background-color:color-mix(in srgb, var(--gold) 21%, var(--paper-raised));box-shadow:inset 0 0 0 1px #ffffff57,0 0 1rem #c5a84e21}.concept-chip--night:is(:hover,:focus) .concept-chip__label{border-color:color-mix(in srgb, var(--gold) 86%, #4a4841);background-color:color-mix(in srgb, var(--gold) 11%, #151515);box-shadow:inset 0 0 0 1px #ffffff12,0 0 .85rem #c5a84e14}.concept-chip--defined:is(:hover,:focus) .concept-chip__label:after{animation:concept-chip-refraction .7s var(--ease-reveal) both}.concept-chip:focus-visible .concept-chip__label{outline:2px solid var(--gold);outline-offset:3px}.concept-chip__tooltip{z-index:30;border:1px solid color-mix(in srgb, var(--gold) 75%, #4f4939);color:#d9d6ce;width:max-content;max-width:min(21rem,100vw - 2rem);font-family:var(--body);letter-spacing:normal;opacity:0;pointer-events:none;visibility:hidden;background:#1c1c1a;gap:.32rem;padding:.75rem .82rem .8rem;font-size:.78rem;font-weight:400;line-height:1.42;transition:opacity .12s,transform .12s,visibility 0s linear .12s;display:grid;position:absolute;top:calc(100% + .65rem);left:0;transform:translateY(.3rem);box-shadow:0 .75rem 1.8rem #1212113d}.concept-chip__tooltip strong{color:var(--gold);font-family:var(--heading);letter-spacing:.055em;text-transform:uppercase;font-size:.7rem}.concept-chip--night .concept-chip__tooltip{border-color:color-mix(in srgb, var(--gold) 62%, #3f3d37);color:#dedbd3;background:#111;box-shadow:0 .75rem 1.8rem #00000061}.concept-chip--defined:is(:hover,:focus) .concept-chip__tooltip{opacity:1;visibility:visible;transition-delay:.8s;transform:translateY(0)}@keyframes concept-chip-refraction{0%{transform:translate(-120%)skew(-9deg)}to{transform:translate(120%)skew(-9deg)}}@media (prefers-reduced-motion:reduce){.concept-chip__label,.concept-chip__tooltip{transition-duration:1ms!important}.concept-chip--defined:is(:hover,:focus) .concept-chip__label:after{animation:none}.concept-chip--defined:is(:hover,:focus) .concept-chip__tooltip{transition-delay:0s}.concept-chip__tooltip{transform:none}}
