@layer components{.dc-flag{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-white);flex-shrink:0;font-size:10px;font-weight:600;line-height:1}.dc-flag.dc-flag--rookie{background-color:var(--dc-flag-rookie)}.dc-flag.dc-flag--questionable{background-color:var(--dc-flag-questionable);color:var(--color-black)}.dc-flag.dc-flag--doubtful{background-color:var(--dc-flag-doubtful);color:var(--color-black)}.dc-flag.dc-flag--out{background-color:var(--dc-flag-out)}.dc-flag--has-tip{position:relative;cursor:help}.dc-flag--has-tip:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.dc-flag__tooltip{position:absolute;top:calc(100% + 8px);left:50%;z-index:30;display:flex;width:max-content;max-width:min(240px,100vw - 1.5rem);flex-direction:column;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 14px 36px rgba(0,0,0,.25);color:var(--color-text);font-size:.75rem;font-weight:400;gap:.125rem;line-height:1.45;opacity:0;pointer-events:none;text-align:start;transform:translateX(calc(-50% + var(--tooltip-shift, 0px))) translateY(-6px);transition:opacity .15s ease,transform .15s ease;white-space:normal}.dc-flag--has-tip:hover .dc-flag__tooltip,.dc-flag--has-tip:focus-within .dc-flag__tooltip{opacity:1;pointer-events:auto;transform:translateX(calc(-50% + var(--tooltip-shift, 0px))) translateY(0)}@media(prefers-reduced-motion: reduce){.dc-flag__tooltip{transition:none}}.dc-flag__tooltip-title{font-weight:600}.dc-flag__tooltip-practice,.dc-flag__tooltip-source{color:var(--color-text-muted)}}