.ctc-container-wrap {
width: 100%;
}
.ctc-container {
position: relative;
overflow: hidden;
user-select: none;
}
.ctc-container.ctc-shape-circle {
border-radius: 9999px;
}
.ctc-container .ctc-item {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box; color: #fff; text-decoration: none !important;
line-height: 1.1;
font-weight: 700;
user-select: none;
-webkit-tap-highlight-color: transparent;
will-change: transform;
padding: 6px 10px;
text-align: center; white-space: normal;
word-break: break-word;
overflow: hidden;
cursor: pointer;
}
.ctc-container .ctc-item:visited,
.ctc-container .ctc-item:hover,
.ctc-container .ctc-item:active,
.ctc-container .ctc-item:focus { color: inherit; text-decoration: none !important;
outline: none;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 4px #fff;
z-index: 20;
}  #ctc-tooltip {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
background: rgba(0, 0, 0, 0.85);
color: #fff;
padding: 8px 12px;
border-radius: 6px;
font-size: 13px;
line-height: 1.4;
pointer-events: none;
white-space: pre-wrap;
max-width: 300px;
opacity: 0;
visibility: hidden;
transition: opacity 0.1s ease, visibility 0.1s ease; transform: translate(15px, 15px);
}
#ctc-tooltip.is-visible {
opacity: 1;
visibility: visible;
} #ctc-tooltip.ctc-tooltip-focus {
transform: translate(-50%, -100%) translateY(-10px);
}