daisyui/components/tooltip.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.7.17 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);--tt-tail-off:.5rem;display:inline-block;position:relative}.tooltip>.tooltip-content,.tooltip[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}.tooltip:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;mask-position:-1px 0;mask-repeat:no-repeat;mask-image:var(--mask-tooltip);transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.tooltip>.tooltip-content,.tooltip[data-tip]:before,.tooltip:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{opacity:1;--tt-pos:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}}@layer daisyui.l1.l2{.tooltip-top>.tooltip-content,.tooltip-top[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}.tooltip-top:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}.tooltip-bottom>.tooltip-content,.tooltip-bottom[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}.tooltip-bottom:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}.tooltip-start{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto}.tooltip-start>.tooltip-content,.tooltip-start[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}.tooltip-start:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}.tooltip-center{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto}.tooltip-center>.tooltip-content,.tooltip-center[data-tip]:before,.tooltip-center:after{inset-inline:auto;left:50%;right:auto}.tooltip-end{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off)}.tooltip-end>.tooltip-content,.tooltip-end[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}.tooltip-end:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}.tooltip-left>.tooltip-content,.tooltip-left[data-tip]:before{transform:translateX(calc(var(--tt-pos,.25rem) - .25rem)) translateY(var(--tt-trans,-50%));left:auto;right:var(--tt-off);inset-block:var(--tt-inset,50% auto)}.tooltip-left:after{transform:translateX(var(--tt-pos,.25rem)) translateY(var(--tt-trans,-50%)) rotate(-90deg);left:auto;right:calc(var(--tt-tail) + 1px);inset-block:var(--tt-tail-inset,50% auto)}.tooltip-right>.tooltip-content,.tooltip-right[data-tip]:before{transform:translateX(calc(var(--tt-pos,-.25rem) + .25rem)) translateY(var(--tt-trans,-50%));left:var(--tt-off);right:auto;inset-block:var(--tt-inset,50% auto)}.tooltip-right:after{transform:translateX(var(--tt-pos,-.25rem)) translateY(var(--tt-trans,-50%)) rotate(90deg);left:calc(var(--tt-tail) + 1px);right:auto;inset-block:var(--tt-tail-inset,50% auto)}.tooltip-primary{--tt-bg:var(--color-primary)}.tooltip-primary>.tooltip-content,.tooltip-primary[data-tip]:before{color:var(--color-primary-content)}.tooltip-secondary{--tt-bg:var(--color-secondary)}.tooltip-secondary>.tooltip-content,.tooltip-secondary[data-tip]:before{color:var(--color-secondary-content)}.tooltip-accent{--tt-bg:var(--color-accent)}.tooltip-accent>.tooltip-content,.tooltip-accent[data-tip]:before{color:var(--color-accent-content)}.tooltip-info{--tt-bg:var(--color-info)}.tooltip-info>.tooltip-content,.tooltip-info[data-tip]:before{color:var(--color-info-content)}.tooltip-success{--tt-bg:var(--color-success)}.tooltip-success>.tooltip-content,.tooltip-success[data-tip]:before{color:var(--color-success-content)}.tooltip-warning{--tt-bg:var(--color-warning)}.tooltip-warning>.tooltip-content,.tooltip-warning[data-tip]:before{color:var(--color-warning-content)}.tooltip-error{--tt-bg:var(--color-error)}.tooltip-error>.tooltip-content,.tooltip-error[data-tip]:before{color:var(--color-error-content)}}@media (width>=640px){@layer daisyui.l1.l2.l3{.sm\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);--tt-tail-off:.5rem;display:inline-block;position:relative}.sm\:tooltip>.tooltip-content,.sm\:tooltip[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}.sm\:tooltip:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;mask-position:-1px 0;mask-repeat:no-repeat;mask-image:var(--mask-tooltip);transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.sm\:tooltip>.tooltip-content,.sm\:tooltip[data-tip]:before,.sm\:tooltip:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{opacity:1;--tt-pos:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}}@layer daisyui.l1.l2{.sm\:tooltip-top>.tooltip-content,.sm\:tooltip-top[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}.sm\:tooltip-top:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}.sm\:tooltip-bottom>.tooltip-content,.sm\:tooltip-bottom[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}.sm\:tooltip-bottom:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}.sm\:tooltip-start{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto}.sm\:tooltip-start>.tooltip-content,.sm\:tooltip-start[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}.sm\:tooltip-start:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}.sm\:tooltip-center{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto}.sm\:tooltip-center>.tooltip-content,.sm\:tooltip-center[data-tip]:before,.sm\:tooltip-center:after{inset-inline:auto;left:50%;right:auto}.sm\:tooltip-end{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off)}.sm\:tooltip-end>.tooltip-content,.sm\:tooltip-end[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}.sm\:tooltip-end:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}.sm\:tooltip-left>.tooltip-content,.sm\:tooltip-left[data-tip]:before{transform:translateX(calc(var(--tt-pos,.25rem) - .25rem)) translateY(var(--tt-trans,-50%));left:auto;right:var(--tt-off);inset-block:var(--tt-inset,50% auto)}.sm\:tooltip-left:after{transform:translateX(var(--tt-pos,.25rem)) translateY(var(--tt-trans,-50%)) rotate(-90deg);left:auto;right:calc(var(--tt-tail) + 1px);inset-block:var(--tt-tail-inset,50% auto)}.sm\:tooltip-right>.tooltip-content,.sm\:tooltip-right[data-tip]:before{transform:translateX(calc(var(--tt-pos,-.25rem) + .25rem)) translateY(var(--tt-trans,-50%));left:var(--tt-off);right:auto;inset-block:var(--tt-inset,50% auto)}.sm\:tooltip-right:after{transform:translateX(var(--tt-pos,-.25rem)) translateY(var(--tt-trans,-50%)) rotate(90deg);left:calc(var(--tt-tail) + 1px);right:auto;inset-block:var(--tt-tail-inset,50% auto)}.sm\:tooltip-primary{--tt-bg:var(--color-primary)}.sm\:tooltip-primary>.tooltip-content,.sm\:tooltip-primary[data-tip]:before{color:var(--color-primary-content)}.sm\:tooltip-secondary{--tt-bg:var(--color-secondary)}.sm\:tooltip-secondary>.tooltip-content,.sm\:tooltip-secondary[data-tip]:before{color:var(--color-secondary-content)}.sm\:tooltip-accent{--tt-bg:var(--color-accent)}.sm\:tooltip-accent>.tooltip-content,.sm\:tooltip-accent[data-tip]:before{color:var(--color-accent-content)}.sm\:tooltip-info{--tt-bg:var(--color-info)}.sm\:tooltip-info>.tooltip-content,.sm\:tooltip-info[data-tip]:before{color:var(--color-info-content)}.sm\:tooltip-success{--tt-bg:var(--color-success)}.sm\:tooltip-success>.tooltip-content,.sm\:tooltip-success[data-tip]:before{color:var(--color-success-content)}.sm\:tooltip-warning{--tt-bg:var(--color-warning)}.sm\:tooltip-warning>.tooltip-content,.sm\:tooltip-warning[data-tip]:before{color:var(--color-warning-content)}.sm\:tooltip-error{--tt-bg:var(--color-error)}.sm\:tooltip-error>.tooltip-content,.sm\:tooltip-error[data-tip]:before{color:var(--color-error-content)}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.md\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);--tt-tail-off:.5rem;display:inline-block;position:relative}.md\:tooltip>.tooltip-content,.md\:tooltip[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}.md\:tooltip:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;mask-position:-1px 0;mask-repeat:no-repeat;mask-image:var(--mask-tooltip);transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.md\:tooltip>.tooltip-content,.md\:tooltip[data-tip]:before,.md\:tooltip:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{opacity:1;--tt-pos:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}}@layer daisyui.l1.l2{.md\:tooltip-top>.tooltip-content,.md\:tooltip-top[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}.md\:tooltip-top:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}.md\:tooltip-bottom>.tooltip-content,.md\:tooltip-bottom[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}.md\:tooltip-bottom:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}.md\:tooltip-start{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto}.md\:tooltip-start>.tooltip-content,.md\:tooltip-start[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}.md\:tooltip-start:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}.md\:tooltip-center{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto}.md\:tooltip-center>.tooltip-content,.md\:tooltip-center[data-tip]:before,.md\:tooltip-center:after{inset-inline:auto;left:50%;right:auto}.md\:tooltip-end{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off)}.md\:tooltip-end>.tooltip-content,.md\:tooltip-end[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}.md\:tooltip-end:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}.md\:tooltip-left>.tooltip-content,.md\:tooltip-left[data-tip]:before{transform:translateX(calc(var(--tt-pos,.25rem) - .25rem)) translateY(var(--tt-trans,-50%));left:auto;right:var(--tt-off);inset-block:var(--tt-inset,50% auto)}.md\:tooltip-left:after{transform:translateX(var(--tt-pos,.25rem)) translateY(var(--tt-trans,-50%)) rotate(-90deg);left:auto;right:calc(var(--tt-tail) + 1px);inset-block:var(--tt-tail-inset,50% auto)}.md\:tooltip-right>.tooltip-content,.md\:tooltip-right[data-tip]:before{transform:translateX(calc(var(--tt-pos,-.25rem) + .25rem)) translateY(var(--tt-trans,-50%));left:var(--tt-off);right:auto;inset-block:var(--tt-inset,50% auto)}.md\:tooltip-right:after{transform:translateX(var(--tt-pos,-.25rem)) translateY(var(--tt-trans,-50%)) rotate(90deg);left:calc(var(--tt-tail) + 1px);right:auto;inset-block:var(--tt-tail-inset,50% auto)}.md\:tooltip-primary{--tt-bg:var(--color-primary)}.md\:tooltip-primary>.tooltip-content,.md\:tooltip-primary[data-tip]:before{color:var(--color-primary-content)}.md\:tooltip-secondary{--tt-bg:var(--color-secondary)}.md\:tooltip-secondary>.tooltip-content,.md\:tooltip-secondary[data-tip]:before{color:var(--color-secondary-content)}.md\:tooltip-accent{--tt-bg:var(--color-accent)}.md\:tooltip-accent>.tooltip-content,.md\:tooltip-accent[data-tip]:before{color:var(--color-accent-content)}.md\:tooltip-info{--tt-bg:var(--color-info)}.md\:tooltip-info>.tooltip-content,.md\:tooltip-info[data-tip]:before{color:var(--color-info-content)}.md\:tooltip-success{--tt-bg:var(--color-success)}.md\:tooltip-success>.tooltip-content,.md\:tooltip-success[data-tip]:before{color:var(--color-success-content)}.md\:tooltip-warning{--tt-bg:var(--color-warning)}.md\:tooltip-warning>.tooltip-content,.md\:tooltip-warning[data-tip]:before{color:var(--color-warning-content)}.md\:tooltip-error{--tt-bg:var(--color-error)}.md\:tooltip-error>.tooltip-content,.md\:tooltip-error[data-tip]:before{color:var(--color-error-content)}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.lg\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);--tt-tail-off:.5rem;display:inline-block;position:relative}.lg\:tooltip>.tooltip-content,.lg\:tooltip[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}.lg\:tooltip:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;mask-position:-1px 0;mask-repeat:no-repeat;mask-image:var(--mask-tooltip);transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.lg\:tooltip>.tooltip-content,.lg\:tooltip[data-tip]:before,.lg\:tooltip:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{opacity:1;--tt-pos:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}}@layer daisyui.l1.l2{.lg\:tooltip-top>.tooltip-content,.lg\:tooltip-top[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}.lg\:tooltip-top:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}.lg\:tooltip-bottom>.tooltip-content,.lg\:tooltip-bottom[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}.lg\:tooltip-bottom:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}.lg\:tooltip-start{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto}.lg\:tooltip-start>.tooltip-content,.lg\:tooltip-start[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}.lg\:tooltip-start:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}.lg\:tooltip-center{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto}.lg\:tooltip-center>.tooltip-content,.lg\:tooltip-center[data-tip]:before,.lg\:tooltip-center:after{inset-inline:auto;left:50%;right:auto}.lg\:tooltip-end{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off)}.lg\:tooltip-end>.tooltip-content,.lg\:tooltip-end[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}.lg\:tooltip-end:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}.lg\:tooltip-left>.tooltip-content,.lg\:tooltip-left[data-tip]:before{transform:translateX(calc(var(--tt-pos,.25rem) - .25rem)) translateY(var(--tt-trans,-50%));left:auto;right:var(--tt-off);inset-block:var(--tt-inset,50% auto)}.lg\:tooltip-left:after{transform:translateX(var(--tt-pos,.25rem)) translateY(var(--tt-trans,-50%)) rotate(-90deg);left:auto;right:calc(var(--tt-tail) + 1px);inset-block:var(--tt-tail-inset,50% auto)}.lg\:tooltip-right>.tooltip-content,.lg\:tooltip-right[data-tip]:before{transform:translateX(calc(var(--tt-pos,-.25rem) + .25rem)) translateY(var(--tt-trans,-50%));left:var(--tt-off);right:auto;inset-block:var(--tt-inset,50% auto)}.lg\:tooltip-right:after{transform:translateX(var(--tt-pos,-.25rem)) translateY(var(--tt-trans,-50%)) rotate(90deg);left:calc(var(--tt-tail) + 1px);right:auto;inset-block:var(--tt-tail-inset,50% auto)}.lg\:tooltip-primary{--tt-bg:var(--color-primary)}.lg\:tooltip-primary>.tooltip-content,.lg\:tooltip-primary[data-tip]:before{color:var(--color-primary-content)}.lg\:tooltip-secondary{--tt-bg:var(--color-secondary)}.lg\:tooltip-secondary>.tooltip-content,.lg\:tooltip-secondary[data-tip]:before{color:var(--color-secondary-content)}.lg\:tooltip-accent{--tt-bg:var(--color-accent)}.lg\:tooltip-accent>.tooltip-content,.lg\:tooltip-accent[data-tip]:before{color:var(--color-accent-content)}.lg\:tooltip-info{--tt-bg:var(--color-info)}.lg\:tooltip-info>.tooltip-content,.lg\:tooltip-info[data-tip]:before{color:var(--color-info-content)}.lg\:tooltip-success{--tt-bg:var(--color-success)}.lg\:tooltip-success>.tooltip-content,.lg\:tooltip-success[data-tip]:before{color:var(--color-success-content)}.lg\:tooltip-warning{--tt-bg:var(--color-warning)}.lg\:tooltip-warning>.tooltip-content,.lg\:tooltip-warning[data-tip]:before{color:var(--color-warning-content)}.lg\:tooltip-error{--tt-bg:var(--color-error)}.lg\:tooltip-error>.tooltip-content,.lg\:tooltip-error[data-tip]:before{color:var(--color-error-content)}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.xl\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);--tt-tail-off:.5rem;display:inline-block;position:relative}.xl\:tooltip>.tooltip-content,.xl\:tooltip[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}.xl\:tooltip:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;mask-position:-1px 0;mask-repeat:no-repeat;mask-image:var(--mask-tooltip);transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.xl\:tooltip>.tooltip-content,.xl\:tooltip[data-tip]:before,.xl\:tooltip:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{opacity:1;--tt-pos:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}}@layer daisyui.l1.l2{.xl\:tooltip-top>.tooltip-content,.xl\:tooltip-top[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}.xl\:tooltip-top:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}.xl\:tooltip-bottom>.tooltip-content,.xl\:tooltip-bottom[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}.xl\:tooltip-bottom:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}.xl\:tooltip-start{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto}.xl\:tooltip-start>.tooltip-content,.xl\:tooltip-start[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}.xl\:tooltip-start:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}.xl\:tooltip-center{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto}.xl\:tooltip-center>.tooltip-content,.xl\:tooltip-center[data-tip]:before,.xl\:tooltip-center:after{inset-inline:auto;left:50%;right:auto}.xl\:tooltip-end{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off)}.xl\:tooltip-end>.tooltip-content,.xl\:tooltip-end[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}.xl\:tooltip-end:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}.xl\:tooltip-left>.tooltip-content,.xl\:tooltip-left[data-tip]:before{transform:translateX(calc(var(--tt-pos,.25rem) - .25rem)) translateY(var(--tt-trans,-50%));left:auto;right:var(--tt-off);inset-block:var(--tt-inset,50% auto)}.xl\:tooltip-left:after{transform:translateX(var(--tt-pos,.25rem)) translateY(var(--tt-trans,-50%)) rotate(-90deg);left:auto;right:calc(var(--tt-tail) + 1px);inset-block:var(--tt-tail-inset,50% auto)}.xl\:tooltip-right>.tooltip-content,.xl\:tooltip-right[data-tip]:before{transform:translateX(calc(var(--tt-pos,-.25rem) + .25rem)) translateY(var(--tt-trans,-50%));left:var(--tt-off);right:auto;inset-block:var(--tt-inset,50% auto)}.xl\:tooltip-right:after{transform:translateX(var(--tt-pos,-.25rem)) translateY(var(--tt-trans,-50%)) rotate(90deg);left:calc(var(--tt-tail) + 1px);right:auto;inset-block:var(--tt-tail-inset,50% auto)}.xl\:tooltip-primary{--tt-bg:var(--color-primary)}.xl\:tooltip-primary>.tooltip-content,.xl\:tooltip-primary[data-tip]:before{color:var(--color-primary-content)}.xl\:tooltip-secondary{--tt-bg:var(--color-secondary)}.xl\:tooltip-secondary>.tooltip-content,.xl\:tooltip-secondary[data-tip]:before{color:var(--color-secondary-content)}.xl\:tooltip-accent{--tt-bg:var(--color-accent)}.xl\:tooltip-accent>.tooltip-content,.xl\:tooltip-accent[data-tip]:before{color:var(--color-accent-content)}.xl\:tooltip-info{--tt-bg:var(--color-info)}.xl\:tooltip-info>.tooltip-content,.xl\:tooltip-info[data-tip]:before{color:var(--color-info-content)}.xl\:tooltip-success{--tt-bg:var(--color-success)}.xl\:tooltip-success>.tooltip-content,.xl\:tooltip-success[data-tip]:before{color:var(--color-success-content)}.xl\:tooltip-warning{--tt-bg:var(--color-warning)}.xl\:tooltip-warning>.tooltip-content,.xl\:tooltip-warning[data-tip]:before{color:var(--color-warning-content)}.xl\:tooltip-error{--tt-bg:var(--color-error)}.xl\:tooltip-error>.tooltip-content,.xl\:tooltip-error[data-tip]:before{color:var(--color-error-content)}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.\32 xl\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);--tt-tail-off:.5rem;display:inline-block;position:relative}.\32 xl\:tooltip>.tooltip-content,.\32 xl\:tooltip[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}.\32 xl\:tooltip:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;mask-position:-1px 0;mask-repeat:no-repeat;mask-image:var(--mask-tooltip);transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.\32 xl\:tooltip>.tooltip-content,.\32 xl\:tooltip[data-tip]:before,.\32 xl\:tooltip:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{opacity:1;--tt-pos:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}}@layer daisyui.l1.l2{.\32 xl\:tooltip-top>.tooltip-content,.\32 xl\:tooltip-top[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}.\32 xl\:tooltip-top:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}.\32 xl\:tooltip-bottom>.tooltip-content,.\32 xl\:tooltip-bottom[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}.\32 xl\:tooltip-bottom:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}.\32 xl\:tooltip-start{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto}.\32 xl\:tooltip-start>.tooltip-content,.\32 xl\:tooltip-start[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}.\32 xl\:tooltip-start:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}.\32 xl\:tooltip-center{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto}.\32 xl\:tooltip-center>.tooltip-content,.\32 xl\:tooltip-center[data-tip]:before,.\32 xl\:tooltip-center:after{inset-inline:auto;left:50%;right:auto}.\32 xl\:tooltip-end{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off)}.\32 xl\:tooltip-end>.tooltip-content,.\32 xl\:tooltip-end[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}.\32 xl\:tooltip-end:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}.\32 xl\:tooltip-left>.tooltip-content,.\32 xl\:tooltip-left[data-tip]:before{transform:translateX(calc(var(--tt-pos,.25rem) - .25rem)) translateY(var(--tt-trans,-50%));left:auto;right:var(--tt-off);inset-block:var(--tt-inset,50% auto)}.\32 xl\:tooltip-left:after{transform:translateX(var(--tt-pos,.25rem)) translateY(var(--tt-trans,-50%)) rotate(-90deg);left:auto;right:calc(var(--tt-tail) + 1px);inset-block:var(--tt-tail-inset,50% auto)}.\32 xl\:tooltip-right>.tooltip-content,.\32 xl\:tooltip-right[data-tip]:before{transform:translateX(calc(var(--tt-pos,-.25rem) + .25rem)) translateY(var(--tt-trans,-50%));left:var(--tt-off);right:auto;inset-block:var(--tt-inset,50% auto)}.\32 xl\:tooltip-right:after{transform:translateX(var(--tt-pos,-.25rem)) translateY(var(--tt-trans,-50%)) rotate(90deg);left:calc(var(--tt-tail) + 1px);right:auto;inset-block:var(--tt-tail-inset,50% auto)}.\32 xl\:tooltip-primary{--tt-bg:var(--color-primary)}.\32 xl\:tooltip-primary>.tooltip-content,.\32 xl\:tooltip-primary[data-tip]:before{color:var(--color-primary-content)}.\32 xl\:tooltip-secondary{--tt-bg:var(--color-secondary)}.\32 xl\:tooltip-secondary>.tooltip-content,.\32 xl\:tooltip-secondary[data-tip]:before{color:var(--color-secondary-content)}.\32 xl\:tooltip-accent{--tt-bg:var(--color-accent)}.\32 xl\:tooltip-accent>.tooltip-content,.\32 xl\:tooltip-accent[data-tip]:before{color:var(--color-accent-content)}.\32 xl\:tooltip-info{--tt-bg:var(--color-info)}.\32 xl\:tooltip-info>.tooltip-content,.\32 xl\:tooltip-info[data-tip]:before{color:var(--color-info-content)}.\32 xl\:tooltip-success{--tt-bg:var(--color-success)}.\32 xl\:tooltip-success>.tooltip-content,.\32 xl\:tooltip-success[data-tip]:before{color:var(--color-success-content)}.\32 xl\:tooltip-warning{--tt-bg:var(--color-warning)}.\32 xl\:tooltip-warning>.tooltip-content,.\32 xl\:tooltip-warning[data-tip]:before{color:var(--color-warning-content)}.\32 xl\:tooltip-error{--tt-bg:var(--color-error)}.\32 xl\:tooltip-error>.tooltip-content,.\32 xl\:tooltip-error[data-tip]:before{color:var(--color-error-content)}}}}