daisyui/components/aura.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.7.17 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.aura{--aura-padding:.125rem;padding:var(--aura-padding);border-radius:calc(var(--aura-padding) + var(--aura-radius,var(--radius-box)));animation:aura var(--tw-duration,6s) linear infinite;display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.aura{animation-duration:calc(var(--tw-duration,6s) * 4)}}.aura{background-image:conic-gradient(from var(--aura-angle), transparent 225deg, currentColor)}.aura:has(>.card,>.alert){--aura-radius:var(--radius-box)}.aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}.aura:has(>.checkbox,>.toggle,>.badge){--aura-radius:var(--radius-selector)}.aura:before,.aura:after{animation:inherit;background-color:inherit;background-image:inherit;border-radius:inherit;z-index:0;opacity:.7;filter:blur(.25rem);content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.aura:after{opacity:.3;filter:blur(1rem)}.aura>*{z-index:1;position:relative}}@layer daisyui.l1.l2{.aura-rainbow{background:conic-gradient(from var(--aura-angle) in oklch longer hue, transparent 10%, oklch(80% .15 0), oklch(80% .15 360), transparent 90%)}.aura-holo{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(82% .17 327), oklch(75% .12 274), oklch(82% .11 191), oklch(91% .11 105), oklch(88% .08 68), oklch(82% .17 327) 10%);animation:aura var(--tw-duration,20s) linear infinite}@media (prefers-reduced-motion:reduce){.aura-holo{animation-duration:calc(var(--tw-duration,20s) * 4)}}.aura-dual{background-image:repeating-conic-gradient(from var(--aura-angle), transparent 0%, transparent 40%, currentColor 50%)}.aura-silver{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(30% 0 0), oklch(90% 0 0), oklch(60% 0 0), oklch(90% 0 0), oklch(50% 0 0), oklch(30% 0 0) 50%)}.aura-gold{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(65.98% .1863 72.37), oklch(96.35% .0768 102.94), oklch(71.57% .1691 82.23), oklch(96.02% .0792 103.13), oklch(60.66% .1181 76.17), oklch(65.98% .1863 72.37) 50%)}.aura-glow{background-image:radial-gradient(closest-corner,currentColor 0%,#0000 90%);animation:none}.aura-glow:before{animation:aura-glow var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.aura-glow:after{animation:aura-glow-after var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.aura-xs{--aura-padding:0rem}.aura-sm{--aura-padding:.0625rem}.aura-md{--aura-padding:.125rem}.aura-lg{--aura-padding:.15625rem}.aura-xl{--aura-padding:.25rem}}@media (width>=640px){@layer daisyui.l1.l2.l3{.sm\:aura{--aura-padding:.125rem;padding:var(--aura-padding);border-radius:calc(var(--aura-padding) + var(--aura-radius,var(--radius-box)));animation:aura var(--tw-duration,6s) linear infinite;display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.sm\:aura{animation-duration:calc(var(--tw-duration,6s) * 4)}}.sm\:aura{background-image:conic-gradient(from var(--aura-angle), transparent 225deg, currentColor)}.sm\:aura:has(>.card,>.alert){--aura-radius:var(--radius-box)}.sm\:aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}.sm\:aura:has(>.checkbox,>.toggle,>.badge){--aura-radius:var(--radius-selector)}.sm\:aura:before,.sm\:aura:after{animation:inherit;background-color:inherit;background-image:inherit;border-radius:inherit;z-index:0;opacity:.7;filter:blur(.25rem);content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.sm\:aura:after{opacity:.3;filter:blur(1rem)}.sm\:aura>*{z-index:1;position:relative}}@layer daisyui.l1.l2{.sm\:aura-rainbow{background:conic-gradient(from var(--aura-angle) in oklch longer hue, transparent 10%, oklch(80% .15 0), oklch(80% .15 360), transparent 90%)}.sm\:aura-holo{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(82% .17 327), oklch(75% .12 274), oklch(82% .11 191), oklch(91% .11 105), oklch(88% .08 68), oklch(82% .17 327) 10%);animation:aura var(--tw-duration,20s) linear infinite}@media (prefers-reduced-motion:reduce){.sm\:aura-holo{animation-duration:calc(var(--tw-duration,20s) * 4)}}.sm\:aura-dual{background-image:repeating-conic-gradient(from var(--aura-angle), transparent 0%, transparent 40%, currentColor 50%)}.sm\:aura-silver{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(30% 0 0), oklch(90% 0 0), oklch(60% 0 0), oklch(90% 0 0), oklch(50% 0 0), oklch(30% 0 0) 50%)}.sm\:aura-gold{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(65.98% .1863 72.37), oklch(96.35% .0768 102.94), oklch(71.57% .1691 82.23), oklch(96.02% .0792 103.13), oklch(60.66% .1181 76.17), oklch(65.98% .1863 72.37) 50%)}.sm\:aura-glow{background-image:radial-gradient(closest-corner,currentColor 0%,#0000 90%);animation:none}.sm\:aura-glow:before{animation:aura-glow var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.sm\:aura-glow:after{animation:aura-glow-after var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.sm\:aura-xs{--aura-padding:0rem}.sm\:aura-sm{--aura-padding:.0625rem}.sm\:aura-md{--aura-padding:.125rem}.sm\:aura-lg{--aura-padding:.15625rem}.sm\:aura-xl{--aura-padding:.25rem}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.md\:aura{--aura-padding:.125rem;padding:var(--aura-padding);border-radius:calc(var(--aura-padding) + var(--aura-radius,var(--radius-box)));animation:aura var(--tw-duration,6s) linear infinite;display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.md\:aura{animation-duration:calc(var(--tw-duration,6s) * 4)}}.md\:aura{background-image:conic-gradient(from var(--aura-angle), transparent 225deg, currentColor)}.md\:aura:has(>.card,>.alert){--aura-radius:var(--radius-box)}.md\:aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}.md\:aura:has(>.checkbox,>.toggle,>.badge){--aura-radius:var(--radius-selector)}.md\:aura:before,.md\:aura:after{animation:inherit;background-color:inherit;background-image:inherit;border-radius:inherit;z-index:0;opacity:.7;filter:blur(.25rem);content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.md\:aura:after{opacity:.3;filter:blur(1rem)}.md\:aura>*{z-index:1;position:relative}}@layer daisyui.l1.l2{.md\:aura-rainbow{background:conic-gradient(from var(--aura-angle) in oklch longer hue, transparent 10%, oklch(80% .15 0), oklch(80% .15 360), transparent 90%)}.md\:aura-holo{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(82% .17 327), oklch(75% .12 274), oklch(82% .11 191), oklch(91% .11 105), oklch(88% .08 68), oklch(82% .17 327) 10%);animation:aura var(--tw-duration,20s) linear infinite}@media (prefers-reduced-motion:reduce){.md\:aura-holo{animation-duration:calc(var(--tw-duration,20s) * 4)}}.md\:aura-dual{background-image:repeating-conic-gradient(from var(--aura-angle), transparent 0%, transparent 40%, currentColor 50%)}.md\:aura-silver{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(30% 0 0), oklch(90% 0 0), oklch(60% 0 0), oklch(90% 0 0), oklch(50% 0 0), oklch(30% 0 0) 50%)}.md\:aura-gold{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(65.98% .1863 72.37), oklch(96.35% .0768 102.94), oklch(71.57% .1691 82.23), oklch(96.02% .0792 103.13), oklch(60.66% .1181 76.17), oklch(65.98% .1863 72.37) 50%)}.md\:aura-glow{background-image:radial-gradient(closest-corner,currentColor 0%,#0000 90%);animation:none}.md\:aura-glow:before{animation:aura-glow var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.md\:aura-glow:after{animation:aura-glow-after var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.md\:aura-xs{--aura-padding:0rem}.md\:aura-sm{--aura-padding:.0625rem}.md\:aura-md{--aura-padding:.125rem}.md\:aura-lg{--aura-padding:.15625rem}.md\:aura-xl{--aura-padding:.25rem}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.lg\:aura{--aura-padding:.125rem;padding:var(--aura-padding);border-radius:calc(var(--aura-padding) + var(--aura-radius,var(--radius-box)));animation:aura var(--tw-duration,6s) linear infinite;display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.lg\:aura{animation-duration:calc(var(--tw-duration,6s) * 4)}}.lg\:aura{background-image:conic-gradient(from var(--aura-angle), transparent 225deg, currentColor)}.lg\:aura:has(>.card,>.alert){--aura-radius:var(--radius-box)}.lg\:aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}.lg\:aura:has(>.checkbox,>.toggle,>.badge){--aura-radius:var(--radius-selector)}.lg\:aura:before,.lg\:aura:after{animation:inherit;background-color:inherit;background-image:inherit;border-radius:inherit;z-index:0;opacity:.7;filter:blur(.25rem);content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.lg\:aura:after{opacity:.3;filter:blur(1rem)}.lg\:aura>*{z-index:1;position:relative}}@layer daisyui.l1.l2{.lg\:aura-rainbow{background:conic-gradient(from var(--aura-angle) in oklch longer hue, transparent 10%, oklch(80% .15 0), oklch(80% .15 360), transparent 90%)}.lg\:aura-holo{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(82% .17 327), oklch(75% .12 274), oklch(82% .11 191), oklch(91% .11 105), oklch(88% .08 68), oklch(82% .17 327) 10%);animation:aura var(--tw-duration,20s) linear infinite}@media (prefers-reduced-motion:reduce){.lg\:aura-holo{animation-duration:calc(var(--tw-duration,20s) * 4)}}.lg\:aura-dual{background-image:repeating-conic-gradient(from var(--aura-angle), transparent 0%, transparent 40%, currentColor 50%)}.lg\:aura-silver{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(30% 0 0), oklch(90% 0 0), oklch(60% 0 0), oklch(90% 0 0), oklch(50% 0 0), oklch(30% 0 0) 50%)}.lg\:aura-gold{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(65.98% .1863 72.37), oklch(96.35% .0768 102.94), oklch(71.57% .1691 82.23), oklch(96.02% .0792 103.13), oklch(60.66% .1181 76.17), oklch(65.98% .1863 72.37) 50%)}.lg\:aura-glow{background-image:radial-gradient(closest-corner,currentColor 0%,#0000 90%);animation:none}.lg\:aura-glow:before{animation:aura-glow var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.lg\:aura-glow:after{animation:aura-glow-after var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.lg\:aura-xs{--aura-padding:0rem}.lg\:aura-sm{--aura-padding:.0625rem}.lg\:aura-md{--aura-padding:.125rem}.lg\:aura-lg{--aura-padding:.15625rem}.lg\:aura-xl{--aura-padding:.25rem}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.xl\:aura{--aura-padding:.125rem;padding:var(--aura-padding);border-radius:calc(var(--aura-padding) + var(--aura-radius,var(--radius-box)));animation:aura var(--tw-duration,6s) linear infinite;display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.xl\:aura{animation-duration:calc(var(--tw-duration,6s) * 4)}}.xl\:aura{background-image:conic-gradient(from var(--aura-angle), transparent 225deg, currentColor)}.xl\:aura:has(>.card,>.alert){--aura-radius:var(--radius-box)}.xl\:aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}.xl\:aura:has(>.checkbox,>.toggle,>.badge){--aura-radius:var(--radius-selector)}.xl\:aura:before,.xl\:aura:after{animation:inherit;background-color:inherit;background-image:inherit;border-radius:inherit;z-index:0;opacity:.7;filter:blur(.25rem);content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.xl\:aura:after{opacity:.3;filter:blur(1rem)}.xl\:aura>*{z-index:1;position:relative}}@layer daisyui.l1.l2{.xl\:aura-rainbow{background:conic-gradient(from var(--aura-angle) in oklch longer hue, transparent 10%, oklch(80% .15 0), oklch(80% .15 360), transparent 90%)}.xl\:aura-holo{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(82% .17 327), oklch(75% .12 274), oklch(82% .11 191), oklch(91% .11 105), oklch(88% .08 68), oklch(82% .17 327) 10%);animation:aura var(--tw-duration,20s) linear infinite}@media (prefers-reduced-motion:reduce){.xl\:aura-holo{animation-duration:calc(var(--tw-duration,20s) * 4)}}.xl\:aura-dual{background-image:repeating-conic-gradient(from var(--aura-angle), transparent 0%, transparent 40%, currentColor 50%)}.xl\:aura-silver{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(30% 0 0), oklch(90% 0 0), oklch(60% 0 0), oklch(90% 0 0), oklch(50% 0 0), oklch(30% 0 0) 50%)}.xl\:aura-gold{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(65.98% .1863 72.37), oklch(96.35% .0768 102.94), oklch(71.57% .1691 82.23), oklch(96.02% .0792 103.13), oklch(60.66% .1181 76.17), oklch(65.98% .1863 72.37) 50%)}.xl\:aura-glow{background-image:radial-gradient(closest-corner,currentColor 0%,#0000 90%);animation:none}.xl\:aura-glow:before{animation:aura-glow var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.xl\:aura-glow:after{animation:aura-glow-after var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.xl\:aura-xs{--aura-padding:0rem}.xl\:aura-sm{--aura-padding:.0625rem}.xl\:aura-md{--aura-padding:.125rem}.xl\:aura-lg{--aura-padding:.15625rem}.xl\:aura-xl{--aura-padding:.25rem}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.\32 xl\:aura{--aura-padding:.125rem;padding:var(--aura-padding);border-radius:calc(var(--aura-padding) + var(--aura-radius,var(--radius-box)));animation:aura var(--tw-duration,6s) linear infinite;display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.\32 xl\:aura{animation-duration:calc(var(--tw-duration,6s) * 4)}}.\32 xl\:aura{background-image:conic-gradient(from var(--aura-angle), transparent 225deg, currentColor)}.\32 xl\:aura:has(>.card,>.alert){--aura-radius:var(--radius-box)}.\32 xl\:aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}.\32 xl\:aura:has(>.checkbox,>.toggle,>.badge){--aura-radius:var(--radius-selector)}.\32 xl\:aura:before,.\32 xl\:aura:after{animation:inherit;background-color:inherit;background-image:inherit;border-radius:inherit;z-index:0;opacity:.7;filter:blur(.25rem);content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.\32 xl\:aura:after{opacity:.3;filter:blur(1rem)}.\32 xl\:aura>*{z-index:1;position:relative}}@layer daisyui.l1.l2{.\32 xl\:aura-rainbow{background:conic-gradient(from var(--aura-angle) in oklch longer hue, transparent 10%, oklch(80% .15 0), oklch(80% .15 360), transparent 90%)}.\32 xl\:aura-holo{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(82% .17 327), oklch(75% .12 274), oklch(82% .11 191), oklch(91% .11 105), oklch(88% .08 68), oklch(82% .17 327) 10%);animation:aura var(--tw-duration,20s) linear infinite}@media (prefers-reduced-motion:reduce){.\32 xl\:aura-holo{animation-duration:calc(var(--tw-duration,20s) * 4)}}.\32 xl\:aura-dual{background-image:repeating-conic-gradient(from var(--aura-angle), transparent 0%, transparent 40%, currentColor 50%)}.\32 xl\:aura-silver{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(30% 0 0), oklch(90% 0 0), oklch(60% 0 0), oklch(90% 0 0), oklch(50% 0 0), oklch(30% 0 0) 50%)}.\32 xl\:aura-gold{background-image:repeating-conic-gradient(from var(--aura-angle), oklch(65.98% .1863 72.37), oklch(96.35% .0768 102.94), oklch(71.57% .1691 82.23), oklch(96.02% .0792 103.13), oklch(60.66% .1181 76.17), oklch(65.98% .1863 72.37) 50%)}.\32 xl\:aura-glow{background-image:radial-gradient(closest-corner,currentColor 0%,#0000 90%);animation:none}.\32 xl\:aura-glow:before{animation:aura-glow var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.\32 xl\:aura-glow:after{animation:aura-glow-after var(--tw-duration,6s) ease-out infinite;@media (prefers-reduced-motion:reduce){animation-duration:calc(var(--tw-duration,6s) * 4)}}.\32 xl\:aura-xs{--aura-padding:0rem}.\32 xl\:aura-sm{--aura-padding:.0625rem}.\32 xl\:aura-md{--aura-padding:.125rem}.\32 xl\:aura-lg{--aura-padding:.15625rem}.\32 xl\:aura-xl{--aura-padding:.25rem}}}@keyframes aura{to{--aura-angle:360deg;transform:translateZ(1px)}}@keyframes aura-glow{20%,80%{opacity:.7;filter:blur(.25rem)}50%{opacity:1;filter:blur(.75rem)}}@keyframes aura-glow-after{20%,80%{opacity:.3;filter:blur(1rem)}50%{opacity:.6;filter:blur(1.5rem)}}}