daisyui 5.6.13 → 5.6.14
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/base/svg.css +1 -1
- package/colors/properties-extended.css +1 -1
- package/colors/properties.css +1 -1
- package/colors/responsive-extended.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states-extended.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert.css +1 -1
- package/components/aura.css +1 -1
- package/components/avatar.css +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button.css +1 -1
- package/components/calendar.css +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/object.js +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown.css +1 -1
- package/components/diff.css +1 -1
- package/components/divider.css +1 -1
- package/components/dock.css +1 -1
- package/components/drawer.css +1 -1
- package/components/dropdown.css +1 -1
- package/components/fab.css +1 -1
- package/components/fieldset.css +1 -1
- package/components/fileinput.css +1 -1
- package/components/filter.css +1 -1
- package/components/footer.css +1 -1
- package/components/hero.css +1 -1
- package/components/hover3d.css +1 -1
- package/components/hovergallery.css +1 -1
- package/components/indicator.css +1 -1
- package/components/input.css +1 -1
- package/components/kbd.css +1 -1
- package/components/label.css +1 -1
- package/components/link.css +1 -1
- package/components/list.css +1 -1
- package/components/loading.css +1 -1
- package/components/mask.css +1 -1
- package/components/megamenu.css +1 -1
- package/components/menu.css +1 -1
- package/components/mockup.css +1 -1
- package/components/modal.css +1 -1
- package/components/navbar.css +1 -1
- package/components/otp.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/object.js +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/object.js +1 -1
- package/components/tab.css +1 -1
- package/components/table.css +1 -1
- package/components/textarea.css +1 -1
- package/components/textrotate.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/components/validator.css +1 -1
- package/daisyui.css +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/theme/object.d.ts +27 -27
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/glass.css +1 -1
- package/utilities/join/object.js +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius.css +1 -1
- package/utilities/typography.css +1 -1
package/components/timeline.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.13 - MIT License */ @layer utilities{.timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}@media (width>=640px){.sm\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.sm\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.sm\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.sm\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.sm\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.sm\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.sm\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.sm\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.sm\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=768px){.md\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.md\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.md\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.md\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.md\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.md\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.md\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.md\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.md\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1024px){.lg\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.lg\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.lg\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.lg\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.lg\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.lg\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.lg\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.lg\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.lg\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1280px){.xl\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.xl\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.xl\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.xl\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.xl\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.xl\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.xl\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.xl\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.xl\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1536px){.\32 xl\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.\32 xl\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.\32 xl\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.\32 xl\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.\32 xl\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.\32 xl\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.\32 xl\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.\32 xl\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.\32 xl\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.6.14 - MIT License */ @layer utilities{.timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}@media (width>=640px){.sm\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.sm\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.sm\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.sm\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.sm\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.sm\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.sm\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.sm\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.sm\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=768px){.md\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.md\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.md\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.md\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.md\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.md\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.md\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.md\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.md\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1024px){.lg\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.lg\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.lg\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.lg\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.lg\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.lg\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.lg\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.lg\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.lg\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1280px){.xl\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.xl\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.xl\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.xl\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.xl\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.xl\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.xl\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.xl\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.xl\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1536px){.\32 xl\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.\32 xl\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.\32 xl\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.\32 xl\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.\32 xl\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.\32 xl\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.\32 xl\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.\32 xl\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.\32 xl\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}}
|
package/components/toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.14 - MIT License */ @layer utilities{.toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}@media (width>=640px){.sm\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.sm\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.sm\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.sm\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.sm\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.sm\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.sm\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@media (width>=768px){.md\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.md\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.md\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.md\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.md\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.md\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.md\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@media (width>=1024px){.lg\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.lg\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.lg\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.lg\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.lg\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.lg\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.lg\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@media (width>=1280px){.xl\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.xl\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.xl\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.xl\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.xl\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.xl\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.xl\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@media (width>=1536px){.\32 xl\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.\32 xl\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.\32 xl\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.\32 xl\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.\32 xl\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.\32 xl\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.\32 xl\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}
|
package/components/toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.13 - MIT License */ @layer utilities{.toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}@media (width>=640px){.sm\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.sm\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.sm\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.sm\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.sm\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.sm\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.sm\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.sm\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.sm\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.sm\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.sm\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.sm\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.sm\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.sm\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=768px){.md\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.md\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.md\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.md\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.md\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.md\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.md\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.md\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.md\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.md\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.md\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.md\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.md\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.md\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1024px){.lg\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.lg\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.lg\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.lg\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.lg\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.lg\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.lg\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.lg\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.lg\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.lg\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.lg\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.lg\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.lg\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.lg\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1280px){.xl\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.xl\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.xl\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.xl\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.xl\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.xl\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.xl\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.xl\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.xl\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.xl\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.xl\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.xl\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.xl\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.xl\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1536px){.\32 xl\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.\32 xl\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.\32 xl\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.\32 xl\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.\32 xl\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.\32 xl\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.\32 xl\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.\32 xl\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.\32 xl\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.\32 xl\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.\32 xl\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.\32 xl\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.\32 xl\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.\32 xl\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.6.14 - MIT License */ @layer utilities{.toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}@media (width>=640px){.sm\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.sm\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.sm\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.sm\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.sm\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.sm\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.sm\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.sm\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.sm\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.sm\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.sm\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.sm\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.sm\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.sm\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=768px){.md\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.md\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.md\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.md\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.md\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.md\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.md\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.md\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.md\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.md\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.md\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.md\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.md\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.md\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1024px){.lg\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.lg\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.lg\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.lg\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.lg\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.lg\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.lg\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.lg\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.lg\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.lg\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.lg\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.lg\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.lg\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.lg\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1280px){.xl\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.xl\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.xl\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.xl\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.xl\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.xl\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.xl\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.xl\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.xl\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.xl\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.xl\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.xl\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.xl\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.xl\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1536px){.\32 xl\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:nth-child(2){color:var(--color-base-100);rotate:0deg}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){&>:nth-child(2){opacity:0;rotate:15deg}&>:nth-child(3){opacity:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.\32 xl\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.\32 xl\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.\32 xl\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.\32 xl\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.\32 xl\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.\32 xl\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.\32 xl\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.\32 xl\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.\32 xl\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.\32 xl\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.\32 xl\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.\32 xl\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.\32 xl\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}}
|
package/components/tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.13 - MIT License */ @layer utilities{.tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.tooltip,.tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}@media (width>=640px){.sm\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.sm\:tooltip,.sm\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.sm\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.sm\:tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.sm\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.sm\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.sm\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.sm\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.sm\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.sm\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.sm\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.sm\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.sm\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}@media (width>=768px){.md\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.md\:tooltip,.md\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.md\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.md\:tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.md\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.md\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.md\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.md\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.md\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.md\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.md\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.md\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.md\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}@media (width>=1024px){.lg\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.lg\:tooltip,.lg\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.lg\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.lg\:tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.lg\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.lg\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.lg\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.lg\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.lg\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.lg\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.lg\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.lg\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.lg\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}@media (width>=1280px){.xl\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.xl\:tooltip,.xl\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.xl\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.xl\:tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.xl\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.xl\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.xl\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.xl\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.xl\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.xl\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.xl\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.xl\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.xl\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}@media (width>=1536px){.\32 xl\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.\32 xl\:tooltip,.\32 xl\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.\32 xl\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&: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{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.\32 xl\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.\32 xl\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.\32 xl\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.\32 xl\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.\32 xl\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.\32 xl\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.\32 xl\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.\32 xl\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.\32 xl\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.6.14 - MIT License */ @layer utilities{.tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.tooltip,.tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}@media (width>=640px){.sm\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.sm\:tooltip,.sm\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.sm\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.sm\:tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.sm\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.sm\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.sm\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.sm\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.sm\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.sm\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.sm\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.sm\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.sm\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}@media (width>=768px){.md\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.md\:tooltip,.md\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.md\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.md\:tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.md\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.md\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.md\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.md\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.md\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.md\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.md\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.md\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.md\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}@media (width>=1024px){.lg\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.lg\:tooltip,.lg\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.lg\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.lg\:tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.lg\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.lg\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.lg\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.lg\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.lg\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.lg\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.lg\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.lg\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.lg\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}@media (width>=1280px){.xl\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.xl\:tooltip,.xl\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.xl\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}}}.xl\:tooltip-start{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.xl\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.xl\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.xl\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.xl\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.xl\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.xl\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.xl\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.xl\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.xl\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}@media (width>=1536px){.\32 xl\:tooltip{@layer daisyui.l1.l2.l3{--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-content,&[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;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}&: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);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){&>.tooltip-content,&[data-tip]:before,&:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:hover,&:has(:focus-visible){&>.tooltip-content,&[data-tip]:before,&: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)}}}}}}.\32 xl\:tooltip,.\32 xl\:tooltip-top{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%}&:after{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%}}}.\32 xl\:tooltip-bottom{@layer daisyui.l1.l2{&>.tooltip-content,&[data-tip]:before{transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,-.25rem));inset:var(--tt-off) auto auto 50%}&: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{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:0 auto;--tt-tail-inset:var(--tt-tail-off) auto;&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:0 auto}&:after{left:auto;right:auto;inset-inline:var(--tt-tail-off) auto}}}.\32 xl\:tooltip-center{@layer daisyui.l1.l2{--tt-trans:-50%;--tt-inset:50% auto;--tt-tail-inset:50% auto;&>.tooltip-content,&[data-tip]:before,&:after{inset-inline:auto;left:50%;right:auto}}}.\32 xl\:tooltip-end{@layer daisyui.l1.l2{--tt-trans:0;--tt-inset:auto 0;--tt-tail-inset:auto var(--tt-tail-off);&>.tooltip-content,&[data-tip]:before{left:auto;right:auto;inset-inline:auto 0}&:after{left:auto;right:auto;inset-inline:auto var(--tt-tail-off)}}}.\32 xl\:tooltip-left{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{&>.tooltip-content,&[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)}&: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{@layer daisyui.l1.l2{--tt-bg:var(--color-primary);&>.tooltip-content,&[data-tip]:before{color:var(--color-primary-content)}}}.\32 xl\:tooltip-secondary{@layer daisyui.l1.l2{--tt-bg:var(--color-secondary);&>.tooltip-content,&[data-tip]:before{color:var(--color-secondary-content)}}}.\32 xl\:tooltip-accent{@layer daisyui.l1.l2{--tt-bg:var(--color-accent);&>.tooltip-content,&[data-tip]:before{color:var(--color-accent-content)}}}.\32 xl\:tooltip-info{@layer daisyui.l1.l2{--tt-bg:var(--color-info);&>.tooltip-content,&[data-tip]:before{color:var(--color-info-content)}}}.\32 xl\:tooltip-success{@layer daisyui.l1.l2{--tt-bg:var(--color-success);&>.tooltip-content,&[data-tip]:before{color:var(--color-success-content)}}}.\32 xl\:tooltip-warning{@layer daisyui.l1.l2{--tt-bg:var(--color-warning);&>.tooltip-content,&[data-tip]:before{color:var(--color-warning-content)}}}.\32 xl\:tooltip-error{@layer daisyui.l1.l2{--tt-bg:var(--color-error);&>.tooltip-content,&[data-tip]:before{color:var(--color-error-content)}}}}}
|
package/components/validator.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.14 - MIT License */ @layer utilities{.validator{@layer daisyui.l1.l2.l3{&:user-valid,&:has(:user-valid){&,&:focus,&:checked,&[aria-checked=true],&:focus-within{--input-color:var(--color-success)}}&:user-invalid,&:has(:user-invalid),&[aria-invalid]:not([aria-invalid=false]),&:has([aria-invalid]:not([aria-invalid=false])){&,&:focus,&:checked,&[aria-checked=true],&:focus-within{--input-color:var(--color-error)}&~.validator-hint{visibility:visible;color:var(--color-error)}}}}.validator-hint{@layer daisyui.l1.l2.l3{visibility:hidden;margin-top:.5rem;font-size:.75rem}}.validator{&:user-invalid,&:has(:user-invalid),&[aria-invalid]:not([aria-invalid=false]),&:has([aria-invalid]:not([aria-invalid=false])){&~.validator-hint{display:revert-layer}}}}
|