daisyui 5.0.0-alpha.39 → 5.0.0-alpha.40
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/base/properties.css +1 -1
- package/base/reset.css +1 -1
- package/base/rootcolor.css +1 -1
- package/base/rootscrollgutter.css +1 -1
- package/base/rootscrolllock.css +1 -1
- package/base/scrollbar.css +1 -1
- package/chunks.css +2 -2
- package/colors/properties.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert.css +1 -1
- package/components/avatar.css +1 -1
- package/components/badge/object.js +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button.css +1 -1
- package/components/calendar/index.js +7 -0
- package/components/calendar/object.js +1 -0
- package/components/calendar.css +1 -0
- package/components/card/object.js +1 -1
- package/components/card.css +1 -1
- package/components/carousel.css +1 -1
- package/components/chat.css +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown/object.js +1 -1
- package/components/countdown.css +1 -1
- package/components/divider.css +1 -1
- package/components/dock.css +1 -1
- package/components/drawer/object.js +1 -1
- package/components/drawer.css +1 -1
- package/components/dropdown/object.js +1 -1
- package/components/dropdown.css +1 -1
- package/components/fieldset/index.js +7 -0
- package/components/fieldset/object.js +1 -0
- package/components/fieldset.css +1 -0
- package/components/fileinput.css +1 -1
- package/components/footer.css +1 -1
- package/components/hero.css +1 -1
- package/components/indicator.css +1 -1
- package/components/input.css +1 -1
- package/components/kbd/object.js +1 -1
- package/components/kbd.css +1 -1
- package/components/link.css +1 -1
- package/components/loading.css +1 -1
- package/components/mask.css +1 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1 -1
- package/components/mockup.css +1 -1
- package/components/modal/object.js +1 -1
- package/components/modal.css +1 -1
- package/components/navbar.css +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio.css +1 -1
- package/components/range.css +1 -1
- package/components/rating.css +1 -1
- package/components/select.css +1 -1
- package/components/skeleton.css +1 -1
- package/components/stack.css +1 -1
- package/components/stat.css +1 -1
- package/components/status.css +1 -1
- package/components/steps.css +1 -1
- package/components/swap.css +1 -1
- package/components/tab.css +1 -1
- package/components/table.css +1 -1
- package/components/textarea.css +1 -1
- package/components/timeline.css +1 -1
- package/components/toast.css +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip.css +1 -1
- package/daisyui.css +1 -1
- package/imports.js +4 -4
- package/package.json +2 -2
- package/theme/acid/object.js +1 -1
- package/theme/acid.css +16 -16
- package/theme/aqua/object.js +1 -1
- package/theme/aqua.css +18 -18
- package/theme/autumn/object.js +1 -1
- package/theme/autumn.css +19 -19
- package/theme/black/object.js +1 -1
- package/theme/black.css +15 -15
- package/theme/bumblebee/object.js +1 -1
- package/theme/bumblebee.css +2 -2
- package/theme/business/object.js +1 -1
- package/theme/business.css +19 -19
- package/theme/cmyk/object.js +1 -1
- package/theme/cmyk.css +16 -16
- package/theme/coffee/object.js +1 -1
- package/theme/coffee.css +20 -20
- package/theme/corporate/object.js +1 -1
- package/theme/corporate.css +8 -8
- package/theme/cupcake/object.js +1 -1
- package/theme/cupcake.css +12 -12
- package/theme/cyberpunk/object.js +1 -1
- package/theme/cyberpunk.css +7 -7
- package/theme/dark/object.js +1 -1
- package/theme/dark.css +6 -6
- package/theme/dim/object.js +1 -1
- package/theme/dim.css +20 -20
- package/theme/dracula/object.js +1 -1
- package/theme/dracula.css +20 -20
- package/theme/emerald/object.js +1 -1
- package/theme/emerald.css +7 -7
- package/theme/fantasy/object.js +1 -1
- package/theme/fantasy.css +6 -6
- package/theme/forest/object.js +1 -1
- package/theme/forest.css +11 -11
- package/theme/garden/object.js +1 -1
- package/theme/garden.css +11 -11
- package/theme/halloween/object.js +1 -1
- package/theme/halloween.css +16 -16
- package/theme/lemonade/object.js +1 -1
- package/theme/lemonade.css +9 -9
- package/theme/light/object.js +1 -1
- package/theme/light.css +9 -9
- package/theme/lofi/object.js +1 -1
- package/theme/lofi.css +7 -7
- package/theme/luxury/object.js +1 -1
- package/theme/luxury.css +18 -18
- package/theme/night/object.js +1 -1
- package/theme/night.css +19 -19
- package/theme/nord/object.js +1 -1
- package/theme/nord.css +20 -20
- package/theme/object.js +1 -1
- package/theme/pastel/object.js +1 -1
- package/theme/pastel.css +10 -10
- package/theme/retro/object.js +1 -1
- package/theme/retro.css +19 -19
- package/theme/sunset/object.js +1 -1
- package/theme/sunset.css +15 -15
- package/theme/synthwave/object.js +1 -1
- package/theme/synthwave.css +19 -19
- package/theme/valentine/object.js +1 -1
- package/theme/valentine.css +19 -19
- package/theme/winter/object.js +1 -1
- package/theme/winter.css +17 -17
- package/theme/wireframe/object.js +1 -1
- package/theme/wireframe.css +17 -17
- package/themes.css +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius.css +1 -1
- package/utilities/typography.css +1 -1
- package/base/startingstyle/index.js +0 -7
- package/base/startingstyle/object.js +0 -1
- package/base/startingstyle.css +0 -1
- package/components/formcontrol/index.js +0 -7
- package/components/formcontrol/object.js +0 -1
- package/components/formcontrol.css +0 -1
package/components/toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@media (width>=640px){.sm\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=768px){.md\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=1024px){.lg\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=1280px){.xl\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=1536px){.\32 xl\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}
|
package/components/toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}@media (width>=640px){.sm\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.sm\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.sm\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.sm\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.sm\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.sm\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.sm\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.sm\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.sm\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.sm\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.sm\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.sm\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.sm\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=768px){.md\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.md\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.md\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.md\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.md\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.md\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.md\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.md\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.md\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.md\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.md\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.md\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.md\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=1024px){.lg\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.lg\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.lg\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.lg\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.lg\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.lg\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.lg\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.lg\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.lg\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.lg\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.lg\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.lg\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.lg\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=1280px){.xl\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.xl\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.xl\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.xl\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.xl\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.xl\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=1536px){.\32 xl\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.\32 xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.\32 xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.\32 xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.\32 xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.\32 xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.\32 xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.\32 xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.\32 xl\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.\32 xl\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.\32 xl\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.\32 xl\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.\32 xl\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}@media (width>=640px){.sm\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.sm\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.sm\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.sm\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.sm\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.sm\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.sm\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.sm\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.sm\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.sm\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.sm\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.sm\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.sm\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=768px){.md\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.md\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.md\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.md\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.md\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.md\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.md\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.md\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.md\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.md\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.md\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.md\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.md\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=1024px){.lg\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.lg\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.lg\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.lg\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.lg\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.lg\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.lg\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.lg\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.lg\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.lg\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.lg\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.lg\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.lg\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=1280px){.xl\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.xl\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.xl\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.xl\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.xl\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.xl\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=1536px){.\32 xl\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-selector) - var(--toggle-padding));content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:0;translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);color:var(--color-base-content);&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.\32 xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.\32 xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.\32 xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.\32 xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.\32 xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.\32 xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.\32 xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.\32 xl\:toggle-xs{&[type=checkbox]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.\32 xl\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.\32 xl\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.\32 xl\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.\32 xl\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}
|
package/components/tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.tooltip,.tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.tooltip:not([data-tip]):hover:before,.tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.tooltip,.tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}@media (width>=640px){.sm\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.sm\:tooltip,.sm\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.sm\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.sm\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.sm\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.sm\:tooltip:not([data-tip]):hover:before,.sm\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.sm\:tooltip,.sm\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.sm\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.sm\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.sm\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.sm\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.sm\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.sm\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.sm\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.sm\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.sm\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=768px){.md\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.md\:tooltip,.md\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.md\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.md\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.md\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.md\:tooltip:not([data-tip]):hover:before,.md\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.md\:tooltip,.md\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.md\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.md\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.md\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.md\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.md\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.md\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.md\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.md\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.md\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1024px){.lg\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.lg\:tooltip,.lg\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.lg\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.lg\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.lg\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.lg\:tooltip:not([data-tip]):hover:before,.lg\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.lg\:tooltip,.lg\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.lg\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.lg\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.lg\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.lg\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.lg\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.lg\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.lg\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.lg\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.lg\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1280px){.xl\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.xl\:tooltip,.xl\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.xl\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.xl\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.xl\:tooltip:not([data-tip]):hover:before,.xl\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.xl\:tooltip,.xl\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.xl\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.xl\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.xl\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.xl\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.xl\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.xl\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.xl\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.xl\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.xl\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1536px){.\32 xl\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.\32 xl\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.\32 xl\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.\32 xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.\32 xl\:tooltip:not([data-tip]):hover:before,.\32 xl\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.\32 xl\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.\32 xl\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.\32 xl\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.\32 xl\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.\32 xl\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.\32 xl\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.\32 xl\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.\32 xl\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.\32 xl\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.tooltip,.tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.tooltip:not([data-tip]):hover:before,.tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.tooltip,.tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}@media (width>=640px){.sm\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.sm\:tooltip,.sm\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.sm\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.sm\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.sm\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.sm\:tooltip:not([data-tip]):hover:before,.sm\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.sm\:tooltip,.sm\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.sm\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.sm\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.sm\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.sm\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.sm\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.sm\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.sm\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.sm\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.sm\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=768px){.md\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.md\:tooltip,.md\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.md\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.md\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.md\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.md\:tooltip:not([data-tip]):hover:before,.md\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.md\:tooltip,.md\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.md\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.md\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.md\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.md\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.md\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.md\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.md\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.md\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.md\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1024px){.lg\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.lg\:tooltip,.lg\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.lg\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.lg\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.lg\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.lg\:tooltip:not([data-tip]):hover:before,.lg\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.lg\:tooltip,.lg\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.lg\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.lg\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.lg\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.lg\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.lg\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.lg\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.lg\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.lg\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.lg\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1280px){.xl\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.xl\:tooltip,.xl\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.xl\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.xl\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.xl\:tooltip:not([data-tip]):hover:before,.xl\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.xl\:tooltip,.xl\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.xl\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.xl\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.xl\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.xl\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.xl\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.xl\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.xl\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.xl\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.xl\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1536px){.\32 xl\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-offset:calc(100% + 1px + .1875rem);--tooltip-tail-offset:calc(100% + 1px - .1875rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tooltip-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:.1875rem;width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.\32 xl\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.\32 xl\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.\32 xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.\32 xl\:tooltip:not([data-tip]):hover:before,.\32 xl\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.\32 xl\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.\32 xl\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.\32 xl\:tooltip-primary{--tooltip-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.\32 xl\:tooltip-secondary{--tooltip-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.\32 xl\:tooltip-accent{--tooltip-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.\32 xl\:tooltip-info{--tooltip-bg:var(--color-info);&:before{color:var(--color-info-content)}}.\32 xl\:tooltip-success{--tooltip-bg:var(--color-success);&:before{color:var(--color-success-content)}}.\32 xl\:tooltip-warning{--tooltip-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.\32 xl\:tooltip-error{--tooltip-bg:var(--color-error);&:before{color:var(--color-error-content)}}}
|