.tippy-box[data-theme~=light-border]{background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,8,16,.15);color:#333;box-shadow:0 4px 14px -2px rgba(0,8,16,.08)}.tippy-box[data-theme~=light-border]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light-border]>.tippy-arrow:after,.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{content:"";position:absolute;z-index:-1}.tippy-box[data-theme~=light-border]>.tippy-arrow:after{border-color:transparent;border-style:solid}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after{border-top-color:rgba(0,8,16,.2);border-width:7px 7px 0;top:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg{top:16px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after{top:17px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff;bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:rgba(0,8,16,.2);border-width:0 7px 7px;bottom:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after{bottom:17px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after{border-left-color:rgba(0,8,16,.2);border-width:7px 0 7px 7px;left:17px;top:1px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg{left:11px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after{left:12px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff;right:16px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after{border-width:7px 7px 7px 0;right:17px;top:1px;border-right-color:rgba(0,8,16,.2)}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg{right:11px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after{right:12px}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow{fill:#fff}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);background-size:16px 6px;width:16px;height:6px}
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}
/*!
 * This file is part of the Semantic MediaWiki Extension
 * @see https://semantic-mediawiki.org/
 *
 * @section LICENSE
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
 *
 * @see https://www.w3schools.com/howto/howto_js_vertical_tabs.asp
 *
 * @since 3.1
 *
 * @file
 * @ingroup SMW
 *
 * @licence GNU GPL v2+
 * @author mwjames
 */
/**
 * Semantic MediaWiki design tokens
 */
/**
 * Allow skins to override the tokens above
 * @see https://www.mediawiki.org/wiki/Manual:How_to_make_a_MediaWiki_skin#Use_in_core,_skins_and_extensions_Less_files
 */
/**
 * This file is a LESS import match for "mediawiki.skin.variables.less"
 * when legacy Vector (useskin=vector) is the active skin.
 */
/* stylelint-disable stylistic/indentation */
.tippy-box[data-theme~='light-border'] {
  padding: 0;
  color: var(--color-base, #202122);
  background-color: var(--background-color-base, #fff);
  border-color: var(--border-color-muted, #dadde3);
}
.tippy-box[data-theme~='light-border'].square-border,
.tippy-box[data-theme~='light-border'].square-border-light,
.tippy-box[data-theme~='light-border'].square-border-transparent-arrow {
  border-radius: 0;
}
.tippy-box[data-theme~='light-border'][data-placement^=top] .tippy-arrow::before,
.tippy-box[data-theme~='light-border'][data-placement^=top] .tippy-arrow::after {
  border-top-color: var(--background-color-neutral-subtle, #f8f9fa);
}
.tippy-box[data-theme~='light-border'][data-placement^=top].square-border-transparent-arrow .tippy-arrow::before,
.tippy-box[data-theme~='light-border'][data-placement^=top].square-border-light .tippy-arrow::before,
.tippy-box[data-theme~='light-border'][data-placement^=top].square-border-transparent-arrow .tippy-arrow::after,
.tippy-box[data-theme~='light-border'][data-placement^=top].square-border-light .tippy-arrow::after {
  border-top-color: var(--background-color-base, #fff);
}
.tippy-box[data-theme~='light-border'][data-placement^=bottom] .tippy-arrow::before,
.tippy-box[data-theme~='light-border'][data-placement^=bottom] .tippy-arrow::after {
  border-bottom-color: var(--background-color-neutral-subtle, #f8f9fa);
}
.tippy-box[data-theme~='light-border'][data-placement^=bottom].square-border-transparent-arrow .tippy-arrow::before,
.tippy-box[data-theme~='light-border'][data-placement^=bottom].square-border-light .tippy-arrow::before,
.tippy-box[data-theme~='light-border'][data-placement^=bottom].square-border-transparent-arrow .tippy-arrow::after,
.tippy-box[data-theme~='light-border'][data-placement^=bottom].square-border-light .tippy-arrow::after {
  border-bottom-color: var(--background-color-base, #fff);
}
.tippy-content {
  /* Padding will be apply at .tippy-header and .tippy-content-container instead */
  padding: 0;
}
.tippy-header,
.tippy-top,
.tippy-content-container,
.tippy-bottom {
  padding-inline: 12px;
}
.tippy-header {
  padding-block-start: 8px;
  padding-block-end: 4px;
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
  border-bottom: 1px solid var(--border-color-muted, #dadde3);
  border-top-left-radius: calc(0.3em - 1px);
  border-top-right-radius: calc(0.3em - 1px);
}
.square-border-light .tippy-header {
  background-color: var(--background-color-base, #fff);
}
.tippy-header.accordion-popup {
  font-weight: 600;
}
.tippy-header.accordion-popup.plain {
  background-color: transparent;
}
.tippy-top {
  padding-block-start: 8px;
  padding-block-end: 0;
  font-size: 0.75rem;
}
.tippy-top.accordion-popup {
  text-align: justify;
  padding: 8px;
}
.tippy-bottom {
  padding-block: 8px;
  border-top: 1px solid var(--border-color-muted, #dadde3);
  border-bottom-left-radius: calc(0.3em - 1px);
  border-bottom-right-radius: calc(0.3em - 1px);
}
.tippy-bottom.wide-popup {
  padding-block-end: 1rem;
}
.tippy-content-container {
  padding-block: 8px;
  word-break: break-word;
  /* max-width: 260px; */
  max-height: 250px;
  overflow-y: auto;
}
.tippy-content-container ul {
  padding-inline-start: 10px;
  margin: 0.3em 0.3em 0.3em 0.5em;
  font-size: 0.75rem;
}
.tippy-content-container code {
  word-break: break-all;
}
.tippy-content-container.wide-popup {
  max-height: 300px;
}
.tippy-content-container.accordion-popup {
  padding: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  max-height: 300px;
}
.tippy-content-overlay {
  height: 40px;
  width: 260px;
  margin-top: 10px;
}
.tippy-cancel {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: var(--color-emphasized, #101418);
  opacity: 1;
  margin-left: 10px;
  cursor: pointer;
}
.tippy-cancel::after {
  content: '×';
}
.tippy-cancel:hover {
  opacity: 0.8;
}
.tippy-warning-circle {
  float: right;
  height: 10px;
  width: 10px;
  background-color: var(--color-icon-warning, #ab7f2a);
  display: inline-block;
  margin-top: 3.5px;
  margin-left: 15px;
  border-radius: 50%;
}
.tippy-error-circle {
  float: right;
  height: 10px;
  width: 10px;
  background-color: var(--color-icon-error, #f54739);
  display: inline-block;
  margin-top: 3.5px;
  margin-left: 15px;
  border-radius: 50%;
}
