/*! 🌼 daisyUI 5.6.3 - MIT License */ @layer utilities{.hover-3d{@layer daisyui.l1.l2.l3{perspective:75rem;--transform:0, 0;--shine:100% 100%;--shadow:0rem 0rem 0rem;--ease:linear(0, .931 13.8%, 1.196 21.4%, 1.343 29.8%, 1.378 36%, 1.365 43.2%, 1.059 78%, 1);filter:drop-shadow(var(--shadow) .1rem #00000003) drop-shadow(var(--shadow) .2rem #00000003) drop-shadow(var(--shadow) .3rem #00000003) drop-shadow(var(--shadow) .4rem #00000003);transition:filter .4s ease-out;display:inline-grid;&>:nth-child(n+2){isolation:isolate;z-index:1}&>:first-child{transform:rotate3d(var(--transform), 0, 10deg);transition:transform var(--ease) .5s, scale var(--ease) .5s, outline-color ease-out .5s;outline-offset:-1px;outline:.5px solid #0000;grid-area:1/1/4/4;overflow:hidden;&:before{content:"";pointer-events:none;z-index:1;opacity:0;filter:blur(.75rem);width:33.3333%;height:33.3333%;scale:5;translate:var(--shine);background-image:radial-gradient(circle,#fff3 10%,#0000 50%);transition:translate .4s ease-out,opacity .4s ease-out;position:absolute}}&:hover{--ease:linear(0, .708 15.2%, .927 23.6%, 1.067 33%, 1.12 41%, 1.13 50.2%, 1.019 83.2%, 1);&>:first-child{outline-color:#fff1;&:before,&:after{opacity:1}}}&>:nth-child(n+2){scale:1.2}&>:nth-child(2){grid-area:1/1/2/2}&>:nth-child(3){grid-area:1/2/2/3}&>:nth-child(4){grid-area:1/3/2/4}&>:nth-child(5){grid-area:2/1/3/2}&>:nth-child(6){grid-area:2/3/3/4}&>:nth-child(7){grid-area:3/1/4/2}&>:nth-child(8){grid-area:3/2/4/3}&>:nth-child(9){grid-area:3/3/4/4}&:hover{&>:first-child{scale:1.05}}&:has(>:nth-child(2):hover){--transform:-1, 1;--shine:0% 0%;--shadow:-.5rem -.5rem}&:has(>:nth-child(3):hover){--transform:-1, 0;--shine:100% 0%;--shadow:0rem -.5rem}&:has(>:nth-child(4):hover){--transform:-1, -1;--shine:200% 0%;--shadow:.5rem -.5rem}&:has(>:nth-child(5):hover){--transform:0, 1;--shine:0% 100%;--shadow:-.5rem 0rem}&:has(>:nth-child(6):hover){--transform:0, -1;--shine:200% 100%;--shadow:.5rem 0rem}&:has(>:nth-child(7):hover){--transform:1, 1;--shine:0% 200%;--shadow:-.5rem .5rem}&:has(>:nth-child(8):hover){--transform:1, 0;--shine:100% 200%;--shadow:0rem .5rem}&:has(>:nth-child(9):hover){--transform:1, -1;--shine:200% 200%;--shadow:.5rem .5rem}}}}