/* NEXT 0.5.260, filtered compatibility. Derived from Joomla/Bootstrap; see NOTICE.txt and LICENSE_JOOMLA.txt. */
.popover { --popover-zindex: 1060; --popover-max-width: 276px; --popover-font-size: .875rem; --popover-bg: var(--body-bg); --popover-border-width: var(--border-width); --popover-border-color: var(--border-color-translucent); --popover-border-radius: var(--border-radius-lg); --popover-inner-border-radius: calc(var(--border-radius-lg) - var(--border-width)); --popover-box-shadow: var(--box-shadow); --popover-header-padding-x: 1rem; --popover-header-padding-y: .5rem; --popover-header-font-size: 1rem; --popover-header-color: inherit; --popover-header-bg: var(--secondary-bg); --popover-body-padding-x: 1rem; --popover-body-padding-y: 1rem; --popover-body-color: var(--body-color); --popover-arrow-width: 1rem; --popover-arrow-height: .5rem; --popover-arrow-border: var(--popover-border-color); z-index: var(--popover-zindex); max-width: var(--popover-max-width); font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); text-align: start; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-style: normal; font-weight: 400; line-height: 1.5; font-size: var(--popover-font-size); overflow-wrap: break-word; background-color: var(--popover-bg); border: var(--popover-border-width) solid var(--popover-border-color); border-radius: var(--popover-border-radius); background-clip: padding-box; text-decoration: none; display: block; }
.popover .popover-arrow { width: var(--popover-arrow-width); height: var(--popover-arrow-height); display: block; }
.popover .popover-arrow::before, .popover .popover-arrow::after { content: ""; border: 0px solid rgba(0, 0, 0, 0); display: block; position: absolute; }
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); }
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * .5) 0; }
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { border-top-color: var(--popover-arrow-border); bottom: 0px; }
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { bottom: var(--popover-border-width); border-top-color: var(--popover-bg); }
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width); }
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { border-width: calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * .5) 0; }
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { border-right-color: var(--popover-arrow-border); left: 0px; }
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { left: var(--popover-border-width); border-right-color: var(--popover-bg); }
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); }
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { border-width: 0 calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height); }
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { border-bottom-color: var(--popover-arrow-border); top: 0px; }
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { top: var(--popover-border-width); border-bottom-color: var(--popover-bg); }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { width: var(--popover-arrow-width); margin-left: calc(-.5 * var(--popover-arrow-width)); content: ""; border-bottom: var(--popover-border-width) solid var(--popover-header-bg); display: block; position: absolute; top: 0px; left: 50%; }
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width); }
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { border-width: calc(var(--popover-arrow-width) * .5) 0 calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height); }
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { border-left-color: var(--popover-arrow-border); right: 0px; }
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { right: var(--popover-border-width); border-left-color: var(--popover-bg); }
.popover-header { padding: var(--popover-header-padding-y) var(--popover-header-padding-x); font-size: var(--popover-header-font-size); color: var(--popover-header-color); background-color: var(--popover-header-bg); border-bottom: var(--popover-border-width) solid var(--popover-border-color); border-top-left-radius: var(--popover-inner-border-radius); border-top-right-radius: var(--popover-inner-border-radius); margin-bottom: 0px; }
.popover-header:empty { display: none; }
.popover-body { padding: var(--popover-body-padding-y) var(--popover-body-padding-x); color: var(--popover-body-color); }
