frutjam 2.2.5 → 2.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.github.md +7 -2
- package/dist/base.css +63 -3
- package/dist/components/accordion.css +2 -2
- package/dist/components/alert.css +2 -2
- package/dist/components/avatar.css +2 -2
- package/dist/components/badge.css +2 -2
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/button.css +3 -3
- package/dist/components/card.css +2 -2
- package/dist/components/carousel.css +1 -1
- package/dist/components/chat.css +1 -1
- package/dist/components/checkbox.css +2 -2
- package/dist/components/collapsible.css +1 -1
- package/dist/components/combobox.css +2 -2
- package/dist/components/countdown.css +2 -2
- package/dist/components/diff.css +2 -2
- package/dist/components/divider.css +1 -1
- package/dist/components/drawer/object.js +1 -1
- package/dist/components/drawer.css +2 -2
- package/dist/components/footer.css +2 -2
- package/dist/components/header/object.js +1 -1
- package/dist/components/header.css +2 -2
- package/dist/components/hero.css +2 -2
- package/dist/components/indicator.css +1 -1
- package/dist/components/input.css +2 -2
- package/dist/components/join.css +2 -2
- package/dist/components/kbd.css +2 -2
- package/dist/components/link.css +1 -1
- package/dist/components/loading.css +2 -2
- package/dist/components/marquee.css +1 -1
- package/dist/components/mask.css +2 -2
- package/dist/components/menu.css +2 -2
- package/dist/components/modal.css +2 -2
- package/dist/components/navbar.css +1 -1
- package/dist/components/popover.css +2 -2
- package/dist/components/progress.css +2 -2
- package/dist/components/radial-progress.css +2 -2
- package/dist/components/radio.css +2 -2
- package/dist/components/range.css +2 -2
- package/dist/components/rating.css +2 -2
- package/dist/components/select.css +2 -2
- package/dist/components/sidebar.css +2 -2
- package/dist/components/skeleton.css +2 -2
- package/dist/components/stat.css +2 -2
- package/dist/components/status.css +1 -1
- package/dist/components/steps.css +1 -1
- package/dist/components/surface.css +2 -2
- package/dist/components/swap.css +1 -1
- package/dist/components/table.css +2 -2
- package/dist/components/tabs.css +2 -2
- package/dist/components/tag.css +2 -2
- package/dist/components/textarea.css +2 -2
- package/dist/components/timeline.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toggle.css +2 -2
- package/dist/components/tooltip.css +2 -2
- package/dist/frutjam.min.css +64 -4
- package/dist/plugin.js +3 -3
- package/dist/themes/darkberry.css +1 -1
- package/dist/themes/snowberry.css +1 -1
- package/dist/utilities/headings.css +2 -2
- package/dist/utilities/para.css +2 -2
- package/dist/utilities/typography.css +1 -1
- package/dist/utilities/wrapper.css +1 -1
- package/package.json +4 -4
package/dist/components/tag.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.tag-remove{display:inline-flex;align-items:center;justify-content:center;width:1.125em;height:1.125em;border-radius:9999px;background-color:currentColor;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,currentColor 20%,transparent)}color:currentColor;cursor:pointer;font-size:.875em;line-height:1;transition:background-color .15s ease-in-out;flex-shrink:0;&:hover{@media (hover:hover){background-color:currentColor;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,currentColor 35%,transparent)}}}}.tag{--radius-tag:9999px;--color-tag:var(--color-base-soft);--color-on-tag:var(--color-on-base);--tag--padding-inline:0.625rem;--tag--padding-block:0.25rem;--tag--font-size:0.8125rem;display:inline-flex;align-items:center;gap:.375rem;padding-inline:var(--tag--padding-inline);padding-block:var(--tag--padding-block);font-size:var(--tag--font-size);font-weight:500;line-height:1.4;border-radius:var(--radius-tag);background-color:var(--color-tag);color:var(--color-on-tag);vertical-align:middle;white-space:nowrap;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.tag-remove{display:inline-flex;align-items:center;justify-content:center;width:1.125em;height:1.125em;border-radius:9999px;background-color:currentColor;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,currentColor 20%,transparent)}color:currentColor;cursor:pointer;font-size:.875em;line-height:1;transition:background-color .15s ease-in-out;flex-shrink:0;&:hover{@media (hover:hover){background-color:currentColor;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,currentColor 35%,transparent)}}}}.tag{--radius-tag:9999px;--color-tag:var(--color-base-soft);--color-on-tag:var(--color-on-base);--tag--padding-inline:0.625rem;--tag--padding-block:0.25rem;--tag--font-size:0.8125rem;display:inline-flex;align-items:center;gap:.375rem;padding-inline:var(--tag--padding-inline);padding-block:var(--tag--padding-block);font-size:var(--tag--font-size);font-weight:500;line-height:1.4;border-radius:var(--radius-tag);background-color:var(--color-tag);color:var(--color-on-tag);vertical-align:middle;white-space:nowrap;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:transparent;border-style:solid;border-width:1px}.tag-outline{background-color:transparent;border-color:var(--color-tag);color:var(--color-tag)}.tag-soft{background-color:var(--color-tag);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-tag) 15%,transparent)}color:var(--color-tag);border-color:transparent}.tag-lg{--tag--padding-inline:0.75rem;--tag--padding-block:0.3125rem;--tag--font-size:0.9375rem}.tag-md{--tag--padding-inline:0.625rem;--tag--padding-block:0.25rem;--tag--font-size:0.8125rem}.tag-sm{--tag--padding-inline:0.5rem;--tag--padding-block:0.1875rem;--tag--font-size:0.75rem}.tag-xl{--tag--padding-inline:0.875rem;--tag--padding-block:0.375rem;--tag--font-size:1rem}.tag-xs{--tag--padding-inline:0.4375rem;--tag--padding-block:0.125rem;--tag--font-size:0.6875rem}.tag-accent{--color-tag:var(--color-accent);--color-on-tag:var(--color-on-accent)}.tag-error{--color-tag:var(--color-error);--color-on-tag:var(--color-on-error)}.tag-info{--color-tag:var(--color-info);--color-on-tag:var(--color-on-info)}.tag-neutral{--color-tag:var(--color-neutral);--color-on-tag:var(--color-on-neutral)}.tag-primary{--color-tag:var(--color-primary);--color-on-tag:var(--color-on-primary)}.tag-secondary{--color-tag:var(--color-secondary);--color-on-tag:var(--color-on-secondary)}.tag-success{--color-tag:var(--color-success);--color-on-tag:var(--color-on-success)}.tag-warning{--color-tag:var(--color-warning);--color-on-tag:var(--color-on-warning)}.tag-square{--radius-tag:calc(1.5 * var(--border-radius))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.textarea{font:inherit;--radius-textarea:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.textarea{font:inherit;--radius-textarea:calc(2 * var(--border-radius));--color-textarea:var(--color-base-soft);--color-on-textarea:var(--color-on-base-soft);--color-textarea-active:var(--color-base-active);--color-on-textarea-active:var(--color-on-base);--textarea--inline:0.75rem;--textarea--block:0.625rem;--textarea--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-textarea-active);background-color:transparent;padding-inline:var(--textarea--inline);padding-block:var(--textarea--block);font-size:var(--textarea--font-size);color:var(--color-on-base);display:block;align-self:flex-start;align-items:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-textarea);vertical-align:middle;white-space:pre-wrap;position:relative;font-weight:500;width:100%;min-height:var(--textarea--min-height,5rem);resize:vertical;transition:border-color .25s;transition-timing-function:ease-in-out;&::-moz-placeholder{font-size:var(--textarea--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::placeholder{font-size:var(--textarea--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px}&:focus,&:focus-within{border-color:light-dark(var(--color-base-800),var(--color-base-300));@supports (color:color-mix(in lab,red,red)){border-color:light-dark(var(--color-base-800),color-mix(in oklab,var(--color-base-300) 80%,transparent))}}&:disabled{cursor:not-allowed;opacity:.6;pointer-events:none;background-color:var(--color-base-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none}}.textarea-dashed{border-style:dashed}.textarea-soft{background-color:var(--color-textarea-soft);border-color:transparent;color:var(--color-on-textarea-soft)}.textarea-ghost{border-color:transparent;background-color:transparent;&:focus,&:focus-within{border-color:var(--color-textarea-active)}}.textarea-accent{--color-textarea:var(--color-accent);--color-on-textarea:var(--color-on-accent);--color-textarea-soft:var(--color-accent-soft);--color-on-textarea-soft:var(--color-on-accent-soft);--color-textarea-active:var(--color-accent-active);--color-on-textarea-active:var(--color-on-accent);&:focus,&:focus-within{border-color:var(--color-accent-400)}}.textarea-error{--color-textarea:var(--color-error);--color-on-textarea:var(--color-on-error);--color-textarea-soft:var(--color-error-soft);--color-on-textarea-soft:var(--color-on-error-soft);--color-textarea-active:var(--color-error-active);--color-on-textarea-active:var(--color-on-error);&:focus,&:focus-within{border-color:var(--color-error-400)}}.textarea-info{--color-textarea:var(--color-info);--color-on-textarea:var(--color-on-info);--color-textarea-soft:var(--color-info-soft);--color-on-textarea-soft:var(--color-on-info-soft);--color-textarea-active:var(--color-info-active);--color-on-textarea-active:var(--color-on-info);&:focus,&:focus-within{border-color:var(--color-info-400)}}.textarea-neutral{--color-textarea:var(--color-neutral);--color-on-textarea:var(--color-on-neutral);--color-textarea-soft:var(--color-neutral-soft);--color-on-textarea-soft:var(--color-on-neutral-soft);--color-textarea-active:var(--color-neutral-active);--color-on-textarea-active:var(--color-on-neutral);&:focus,&:focus-within{border-color:var(--color-neutral-400)}}.textarea-primary{--color-textarea:var(--color-primary);--color-on-textarea:var(--color-on-primary);--color-textarea-soft:var(--color-primary-soft);--color-on-textarea-soft:var(--color-on-primary-soft);--color-textarea-active:var(--color-primary-active);--color-on-textarea-active:var(--color-on-primary);&:focus,&:focus-within{border-color:var(--color-primary-400)}}.textarea-secondary{--color-textarea:var(--color-secondary);--color-on-textarea:var(--color-on-secondary);--color-textarea-soft:var(--color-secondary-soft);--color-on-textarea-soft:var(--color-on-secondary-soft);--color-textarea-active:var(--color-secondary-active);--color-on-textarea-active:var(--color-on-secondary);&:focus,&:focus-within{border-color:var(--color-secondary-400)}}.textarea-success{--color-textarea:var(--color-success);--color-on-textarea:var(--color-on-success);--color-textarea-soft:var(--color-success-soft);--color-on-textarea-soft:var(--color-on-success-soft);--color-textarea-active:var(--color-success-active);--color-on-textarea-active:var(--color-on-success);&:focus,&:focus-within{border-color:var(--color-success-400)}}.textarea-warning{--color-textarea:var(--color-warning);--color-on-textarea:var(--color-on-warning);--color-textarea-soft:var(--color-warning-soft);--color-on-textarea-soft:var(--color-on-warning-soft);--color-textarea-active:var(--color-warning-active);--color-on-textarea-active:var(--color-on-warning);&:focus,&:focus-within{border-color:var(--color-warning-400)}}.textarea-2xl{--textarea--inline:1.25rem;--textarea--block:1rem;--textarea--font-size:1.025rem;--textarea--min-height:10rem}.textarea-lg{--textarea--inline:0.9rem;--textarea--block:0.75rem;--textarea--min-height:6.5rem}.textarea-lg,.textarea-md{--textarea--font-size:1rem}.textarea-md{--textarea--inline:0.75rem;--textarea--block:0.625rem;--textarea--min-height:5rem}.textarea-sm{--textarea--inline:0.6rem;--textarea--block:0.5rem;--textarea--font-size:0.875rem;--textarea--min-height:4rem}.textarea-xl{--textarea--inline:1rem;--textarea--block:0.875rem;--textarea--font-size:1rem;--textarea--min-height:8rem}.textarea-xs{--textarea--inline:0.475rem;--textarea--block:0.375rem;--textarea--font-size:0.75rem;--textarea--min-height:3rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.timeline-item{display:grid;grid-template-columns:var(--timeline-item--cols,1fr auto 1fr);grid-template-rows:auto;align-items:start;gap:0 1rem;position:relative;padding-block:.75rem;&:not(:last-child):after{content:"";position:absolute;inset-inline-start:var(--timeline-after--start,50%);transform:var(--timeline-after--transform,translateX(-50%));top:1.75rem;bottom:-.75rem;width:2px;background-color:var(--timeline-line-color,var(--color-base-soft));z-index:0}}.timeline-middle{grid-column:2;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:9999px;background-color:var(--color-base-soft);border:3px solid var(--color-base);z-index:1;flex-shrink:0}.timeline,.timeline-middle{display:flex;position:relative}.timeline{list-style:none;padding:0;margin:0}.timeline-end{grid-column:3;padding-inline-start:.5rem;font-size:.875rem;color:currentColor;align-self:center}.timeline-start{grid-column:1;text-align:end;padding-inline-end:.5rem;font-size:.875rem;color:currentColor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 60%,transparent)}align-self:center}.timeline-snap-end{--timeline-item--cols:1fr auto 0;--timeline-after--start:calc(100% - 1.5rem);--timeline-after--transform:none;:where(&) :where(.timeline-end){display:none}}.timeline-snap-start{--timeline-item--cols:0 auto 1fr;--timeline-after--start:1.5rem;--timeline-after--transform:none;:where(&) :where(.timeline-start){display:none}}.timeline-horizontal{flex-direction:row;gap:0}.timeline-vertical{flex-direction:column;gap:0}.timeline-accent{--timeline-line-color:var(--color-accent);& .timeline-middle{background-color:var(--color-accent)}}.timeline-error{--timeline-line-color:var(--color-error);& .timeline-middle{background-color:var(--color-error)}}.timeline-info{--timeline-line-color:var(--color-info);& .timeline-middle{background-color:var(--color-info)}}.timeline-neutral{--timeline-line-color:var(--color-neutral);& .timeline-middle{background-color:var(--color-neutral)}}.timeline-primary{--timeline-line-color:var(--color-primary);& .timeline-middle{background-color:var(--color-primary)}}.timeline-secondary{--timeline-line-color:var(--color-secondary);& .timeline-middle{background-color:var(--color-secondary)}}.timeline-success{--timeline-line-color:var(--color-success);& .timeline-middle{background-color:var(--color-success)}}.timeline-warning{--timeline-line-color:var(--color-warning);& .timeline-middle{background-color:var(--color-warning)}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.toast{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:.5rem;padding:1rem;pointer-events:none;inset-block-end:0;inset-inline-end:0;&>*{pointer-events:auto}}.toast-center{inset-inline-end:auto;inset-inline-start:50%;transform:translateX(-50%)}.toast-end{inset-inline-start:auto;inset-inline-end:0}.toast-start{inset-inline-end:auto;inset-inline-start:0}.toast-middle{inset-block-end:auto;inset-block-start:50%;transform:translateY(-50%)}.toast-bottom{inset-block-start:auto;inset-block-end:0}.toast-top{inset-block-end:auto;inset-block-start:0}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.toggle{--radius-toggle:9999px;--color-toggle:var(--color-base-300);--color-on-toggle:var(--color-on-base);--color-toggle-checked:var(--color-primary);--color-on-toggle-checked:var(--color-on-primary);--toggle--width:3rem;--toggle--height:1.5rem;--toggle--thumb-size:calc(var(--toggle--height)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.toggle{--radius-toggle:9999px;--color-toggle:var(--color-base-300);--color-on-toggle:var(--color-on-base);--color-toggle-checked:var(--color-primary);--color-on-toggle-checked:var(--color-on-primary);--toggle--width:3rem;--toggle--height:1.5rem;--toggle--thumb-size:calc(-.375rem + var(--toggle--height));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;display:inline-block;width:var(--toggle--width);height:var(--toggle--height);border-radius:var(--radius-toggle);background-color:var(--color-toggle);position:relative;flex-shrink:0;vertical-align:middle;transition:background-color .2s ease-in-out;&:before{content:"";position:absolute;top:50%;inset-inline-start:.1875rem;transform:translateY(-50%);width:var(--toggle--thumb-size);height:var(--toggle--thumb-size);border-radius:9999px;background-color:#fff;transition:inset-inline-start .2s ease-in-out,transform .2s ease-in-out;box-shadow:0 1px 3px oklch(0 0 0/20%)}&:checked,&[aria-checked=true]{background-color:var(--color-toggle-checked);&:before{inset-inline-start:calc(100% - .1875rem - var(--toggle--thumb-size))}}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px}&:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}}.toggle-accent{--color-toggle-checked:var(--color-accent);--color-on-toggle-checked:var(--color-on-accent)}.toggle-error{--color-toggle-checked:var(--color-error);--color-on-toggle-checked:var(--color-on-error)}.toggle-info{--color-toggle-checked:var(--color-info);--color-on-toggle-checked:var(--color-on-info)}.toggle-lg{--toggle--width:3.5rem;--toggle--height:1.75rem}.toggle-md{--toggle--width:3rem;--toggle--height:1.5rem}.toggle-neutral{--color-toggle-checked:var(--color-neutral);--color-on-toggle-checked:var(--color-on-neutral)}.toggle-primary{--color-toggle-checked:var(--color-primary);--color-on-toggle-checked:var(--color-on-primary)}.toggle-secondary{--color-toggle-checked:var(--color-secondary);--color-on-toggle-checked:var(--color-on-secondary)}.toggle-sm{--toggle--width:2.5rem;--toggle--height:1.25rem}.toggle-success{--color-toggle-checked:var(--color-success);--color-on-toggle-checked:var(--color-on-success)}.toggle-warning{--color-toggle-checked:var(--color-warning);--color-on-toggle-checked:var(--color-on-warning)}.toggle-xl{--toggle--width:4rem;--toggle--height:2rem}.toggle-xs{--toggle--width:2rem;--toggle--height:1rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.tooltip{position:relative;display:inline-block;--color-tooltip:var(--color-neutral);--color-on-tooltip:var(--color-on-neutral);--tooltip-content:calc(100% +
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.tooltip{position:relative;display:inline-block;--color-tooltip:var(--color-neutral);--color-on-tooltip:var(--color-on-neutral);--tooltip-content:calc(100% + .5rem);--tooltip-tail:calc(100% + 1px + .25rem);--radius-tooltip:calc(2 * var(--border-radius));&>.tooltip-content,&[data-tip]:before{color:var(--color-on-tooltip);border-radius:var(--radius-tooltip);max-width:20rem;padding-inline:.5rem;padding-block:.25rem;text-align:center;white-space:normal;font-size:.875rem;line-height:1.25;width:-moz-max-content;width:max-content;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);inset:auto auto var(--tooltip-content) 50%}&:after,&>.tooltip-content,&[data-tip]:before{position:absolute;opacity:0;background-color:var(--color-tooltip);pointer-events:none;transform:translateX(-50%) translateY(var(--tooltip-placement,.25rem))}&:after{content:"";width:.625rem;height:.25rem;display:block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:-1px 0;mask-position:-1px 0;--mask-tooltip:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%204%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M.5%201C3.5%201%203%204%205%204s1.5-3%204.5-3c.5%200%20.5-.5.5-1H0c0%20.5%200%201%20.5%201%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-image:var(--mask-tooltip);mask-image:var(--mask-tooltip);inset:auto auto var(--tooltip-tail) 50%}@media (prefers-reduced-motion:no-preference){&:after,&>.tooltip-content,&[data-tip]:before{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&:is(.tooltip-open,:hover,:focus-within){&:after,&>.tooltip-content,&[data-tip]:before{opacity:100%;--tooltip-placement:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1) 0s,transform .2s cubic-bezier(.4,0,.2,1) 0s}}}}}.tooltip-end>.tooltip-content,.tooltip-end[data-tip]:before{transform:translateX(calc(.25rem + var(--tooltip-placement, -.25rem))) translateY(-50%);inset:50% auto auto var(--tooltip-content);z-index:50}.tooltip-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>.tooltip-content,.tooltip-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *)[data-tip]:before{transform:translateX(calc(-.25rem + var(--tooltip-placement, .25rem))) translateY(-50%);inset:50% var(--tooltip-content) auto auto;z-index:50}.tooltip-end:after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,-.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(1px + var(--tooltip-tail));z-index:50}.tooltip-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,.25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(1px + var(--tooltip-tail)) auto auto;z-index:50}.tooltip-start>.tooltip-content,.tooltip-start[data-tip]:before{transform:translateX(calc(-.25rem + var(--tooltip-placement, .25rem))) translateY(-50%);inset:50% var(--tooltip-content) auto auto;z-index:50}.tooltip-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>.tooltip-content,.tooltip-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *)[data-tip]:before{transform:translateX(calc(.25rem + var(--tooltip-placement, -.25rem))) translateY(-50%);inset:50% auto auto var(--tooltip-content);z-index:50}.tooltip-start:after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,.25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(1px + var(--tooltip-tail)) auto auto;z-index:50}.tooltip-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,-.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(1px + var(--tooltip-tail));z-index:50}.tooltip-bottom>.tooltip-content,.tooltip-bottom[data-tip]:before{transform:translateX(-50%) translateY(var(--tooltip-placement,-.25rem));inset:var(--tooltip-content) auto auto 50%;z-index:50}.tooltip-bottom:after{content:var(--tw-content);content:"";transform:translateX(-50%) translateY(var(--tooltip-placement,-.25rem)) rotate(180deg);inset:var(--tooltip-tail) auto auto 50%;z-index:50}.tooltip-left>.tooltip-content,.tooltip-left[data-tip]:before{transform:translateX(calc(-.25rem + var(--tooltip-placement, .25rem))) translateY(-50%);inset:50% var(--tooltip-content) auto auto;z-index:50}.tooltip-left:after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,.25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(1px + var(--tooltip-tail)) auto auto;z-index:50}.tooltip-right>.tooltip-content,.tooltip-right[data-tip]:before{transform:translateX(calc(.25rem + var(--tooltip-placement, -.25rem))) translateY(-50%);inset:50% auto auto var(--tooltip-content);z-index:50}.tooltip-right:after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,-.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(1px + var(--tooltip-tail));z-index:50}.tooltip-top>.tooltip-content,.tooltip-top[data-tip]:before{inset:auto auto var(--tooltip-content) 50%}.tooltip-top:after,.tooltip-top>.tooltip-content,.tooltip-top[data-tip]:before{transform:translateX(-50%) translateY(var(--tooltip-placement,.25rem));z-index:50}.tooltip-top:after{content:var(--tw-content);content:"";inset:auto auto var(--tooltip-tail) 50%}.tooltip-accent{--color-tooltip:var(--color-accent);--color-on-tooltip:var(--color-on-accent)}.tooltip-error{--color-tooltip:var(--color-error);--color-on-tooltip:var(--color-on-error)}.tooltip-info{--color-tooltip:var(--color-info);--color-on-tooltip:var(--color-on-info)}.tooltip-neutral{--color-tooltip:var(--color-neutral);--color-on-tooltip:var(--color-on-neutral)}.tooltip-primary{--color-tooltip:var(--color-primary);--color-on-tooltip:var(--color-on-primary)}.tooltip-secondary{--color-tooltip:var(--color-secondary);--color-on-tooltip:var(--color-on-secondary)}.tooltip-success{--color-tooltip:var(--color-success);--color-on-tooltip:var(--color-on-success)}.tooltip-warning{--color-tooltip:var(--color-warning);--color-on-tooltip:var(--color-on-warning)}.tooltip-content{--fj-tooltip-scope:1}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
|