DataScope26/WEB

1.info-icon-container {2    position: relative;3    display: inline-flex;4    align-items: center;5}6 7.info-icon {8    width: 1.25rem;9    height: 1.25rem;10    display: flex;11    align-items: center;12    justify-content: center;13    font-size: 1rem;14    cursor: pointer;15    transition: transform 0.2s;16}17 18.info-icon:hover {19    transform: scale(1.1);20}21 22.info-tooltip {23    position: absolute;24    top: 0;25    right: calc(100% + 0.625rem);26    left: auto;27    background: rgba(0, 0, 0, 0.9);28    color: white;29    padding: 0.875rem 1.125rem;30    border-radius: 0.5rem;31    font-size: 0.75rem;32    line-height: 1.5;33    min-width: 16.25rem;34    max-width: 26.25rem;35    width: max-content;36    z-index: 1000;37    white-space: normal;38    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);39    text-align: left;40}41 42html[data-theme='light'] .info-tooltip {43    background: rgba(255, 255, 255, 0.95);44    color: #111827;45    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);46    border: 0.0625rem solid rgba(15, 23, 42, 0.12);47}48 49.tooltip-title {50    margin: 0 0 0.375rem 0;51    font-weight: 600;52    font-size: 0.8125rem;53}54 55.tooltip-description {56    margin: 0;57    font-size: 0.75rem;58}