@charset "utf-8";

body.gaming-theme-black .tool-tip .bubble { border: 1px solid rgb(74, 88, 99); }

body.gaming-theme-black .tool-tip .popup::before { border-color: rgb(74, 88, 99); }

body.gaming-theme-black .tool-tip .popup::after { border-color: rgb(0, 0, 0); top: -6px; }

body.gaming-theme-black .tool-tip .popup .description p * { color: rgb(255, 255, 255) !important; }

.teaser-content { font-weight: normal; font-size: 13px; line-height: 16px; padding-right: 5px; }

.teaser-content ~ .tool-tip { padding-left: 0px; }

.tool-tip { padding-left: 5px; padding-bottom: 3px; align-items: center; justify-content: center; vertical-align: middle; text-align: left; position: relative; cursor: pointer; font-size: 14px; line-height: 22px; display: inline-flex !important; color: var(--link-color) !important; }

.tool-tip.link { font-weight: bold; padding-left: 0px; }

.tool-tip.link, .tool-tip.text-link, .tool-tip.teaser { text-decoration: underline; }

.tool-tip a { color: var(--link-color); }

.tool-tip svg { height: 14px; width: 14px; fill: var(--link-color) !important; }

.tool-tip .popup { cursor: auto; user-select: text; visibility: hidden; opacity: 0; position: absolute; transform: translateX(-50%); transition: opacity 0.1s; top: -9999px; left: -9999px; z-index: 999; height: 0px; width: max-content; color: var(--fore-color); }

.tool-tip .popup::before { content: ""; display: inline-block; border-bottom: 16px solid rgb(255, 255, 255); border-right: 16px solid rgb(255, 255, 255); transform: rotate(-45deg); position: absolute; left: calc(50% - 10px); top: -8px; box-shadow: rgba(0, 0, 0, 0.5) 2px 0px 8px; }

.tool-tip .popup::after { content: ""; display: inline-block; border-bottom: 16px solid rgb(255, 255, 255); border-right: 16px solid rgb(255, 255, 255); transform: rotate(-45deg); position: absolute; left: calc(50% - 10px); top: -8px; }

.tool-tip .popup .bubble { text-align: left; position: relative; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.5) 2px 0px 8px; width: 440px; padding: 10px; font-size: 14px; line-height: 17px; display: flex; flex-direction: column; font-weight: normal; word-break: break-word; background-color: var(--bg-color) !important; }

@media (max-width: 749px) {
  .tool-tip .popup .bubble { width: 98.8vw; max-width: 440px; }
}

.tool-tip .popup .bubble.mobile { width: 360px; }

.tool-tip .popup .bubble .headline { padding-bottom: 5px; border-bottom: 1px solid rgb(204, 204, 204); font-weight: bold; font-size: 14px; line-height: 17px; }

.tool-tip .popup .bubble .description { margin-top: 5px; font-size: 12px; line-height: 1.25; }

.tool-tip .popup .bubble .description .ellip { display: inline-block; }

.tool-tip .popup .bubble .morelink { font-size: inherit; line-height: inherit; text-decoration: underline; }

.tool-tip .popup .bubble .option-text-link, .tool-tip .popup .bubble .youtube-video { margin-top: 10px; }

.tool-tip .popup .bubble .option-text-link:hover { text-decoration: underline; }

.tool-tip .popup .bubble .youtube-video { width: 100px; height: 60px; display: flex; justify-content: center; align-items: center; margin-left: 0px; border-radius: 4px; }

.tool-tip-hover .popup { opacity: 1; height: auto; visibility: visible; }