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]: <title>'
   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 &amp; 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..cc5cc7d
--- /dev/null
+++ b/cooltipz-classes.css
@@ -0,0 +1,359 @@
+/*! 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;
+  --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..7afc669
--- /dev/null
+++ b/cooltipz-classes.min.css
@@ -0,0 +1 @@
+/*! 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
new file mode 100644
index 0000000..7bf5f94
--- /dev/null
+++ b/cooltipz-data-attrs.css
@@ -0,0 +1,359 @@
+/*! 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;
+  --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..13ffd27
--- /dev/null
+++ b/cooltipz-data-attrs.min.css
@@ -0,0 +1 @@
+/*! 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 eec386c..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;
@@ -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..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);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.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 8c68cae..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",
@@ -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..4f379a1 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,12 @@
 {
   "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 \"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/_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 */
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 {