From 487a4ed712e5de5de2146d1f3cac6e9fdc331379 Mon Sep 17 00:00:00 2001 From: Jack Domleo Date: Tue, 26 Aug 2025 21:04:11 +0100 Subject: [PATCH 1/2] perf: Split stylesheet into data-attrs and classes to improve performance --- .github/ISSUE_TEMPLATE/bug-report.md | 1 + README.md | 74 ++++- cooltipz-classes.css | 359 ++++++++++++++++++++++++ cooltipz-classes.min.css | 1 + cooltipz-data-attrs.css | 359 ++++++++++++++++++++++++ cooltipz-data-attrs.min.css | 1 + cooltipz.css | 368 +++++++++++++++++++------ cooltipz.min.css | 2 +- package-lock.json | 6 +- package.json | 9 +- src/_directions-base.scss | 396 +++++++++++++++++++++++++++ src/_directions-classes.scss | 57 ++++ src/_directions-data-attrs.scss | 57 ++++ src/_directions.scss | 275 ++----------------- src/_sizes-base.scss | 46 ++++ src/_sizes-classes.scss | 31 +++ src/_sizes-data-attrs.scss | 31 +++ src/_sizes.scss | 36 +-- src/_tooltip-base.scss | 103 +++++++ src/_tooltip-classes.scss | 6 + src/_tooltip-data-attrs.scss | 6 + src/_tooltip.scss | 73 ++--- src/cooltipz-classes.scss | 53 ++++ src/cooltipz-data-attrs.scss | 53 ++++ src/cooltipz.scss | 49 ++-- 25 files changed, 2007 insertions(+), 445 deletions(-) create mode 100644 cooltipz-classes.css create mode 100644 cooltipz-classes.min.css create mode 100644 cooltipz-data-attrs.css create mode 100644 cooltipz-data-attrs.min.css create mode 100644 src/_directions-base.scss create mode 100644 src/_directions-classes.scss create mode 100644 src/_directions-data-attrs.scss create mode 100644 src/_sizes-base.scss create mode 100644 src/_sizes-classes.scss create mode 100644 src/_sizes-data-attrs.scss create mode 100644 src/_tooltip-base.scss create mode 100644 src/_tooltip-classes.scss create mode 100644 src/_tooltip-data-attrs.scss create mode 100644 src/cooltipz-classes.scss create mode 100644 src/cooltipz-data-attrs.scss diff --git a/.github/ISSUE_TEMPLATE/bug-report.md b/.github/ISSUE_TEMPLATE/bug-report.md index 778d66a..0af3f06 100644 --- a/.github/ISSUE_TEMPLATE/bug-report.md +++ b/.github/ISSUE_TEMPLATE/bug-report.md @@ -25,6 +25,7 @@ title: '[BUG]: ' Provide screenshots if applicable. --> Cooltipz.css version: +Cooltipz.css stylesheet: main | data-attrs | classes ## What is the expected result? diff --git a/README.md b/README.md index b064fc5..d2a2d96 100644 --- a/README.md +++ b/README.md @@ -28,13 +28,14 @@ Play with Cooltipz.css on [CodePen](https://codepen.io/JackDomleo/pen/mderEeG). - Easy and simple tooltips with **quick setup** - Pure CSS, no JavaScript - Highly customisable +- **Multiple versions available** - Combined, data attributes only, or classes only for optimal bundle size - Accessible with `aria-label` attributes - Automatically disables animation if the user [prefers reduced motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion?ref=cooltipz.jackdomleo.dev) - Options to use classes or `data-` attributes - Options to import via CDN, npm or yarn - Options to import SCSS <sub><sup>(npm & yarn only)</sup></sub> or CSS stylesheets <sub><sup>(expanded or minified)</sup></sub> - Supports a wide range of characters and languages (including emojis, [Font Awesome 4](https://fontawesome.com/v4.7.0?ref=cooltipz.jackdomleo.dev) and [Font Awesome 5](https://fontawesome.com?ref=cooltipz.jackdomleo.dev) icons) -- Uses [Autoprefixer](https://github.com/postcss/autoprefixer?ref=cooltipz.jackdomleo.dev) when generating the CSS stylesheets and [cssnano](https://github.com/cssnano/cssnano?ref=cooltipz.jackdomleo.dev) to minify the minfied stylesheet +- Uses [Autoprefixer](https://github.com/postcss/autoprefixer?ref=cooltipz.jackdomleo.dev) when generating the CSS stylesheets and [cssnano](https://github.com/cssnano/cssnano?ref=cooltipz.jackdomleo.dev) to minify the minified stylesheet --- @@ -48,11 +49,28 @@ Play with Cooltipz.css on [CodePen](https://codepen.io/JackDomleo/pen/mderEeG). ### CDN +Cooltipz.css is available in three versions: +- **Combined** (`cooltipz.css`/`cooltipz.min.css`) - Full version supporting both data attributes and classes +- **Data attributes only** (`cooltipz-data-attrs.css`/`cooltipz-data-attrs.min.css`) - Lighter version for data-attribute usage only +- **Classes only** (`cooltipz-classes.css`/`cooltipz-classes.min.css`) - Lighter version for class-based usage only + +Choose the version that best fits your needs to minimize bundle size. + In the below CDN links: - Replace `:version` with a version [listed here](https://www.npmjs.com/package/cooltipz-css?activeTab=versions) (latest version is always recommended). If you always want to get the latest stylesheet, remove `@:version` completely (Not recommended). - Replace `:file` with one of the below: + + **Combined (full functionality - 3.06kB when compressed):** - `cooltipz.css` <sub><sup>(Expanded stylesheet)</sup></sub> - - `cooltipz.min.css` <sub><sup>(Minfied stylesheet)</sup></sub> + - `cooltipz.min.css` <sub><sup>(Minified stylesheet)</sup></sub> + + **Data attributes only (smaller bundle - 1.81kB when compressed):** + - `cooltipz-data-attrs.css` <sub><sup>(Expanded stylesheet)</sup></sub> + - `cooltipz-data-attrs.min.css` <sub><sup>(Minified stylesheet)</sup></sub> + + **Classes only (smaller bundle - 1.79kB when compressed):** + - `cooltipz-classes.css` <sub><sup>(Expanded stylesheet)</sup></sub> + - `cooltipz-classes.min.css` <sub><sup>(Minified stylesheet)</sup></sub> ```html <!-- HTML --> @@ -85,9 +103,19 @@ import 'cooltipz-css'; _Or_ use the SCSS or CSS into your Sass/SCSS In the below example, replace `:file` with one of the options below: -- `src/cooltipz` <sub><sup>(.scss file)</sup></sub> -- `cooltipz.css` <sub><sup>(Expanded .css)</sup></sub> -- `cooltipz.min.css` <sub><sup>(Minified .css)</sup></sub> + +**SCSS source files:** +- `src/cooltipz` <sub><sup>(.scss file - combined version)</sup></sub> +- `src/cooltipz-data-attrs` <sub><sup>(.scss file - data attributes only)</sup></sub> +- `src/cooltipz-classes` <sub><sup>(.scss file - classes only)</sup></sub> + +**Compiled CSS files:** +- `cooltipz.css` <sub><sup>(Expanded .css - combined version)</sup></sub> +- `cooltipz.min.css` <sub><sup>(Minified .css - combined version)</sup></sub> +- `cooltipz-data-attrs.css` <sub><sup>(Expanded .css - data attributes only)</sup></sub> +- `cooltipz-data-attrs.min.css` <sub><sup>(Minified .css - data attributes only)</sup></sub> +- `cooltipz-classes.css` <sub><sup>(Expanded .css - classes only)</sup></sub> +- `cooltipz-classes.min.css` <sub><sup>(Minified .css - classes only)</sup></sub> ```scss /* Webpack */ @use '~cooltipz-css/:file' as *; @@ -98,6 +126,34 @@ In the below example, replace `:file` with one of the options below: --- +## Choosing the Right Version + +Cooltipz.css offers three different versions to help you optimize your bundle size: + +### 🎯 **Combined Version** (Default) +- **Files:** `cooltipz.css`, `cooltipz.min.css`, `src/cooltipz.scss` +- **Use when:** You want to use both data attributes and classes in your project +- **Supports:** Both `data-cooltipz="tooltip text"` and `aria-label="tooltip text"` with classes like `.cooltipz--top` +- **Size:** Full feature set + +### 📊 **Data Attributes Only** +- **Files:** `cooltipz-data-attrs.css`, `cooltipz-data-attrs.min.css`, `src/cooltipz-data-attrs.scss` +- **Use when:** You only use data attributes like `data-cooltipz="tooltip text"` and `data-cooltipz-dir="top"` +- **Supports:** Only data attribute syntax +- **Size:** ~40% smaller than combined version +- **Example:** `<button data-cooltipz="Save file" data-cooltipz-dir="top">Save</button>` + +### 🎨 **Classes Only** +- **Files:** `cooltipz-classes.css`, `cooltipz-classes.min.css`, `src/cooltipz-classes.scss` +- **Use when:** You prefer semantic CSS classes with `aria-label` attributes +- **Supports:** Only class-based syntax with `aria-label` +- **Size:** ~40% smaller than combined version +- **Example:** `<button aria-label="Save file" class="cooltipz--top">Save</button>` + +> 💡 **Recommendation:** Start with the **data attributes only** version if you're unsure, as it provides the most intuitive API. You can always switch to the combined version later if needed. + +--- + ## License Type - **MIT** @@ -135,7 +191,13 @@ We appreciate any feedback, good or bad and are always looking for new ideas to - `git clone https://github.com/jackdomleo7/Cooltipz.css.git` or clone your forked repository - `cd Cooltipz.css` - `npm ci` -- `npm run build` to compile development SCSS to CSS +- `npm run build` to compile all versions (combined, data-attrs, and classes) from SCSS to CSS + +**Build commands:** +- `npm run build` - Build all three versions +- `npm run build:combined` - Build only the combined version (default) +- `npm run build:data-attrs` - Build only the data attributes version +- `npm run build:classes` - Build only the classes version ### Branch diff --git a/cooltipz-classes.css b/cooltipz-classes.css new file mode 100644 index 0000000..92c22fa --- /dev/null +++ b/cooltipz-classes.css @@ -0,0 +1,359 @@ +/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */ +/* stylelint-disable-next-line length-zero-no-unit */ +:root { + --cooltipz-bg-color: #1f1f1f; + --cooltipz-border-width: 0; + --cooltipz-border-style: solid; + --cooltipz-border-color: #1f1f1f; + --cooltipz-text-color: #fff; + --cooltipz-font-size: 0.75rem; + --cooltipz-font-family: verdana, geneva, tahoma, var(--cooltipz-fontawesome, Arial), sans-serif; + --cooltipz-slide: 6px; + --cooltipz-border-radius: 0.125rem; + --cooltipz-timing: 120ms; + --cooltipz-cursor: pointer; + --cooltipz-small: 6.25rem; + --cooltipz-medium: 12.5rem; + --cooltipz-large: 18.75rem; + --cooltipz-arrow-size: 0.3125rem; + --cooltipz-arrow-offset: 0px; + --cooltipz-delay-show: 0s; + --cooltipz-delay-hide: 0s; +} + +[aria-label][class*=cooltipz].cooltipz--left::before, [aria-label][class*=cooltipz].cooltipz--right::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { + border: var(--cooltipz-arrow-size, 0.3125rem) solid transparent; + height: 0; + width: 0; +} +@media (forced-colors: active) { + [aria-label][class*=cooltipz].cooltipz--left::before, [aria-label][class*=cooltipz].cooltipz--right::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { + border-color: Canvas; + -webkit-filter: none !important; + filter: none !important; + } +} + +[aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { + border-top-color: var(--cooltipz-border-color, #1f1f1f); + -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3)); + filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3)); +} +@media (forced-colors: active) { + [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { + border-top-color: CanvasText; + } +} + +[aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { + border-bottom-color: var(--cooltipz-border-color, #1f1f1f); + -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.3)); + filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.3)); +} +@media (forced-colors: active) { + [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { + border-bottom-color: CanvasText; + } +} + +[aria-label][class*=cooltipz].cooltipz--right::before { + border-right-color: var(--cooltipz-border-color, #1f1f1f); + -webkit-filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.3)); + filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.3)); +} +@media (forced-colors: active) { + [aria-label][class*=cooltipz].cooltipz--right::before { + border-right-color: CanvasText; + } +} + +[aria-label][class*=cooltipz].cooltipz--left::before { + border-left-color: var(--cooltipz-border-color, #1f1f1f); + -webkit-filter: drop-shadow(1px 0 1px rgba(0, 0, 0, 0.3)); + filter: drop-shadow(1px 0 1px rgba(0, 0, 0, 0.3)); +} +@media (forced-colors: active) { + [aria-label][class*=cooltipz].cooltipz--left::before { + border-left-color: CanvasText; + } +} + +[aria-label][class*=cooltipz].cooltipz--fit::after, [aria-label][class*=cooltipz].cooltipz--small::after, [aria-label][class*=cooltipz].cooltipz--medium::after, [aria-label][class*=cooltipz].cooltipz--large::after { + white-space: normal; + word-wrap: break-word; +} + +/* +::before = arrow +::after = tooltip box and content +*/ +[aria-label][class*=cooltipz] { + cursor: var(--cooltipz-cursor, pointer); + position: relative; +} +[aria-label][class*=cooltipz]::after { + background-color: var(--cooltipz-bg-color, #1f1f1f); + border-radius: var(--cooltipz-border-radius, 0.125rem); + border: var(--cooltipz-border-width, 0) var(--cooltipz-border-style, solid) var(--cooltipz-border-color, #1f1f1f); + -webkit-box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3); + box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3); + color: var(--cooltipz-text-color, #fff); + font-family: var(--cooltipz-font-family, verdana, geneva, tahoma, var(--cooltipz-fontawesome, Arial), sans-serif); + font-size: var(--cooltipz-font-size, 0.75rem); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-style: normal; + font-weight: 400; + padding: 0.5em 1em; + text-indent: 0; + text-shadow: none; + white-space: nowrap; + z-index: 10; +} +@media (forced-colors: active) { + [aria-label][class*=cooltipz]::after { + border: 1px solid CanvasText; + color: CanvasText; + } +} +[aria-label][class*=cooltipz]::before { + content: ""; + z-index: 11; +} +[aria-label][class*=cooltipz]::after, [aria-label][class*=cooltipz]::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; + opacity: 0; + pointer-events: none; + position: absolute; + -webkit-transition-delay: var(--cooltipz-delay-hide, 0s); + transition-delay: var(--cooltipz-delay-hide, 0s); + -webkit-transition: all var(--cooltipz-timing, 120ms) ease-out var(--cooltipz-timing, 120ms); + transition: all var(--cooltipz-timing, 120ms) ease-out var(--cooltipz-timing, 120ms); +} +@media (prefers-reduced-motion: reduce) { + [aria-label][class*=cooltipz]::after, [aria-label][class*=cooltipz]::before { + -webkit-transition: none; + transition: none; + } +} +[aria-label][class*=cooltipz]::after { + content: attr(aria-label); +} +[aria-label][class*=cooltipz]:hover::before, [aria-label][class*=cooltipz]:hover::after, [aria-label][class*=cooltipz]:focus::before, [aria-label][class*=cooltipz]:focus::after, [aria-label][class*=cooltipz].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--visible::after { + opacity: 1; + -webkit-transition-delay: var(--cooltipz-delay-show, 0s); + transition-delay: var(--cooltipz-delay-show, 0s); +} +[aria-label][class*=cooltipz].cooltipz--top::after { + margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(-50%, var(--cooltipz-slide, 6px)); + transform: translate(-50%, var(--cooltipz-slide, 6px)); +} +[aria-label][class*=cooltipz].cooltipz--top::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); +} +[aria-label][class*=cooltipz].cooltipz--top::after, [aria-label][class*=cooltipz].cooltipz--top::before { + bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + left: 50%; + -webkit-transform-origin: top; + transform-origin: top; +} +[aria-label][class*=cooltipz].cooltipz--top:hover::before, [aria-label][class*=cooltipz].cooltipz--top:focus::before, [aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][class*=cooltipz].cooltipz--top:hover::after, [aria-label][class*=cooltipz].cooltipz--top:focus::after, [aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible::after { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +[aria-label][class*=cooltipz].cooltipz--top-left::after { + left: 0; + margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(0, var(--cooltipz-slide, 6px)); + transform: translate(0, var(--cooltipz-slide, 6px)); +} +[aria-label][class*=cooltipz].cooltipz--top-left::before { + left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); +} +[aria-label][class*=cooltipz].cooltipz--top-left::after, [aria-label][class*=cooltipz].cooltipz--top-left::before { + bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: top; + transform-origin: top; +} +[aria-label][class*=cooltipz].cooltipz--top-left:hover::before, [aria-label][class*=cooltipz].cooltipz--top-left:focus::before, [aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][class*=cooltipz].cooltipz--top-left:hover::after, [aria-label][class*=cooltipz].cooltipz--top-left:focus::after, [aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][class*=cooltipz].cooltipz--top-right::after { + margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + right: 0; + -webkit-transform: translate(0, var(--cooltipz-slide, 6px)); + transform: translate(0, var(--cooltipz-slide, 6px)); +} +[aria-label][class*=cooltipz].cooltipz--top-right::before { + right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); +} +[aria-label][class*=cooltipz].cooltipz--top-right::after, [aria-label][class*=cooltipz].cooltipz--top-right::before { + bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: top; + transform-origin: top; +} +[aria-label][class*=cooltipz].cooltipz--top-right:hover::before, [aria-label][class*=cooltipz].cooltipz--top-right:focus::before, [aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible::before { + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][class*=cooltipz].cooltipz--top-right:hover::after, [aria-label][class*=cooltipz].cooltipz--top-right:focus::after, [aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][class*=cooltipz].cooltipz--bottom::after { + margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(-50%, calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(-50%, calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][class*=cooltipz].cooltipz--bottom::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][class*=cooltipz].cooltipz--bottom::after, [aria-label][class*=cooltipz].cooltipz--bottom::before { + left: 50%; + top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +[aria-label][class*=cooltipz].cooltipz--bottom:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][class*=cooltipz].cooltipz--bottom:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible::after { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +[aria-label][class*=cooltipz].cooltipz--bottom-left::after { + left: 0; + margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][class*=cooltipz].cooltipz--bottom-left::before { + left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][class*=cooltipz].cooltipz--bottom-left::after, [aria-label][class*=cooltipz].cooltipz--bottom-left::before { + top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +[aria-label][class*=cooltipz].cooltipz--bottom-left:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom-left:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][class*=cooltipz].cooltipz--bottom-left:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom-left:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][class*=cooltipz].cooltipz--bottom-right::after { + margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + right: 0; + -webkit-transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][class*=cooltipz].cooltipz--bottom-right::before { + right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][class*=cooltipz].cooltipz--bottom-right::after, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { + top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +[aria-label][class*=cooltipz].cooltipz--bottom-right:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom-right:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible::before { + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][class*=cooltipz].cooltipz--bottom-right:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom-right:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][class*=cooltipz].cooltipz--left::after { + margin-right: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(var(--cooltipz-slide, 6px), -50%); + transform: translate(var(--cooltipz-slide, 6px), -50%); +} +[aria-label][class*=cooltipz].cooltipz--left::before { + -webkit-transform: translate(var(--cooltipz-slide, 6px), calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(var(--cooltipz-slide, 6px), calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][class*=cooltipz].cooltipz--left::after, [aria-label][class*=cooltipz].cooltipz--left::before { + right: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + top: 50%; + -webkit-transform-origin: left; + transform-origin: left; +} +[aria-label][class*=cooltipz].cooltipz--left:hover::before, [aria-label][class*=cooltipz].cooltipz--left:focus::before, [aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible::before { + -webkit-transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][class*=cooltipz].cooltipz--left:hover::after, [aria-label][class*=cooltipz].cooltipz--left:focus::after, [aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible::after { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +[aria-label][class*=cooltipz].cooltipz--right::after { + margin-left: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(calc(var(--cooltipz-slide, 6px) * -1), -50%); + transform: translate(calc(var(--cooltipz-slide, 6px) * -1), -50%); +} +[aria-label][class*=cooltipz].cooltipz--right::before { + -webkit-transform: translate(calc(var(--cooltipz-slide, 6px) * -1), calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(calc(var(--cooltipz-slide, 6px) * -1), calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][class*=cooltipz].cooltipz--right::after, [aria-label][class*=cooltipz].cooltipz--right::before { + left: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + top: 50%; + -webkit-transform-origin: right; + transform-origin: right; +} +[aria-label][class*=cooltipz].cooltipz--right:hover::before, [aria-label][class*=cooltipz].cooltipz--right:focus::before, [aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible::before { + -webkit-transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][class*=cooltipz].cooltipz--right:hover::after, [aria-label][class*=cooltipz].cooltipz--right:focus::after, [aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible::after { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +[aria-label][class*=cooltipz].cooltipz--fit::after { + width: 100%; +} +[aria-label][class*=cooltipz].cooltipz--small::after { + width: var(--cooltipz-small, 6.25rem); +} +[aria-label][class*=cooltipz].cooltipz--medium::after { + width: var(--cooltipz-medium, 12.5rem); +} +[aria-label][class*=cooltipz].cooltipz--large::after { + width: var(--cooltipz-large, 18.75rem); +} +[aria-label][class*=cooltipz].cooltipz--custom::after { + white-space: pre; + word-wrap: break-word; +} +[aria-label][class*=cooltipz].cooltipz--static::after, [aria-label][class*=cooltipz].cooltipz--static::before { + -webkit-transition: none; + transition: none; +} + +[aria-label=""][class*=cooltipz]::before, [aria-label=""][class*=cooltipz]::after { + display: none; +} diff --git a/cooltipz-classes.min.css b/cooltipz-classes.min.css new file mode 100644 index 0000000..5a88c5a --- /dev/null +++ b/cooltipz-classes.min.css @@ -0,0 +1 @@ +/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border-top-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before{border-bottom-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--right:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--right:before{border-right-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--left:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--left:before{border-left-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz].cooltipz--small:after{white-space:normal;word-wrap:break-word}[aria-label][class*=cooltipz]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][class*=cooltipz]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][class*=cooltipz]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][class*=cooltipz]:before{content:"";z-index:11}[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before{-webkit-transition:none;transition:none}}[aria-label][class*=cooltipz]:after{content:attr(aria-label)}[aria-label][class*=cooltipz].cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--visible:before,[aria-label][class*=cooltipz]:focus:after,[aria-label][class*=cooltipz]:focus:before,[aria-label][class*=cooltipz]:hover:after,[aria-label][class*=cooltipz]:hover:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][class*=cooltipz].cooltipz--top:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz].cooltipz--top:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top:focus:before,[aria-label][class*=cooltipz].cooltipz--top:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top:focus:after,[aria-label][class*=cooltipz].cooltipz--top:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--top-left:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz].cooltipz--top-left:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-left:focus:before,[aria-label][class*=cooltipz].cooltipz--top-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-left:focus:after,[aria-label][class*=cooltipz].cooltipz--top-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--top-right:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz].cooltipz--top-right:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-right:focus:before,[aria-label][class*=cooltipz].cooltipz--top-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-right:focus:after,[aria-label][class*=cooltipz].cooltipz--top-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz].cooltipz--bottom:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--bottom-left:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom-right:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--left:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz].cooltipz--left:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz].cooltipz--left:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--left:focus:before,[aria-label][class*=cooltipz].cooltipz--left:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--left:focus:after,[aria-label][class*=cooltipz].cooltipz--left:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--right:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz].cooltipz--right:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz].cooltipz--right:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--right:focus:before,[aria-label][class*=cooltipz].cooltipz--right:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--right:focus:after,[aria-label][class*=cooltipz].cooltipz--right:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--fit:after{width:100%}[aria-label][class*=cooltipz].cooltipz--small:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz].cooltipz--medium:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz].cooltipz--large:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz].cooltipz--custom:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--static:after,[aria-label][class*=cooltipz].cooltipz--static:before{-webkit-transition:none;transition:none}[aria-label=""][class*=cooltipz]:after,[aria-label=""][class*=cooltipz]:before{display:none} \ No newline at end of file diff --git a/cooltipz-data-attrs.css b/cooltipz-data-attrs.css new file mode 100644 index 0000000..f0f5644 --- /dev/null +++ b/cooltipz-data-attrs.css @@ -0,0 +1,359 @@ +/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */ +/* stylelint-disable-next-line length-zero-no-unit */ +:root { + --cooltipz-bg-color: #1f1f1f; + --cooltipz-border-width: 0; + --cooltipz-border-style: solid; + --cooltipz-border-color: #1f1f1f; + --cooltipz-text-color: #fff; + --cooltipz-font-size: 0.75rem; + --cooltipz-font-family: verdana, geneva, tahoma, var(--cooltipz-fontawesome, Arial), sans-serif; + --cooltipz-slide: 6px; + --cooltipz-border-radius: 0.125rem; + --cooltipz-timing: 120ms; + --cooltipz-cursor: pointer; + --cooltipz-small: 6.25rem; + --cooltipz-medium: 12.5rem; + --cooltipz-large: 18.75rem; + --cooltipz-arrow-size: 0.3125rem; + --cooltipz-arrow-offset: 0px; + --cooltipz-delay-show: 0s; + --cooltipz-delay-hide: 0s; +} + +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before { + border: var(--cooltipz-arrow-size, 0.3125rem) solid transparent; + height: 0; + width: 0; +} +@media (forced-colors: active) { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before { + border-color: Canvas; + -webkit-filter: none !important; + filter: none !important; + } +} + +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before { + border-top-color: var(--cooltipz-border-color, #1f1f1f); + -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3)); + filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3)); +} +@media (forced-colors: active) { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before { + border-top-color: CanvasText; + } +} + +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before { + border-bottom-color: var(--cooltipz-border-color, #1f1f1f); + -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.3)); + filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.3)); +} +@media (forced-colors: active) { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before { + border-bottom-color: CanvasText; + } +} + +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before { + border-right-color: var(--cooltipz-border-color, #1f1f1f); + -webkit-filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.3)); + filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.3)); +} +@media (forced-colors: active) { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before { + border-right-color: CanvasText; + } +} + +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before { + border-left-color: var(--cooltipz-border-color, #1f1f1f); + -webkit-filter: drop-shadow(1px 0 1px rgba(0, 0, 0, 0.3)); + filter: drop-shadow(1px 0 1px rgba(0, 0, 0, 0.3)); +} +@media (forced-colors: active) { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before { + border-left-color: CanvasText; + } +} + +[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=small]::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=medium]::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=large]::after { + white-space: normal; + word-wrap: break-word; +} + +/* +::before = arrow +::after = tooltip box and content +*/ +[aria-label][data-cooltipz-dir] { + cursor: var(--cooltipz-cursor, pointer); + position: relative; +} +[aria-label][data-cooltipz-dir]::after { + background-color: var(--cooltipz-bg-color, #1f1f1f); + border-radius: var(--cooltipz-border-radius, 0.125rem); + border: var(--cooltipz-border-width, 0) var(--cooltipz-border-style, solid) var(--cooltipz-border-color, #1f1f1f); + -webkit-box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3); + box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3); + color: var(--cooltipz-text-color, #fff); + font-family: var(--cooltipz-font-family, verdana, geneva, tahoma, var(--cooltipz-fontawesome, Arial), sans-serif); + font-size: var(--cooltipz-font-size, 0.75rem); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-style: normal; + font-weight: 400; + padding: 0.5em 1em; + text-indent: 0; + text-shadow: none; + white-space: nowrap; + z-index: 10; +} +@media (forced-colors: active) { + [aria-label][data-cooltipz-dir]::after { + border: 1px solid CanvasText; + color: CanvasText; + } +} +[aria-label][data-cooltipz-dir]::before { + content: ""; + z-index: 11; +} +[aria-label][data-cooltipz-dir]::after, [aria-label][data-cooltipz-dir]::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; + opacity: 0; + pointer-events: none; + position: absolute; + -webkit-transition-delay: var(--cooltipz-delay-hide, 0s); + transition-delay: var(--cooltipz-delay-hide, 0s); + -webkit-transition: all var(--cooltipz-timing, 120ms) ease-out var(--cooltipz-timing, 120ms); + transition: all var(--cooltipz-timing, 120ms) ease-out var(--cooltipz-timing, 120ms); +} +@media (prefers-reduced-motion: reduce) { + [aria-label][data-cooltipz-dir]::after, [aria-label][data-cooltipz-dir]::before { + -webkit-transition: none; + transition: none; + } +} +[aria-label][data-cooltipz-dir]::after { + content: attr(aria-label); +} +[aria-label][data-cooltipz-dir]:hover::before, [aria-label][data-cooltipz-dir]:hover::after, [aria-label][data-cooltipz-dir]:focus::before, [aria-label][data-cooltipz-dir]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-visible]::after { + opacity: 1; + -webkit-transition-delay: var(--cooltipz-delay-show, 0s); + transition-delay: var(--cooltipz-delay-show, 0s); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::after { + margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(-50%, var(--cooltipz-slide, 6px)); + transform: translate(-50%, var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before { + bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + left: 50%; + -webkit-transform-origin: top; + transform-origin: top; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]::after { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::after { + left: 0; + margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(0, var(--cooltipz-slide, 6px)); + transform: translate(0, var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before { + left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before { + bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: top; + transform-origin: top; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::after { + margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + right: 0; + -webkit-transform: translate(0, var(--cooltipz-slide, 6px)); + transform: translate(0, var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before { + right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before { + bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: top; + transform-origin: top; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::after { + margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(-50%, calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(-50%, calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before { + left: 50%; + top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]::after { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::after { + left: 0; + margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before { + left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before { + top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::after { + margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + right: 0; + -webkit-transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before { + right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before { + top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::after { + margin-right: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(var(--cooltipz-slide, 6px), -50%); + transform: translate(var(--cooltipz-slide, 6px), -50%); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before { + -webkit-transform: translate(var(--cooltipz-slide, 6px), calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(var(--cooltipz-slide, 6px), calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before { + right: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + top: 50%; + -webkit-transform-origin: left; + transform-origin: left; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]::before { + -webkit-transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]::after { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::after { + margin-left: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(calc(var(--cooltipz-slide, 6px) * -1), -50%); + transform: translate(calc(var(--cooltipz-slide, 6px) * -1), -50%); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before { + -webkit-transform: translate(calc(var(--cooltipz-slide, 6px) * -1), calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(calc(var(--cooltipz-slide, 6px) * -1), calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before { + left: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + top: 50%; + -webkit-transform-origin: right; + transform-origin: right; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]::before { + -webkit-transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]::after { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]::after { + width: 100%; +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=small]::after { + width: var(--cooltipz-small, 6.25rem); +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]::after { + width: var(--cooltipz-medium, 12.5rem); +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=large]::after { + width: var(--cooltipz-large, 18.75rem); +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]::after { + white-space: pre; + word-wrap: break-word; +} +[aria-label][data-cooltipz-dir][data-cooltipz-static]::after, [aria-label][data-cooltipz-dir][data-cooltipz-static]::before { + -webkit-transition: none; + transition: none; +} + +[aria-label=""][data-cooltipz-dir]::before, [aria-label=""][data-cooltipz-dir]::after { + display: none; +} diff --git a/cooltipz-data-attrs.min.css b/cooltipz-data-attrs.min.css new file mode 100644 index 0000000..82a62b7 --- /dev/null +++ b/cooltipz-data-attrs.min.css @@ -0,0 +1 @@ +/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{white-space:normal;word-wrap:break-word}[aria-label][data-cooltipz-dir]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][data-cooltipz-dir]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][data-cooltipz-dir]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][data-cooltipz-dir]:before{content:"";z-index:11}[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-transition:none;transition:none}}[aria-label][data-cooltipz-dir]:after{content:attr(aria-label)}[aria-label][data-cooltipz-dir]:focus:after,[aria-label][data-cooltipz-dir]:focus:before,[aria-label][data-cooltipz-dir]:hover:after,[aria-label][data-cooltipz-dir]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after{width:100%}[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{width:var(--cooltipz-small,6.25rem)}[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after{width:var(--cooltipz-large,18.75rem)}[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]:after{white-space:pre;word-wrap:break-word}[aria-label][data-cooltipz-dir][data-cooltipz-static]:after,[aria-label][data-cooltipz-dir][data-cooltipz-static]:before{-webkit-transition:none;transition:none}[aria-label=""][data-cooltipz-dir]:after,[aria-label=""][data-cooltipz-dir]:before{display:none} \ No newline at end of file diff --git a/cooltipz.css b/cooltipz.css index eec386c..d2f1743 100644 --- a/cooltipz.css +++ b/cooltipz.css @@ -21,64 +21,64 @@ --cooltipz-delay-hide: 0s; } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz].cooltipz--left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz].cooltipz--right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { border: var(--cooltipz-arrow-size, 0.3125rem) solid transparent; height: 0; width: 0; } @media (forced-colors: active) { - [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz].cooltipz--left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz].cooltipz--right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { border-color: Canvas; -webkit-filter: none !important; filter: none !important; } } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { border-top-color: var(--cooltipz-border-color, #1f1f1f); -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3)); } @media (forced-colors: active) { - [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { border-top-color: CanvasText; } } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { border-bottom-color: var(--cooltipz-border-color, #1f1f1f); -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.3)); } @media (forced-colors: active) { - [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { border-bottom-color: CanvasText; } } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz].cooltipz--right::before { border-right-color: var(--cooltipz-border-color, #1f1f1f); -webkit-filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.3)); filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.3)); } @media (forced-colors: active) { - [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::before { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz].cooltipz--right::before { border-right-color: CanvasText; } } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz].cooltipz--left::before { border-left-color: var(--cooltipz-border-color, #1f1f1f); -webkit-filter: drop-shadow(1px 0 1px rgba(0, 0, 0, 0.3)); filter: drop-shadow(1px 0 1px rgba(0, 0, 0, 0.3)); } @media (forced-colors: active) { - [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::before { + [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz].cooltipz--left::before { border-left-color: CanvasText; } } -[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]::after, [aria-label][data-cooltipz-dir].cooltipz--fit::after, [aria-label][class*=cooltipz][data-cooltipz-size=fit]::after, [aria-label][class*=cooltipz].cooltipz--fit::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=small]::after, [aria-label][data-cooltipz-dir].cooltipz--small::after, [aria-label][class*=cooltipz][data-cooltipz-size=small]::after, [aria-label][class*=cooltipz].cooltipz--small::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=medium]::after, [aria-label][data-cooltipz-dir].cooltipz--medium::after, [aria-label][class*=cooltipz][data-cooltipz-size=medium]::after, [aria-label][class*=cooltipz].cooltipz--medium::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=large]::after, [aria-label][data-cooltipz-dir].cooltipz--large::after, [aria-label][class*=cooltipz][data-cooltipz-size=large]::after, [aria-label][class*=cooltipz].cooltipz--large::after { +[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]::after, [aria-label][class*=cooltipz][data-cooltipz-size=fit]::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=small]::after, [aria-label][class*=cooltipz][data-cooltipz-size=small]::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=medium]::after, [aria-label][class*=cooltipz][data-cooltipz-size=medium]::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=large]::after, [aria-label][class*=cooltipz][data-cooltipz-size=large]::after, [aria-label][data-cooltipz-dir].cooltipz--fit::after, [aria-label][class*=cooltipz].cooltipz--fit::after, [aria-label][data-cooltipz-dir].cooltipz--small::after, [aria-label][class*=cooltipz].cooltipz--small::after, [aria-label][data-cooltipz-dir].cooltipz--medium::after, [aria-label][class*=cooltipz].cooltipz--medium::after, [aria-label][data-cooltipz-dir].cooltipz--large::after, [aria-label][class*=cooltipz].cooltipz--large::after { white-space: normal; word-wrap: break-word; } @@ -98,7 +98,6 @@ -webkit-box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3); color: var(--cooltipz-text-color, #fff); - content: attr(aria-label); font-family: var(--cooltipz-font-family, verdana, geneva, tahoma, var(--cooltipz-fontawesome, Arial), sans-serif); font-size: var(--cooltipz-font-size, 0.75rem); -webkit-font-smoothing: antialiased; @@ -138,212 +137,419 @@ transition: none; } } +[aria-label][data-cooltipz-dir]::after, [aria-label][class*=cooltipz]::after { + content: attr(aria-label); +} [aria-label][data-cooltipz-dir]:hover::before, [aria-label][data-cooltipz-dir]:hover::after, [aria-label][data-cooltipz-dir]:focus::before, [aria-label][data-cooltipz-dir]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--visible::after, [aria-label][class*=cooltipz]:hover::before, [aria-label][class*=cooltipz]:hover::after, [aria-label][class*=cooltipz]:focus::before, [aria-label][class*=cooltipz]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--visible::after { opacity: 1; -webkit-transition-delay: var(--cooltipz-delay-show, 0s); transition-delay: var(--cooltipz-delay-show, 0s); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::after, [aria-label][data-cooltipz-dir].cooltipz--top::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::after, [aria-label][class*=cooltipz].cooltipz--top::after { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::after { margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); -webkit-transform: translate(-50%, var(--cooltipz-slide, 6px)); transform: translate(-50%, var(--cooltipz-slide, 6px)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before { -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::after, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::after, [aria-label][class*=cooltipz].cooltipz--top::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before { bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); left: 50%; -webkit-transform-origin: top; transform-origin: top; } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--top:hover::before, [aria-label][data-cooltipz-dir].cooltipz--top:focus::before, [aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--top:hover::before, [aria-label][class*=cooltipz].cooltipz--top:focus::before, [aria-label][class*=cooltipz].cooltipz--top[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]::before { -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--top:hover::after, [aria-label][data-cooltipz-dir].cooltipz--top:focus::after, [aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--top:hover::after, [aria-label][class*=cooltipz].cooltipz--top:focus::after, [aria-label][class*=cooltipz].cooltipz--top[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible::after { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]::after { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::after, [aria-label][data-cooltipz-dir].cooltipz--top-left::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::after, [aria-label][class*=cooltipz].cooltipz--top-left::after { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::after { left: 0; margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); -webkit-transform: translate(0, var(--cooltipz-slide, 6px)); transform: translate(0, var(--cooltipz-slide, 6px)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before { left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); - -webkit-transform: translate(var(--cooltipz-arrow-offset, 0px), var(--cooltipz-slide, 6px)); - transform: translate(var(--cooltipz-arrow-offset, 0px), var(--cooltipz-slide, 6px)); + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::after, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::after, [aria-label][class*=cooltipz].cooltipz--top-left::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before { bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); -webkit-transform-origin: top; transform-origin: top; } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--top-left:hover::before, [aria-label][data-cooltipz-dir].cooltipz--top-left:focus::before, [aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--top-left:hover::before, [aria-label][class*=cooltipz].cooltipz--top-left:focus::before, [aria-label][class*=cooltipz].cooltipz--top-left[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible::before { - -webkit-transform: translate(var(--cooltipz-arrow-offset, 0px), 0); - transform: translate(var(--cooltipz-arrow-offset, 0px), 0); +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--top-left:hover::after, [aria-label][data-cooltipz-dir].cooltipz--top-left:focus::after, [aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--top-left:hover::after, [aria-label][class*=cooltipz].cooltipz--top-left:focus::after, [aria-label][class*=cooltipz].cooltipz--top-left[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible::after { - -webkit-transform: translate(0); - transform: translate(0); +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::after, [aria-label][data-cooltipz-dir].cooltipz--top-right::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::after, [aria-label][class*=cooltipz].cooltipz--top-right::after { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::after { margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); right: 0; -webkit-transform: translate(0, var(--cooltipz-slide, 6px)); transform: translate(0, var(--cooltipz-slide, 6px)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before { right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); - -webkit-transform: translate(var(--cooltipz-arrow-offset, 0px), var(--cooltipz-slide, 6px)); - transform: translate(var(--cooltipz-arrow-offset, 0px), var(--cooltipz-slide, 6px)); + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::after, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::after, [aria-label][class*=cooltipz].cooltipz--top-right::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before { bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); -webkit-transform-origin: top; transform-origin: top; } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--top-right:hover::before, [aria-label][data-cooltipz-dir].cooltipz--top-right:focus::before, [aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--top-right:hover::before, [aria-label][class*=cooltipz].cooltipz--top-right:focus::before, [aria-label][class*=cooltipz].cooltipz--top-right[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible::before { - -webkit-transform: translate(var(--cooltipz-arrow-offset, 0px), 0); - transform: translate(var(--cooltipz-arrow-offset, 0px), 0); +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--top-right:hover::after, [aria-label][data-cooltipz-dir].cooltipz--top-right:focus::after, [aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--top-right:hover::after, [aria-label][class*=cooltipz].cooltipz--top-right:focus::after, [aria-label][class*=cooltipz].cooltipz--top-right[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible::after { - -webkit-transform: translate(0); - transform: translate(0); +[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::after, [aria-label][class*=cooltipz].cooltipz--bottom::after { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::after { margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); -webkit-transform: translate(-50%, calc(var(--cooltipz-slide, 6px) * -1)); transform: translate(-50%, calc(var(--cooltipz-slide, 6px) * -1)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before { -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::after, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::after, [aria-label][class*=cooltipz].cooltipz--bottom::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before { left: 50%; top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); -webkit-transform-origin: bottom; transform-origin: bottom; } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--bottom:hover::before, [aria-label][data-cooltipz-dir].cooltipz--bottom:focus::before, [aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--bottom:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]::before { -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--bottom:hover::after, [aria-label][data-cooltipz-dir].cooltipz--bottom:focus::after, [aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--bottom:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible::after { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]::after { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::after, [aria-label][class*=cooltipz].cooltipz--bottom-left::after { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::after { left: 0; margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); -webkit-transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before { left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); - -webkit-transform: translate(var(--cooltipz-arrow-offset, 0px), calc(var(--cooltipz-slide, 6px) * -1)); - transform: translate(var(--cooltipz-arrow-offset, 0px), calc(var(--cooltipz-slide, 6px) * -1)); + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::after, [aria-label][class*=cooltipz].cooltipz--bottom-left::before { +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before { top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); -webkit-transform-origin: bottom; transform-origin: bottom; } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--bottom-left:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom-left:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom-left[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible::before { - -webkit-transform: translate(var(--cooltipz-arrow-offset, 0px), 0); - transform: translate(var(--cooltipz-arrow-offset, 0px), 0); +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::after { + margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + right: 0; + -webkit-transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before { + right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before { + top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::before { + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::after { + margin-right: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(var(--cooltipz-slide, 6px), -50%); + transform: translate(var(--cooltipz-slide, 6px), -50%); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before { + -webkit-transform: translate(var(--cooltipz-slide, 6px), calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(var(--cooltipz-slide, 6px), calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before { + right: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + top: 50%; + -webkit-transform-origin: left; + transform-origin: left; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]::before { + -webkit-transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]::after { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::after { + margin-left: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(calc(var(--cooltipz-slide, 6px) * -1), -50%); + transform: translate(calc(var(--cooltipz-slide, 6px) * -1), -50%); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before { + -webkit-transform: translate(calc(var(--cooltipz-slide, 6px) * -1), calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(calc(var(--cooltipz-slide, 6px) * -1), calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before { + left: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + top: 50%; + -webkit-transform-origin: right; + transform-origin: right; +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]::before { + -webkit-transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); +} +[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]::after { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]::after, [aria-label][class*=cooltipz][data-cooltipz-size=fit]::after { + width: 100%; +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=small]::after, [aria-label][class*=cooltipz][data-cooltipz-size=small]::after { + width: var(--cooltipz-small, 6.25rem); +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]::after, [aria-label][class*=cooltipz][data-cooltipz-size=medium]::after { + width: var(--cooltipz-medium, 12.5rem); +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=large]::after, [aria-label][class*=cooltipz][data-cooltipz-size=large]::after { + width: var(--cooltipz-large, 18.75rem); +} +[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]::after, [aria-label][class*=cooltipz][data-cooltipz-size=custom]::after { + white-space: pre; + word-wrap: break-word; +} +[aria-label][data-cooltipz-dir].cooltipz--top::after, [aria-label][class*=cooltipz].cooltipz--top::after { + margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(-50%, var(--cooltipz-slide, 6px)); + transform: translate(-50%, var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir].cooltipz--top::after, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz].cooltipz--top::after, [aria-label][class*=cooltipz].cooltipz--top::before { + bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + left: 50%; + -webkit-transform-origin: top; + transform-origin: top; +} +[aria-label][data-cooltipz-dir].cooltipz--top:hover::before, [aria-label][data-cooltipz-dir].cooltipz--top:focus::before, [aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--top:hover::before, [aria-label][class*=cooltipz].cooltipz--top:focus::before, [aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir].cooltipz--top:hover::after, [aria-label][data-cooltipz-dir].cooltipz--top:focus::after, [aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--top:hover::after, [aria-label][class*=cooltipz].cooltipz--top:focus::after, [aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible::after { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +[aria-label][data-cooltipz-dir].cooltipz--top-left::after, [aria-label][class*=cooltipz].cooltipz--top-left::after { + left: 0; + margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(0, var(--cooltipz-slide, 6px)); + transform: translate(0, var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-left::before { + left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir].cooltipz--top-left::after, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz].cooltipz--top-left::after, [aria-label][class*=cooltipz].cooltipz--top-left::before { + bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: top; + transform-origin: top; +} +[aria-label][data-cooltipz-dir].cooltipz--top-left:hover::before, [aria-label][data-cooltipz-dir].cooltipz--top-left:focus::before, [aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--top-left:hover::before, [aria-label][class*=cooltipz].cooltipz--top-left:focus::before, [aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir].cooltipz--top-left:hover::after, [aria-label][data-cooltipz-dir].cooltipz--top-left:focus::after, [aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--top-left:hover::after, [aria-label][class*=cooltipz].cooltipz--top-left:focus::after, [aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][data-cooltipz-dir].cooltipz--top-right::after, [aria-label][class*=cooltipz].cooltipz--top-right::after { + margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + right: 0; + -webkit-transform: translate(0, var(--cooltipz-slide, 6px)); + transform: translate(0, var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz].cooltipz--top-right::before { + right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), var(--cooltipz-slide, 6px)); +} +[aria-label][data-cooltipz-dir].cooltipz--top-right::after, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz].cooltipz--top-right::after, [aria-label][class*=cooltipz].cooltipz--top-right::before { + bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: top; + transform-origin: top; +} +[aria-label][data-cooltipz-dir].cooltipz--top-right:hover::before, [aria-label][data-cooltipz-dir].cooltipz--top-right:focus::before, [aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--top-right:hover::before, [aria-label][class*=cooltipz].cooltipz--top-right:focus::before, [aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible::before { + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir].cooltipz--top-right:hover::after, [aria-label][data-cooltipz-dir].cooltipz--top-right:focus::after, [aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--top-right:hover::after, [aria-label][class*=cooltipz].cooltipz--top-right:focus::after, [aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +[aria-label][data-cooltipz-dir].cooltipz--bottom::after, [aria-label][class*=cooltipz].cooltipz--bottom::after { + margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(-50%, calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(-50%, calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir].cooltipz--bottom::after, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz].cooltipz--bottom::after, [aria-label][class*=cooltipz].cooltipz--bottom::before { + left: 50%; + top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +[aria-label][data-cooltipz-dir].cooltipz--bottom:hover::before, [aria-label][data-cooltipz-dir].cooltipz--bottom:focus::before, [aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--bottom:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); +} +[aria-label][data-cooltipz-dir].cooltipz--bottom:hover::after, [aria-label][data-cooltipz-dir].cooltipz--bottom:focus::after, [aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--bottom:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible::after { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +[aria-label][data-cooltipz-dir].cooltipz--bottom-left::after, [aria-label][class*=cooltipz].cooltipz--bottom-left::after { + left: 0; + margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); + -webkit-transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before { + left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); +} +[aria-label][data-cooltipz-dir].cooltipz--bottom-left::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::after, [aria-label][class*=cooltipz].cooltipz--bottom-left::before { + top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--bottom-left:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom-left:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible::before { + -webkit-transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)), 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--bottom-left:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom-left:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom-left[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible::after { - -webkit-transform: translate(0); - transform: translate(0); +[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--bottom-left:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom-left:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::after, [aria-label][class*=cooltipz].cooltipz--bottom-right::after { +[aria-label][data-cooltipz-dir].cooltipz--bottom-right::after, [aria-label][class*=cooltipz].cooltipz--bottom-right::after { margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); right: 0; -webkit-transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); transform: translate(0, calc(var(--cooltipz-slide, 6px) * -1)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { +[aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2); - -webkit-transform: translate(var(--cooltipz-arrow-offset, 0px), calc(var(--cooltipz-slide, 6px) * -1)); - transform: translate(var(--cooltipz-arrow-offset, 0px), calc(var(--cooltipz-slide, 6px) * -1)); + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), calc(var(--cooltipz-slide, 6px) * -1)); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::after, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { +[aria-label][data-cooltipz-dir].cooltipz--bottom-right::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::after, [aria-label][class*=cooltipz].cooltipz--bottom-right::before { top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); -webkit-transform-origin: bottom; transform-origin: bottom; } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--bottom-right:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom-right:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom-right[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible::before { - -webkit-transform: translate(var(--cooltipz-arrow-offset, 0px), 0); - transform: translate(var(--cooltipz-arrow-offset, 0px), 0); +[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--bottom-right:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom-right:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible::before { + -webkit-transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); + transform: translate(calc(50% + var(--cooltipz-arrow-offset, 0px)), 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--bottom-right:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom-right:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom-right[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible::after { - -webkit-transform: translate(0); - transform: translate(0); +[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--bottom-right:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom-right:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible::after { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::after, [aria-label][data-cooltipz-dir].cooltipz--left::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::after, [aria-label][class*=cooltipz].cooltipz--left::after { +[aria-label][data-cooltipz-dir].cooltipz--left::after, [aria-label][class*=cooltipz].cooltipz--left::after { margin-right: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); -webkit-transform: translate(var(--cooltipz-slide, 6px), -50%); transform: translate(var(--cooltipz-slide, 6px), -50%); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::before { +[aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz].cooltipz--left::before { -webkit-transform: translate(var(--cooltipz-slide, 6px), calc(-50% + var(--cooltipz-arrow-offset, 0px))); transform: translate(var(--cooltipz-slide, 6px), calc(-50% + var(--cooltipz-arrow-offset, 0px))); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::after, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::after, [aria-label][class*=cooltipz].cooltipz--left::before { +[aria-label][data-cooltipz-dir].cooltipz--left::after, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz].cooltipz--left::after, [aria-label][class*=cooltipz].cooltipz--left::before { right: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); top: 50%; -webkit-transform-origin: left; transform-origin: left; } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--left:hover::before, [aria-label][data-cooltipz-dir].cooltipz--left:focus::before, [aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--left:hover::before, [aria-label][class*=cooltipz].cooltipz--left:focus::before, [aria-label][class*=cooltipz].cooltipz--left[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible::before { +[aria-label][data-cooltipz-dir].cooltipz--left:hover::before, [aria-label][data-cooltipz-dir].cooltipz--left:focus::before, [aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--left:hover::before, [aria-label][class*=cooltipz].cooltipz--left:focus::before, [aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible::before { -webkit-transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--left:hover::after, [aria-label][data-cooltipz-dir].cooltipz--left:focus::after, [aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--left:hover::after, [aria-label][class*=cooltipz].cooltipz--left:focus::after, [aria-label][class*=cooltipz].cooltipz--left[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible::after { +[aria-label][data-cooltipz-dir].cooltipz--left:hover::after, [aria-label][data-cooltipz-dir].cooltipz--left:focus::after, [aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--left:hover::after, [aria-label][class*=cooltipz].cooltipz--left:focus::after, [aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible::after { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::after, [aria-label][data-cooltipz-dir].cooltipz--right::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::after, [aria-label][class*=cooltipz].cooltipz--right::after { +[aria-label][data-cooltipz-dir].cooltipz--right::after, [aria-label][class*=cooltipz].cooltipz--right::after { margin-left: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2); -webkit-transform: translate(calc(var(--cooltipz-slide, 6px) * -1), -50%); transform: translate(calc(var(--cooltipz-slide, 6px) * -1), -50%); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::before { +[aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz].cooltipz--right::before { -webkit-transform: translate(calc(var(--cooltipz-slide, 6px) * -1), calc(-50% + var(--cooltipz-arrow-offset, 0px))); transform: translate(calc(var(--cooltipz-slide, 6px) * -1), calc(-50% + var(--cooltipz-arrow-offset, 0px))); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::after, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::after, [aria-label][class*=cooltipz].cooltipz--right::before { +[aria-label][data-cooltipz-dir].cooltipz--right::after, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz].cooltipz--right::after, [aria-label][class*=cooltipz].cooltipz--right::before { left: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2); top: 50%; -webkit-transform-origin: right; transform-origin: right; } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--right:hover::before, [aria-label][data-cooltipz-dir].cooltipz--right:focus::before, [aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--right:hover::before, [aria-label][class*=cooltipz].cooltipz--right:focus::before, [aria-label][class*=cooltipz].cooltipz--right[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible::before { +[aria-label][data-cooltipz-dir].cooltipz--right:hover::before, [aria-label][data-cooltipz-dir].cooltipz--right:focus::before, [aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--right:hover::before, [aria-label][class*=cooltipz].cooltipz--right:focus::before, [aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible::before { -webkit-transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0px))); } -[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--right:hover::after, [aria-label][data-cooltipz-dir].cooltipz--right:focus::after, [aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--right:hover::after, [aria-label][class*=cooltipz].cooltipz--right:focus::after, [aria-label][class*=cooltipz].cooltipz--right[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible::after { +[aria-label][data-cooltipz-dir].cooltipz--right:hover::after, [aria-label][data-cooltipz-dir].cooltipz--right:focus::after, [aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--right:hover::after, [aria-label][class*=cooltipz].cooltipz--right:focus::after, [aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible::after { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } -[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]::after, [aria-label][data-cooltipz-dir].cooltipz--fit::after, [aria-label][class*=cooltipz][data-cooltipz-size=fit]::after, [aria-label][class*=cooltipz].cooltipz--fit::after { +[aria-label][data-cooltipz-dir].cooltipz--fit::after, [aria-label][class*=cooltipz].cooltipz--fit::after { width: 100%; } -[aria-label][data-cooltipz-dir][data-cooltipz-size=small]::after, [aria-label][data-cooltipz-dir].cooltipz--small::after, [aria-label][class*=cooltipz][data-cooltipz-size=small]::after, [aria-label][class*=cooltipz].cooltipz--small::after { +[aria-label][data-cooltipz-dir].cooltipz--small::after, [aria-label][class*=cooltipz].cooltipz--small::after { width: var(--cooltipz-small, 6.25rem); } -[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]::after, [aria-label][data-cooltipz-dir].cooltipz--medium::after, [aria-label][class*=cooltipz][data-cooltipz-size=medium]::after, [aria-label][class*=cooltipz].cooltipz--medium::after { +[aria-label][data-cooltipz-dir].cooltipz--medium::after, [aria-label][class*=cooltipz].cooltipz--medium::after { width: var(--cooltipz-medium, 12.5rem); } -[aria-label][data-cooltipz-dir][data-cooltipz-size=large]::after, [aria-label][data-cooltipz-dir].cooltipz--large::after, [aria-label][class*=cooltipz][data-cooltipz-size=large]::after, [aria-label][class*=cooltipz].cooltipz--large::after { +[aria-label][data-cooltipz-dir].cooltipz--large::after, [aria-label][class*=cooltipz].cooltipz--large::after { width: var(--cooltipz-large, 18.75rem); } -[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]::after, [aria-label][data-cooltipz-dir].cooltipz--custom::after, [aria-label][class*=cooltipz][data-cooltipz-size=custom]::after, [aria-label][class*=cooltipz].cooltipz--custom::after { +[aria-label][data-cooltipz-dir].cooltipz--custom::after, [aria-label][class*=cooltipz].cooltipz--custom::after { white-space: pre; word-wrap: break-word; } diff --git a/cooltipz.min.css b/cooltipz.min.css index 455dada..8d4817e 100644 --- a/cooltipz.min.css +++ b/cooltipz.min.css @@ -1 +1 @@ -/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after,[aria-label][data-cooltipz-dir].cooltipz--large:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after,[aria-label][data-cooltipz-dir].cooltipz--small:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{white-space:normal;word-wrap:break-word}[aria-label][class*=cooltipz],[aria-label][data-cooltipz-dir]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);content:attr(aria-label);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:before{content:"";z-index:11}[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-transition:none;transition:none}}[aria-label][class*=cooltipz].cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--visible:before,[aria-label][class*=cooltipz]:focus:after,[aria-label][class*=cooltipz]:focus:before,[aria-label][class*=cooltipz]:hover:after,[aria-label][class*=cooltipz]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--visible:before,[aria-label][data-cooltipz-dir]:focus:after,[aria-label][data-cooltipz-dir]:focus:before,[aria-label][data-cooltipz-dir]:hover:after,[aria-label][data-cooltipz-dir]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir].cooltipz--top:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top:after,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top:focus:before,[aria-label][class*=cooltipz].cooltipz--top:hover:before,[aria-label][class*=cooltipz].cooltipz--top[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top:focus:after,[aria-label][class*=cooltipz].cooltipz--top:hover:after,[aria-label][class*=cooltipz].cooltipz--top[data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(var(--cooltipz-arrow-offset,0),var(--cooltipz-slide,6px));transform:translate(var(--cooltipz-arrow-offset,0),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-left:focus:before,[aria-label][class*=cooltipz].cooltipz--top-left:hover:before,[aria-label][class*=cooltipz].cooltipz--top-left[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:before{-webkit-transform:translate(var(--cooltipz-arrow-offset,0));transform:translate(var(--cooltipz-arrow-offset,0))}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-left:focus:after,[aria-label][class*=cooltipz].cooltipz--top-left:hover:after,[aria-label][class*=cooltipz].cooltipz--top-left[data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(var(--cooltipz-arrow-offset,0),var(--cooltipz-slide,6px));transform:translate(var(--cooltipz-arrow-offset,0),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-right:focus:before,[aria-label][class*=cooltipz].cooltipz--top-right:hover:before,[aria-label][class*=cooltipz].cooltipz--top-right[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:before{-webkit-transform:translate(var(--cooltipz-arrow-offset,0));transform:translate(var(--cooltipz-arrow-offset,0))}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-right:focus:after,[aria-label][class*=cooltipz].cooltipz--top-right:hover:after,[aria-label][class*=cooltipz].cooltipz--top-right[data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom:hover:before,[aria-label][class*=cooltipz].cooltipz--bottom[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom:hover:after,[aria-label][class*=cooltipz].cooltipz--bottom[data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(var(--cooltipz-arrow-offset,0),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(var(--cooltipz-arrow-offset,0),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:before,[aria-label][class*=cooltipz].cooltipz--bottom-left[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before{-webkit-transform:translate(var(--cooltipz-arrow-offset,0));transform:translate(var(--cooltipz-arrow-offset,0))}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:after,[aria-label][class*=cooltipz].cooltipz--bottom-left[data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(var(--cooltipz-arrow-offset,0),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(var(--cooltipz-arrow-offset,0),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:before,[aria-label][class*=cooltipz].cooltipz--bottom-right[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before{-webkit-transform:translate(var(--cooltipz-arrow-offset,0));transform:translate(var(--cooltipz-arrow-offset,0))}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:after,[aria-label][class*=cooltipz].cooltipz--bottom-right[data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir].cooltipz--left:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:after,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--left:focus:before,[aria-label][class*=cooltipz].cooltipz--left:hover:before,[aria-label][class*=cooltipz].cooltipz--left[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--left:focus:after,[aria-label][class*=cooltipz].cooltipz--left:hover:after,[aria-label][class*=cooltipz].cooltipz--left[data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir].cooltipz--right:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:after,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--right:focus:before,[aria-label][class*=cooltipz].cooltipz--right:hover:before,[aria-label][class*=cooltipz].cooltipz--right[data-cooltipz-visible]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right].cooltipz--visible:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right].cooltipz--visible:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--right:focus:after,[aria-label][class*=cooltipz].cooltipz--right:hover:after,[aria-label][class*=cooltipz].cooltipz--right[data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right].cooltipz--visible:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right].cooltipz--visible:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after{width:100%}[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir].cooltipz--small:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir].cooltipz--large:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz].cooltipz--custom:after,[aria-label][class*=cooltipz][data-cooltipz-size=custom]:after,[aria-label][data-cooltipz-dir].cooltipz--custom:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--static:after,[aria-label][class*=cooltipz].cooltipz--static:before,[aria-label][class*=cooltipz][data-cooltipz-static]:after,[aria-label][class*=cooltipz][data-cooltipz-static]:before,[aria-label][data-cooltipz-dir].cooltipz--static:after,[aria-label][data-cooltipz-dir].cooltipz--static:before,[aria-label][data-cooltipz-dir][data-cooltipz-static]:after,[aria-label][data-cooltipz-dir][data-cooltipz-static]:before{-webkit-transition:none;transition:none}[aria-label=""][class*=cooltipz]:after,[aria-label=""][class*=cooltipz]:before,[aria-label=""][data-cooltipz-dir]:after,[aria-label=""][data-cooltipz-dir]:before{display:none} \ No newline at end of file +/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after,[aria-label][data-cooltipz-dir].cooltipz--large:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after,[aria-label][data-cooltipz-dir].cooltipz--small:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{white-space:normal;word-wrap:break-word}[aria-label][class*=cooltipz],[aria-label][data-cooltipz-dir]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:before{content:"";z-index:11}[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-transition:none;transition:none}}[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{content:attr(aria-label)}[aria-label][class*=cooltipz].cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--visible:before,[aria-label][class*=cooltipz]:focus:after,[aria-label][class*=cooltipz]:focus:before,[aria-label][class*=cooltipz]:hover:after,[aria-label][class*=cooltipz]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--visible:before,[aria-label][data-cooltipz-dir]:focus:after,[aria-label][data-cooltipz-dir]:focus:before,[aria-label][data-cooltipz-dir]:hover:after,[aria-label][data-cooltipz-dir]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after{width:100%}[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz][data-cooltipz-size=custom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][data-cooltipz-dir].cooltipz--top:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][data-cooltipz-dir].cooltipz--top:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][data-cooltipz-dir].cooltipz--top:after,[aria-label][data-cooltipz-dir].cooltipz--top:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top:focus:before,[aria-label][class*=cooltipz].cooltipz--top:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top:focus:after,[aria-label][class*=cooltipz].cooltipz--top:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-left:focus:before,[aria-label][class*=cooltipz].cooltipz--top-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-left:focus:after,[aria-label][class*=cooltipz].cooltipz--top-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-right:focus:before,[aria-label][class*=cooltipz].cooltipz--top-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-right:focus:after,[aria-label][class*=cooltipz].cooltipz--top-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][data-cooltipz-dir].cooltipz--left:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--left:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--left:after,[aria-label][data-cooltipz-dir].cooltipz--left:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--left:focus:before,[aria-label][class*=cooltipz].cooltipz--left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--left:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--left:focus:after,[aria-label][class*=cooltipz].cooltipz--left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--left:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][data-cooltipz-dir].cooltipz--right:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--right:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--right:after,[aria-label][data-cooltipz-dir].cooltipz--right:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--right:focus:before,[aria-label][class*=cooltipz].cooltipz--right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--right:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--right:focus:after,[aria-label][class*=cooltipz].cooltipz--right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--right:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after{width:100%}[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][data-cooltipz-dir].cooltipz--small:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][data-cooltipz-dir].cooltipz--large:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz].cooltipz--custom:after,[aria-label][data-cooltipz-dir].cooltipz--custom:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--static:after,[aria-label][class*=cooltipz].cooltipz--static:before,[aria-label][class*=cooltipz][data-cooltipz-static]:after,[aria-label][class*=cooltipz][data-cooltipz-static]:before,[aria-label][data-cooltipz-dir].cooltipz--static:after,[aria-label][data-cooltipz-dir].cooltipz--static:before,[aria-label][data-cooltipz-dir][data-cooltipz-static]:after,[aria-label][data-cooltipz-dir][data-cooltipz-static]:before{-webkit-transition:none;transition:none}[aria-label=""][class*=cooltipz]:after,[aria-label=""][class*=cooltipz]:before,[aria-label=""][data-cooltipz-dir]:after,[aria-label=""][data-cooltipz-dir]:before{display:none} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 8c68cae..81b801d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -754,9 +754,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001688", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001688.tgz", - "integrity": "sha512-Nmqpru91cuABu/DTCXbM2NSRHzM2uVHfPnhJ/1zEAJx/ILBRVmz3pzH4N7DZqbdG0gWClsCC05Oj0mJ/1AWMbA==", + "version": "1.0.30001737", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001737.tgz", + "integrity": "sha512-BiloLiXtQNrY5UyF0+1nSJLXUENuhka2pzy2Fx5pGxqavdrxSCW4U6Pn/PoG3Efspi2frRbHpBV2XsrPE6EDlw==", "dev": true, "funding": [ { diff --git a/package.json b/package.json index c2d42e6..04a540c 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,10 @@ "version": "2.3.1", "description": "Cooltipz.css is a pure CSS tooltip library that is lightweight, modern, accessible, customisable and easy to use", "scripts": { - "build": "npm run lint:fix && concurrently \"sass --no-source-map src/cooltipz.scss ./cooltipz.min.css --style=compressed\" \"sass --no-source-map src/cooltipz.scss ./cooltipz.css --style=expanded\" && concurrently \"npx postcss cooltipz.min.css --use autoprefixer cssnano --replace --no-map\" \"npx postcss cooltipz.css --use autoprefixer --replace --no-map\"", + "build": "npm run lint:fix && concurrently \"npm run build:combined\" \"npm run build:data-attrs\" \"npm run build:classes\"", + "build:combined": "concurrently \"sass --no-source-map src/cooltipz.scss ./cooltipz.min.css --style=compressed\" \"sass --no-source-map src/cooltipz.scss ./cooltipz.css --style=expanded\" && concurrently \"npx postcss cooltipz.min.css --use autoprefixer cssnano --replace --no-map\" \"npx postcss cooltipz.css --use autoprefixer --replace --no-map\"", + "build:data-attrs": "concurrently \"sass --no-source-map src/cooltipz-data-attrs.scss ./cooltipz-data-attrs.min.css --style=compressed\" \"sass --no-source-map src/cooltipz-data-attrs.scss ./cooltipz-data-attrs.css --style=expanded\" && concurrently \"npx postcss cooltipz-data-attrs.min.css --use autoprefixer cssnano --replace --no-map\" \"npx postcss cooltipz-data-attrs.css --use autoprefixer --replace --no-map\"", + "build:classes": "concurrently \"sass --no-source-map src/cooltipz-classes.scss ./cooltipz-classes.min.css --style=compressed\" \"sass --no-source-map src/cooltipz-classes.scss ./cooltipz-classes.css --style=expanded\" && concurrently \"npx postcss cooltipz-classes.min.css --use autoprefixer cssnano --replace --no-map\" \"npx postcss cooltipz-classes.css --use autoprefixer --replace --no-map\"", "lint:check": "stylelint \"**/*.scss\" --max-warnings=0", "lint:fix": "stylelint \"**/*.scss\" --max-warnings=0 --fix", "prepublishOnly": "git-branch-is master && is-git-status-clean && npm run build", @@ -41,6 +44,10 @@ "src/*", "cooltipz.css", "cooltipz.min.css", + "cooltipz-data-attrs.css", + "cooltipz-data-attrs.min.css", + "cooltipz-classes.css", + "cooltipz-classes.min.css", "postcss.config.js", "README.md", "LICENSE", diff --git a/src/_directions-base.scss b/src/_directions-base.scss new file mode 100644 index 0000000..80582cf --- /dev/null +++ b/src/_directions-base.scss @@ -0,0 +1,396 @@ +@use "./variables/scss" as *; +@use "./arrow" as *; + +$cooltipz-margin: calc(var(--cooltipz-arrow-size, #{$cooltipz-arrow-size}) * 2); +$cooltipz-corner-direction-position: calc(var(--cooltipz-arrow-size, #{$cooltipz-arrow-size}) / 2); +$cooltipz-y-direction-position: calc(100% - (var(--cooltipz-arrow-size, #{$cooltipz-arrow-size}) / 2)); + +// Base direction styles (shared positioning and transforms) +@mixin direction-top-base { + &::after { + margin-bottom: $cooltipz-margin; + transform: translate(-50%, var(--cooltipz-slide, #{$cooltipz-slide})); + } + + &::before { + @extend %arrow-down; + + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), var(--cooltipz-slide, #{$cooltipz-slide})); + } + + &::after, + &::before { + bottom: $cooltipz-y-direction-position; + left: 50%; + transform-origin: top; + } +} + +@mixin direction-top-hover-base { + &:hover, + &:focus, + &[data-cooltipz-visible] { + &::before { + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(-50%, 0); + } + } +} + +@mixin direction-top-left-base { + &::after { + left: 0; + margin-bottom: $cooltipz-margin; + transform: translate(0, var(--cooltipz-slide, #{$cooltipz-slide})); + } + + &::before { + @extend %arrow-down; + + left: $cooltipz-corner-direction-position; + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), var(--cooltipz-slide, #{$cooltipz-slide})); + } + + &::after, + &::before { + bottom: $cooltipz-y-direction-position; + transform-origin: top; + } +} + +@mixin direction-top-left-hover-base { + &:hover, + &:focus, + &[data-cooltipz-visible] { + &::before { + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(0, 0); + } + } +} + +@mixin direction-top-right-base { + &::after { + margin-bottom: $cooltipz-margin; + right: 0; + transform: translate(0, var(--cooltipz-slide, #{$cooltipz-slide})); + } + + &::before { + @extend %arrow-down; + + right: $cooltipz-corner-direction-position; + transform: translate(calc(50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), var(--cooltipz-slide, #{$cooltipz-slide})); + } + + &::after, + &::before { + bottom: $cooltipz-y-direction-position; + transform-origin: top; + } +} + +@mixin direction-top-right-hover-base { + &:hover, + &:focus, + &[data-cooltipz-visible] { + &::before { + transform: translate(calc(50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(0, 0); + } + } +} + +@mixin direction-bottom-base { + &::after { + margin-top: $cooltipz-margin; + transform: translate(-50%, calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); + } + + &::before { + @extend %arrow-up; + + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); + } + + &::after, + &::before { + left: 50%; + top: $cooltipz-y-direction-position; + transform-origin: bottom; + } +} + +@mixin direction-bottom-hover-base { + &:hover, + &:focus, + &[data-cooltipz-visible] { + &::before { + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(-50%, 0); + } + } +} + +@mixin direction-bottom-left-base { + &::after { + left: 0; + margin-top: $cooltipz-margin; + transform: translate(0, calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); + } + + &::before { + @extend %arrow-up; + + left: $cooltipz-corner-direction-position; + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); + } + + &::after, + &::before { + top: $cooltipz-y-direction-position; + transform-origin: bottom; + } +} + +@mixin direction-bottom-left-hover-base { + &:hover, + &:focus, + &[data-cooltipz-visible] { + &::before { + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(0, 0); + } + } +} + +@mixin direction-bottom-right-base { + &::after { + margin-top: $cooltipz-margin; + right: 0; + transform: translate(0, calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); + } + + &::before { + @extend %arrow-up; + + right: $cooltipz-corner-direction-position; + transform: translate(calc(50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); + } + + &::after, + &::before { + top: $cooltipz-y-direction-position; + transform-origin: bottom; + } +} + +@mixin direction-bottom-right-hover-base { + &:hover, + &:focus, + &[data-cooltipz-visible] { + &::before { + transform: translate(calc(50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(0, 0); + } + } +} + +@mixin direction-left-base { + &::after { + margin-right: $cooltipz-margin; + transform: translate(var(--cooltipz-slide, #{$cooltipz-slide}), -50%); + } + + &::before { + @extend %arrow-right; + + transform: translate(var(--cooltipz-slide, #{$cooltipz-slide}), calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); + } + + &::after, + &::before { + right: $cooltipz-y-direction-position; + top: 50%; + transform-origin: left; + } +} + +@mixin direction-left-hover-base { + &:hover, + &:focus, + &[data-cooltipz-visible] { + &::before { + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); + } + + &::after { + transform: translate(0, -50%); + } + } +} + +@mixin direction-right-base { + &::after { + margin-left: $cooltipz-margin; + transform: translate(calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1), -50%); + } + + &::before { + @extend %arrow-left; + + transform: translate(calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1), calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); + } + + &::after, + &::before { + left: $cooltipz-y-direction-position; + top: 50%; + transform-origin: right; + } +} + +@mixin direction-right-hover-base { + &:hover, + &:focus, + &[data-cooltipz-visible] { + &::before { + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); + } + + &::after { + transform: translate(0, -50%); + } + } +} + +// Classes-specific hover states (using .cooltipz--visible instead of [data-cooltipz-visible]) +@mixin direction-top-hover-classes { + &:hover, + &:focus, + &.cooltipz--visible { + &::before { + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(-50%, 0); + } + } +} + +@mixin direction-top-left-hover-classes { + &:hover, + &:focus, + &.cooltipz--visible { + &::before { + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(0, 0); + } + } +} + +@mixin direction-top-right-hover-classes { + &:hover, + &:focus, + &.cooltipz--visible { + &::before { + transform: translate(calc(50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(0, 0); + } + } +} + +@mixin direction-bottom-hover-classes { + &:hover, + &:focus, + &.cooltipz--visible { + &::before { + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(-50%, 0); + } + } +} + +@mixin direction-bottom-left-hover-classes { + &:hover, + &:focus, + &.cooltipz--visible { + &::before { + transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(0, 0); + } + } +} + +@mixin direction-bottom-right-hover-classes { + &:hover, + &:focus, + &.cooltipz--visible { + &::before { + transform: translate(calc(50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); + } + + &::after { + transform: translate(0, 0); + } + } +} + +@mixin direction-left-hover-classes { + &:hover, + &:focus, + &.cooltipz--visible { + &::before { + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); + } + + &::after { + transform: translate(0, -50%); + } + } +} + +@mixin direction-right-hover-classes { + &:hover, + &:focus, + &.cooltipz--visible { + &::before { + transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); + } + + &::after { + transform: translate(0, -50%); + } + } +} diff --git a/src/_directions-classes.scss b/src/_directions-classes.scss new file mode 100644 index 0000000..8e3d433 --- /dev/null +++ b/src/_directions-classes.scss @@ -0,0 +1,57 @@ +@use "./directions-base" as *; + +@mixin dir-top { + &.cooltipz--top { + @include direction-top-base; + @include direction-top-hover-classes; + } +} + +@mixin dir-top-left { + &.cooltipz--top-left { + @include direction-top-left-base; + @include direction-top-left-hover-classes; + } +} + +@mixin dir-top-right { + &.cooltipz--top-right { + @include direction-top-right-base; + @include direction-top-right-hover-classes; + } +} + +@mixin dir-bottom { + &.cooltipz--bottom { + @include direction-bottom-base; + @include direction-bottom-hover-classes; + } +} + +@mixin dir-bottom-left { + &.cooltipz--bottom-left { + @include direction-bottom-left-base; + @include direction-bottom-left-hover-classes; + } +} + +@mixin dir-bottom-right { + &.cooltipz--bottom-right { + @include direction-bottom-right-base; + @include direction-bottom-right-hover-classes; + } +} + +@mixin dir-left { + &.cooltipz--left { + @include direction-left-base; + @include direction-left-hover-classes; + } +} + +@mixin dir-right { + &.cooltipz--right { + @include direction-right-base; + @include direction-right-hover-classes; + } +} diff --git a/src/_directions-data-attrs.scss b/src/_directions-data-attrs.scss new file mode 100644 index 0000000..2447b2d --- /dev/null +++ b/src/_directions-data-attrs.scss @@ -0,0 +1,57 @@ +@use "./directions-base" as *; + +@mixin dir-top { + &[data-cooltipz-dir="top"] { + @include direction-top-base; + @include direction-top-hover-base; + } +} + +@mixin dir-top-left { + &[data-cooltipz-dir="top-left"] { + @include direction-top-left-base; + @include direction-top-left-hover-base; + } +} + +@mixin dir-top-right { + &[data-cooltipz-dir="top-right"] { + @include direction-top-right-base; + @include direction-top-right-hover-base; + } +} + +@mixin dir-bottom { + &[data-cooltipz-dir="bottom"] { + @include direction-bottom-base; + @include direction-bottom-hover-base; + } +} + +@mixin dir-bottom-left { + &[data-cooltipz-dir="bottom-left"] { + @include direction-bottom-left-base; + @include direction-bottom-left-hover-base; + } +} + +@mixin dir-bottom-right { + &[data-cooltipz-dir="bottom-right"] { + @include direction-bottom-right-base; + @include direction-bottom-right-hover-base; + } +} + +@mixin dir-left { + &[data-cooltipz-dir="left"] { + @include direction-left-base; + @include direction-left-hover-base; + } +} + +@mixin dir-right { + &[data-cooltipz-dir="right"] { + @include direction-right-base; + @include direction-right-hover-base; + } +} diff --git a/src/_directions.scss b/src/_directions.scss index bc0060d..510f671 100644 --- a/src/_directions.scss +++ b/src/_directions.scss @@ -1,298 +1,73 @@ -@use "./variables/scss" as *; -@use "./arrow" as *; - -$cooltipz-margin: calc(var(--cooltipz-arrow-size, #{$cooltipz-arrow-size}) * 2); -$cooltipz-corner-direction-position: calc(var(--cooltipz-arrow-size, #{$cooltipz-arrow-size}) / 2); -$cooltipz-y-direction-position: calc(100% - (var(--cooltipz-arrow-size, #{$cooltipz-arrow-size}) / 2)); +@use "./directions-base" as *; @mixin dir-top { &[data-cooltipz-dir="top"], &.cooltipz--top { - &::after { - margin-bottom: $cooltipz-margin; - transform: translate(-50%, var(--cooltipz-slide, #{$cooltipz-slide})); - } - - &::before { - @extend %arrow-down; - - transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), var(--cooltipz-slide, #{$cooltipz-slide})); - } - - &::after, - &::before { - bottom: $cooltipz-y-direction-position; - left: 50%; - transform-origin: top; - } - - &:hover, - &:focus, - &[data-cooltipz-visible], - &.cooltipz--visible { - &::before { - transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); - } - - &::after { - transform: translate(-50%, 0); - } - } + @include direction-top-base; + @include direction-top-hover-base; + @include direction-top-hover-classes; } } @mixin dir-top-left { &[data-cooltipz-dir="top-left"], &.cooltipz--top-left { - &::after { - left: 0; - margin-bottom: $cooltipz-margin; - transform: translate(0, var(--cooltipz-slide, #{$cooltipz-slide})); - } - - &::before { - @extend %arrow-down; - - left: $cooltipz-corner-direction-position; - transform: translate(var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}), var(--cooltipz-slide, #{$cooltipz-slide})); - } - - &::after, - &::before { - bottom: $cooltipz-y-direction-position; - transform-origin: top; - } - - &:hover, - &:focus, - &[data-cooltipz-visible], - &.cooltipz--visible { - &::before { - transform: translate(var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}), 0); - } - - &::after { - transform: translate(0); - } - } + @include direction-top-left-base; + @include direction-top-left-hover-base; + @include direction-top-left-hover-classes; } } @mixin dir-top-right { &[data-cooltipz-dir="top-right"], &.cooltipz--top-right { - &::after { - margin-bottom: $cooltipz-margin; - right: 0; - transform: translate(0, var(--cooltipz-slide, #{$cooltipz-slide})); - } - - &::before { - @extend %arrow-down; - - right: $cooltipz-corner-direction-position; - transform: translate(var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}), var(--cooltipz-slide, #{$cooltipz-slide})); - } - - &::after, - &::before { - bottom: $cooltipz-y-direction-position; - transform-origin: top; - } - - &:hover, - &:focus, - &[data-cooltipz-visible], - &.cooltipz--visible { - &::before { - transform: translate(var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}), 0); - } - - &::after { - transform: translate(0); - } - } + @include direction-top-right-base; + @include direction-top-right-hover-base; + @include direction-top-right-hover-classes; } } @mixin dir-bottom { &[data-cooltipz-dir="bottom"], &.cooltipz--bottom { - &::after { - margin-top: $cooltipz-margin; - transform: translate(-50%, calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); - } - - &::before { - @extend %arrow-up; - - transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); - } - - &::after, - &::before { - left: 50%; - top: $cooltipz-y-direction-position; - transform-origin: bottom; - } - - &:hover, - &:focus, - &[data-cooltipz-visible], - &.cooltipz--visible { - &::before { - transform: translate(calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset})), 0); - } - - &::after { - transform: translate(-50%, 0); - } - } + @include direction-bottom-base; + @include direction-bottom-hover-base; + @include direction-bottom-hover-classes; } } @mixin dir-bottom-left { &[data-cooltipz-dir="bottom-left"], &.cooltipz--bottom-left { - &::after { - left: 0; - margin-top: $cooltipz-margin; - transform: translate(0, calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); - } - - &::before { - @extend %arrow-up; - - left: $cooltipz-corner-direction-position; - transform: translate(var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}), calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); - } - - &::after, - &::before { - top: $cooltipz-y-direction-position; - transform-origin: bottom; - } - - &:hover, - &:focus, - &[data-cooltipz-visible], - &.cooltipz--visible { - &::before { - transform: translate(var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}), 0); - } - - &::after { - transform: translate(0); - } - } + @include direction-bottom-left-base; + @include direction-bottom-left-hover-base; + @include direction-bottom-left-hover-classes; } } @mixin dir-bottom-right { &[data-cooltipz-dir="bottom-right"], &.cooltipz--bottom-right { - &::after { - margin-top: $cooltipz-margin; - right: 0; - transform: translate(0, calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); - } - - &::before { - @extend %arrow-up; - - right: $cooltipz-corner-direction-position; - transform: translate(var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}), calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1)); - } - - &::after, - &::before { - top: $cooltipz-y-direction-position; - transform-origin: bottom; - } - - &:hover, - &:focus, - &[data-cooltipz-visible], - &.cooltipz--visible { - &::before { - transform: translate(var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}), 0); - } - - &::after { - transform: translate(0); - } - } + @include direction-bottom-right-base; + @include direction-bottom-right-hover-base; + @include direction-bottom-right-hover-classes; } } @mixin dir-left { &[data-cooltipz-dir="left"], &.cooltipz--left { - &::after { - margin-right: $cooltipz-margin; - transform: translate(var(--cooltipz-slide, #{$cooltipz-slide}), -50%); - } - - &::before { - @extend %arrow-right; - - transform: translate(var(--cooltipz-slide, #{$cooltipz-slide}), calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); - } - - &::after, - &::before { - right: $cooltipz-y-direction-position; - top: 50%; - transform-origin: left; - } - - &:hover, - &:focus, - &[data-cooltipz-visible], - &.cooltipz--visible { - &::before { - transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); - } - - &::after { - transform: translate(0, -50%); - } - } + @include direction-left-base; + @include direction-left-hover-base; + @include direction-left-hover-classes; } } @mixin dir-right { &[data-cooltipz-dir="right"], &.cooltipz--right { - &::after { - margin-left: $cooltipz-margin; - transform: translate(calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1), -50%); - } - - &::before { - @extend %arrow-left; - - transform: translate(calc(var(--cooltipz-slide, #{$cooltipz-slide}) * -1), calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); - } - - &::after, - &::before { - left: $cooltipz-y-direction-position; - top: 50%; - transform-origin: right; - } - - &:hover, - &:focus, - &[data-cooltipz-visible], - &.cooltipz--visible { - &::before { - transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, #{$cooltipz-arrow-offset}))); - } - - &::after { - transform: translate(0, -50%); - } - } + @include direction-right-base; + @include direction-right-hover-base; + @include direction-right-hover-classes; } } diff --git a/src/_sizes-base.scss b/src/_sizes-base.scss new file mode 100644 index 0000000..5b0ef95 --- /dev/null +++ b/src/_sizes-base.scss @@ -0,0 +1,46 @@ +@use "./variables/scss" as *; + +// Shared size base styles +%sizes-common { + white-space: normal; + word-wrap: break-word; +} + +@mixin size-fit-base { + &::after { + @extend %sizes-common; + + width: 100%; + } +} + +@mixin size-small-base { + &::after { + @extend %sizes-common; + + width: var(--cooltipz-small, #{$cooltipz-small}); + } +} + +@mixin size-medium-base { + &::after { + @extend %sizes-common; + + width: var(--cooltipz-medium, #{$cooltipz-medium}); + } +} + +@mixin size-large-base { + &::after { + @extend %sizes-common; + + width: var(--cooltipz-large, #{$cooltipz-large}); + } +} + +@mixin size-custom-base { + &::after { + white-space: pre; + word-wrap: break-word; + } +} diff --git a/src/_sizes-classes.scss b/src/_sizes-classes.scss new file mode 100644 index 0000000..4f4bf87 --- /dev/null +++ b/src/_sizes-classes.scss @@ -0,0 +1,31 @@ +@use "./sizes-base" as *; + +@mixin size-fit { + &.cooltipz--fit { + @include size-fit-base; + } +} + +@mixin size-small { + &.cooltipz--small { + @include size-small-base; + } +} + +@mixin size-medium { + &.cooltipz--medium { + @include size-medium-base; + } +} + +@mixin size-large { + &.cooltipz--large { + @include size-large-base; + } +} + +@mixin size-custom { + &.cooltipz--custom { + @include size-custom-base; + } +} diff --git a/src/_sizes-data-attrs.scss b/src/_sizes-data-attrs.scss new file mode 100644 index 0000000..1428c6c --- /dev/null +++ b/src/_sizes-data-attrs.scss @@ -0,0 +1,31 @@ +@use "./sizes-base" as *; + +@mixin size-fit { + &[data-cooltipz-size="fit"] { + @include size-fit-base; + } +} + +@mixin size-small { + &[data-cooltipz-size="small"] { + @include size-small-base; + } +} + +@mixin size-medium { + &[data-cooltipz-size="medium"] { + @include size-medium-base; + } +} + +@mixin size-large { + &[data-cooltipz-size="large"] { + @include size-large-base; + } +} + +@mixin size-custom { + &[data-cooltipz-size="custom"] { + @include size-custom-base; + } +} diff --git a/src/_sizes.scss b/src/_sizes.scss index 95a9c66..3736859 100644 --- a/src/_sizes.scss +++ b/src/_sizes.scss @@ -1,60 +1,36 @@ -@use "./variables/scss" as *; - -%sizes-common { - white-space: normal; - word-wrap: break-word; -} +@use "./sizes-base" as *; @mixin size-fit { &[data-cooltipz-size="fit"], &.cooltipz--fit { - &::after { - @extend %sizes-common; - - width: 100%; - } + @include size-fit-base; } } @mixin size-small { &[data-cooltipz-size="small"], &.cooltipz--small { - &::after { - @extend %sizes-common; - - width: var(--cooltipz-small, #{$cooltipz-small}); - } + @include size-small-base; } } @mixin size-medium { &[data-cooltipz-size="medium"], &.cooltipz--medium { - &::after { - @extend %sizes-common; - - width: var(--cooltipz-medium, #{$cooltipz-medium}); - } + @include size-medium-base; } } @mixin size-large { &[data-cooltipz-size="large"], &.cooltipz--large { - &::after { - @extend %sizes-common; - - width: var(--cooltipz-large, #{$cooltipz-large}); - } + @include size-large-base; } } @mixin size-custom { &[data-cooltipz-size="custom"], &.cooltipz--custom { - &::after { - white-space: pre; - word-wrap: break-word; - } + @include size-custom-base; } } diff --git a/src/_tooltip-base.scss b/src/_tooltip-base.scss new file mode 100644 index 0000000..4b2532c --- /dev/null +++ b/src/_tooltip-base.scss @@ -0,0 +1,103 @@ +@use "./variables/scss" as *; +@use "./animations" as *; + +// Base tooltip styles (shared between data-attrs and classes) +@mixin tooltip-base { + cursor: var(--cooltipz-cursor, #{$cooltipz-cursor}); + position: relative; + + &::after { + background-color: var(--cooltipz-bg-color, #{$cooltipz-bg-color}); + border-radius: var(--cooltipz-border-radius, #{$cooltipz-border-radius}); + border: + var(--cooltipz-border-width, #{$cooltipz-border-width}) + var(--cooltipz-border-style, #{$cooltipz-border-style}) + var(--cooltipz-border-color, #{$cooltipz-border-color}); + box-shadow: 0 0 0.1875rem $cooltipz-shadow-color; + color: var(--cooltipz-text-color, #{$cooltipz-text-color}); + font-family: var(--cooltipz-font-family, #{$cooltipz-font-family}); + font-size: var(--cooltipz-font-size, #{$cooltipz-font-size}); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-style: normal; + font-weight: 400; + padding: 0.5em 1em; + text-indent: 0; + text-shadow: none; + white-space: nowrap; + z-index: 10; + + @media(forced-colors: active) { + border: 1px solid CanvasText; + color: CanvasText; + } + } + + &::before { + content: ""; + z-index: 11; + } + + &::after, + &::before { + box-sizing: border-box; + opacity: 0; + pointer-events: none; + position: absolute; + transition-delay: var(--cooltipz-delay-hide, #{$cooltipz-delay-hide}); + + @include base-animations; + } +} + +// Hover states for data attributes +@mixin tooltip-hover-data-attrs { + &::after { + content: attr(#{$cooltipz-attribute}); + } + + &:hover, + &:focus, + &[data-cooltipz-visible] { + &::before, + &::after { + opacity: 1; + transition-delay: var(--cooltipz-delay-show, #{$cooltipz-delay-show}); + } + } +} + +// Hover states for classes +@mixin tooltip-hover-classes { + &::after { + content: attr(aria-label); + } + + &:hover, + &:focus, + &.cooltipz--visible { + &::before, + &::after { + opacity: 1; + transition-delay: var(--cooltipz-delay-show, #{$cooltipz-delay-show}); + } + } +} + +// Combined hover states (for main cooltipz.scss) +@mixin tooltip-hover-combined { + &::after { + content: attr(#{$cooltipz-attribute}); + } + + &:hover, + &:focus, + &[data-cooltipz-visible], + &.cooltipz--visible { + &::before, + &::after { + opacity: 1; + transition-delay: var(--cooltipz-delay-show, #{$cooltipz-delay-show}); + } + } +} diff --git a/src/_tooltip-classes.scss b/src/_tooltip-classes.scss new file mode 100644 index 0000000..a8f3f1c --- /dev/null +++ b/src/_tooltip-classes.scss @@ -0,0 +1,6 @@ +@use "./tooltip-base" as *; + +@mixin tooltip { + @include tooltip-base; + @include tooltip-hover-classes; +} \ No newline at end of file diff --git a/src/_tooltip-data-attrs.scss b/src/_tooltip-data-attrs.scss new file mode 100644 index 0000000..b6aeb11 --- /dev/null +++ b/src/_tooltip-data-attrs.scss @@ -0,0 +1,6 @@ +@use "./tooltip-base" as *; + +@mixin tooltip { + @include tooltip-base; + @include tooltip-hover-data-attrs; +} \ No newline at end of file diff --git a/src/_tooltip.scss b/src/_tooltip.scss index 2cab188..b895cfe 100644 --- a/src/_tooltip.scss +++ b/src/_tooltip.scss @@ -1,62 +1,21 @@ -@use "./variables/scss" as *; -@use "./animations" as *; +@use "./tooltip-base" as *; -@mixin tooltip { - cursor: var(--cooltipz-cursor, #{$cooltipz-cursor}); - position: relative; - - &::after { - background-color: var(--cooltipz-bg-color, #{$cooltipz-bg-color}); - border-radius: var(--cooltipz-border-radius, #{$cooltipz-border-radius}); - border: - var(--cooltipz-border-width, #{$cooltipz-border-width}) - var(--cooltipz-border-style, #{$cooltipz-border-style}) - var(--cooltipz-border-color, #{$cooltipz-border-color}); - box-shadow: 0 0 0.1875rem $cooltipz-shadow-color; - color: var(--cooltipz-text-color, #{$cooltipz-text-color}); - content: attr(#{$cooltipz-attribute}); - font-family: var(--cooltipz-font-family, #{$cooltipz-font-family}); - font-size: var(--cooltipz-font-size, #{$cooltipz-font-size}); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-style: normal; - font-weight: 400; - padding: 0.5em 1em; - text-indent: 0; - text-shadow: none; - white-space: nowrap; - z-index: 10; - - @media(forced-colors: active) { - border: 1px solid CanvasText; - color: CanvasText; - } - } - - &::before { - content: ""; - z-index: 11; - } +@mixin tooltip-combined { + @include tooltip-base; + @include tooltip-hover-combined; +} - &::after, - &::before { - box-sizing: border-box; - opacity: 0; - pointer-events: none; - position: absolute; - transition-delay: var(--cooltipz-delay-hide, #{$cooltipz-delay-hide}); +@mixin tooltip-data-attrs { + @include tooltip-base; + @include tooltip-hover-data-attrs; +} - @include base-animations; - } +@mixin tooltip-classes { + @include tooltip-base; + @include tooltip-hover-classes; +} - &:hover, - &:focus, - &[data-cooltipz-visible], - &.cooltipz--visible { - &::before, - &::after { - opacity: 1; - transition-delay: var(--cooltipz-delay-show, #{$cooltipz-delay-show}); - } - } +// Keep the original for backward compatibility +@mixin tooltip { + @include tooltip-combined; } diff --git a/src/cooltipz-classes.scss b/src/cooltipz-classes.scss new file mode 100644 index 0000000..8d02a73 --- /dev/null +++ b/src/cooltipz-classes.scss @@ -0,0 +1,53 @@ +@use "./license"; +@forward "./variables/scss"; +@use "./variables/scss" as variables; +@use "./variables/css" as *; +@use "./tooltip-classes" as *; +@use "./animations" as *; +@use "./arrow" as *; +@use "./directions-classes" as *; +@use "./sizes-classes" as *; + +/* +::before = arrow +::after = tooltip box and content +*/ + +[#{variables.$cooltipz-attribute}] { // Required + &[class*="cooltipz"] { // Required + // Default + @include tooltip; + + // Modifiers + @include dir-top; + @include dir-top-left; + @include dir-top-right; + @include dir-bottom; + @include dir-bottom-left; + @include dir-bottom-right; + @include dir-left; + @include dir-right; + @include size-fit; + @include size-small; + @include size-medium; + @include size-large; + @include size-custom; + + &.cooltipz--static { + &::after, + &::before { + @include no-animations; + } + } + } +} + +// Do not show tooltip if attribute is empty +[#{variables.$cooltipz-attribute}=""] { + &[class*="cooltipz"] { + &::before, + &::after { + display: none; + } + } +} diff --git a/src/cooltipz-data-attrs.scss b/src/cooltipz-data-attrs.scss new file mode 100644 index 0000000..0522023 --- /dev/null +++ b/src/cooltipz-data-attrs.scss @@ -0,0 +1,53 @@ +@use "./license"; +@forward "./variables/scss"; +@use "./variables/scss" as variables; +@use "./variables/css" as *; +@use "./tooltip-data-attrs" as *; +@use "./animations" as *; +@use "./arrow" as *; +@use "./directions-data-attrs" as *; +@use "./sizes-data-attrs" as *; + +/* +::before = arrow +::after = tooltip box and content +*/ + +[#{variables.$cooltipz-attribute}] { // Required + &[data-cooltipz-dir] { // Required + // Default + @include tooltip; + + // Modifiers + @include dir-top; + @include dir-top-left; + @include dir-top-right; + @include dir-bottom; + @include dir-bottom-left; + @include dir-bottom-right; + @include dir-left; + @include dir-right; + @include size-fit; + @include size-small; + @include size-medium; + @include size-large; + @include size-custom; + + &[data-cooltipz-static] { + &::after, + &::before { + @include no-animations; + } + } + } +} + +// Do not show tooltip if attribute is empty +[#{variables.$cooltipz-attribute}=""] { + &[data-cooltipz-dir] { + &::before, + &::after { + display: none; + } + } +} diff --git a/src/cooltipz.scss b/src/cooltipz.scss index 4086b23..4557014 100644 --- a/src/cooltipz.scss +++ b/src/cooltipz.scss @@ -5,8 +5,10 @@ @use "./tooltip" as *; @use "./animations" as *; @use "./arrow" as *; -@use "./directions" as *; -@use "./sizes" as *; +@use "./directions-data-attrs" as data-dirs; +@use "./directions-classes" as class-dirs; +@use "./sizes-data-attrs" as data-sizes; +@use "./sizes-classes" as class-sizes; /* ::before = arrow @@ -19,20 +21,35 @@ // Default @include tooltip; - // Modifiers - @include dir-top; - @include dir-top-left; - @include dir-top-right; - @include dir-bottom; - @include dir-bottom-left; - @include dir-bottom-right; - @include dir-left; - @include dir-right; - @include size-fit; - @include size-small; - @include size-medium; - @include size-large; - @include size-custom; + // Modifiers - Data attributes + @include data-dirs.dir-top; + @include data-dirs.dir-top-left; + @include data-dirs.dir-top-right; + @include data-dirs.dir-bottom; + @include data-dirs.dir-bottom-left; + @include data-dirs.dir-bottom-right; + @include data-dirs.dir-left; + @include data-dirs.dir-right; + @include data-sizes.size-fit; + @include data-sizes.size-small; + @include data-sizes.size-medium; + @include data-sizes.size-large; + @include data-sizes.size-custom; + + // Modifiers - Classes + @include class-dirs.dir-top; + @include class-dirs.dir-top-left; + @include class-dirs.dir-top-right; + @include class-dirs.dir-bottom; + @include class-dirs.dir-bottom-left; + @include class-dirs.dir-bottom-right; + @include class-dirs.dir-left; + @include class-dirs.dir-right; + @include class-sizes.size-fit; + @include class-sizes.size-small; + @include class-sizes.size-medium; + @include class-sizes.size-large; + @include class-sizes.size-custom; &[data-cooltipz-static], &.cooltipz--static { From dcd5ac2bca7cf532823a41ed8009f06a17beaea5 Mon Sep 17 00:00:00 2001 From: Jack Domleo <jackdomleo7@gmail.com> Date: Tue, 26 Aug 2025 21:09:11 +0100 Subject: [PATCH 2/2] build(version): Bump cooltipz-css to v2.4.0 --- cooltipz-classes.css | 2 +- cooltipz-classes.min.css | 2 +- cooltipz-data-attrs.css | 2 +- cooltipz-data-attrs.min.css | 2 +- cooltipz.css | 2 +- cooltipz.min.css | 2 +- package-lock.json | 4 ++-- package.json | 2 +- src/_license.scss | 2 +- 9 files changed, 10 insertions(+), 10 deletions(-) diff --git a/cooltipz-classes.css b/cooltipz-classes.css index 92c22fa..cc5cc7d 100644 --- a/cooltipz-classes.css +++ b/cooltipz-classes.css @@ -1,4 +1,4 @@ -/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */ +/*! Cooltipz.css v2.4.0 | MIT License | github.com/jackdomleo7/Cooltipz.css */ /* stylelint-disable-next-line length-zero-no-unit */ :root { --cooltipz-bg-color: #1f1f1f; diff --git a/cooltipz-classes.min.css b/cooltipz-classes.min.css index 5a88c5a..7afc669 100644 --- a/cooltipz-classes.min.css +++ b/cooltipz-classes.min.css @@ -1 +1 @@ -/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border-top-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before{border-bottom-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--right:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--right:before{border-right-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--left:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--left:before{border-left-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz].cooltipz--small:after{white-space:normal;word-wrap:break-word}[aria-label][class*=cooltipz]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][class*=cooltipz]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][class*=cooltipz]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][class*=cooltipz]:before{content:"";z-index:11}[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before{-webkit-transition:none;transition:none}}[aria-label][class*=cooltipz]:after{content:attr(aria-label)}[aria-label][class*=cooltipz].cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--visible:before,[aria-label][class*=cooltipz]:focus:after,[aria-label][class*=cooltipz]:focus:before,[aria-label][class*=cooltipz]:hover:after,[aria-label][class*=cooltipz]:hover:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][class*=cooltipz].cooltipz--top:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz].cooltipz--top:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top:focus:before,[aria-label][class*=cooltipz].cooltipz--top:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top:focus:after,[aria-label][class*=cooltipz].cooltipz--top:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--top-left:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz].cooltipz--top-left:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-left:focus:before,[aria-label][class*=cooltipz].cooltipz--top-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-left:focus:after,[aria-label][class*=cooltipz].cooltipz--top-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--top-right:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz].cooltipz--top-right:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-right:focus:before,[aria-label][class*=cooltipz].cooltipz--top-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-right:focus:after,[aria-label][class*=cooltipz].cooltipz--top-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz].cooltipz--bottom:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--bottom-left:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom-right:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--left:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz].cooltipz--left:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz].cooltipz--left:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--left:focus:before,[aria-label][class*=cooltipz].cooltipz--left:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--left:focus:after,[aria-label][class*=cooltipz].cooltipz--left:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--right:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz].cooltipz--right:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz].cooltipz--right:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--right:focus:before,[aria-label][class*=cooltipz].cooltipz--right:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--right:focus:after,[aria-label][class*=cooltipz].cooltipz--right:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--fit:after{width:100%}[aria-label][class*=cooltipz].cooltipz--small:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz].cooltipz--medium:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz].cooltipz--large:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz].cooltipz--custom:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--static:after,[aria-label][class*=cooltipz].cooltipz--static:before{-webkit-transition:none;transition:none}[aria-label=""][class*=cooltipz]:after,[aria-label=""][class*=cooltipz]:before{display:none} \ No newline at end of file +/*! Cooltipz.css v2.4.0 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before{border-top-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before{border-bottom-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--right:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--right:before{border-right-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--left:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--left:before{border-left-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz].cooltipz--small:after{white-space:normal;word-wrap:break-word}[aria-label][class*=cooltipz]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][class*=cooltipz]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][class*=cooltipz]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][class*=cooltipz]:before{content:"";z-index:11}[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before{-webkit-transition:none;transition:none}}[aria-label][class*=cooltipz]:after{content:attr(aria-label)}[aria-label][class*=cooltipz].cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--visible:before,[aria-label][class*=cooltipz]:focus:after,[aria-label][class*=cooltipz]:focus:before,[aria-label][class*=cooltipz]:hover:after,[aria-label][class*=cooltipz]:hover:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][class*=cooltipz].cooltipz--top:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz].cooltipz--top:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top:focus:before,[aria-label][class*=cooltipz].cooltipz--top:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top:focus:after,[aria-label][class*=cooltipz].cooltipz--top:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--top-left:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz].cooltipz--top-left:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-left:focus:before,[aria-label][class*=cooltipz].cooltipz--top-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-left:focus:after,[aria-label][class*=cooltipz].cooltipz--top-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--top-right:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz].cooltipz--top-right:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-right:focus:before,[aria-label][class*=cooltipz].cooltipz--top-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-right:focus:after,[aria-label][class*=cooltipz].cooltipz--top-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz].cooltipz--bottom:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--bottom-left:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom-right:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--left:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz].cooltipz--left:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz].cooltipz--left:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--left:focus:before,[aria-label][class*=cooltipz].cooltipz--left:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--left:focus:after,[aria-label][class*=cooltipz].cooltipz--left:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--right:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz].cooltipz--right:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz].cooltipz--right:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--right:focus:before,[aria-label][class*=cooltipz].cooltipz--right:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--right:focus:after,[aria-label][class*=cooltipz].cooltipz--right:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--fit:after{width:100%}[aria-label][class*=cooltipz].cooltipz--small:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz].cooltipz--medium:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz].cooltipz--large:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz].cooltipz--custom:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--static:after,[aria-label][class*=cooltipz].cooltipz--static:before{-webkit-transition:none;transition:none}[aria-label=""][class*=cooltipz]:after,[aria-label=""][class*=cooltipz]:before{display:none} \ No newline at end of file diff --git a/cooltipz-data-attrs.css b/cooltipz-data-attrs.css index f0f5644..7bf5f94 100644 --- a/cooltipz-data-attrs.css +++ b/cooltipz-data-attrs.css @@ -1,4 +1,4 @@ -/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */ +/*! Cooltipz.css v2.4.0 | MIT License | github.com/jackdomleo7/Cooltipz.css */ /* stylelint-disable-next-line length-zero-no-unit */ :root { --cooltipz-bg-color: #1f1f1f; diff --git a/cooltipz-data-attrs.min.css b/cooltipz-data-attrs.min.css index 82a62b7..13ffd27 100644 --- a/cooltipz-data-attrs.min.css +++ b/cooltipz-data-attrs.min.css @@ -1 +1 @@ -/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{white-space:normal;word-wrap:break-word}[aria-label][data-cooltipz-dir]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][data-cooltipz-dir]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][data-cooltipz-dir]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][data-cooltipz-dir]:before{content:"";z-index:11}[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-transition:none;transition:none}}[aria-label][data-cooltipz-dir]:after{content:attr(aria-label)}[aria-label][data-cooltipz-dir]:focus:after,[aria-label][data-cooltipz-dir]:focus:before,[aria-label][data-cooltipz-dir]:hover:after,[aria-label][data-cooltipz-dir]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after{width:100%}[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{width:var(--cooltipz-small,6.25rem)}[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after{width:var(--cooltipz-large,18.75rem)}[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]:after{white-space:pre;word-wrap:break-word}[aria-label][data-cooltipz-dir][data-cooltipz-static]:after,[aria-label][data-cooltipz-dir][data-cooltipz-static]:before{-webkit-transition:none;transition:none}[aria-label=""][data-cooltipz-dir]:after,[aria-label=""][data-cooltipz-dir]:before{display:none} \ No newline at end of file +/*! Cooltipz.css v2.4.0 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:CanvasText}}[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{white-space:normal;word-wrap:break-word}[aria-label][data-cooltipz-dir]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][data-cooltipz-dir]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][data-cooltipz-dir]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][data-cooltipz-dir]:before{content:"";z-index:11}[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-transition:none;transition:none}}[aria-label][data-cooltipz-dir]:after{content:attr(aria-label)}[aria-label][data-cooltipz-dir]:focus:after,[aria-label][data-cooltipz-dir]:focus:before,[aria-label][data-cooltipz-dir]:hover:after,[aria-label][data-cooltipz-dir]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after{width:100%}[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{width:var(--cooltipz-small,6.25rem)}[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after{width:var(--cooltipz-large,18.75rem)}[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]:after{white-space:pre;word-wrap:break-word}[aria-label][data-cooltipz-dir][data-cooltipz-static]:after,[aria-label][data-cooltipz-dir][data-cooltipz-static]:before{-webkit-transition:none;transition:none}[aria-label=""][data-cooltipz-dir]:after,[aria-label=""][data-cooltipz-dir]:before{display:none} \ No newline at end of file diff --git a/cooltipz.css b/cooltipz.css index d2f1743..864d452 100644 --- a/cooltipz.css +++ b/cooltipz.css @@ -1,4 +1,4 @@ -/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */ +/*! Cooltipz.css v2.4.0 | MIT License | github.com/jackdomleo7/Cooltipz.css */ /* stylelint-disable-next-line length-zero-no-unit */ :root { --cooltipz-bg-color: #1f1f1f; diff --git a/cooltipz.min.css b/cooltipz.min.css index 8d4817e..9bf282f 100644 --- a/cooltipz.min.css +++ b/cooltipz.min.css @@ -1 +1 @@ -/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after,[aria-label][data-cooltipz-dir].cooltipz--large:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after,[aria-label][data-cooltipz-dir].cooltipz--small:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{white-space:normal;word-wrap:break-word}[aria-label][class*=cooltipz],[aria-label][data-cooltipz-dir]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:before{content:"";z-index:11}[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-transition:none;transition:none}}[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{content:attr(aria-label)}[aria-label][class*=cooltipz].cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--visible:before,[aria-label][class*=cooltipz]:focus:after,[aria-label][class*=cooltipz]:focus:before,[aria-label][class*=cooltipz]:hover:after,[aria-label][class*=cooltipz]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--visible:before,[aria-label][data-cooltipz-dir]:focus:after,[aria-label][data-cooltipz-dir]:focus:before,[aria-label][data-cooltipz-dir]:hover:after,[aria-label][data-cooltipz-dir]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after{width:100%}[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz][data-cooltipz-size=custom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][data-cooltipz-dir].cooltipz--top:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][data-cooltipz-dir].cooltipz--top:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][data-cooltipz-dir].cooltipz--top:after,[aria-label][data-cooltipz-dir].cooltipz--top:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top:focus:before,[aria-label][class*=cooltipz].cooltipz--top:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top:focus:after,[aria-label][class*=cooltipz].cooltipz--top:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-left:focus:before,[aria-label][class*=cooltipz].cooltipz--top-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-left:focus:after,[aria-label][class*=cooltipz].cooltipz--top-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-right:focus:before,[aria-label][class*=cooltipz].cooltipz--top-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-right:focus:after,[aria-label][class*=cooltipz].cooltipz--top-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][data-cooltipz-dir].cooltipz--left:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--left:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--left:after,[aria-label][data-cooltipz-dir].cooltipz--left:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--left:focus:before,[aria-label][class*=cooltipz].cooltipz--left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--left:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--left:focus:after,[aria-label][class*=cooltipz].cooltipz--left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--left:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][data-cooltipz-dir].cooltipz--right:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--right:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--right:after,[aria-label][data-cooltipz-dir].cooltipz--right:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--right:focus:before,[aria-label][class*=cooltipz].cooltipz--right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--right:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--right:focus:after,[aria-label][class*=cooltipz].cooltipz--right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--right:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after{width:100%}[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][data-cooltipz-dir].cooltipz--small:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][data-cooltipz-dir].cooltipz--large:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz].cooltipz--custom:after,[aria-label][data-cooltipz-dir].cooltipz--custom:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--static:after,[aria-label][class*=cooltipz].cooltipz--static:before,[aria-label][class*=cooltipz][data-cooltipz-static]:after,[aria-label][class*=cooltipz][data-cooltipz-static]:before,[aria-label][data-cooltipz-dir].cooltipz--static:after,[aria-label][data-cooltipz-dir].cooltipz--static:before,[aria-label][data-cooltipz-dir][data-cooltipz-static]:after,[aria-label][data-cooltipz-dir][data-cooltipz-static]:before{-webkit-transition:none;transition:none}[aria-label=""][class*=cooltipz]:after,[aria-label=""][class*=cooltipz]:before,[aria-label=""][data-cooltipz-dir]:after,[aria-label=""][data-cooltipz-dir]:before{display:none} \ No newline at end of file +/*! Cooltipz.css v2.4.0 | MIT License | github.com/jackdomleo7/Cooltipz.css */:root{--cooltipz-bg-color:#1f1f1f;--cooltipz-border-width:0;--cooltipz-border-style:solid;--cooltipz-border-color:#1f1f1f;--cooltipz-text-color:#fff;--cooltipz-font-size:0.75rem;--cooltipz-font-family:verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif;--cooltipz-slide:6px;--cooltipz-border-radius:0.125rem;--cooltipz-timing:120ms;--cooltipz-cursor:pointer;--cooltipz-small:6.25rem;--cooltipz-medium:12.5rem;--cooltipz-large:18.75rem;--cooltipz-arrow-size:0.3125rem;--cooltipz-arrow-offset:0px;--cooltipz-delay-show:0s;--cooltipz-delay-hide:0s}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border:var(--cooltipz-arrow-size,.3125rem) solid transparent;height:0;width:0}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-color:Canvas;-webkit-filter:none!important;filter:none!important}}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{border-top-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{border-bottom-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(-1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir].cooltipz--right:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{border-right-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:var(--cooltipz-border-color,#1f1f1f);-webkit-filter:drop-shadow(1px 0 1px rgba(0,0,0,.3));filter:drop-shadow(1px 0 1px rgba(0,0,0,.3))}@media(forced-colors:active){[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir].cooltipz--left:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{border-left-color:CanvasText}}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after,[aria-label][data-cooltipz-dir].cooltipz--large:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after,[aria-label][data-cooltipz-dir].cooltipz--small:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{white-space:normal;word-wrap:break-word}[aria-label][class*=cooltipz],[aria-label][data-cooltipz-dir]{cursor:var(--cooltipz-cursor,pointer);position:relative}[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{background-color:var(--cooltipz-bg-color,#1f1f1f);border:var(--cooltipz-border-width,0) var(--cooltipz-border-style,solid) var(--cooltipz-border-color,#1f1f1f);border-radius:var(--cooltipz-border-radius,.125rem);-webkit-box-shadow:0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 .1875rem rgba(0,0,0,.3);color:var(--cooltipz-text-color,#fff);font-family:var(--cooltipz-font-family,verdana,geneva,tahoma,var(--cooltipz-fontawesome,Arial),sans-serif);font-size:var(--cooltipz-font-size,.75rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;padding:.5em 1em;text-indent:0;text-shadow:none;white-space:nowrap;z-index:10}@media(forced-colors:active){[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{border:1px solid CanvasText;color:CanvasText}}[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:before{content:"";z-index:11}[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;-webkit-transition-delay:var(--cooltipz-delay-hide,0s);transition-delay:var(--cooltipz-delay-hide,0s);-webkit-transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s);transition:all var(--cooltipz-timing,.12s) ease-out var(--cooltipz-timing,.12s)}@media(prefers-reduced-motion:reduce){[aria-label][class*=cooltipz]:after,[aria-label][class*=cooltipz]:before,[aria-label][data-cooltipz-dir]:after,[aria-label][data-cooltipz-dir]:before{-webkit-transition:none;transition:none}}[aria-label][class*=cooltipz]:after,[aria-label][data-cooltipz-dir]:after{content:attr(aria-label)}[aria-label][class*=cooltipz].cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--visible:before,[aria-label][class*=cooltipz]:focus:after,[aria-label][class*=cooltipz]:focus:before,[aria-label][class*=cooltipz]:hover:after,[aria-label][class*=cooltipz]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-visible]:after,[aria-label][class*=cooltipz][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir].cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--visible:before,[aria-label][data-cooltipz-dir]:focus:after,[aria-label][data-cooltipz-dir]:focus:before,[aria-label][data-cooltipz-dir]:hover:after,[aria-label][data-cooltipz-dir]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-visible]:before{opacity:1;-webkit-transition-delay:var(--cooltipz-delay-show,0s);transition-delay:var(--cooltipz-delay-show,0s)}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:before,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:before,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover:after,[aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover:after,[aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz][data-cooltipz-size=fit]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]:after{width:100%}[aria-label][class*=cooltipz][data-cooltipz-size=small]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=small]:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz][data-cooltipz-size=medium]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz][data-cooltipz-size=large]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=large]:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz][data-cooltipz-size=custom]:after,[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][data-cooltipz-dir].cooltipz--top:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,var(--cooltipz-slide,6px));transform:translate(-50%,var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][data-cooltipz-dir].cooltipz--top:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top:after,[aria-label][class*=cooltipz].cooltipz--top:before,[aria-label][data-cooltipz-dir].cooltipz--top:after,[aria-label][data-cooltipz-dir].cooltipz--top:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);left:50%;-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top:focus:before,[aria-label][class*=cooltipz].cooltipz--top:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top:focus:after,[aria-label][class*=cooltipz].cooltipz--top:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:after{left:0;margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-left:after,[aria-label][class*=cooltipz].cooltipz--top-left:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-left:focus:before,[aria-label][class*=cooltipz].cooltipz--top-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-left:focus:after,[aria-label][class*=cooltipz].cooltipz--top-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:after{margin-bottom:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(var(--cooltipz-slide,6px));transform:translateY(var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),var(--cooltipz-slide,6px))}[aria-label][class*=cooltipz].cooltipz--top-right:after,[aria-label][class*=cooltipz].cooltipz--top-right:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:before{bottom:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:top;transform-origin:top}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--top-right:focus:before,[aria-label][class*=cooltipz].cooltipz--top-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--top-right:focus:after,[aria-label][class*=cooltipz].cooltipz--top-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1));transform:translate(-50%,calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom:after,[aria-label][class*=cooltipz].cooltipz--bottom:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:before{left:50%;top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:after{-webkit-transform:translate(-50%);transform:translate(-50%)}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after{left:0;margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before{left:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-left:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:before{-webkit-transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after{margin-top:calc(var(--cooltipz-arrow-size, .3125rem)*2);right:0;-webkit-transform:translateY(calc(var(--cooltipz-slide, 6px)*-1));transform:translateY(calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before{right:calc(var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)),calc(var(--cooltipz-slide, 6px)*-1))}[aria-label][class*=cooltipz].cooltipz--bottom-right:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before{top:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);-webkit-transform-origin:bottom;transform-origin:bottom}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:before,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:before{-webkit-transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:focus:after,[aria-label][class*=cooltipz].cooltipz--bottom-right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:after{-webkit-transform:translate(0);transform:translate(0)}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][data-cooltipz-dir].cooltipz--left:after{margin-right:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(var(--cooltipz-slide,6px),-50%);transform:translate(var(--cooltipz-slide,6px),-50%)}[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--left:before{-webkit-transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(var(--cooltipz-slide,6px),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left:after,[aria-label][class*=cooltipz].cooltipz--left:before,[aria-label][data-cooltipz-dir].cooltipz--left:after,[aria-label][data-cooltipz-dir].cooltipz--left:before{right:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:left;transform-origin:left}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--left:focus:before,[aria-label][class*=cooltipz].cooltipz--left:hover:before,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--left:focus:before,[aria-label][data-cooltipz-dir].cooltipz--left:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--left:focus:after,[aria-label][class*=cooltipz].cooltipz--left:hover:after,[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--left:focus:after,[aria-label][data-cooltipz-dir].cooltipz--left:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][data-cooltipz-dir].cooltipz--right:after{margin-left:calc(var(--cooltipz-arrow-size, .3125rem)*2);-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%);transform:translate(calc(var(--cooltipz-slide, 6px)*-1),-50%)}[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--right:before{-webkit-transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translate(calc(var(--cooltipz-slide, 6px)*-1),calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right:after,[aria-label][class*=cooltipz].cooltipz--right:before,[aria-label][data-cooltipz-dir].cooltipz--right:after,[aria-label][data-cooltipz-dir].cooltipz--right:before{left:calc(100% - var(--cooltipz-arrow-size, .3125rem)/2);top:50%;-webkit-transform-origin:right;transform-origin:right}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:before,[aria-label][class*=cooltipz].cooltipz--right:focus:before,[aria-label][class*=cooltipz].cooltipz--right:hover:before,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:before,[aria-label][data-cooltipz-dir].cooltipz--right:focus:before,[aria-label][data-cooltipz-dir].cooltipz--right:hover:before{-webkit-transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)));transform:translateY(calc(-50% + var(--cooltipz-arrow-offset, 0px)))}[aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible:after,[aria-label][class*=cooltipz].cooltipz--right:focus:after,[aria-label][class*=cooltipz].cooltipz--right:hover:after,[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:after,[aria-label][data-cooltipz-dir].cooltipz--right:focus:after,[aria-label][data-cooltipz-dir].cooltipz--right:hover:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[aria-label][class*=cooltipz].cooltipz--fit:after,[aria-label][data-cooltipz-dir].cooltipz--fit:after{width:100%}[aria-label][class*=cooltipz].cooltipz--small:after,[aria-label][data-cooltipz-dir].cooltipz--small:after{width:var(--cooltipz-small,6.25rem)}[aria-label][class*=cooltipz].cooltipz--medium:after,[aria-label][data-cooltipz-dir].cooltipz--medium:after{width:var(--cooltipz-medium,12.5rem)}[aria-label][class*=cooltipz].cooltipz--large:after,[aria-label][data-cooltipz-dir].cooltipz--large:after{width:var(--cooltipz-large,18.75rem)}[aria-label][class*=cooltipz].cooltipz--custom:after,[aria-label][data-cooltipz-dir].cooltipz--custom:after{white-space:pre;word-wrap:break-word}[aria-label][class*=cooltipz].cooltipz--static:after,[aria-label][class*=cooltipz].cooltipz--static:before,[aria-label][class*=cooltipz][data-cooltipz-static]:after,[aria-label][class*=cooltipz][data-cooltipz-static]:before,[aria-label][data-cooltipz-dir].cooltipz--static:after,[aria-label][data-cooltipz-dir].cooltipz--static:before,[aria-label][data-cooltipz-dir][data-cooltipz-static]:after,[aria-label][data-cooltipz-dir][data-cooltipz-static]:before{-webkit-transition:none;transition:none}[aria-label=""][class*=cooltipz]:after,[aria-label=""][class*=cooltipz]:before,[aria-label=""][data-cooltipz-dir]:after,[aria-label=""][data-cooltipz-dir]:before{display:none} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 81b801d..bc29305 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "cooltipz-css", - "version": "2.3.1", + "version": "2.4.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "cooltipz-css", - "version": "2.3.1", + "version": "2.4.0", "license": "MIT", "devDependencies": { "autoprefixer": "^10.4.20", diff --git a/package.json b/package.json index 04a540c..4f379a1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cooltipz-css", - "version": "2.3.1", + "version": "2.4.0", "description": "Cooltipz.css is a pure CSS tooltip library that is lightweight, modern, accessible, customisable and easy to use", "scripts": { "build": "npm run lint:fix && concurrently \"npm run build:combined\" \"npm run build:data-attrs\" \"npm run build:classes\"", diff --git a/src/_license.scss b/src/_license.scss index 0ef8eb0..e2a77aa 100644 --- a/src/_license.scss +++ b/src/_license.scss @@ -1 +1 @@ -/*! Cooltipz.css v2.3.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */ +/*! Cooltipz.css v2.4.0 | MIT License | github.com/jackdomleo7/Cooltipz.css */