[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{ transition-duration:50ms} [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{ transition-delay:50ms} [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{ transition-duration:.1s} [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{ transition-delay:.1s} [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{ transition-duration:.15s} [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{ transition-delay:.15s} [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{ transition-duration:.2s} [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{ transition-delay:.2s} [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{ transition-duration:.25s} [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{ transition-delay:.25s} [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{ transition-duration:.3s} [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{ transition-delay:.3s} [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{ transition-duration:.35s} [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{ transition-delay:.35s} [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{ transition-duration:.4s} [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{ transition-delay:.4s} [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{ transition-duration:.45s} [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{ transition-delay:.45s} [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{ transition-duration:.5s} [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{ transition-delay:.5s} [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{ transition-duration:.55s} [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{ transition-delay:.55s} [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{ transition-duration:.6s} [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{ transition-delay:.6s} [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{ transition-duration:.65s} [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{ transition-delay:.65s} [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{ transition-duration:.7s} [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{ transition-delay:.7s} [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{ transition-duration:.75s} [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{ transition-delay:.75s} [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{ transition-duration:.8s} [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{ transition-delay:.8s} [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{ transition-duration:.85s} [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{ transition-delay:.85s} [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{ transition-duration:.9s} [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{ transition-delay:.9s} [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{ transition-duration:.95s} [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{ transition-delay:.95s} [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{ transition-duration:1s} [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{ transition-delay:1s} [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{ transition-duration:1.05s} [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{ transition-delay:1.05s} [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{ transition-duration:1.1s} [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{ transition-delay:1.1s} [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{ transition-duration:1.15s} [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{ transition-delay:1.15s} [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{ transition-duration:1.2s} [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{ transition-delay:1.2s} [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{ transition-duration:1.25s} [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{ transition-delay:1.25s} [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{ transition-duration:1.3s} [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{ transition-delay:1.3s} [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{ transition-duration:1.35s} [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{ transition-delay:1.35s} [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{ transition-duration:1.4s} [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{ transition-delay:1.4s} [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{ transition-duration:1.45s} [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{ transition-delay:1.45s} [data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{ transition-duration:1.5s} [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{ transition-delay:1.5s} [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{ transition-duration:1.55s} [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{ transition-delay:1.55s} [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{ transition-duration:1.6s} [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{ transition-delay:1.6s} [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{ transition-duration:1.65s} [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{ transition-delay:1.65s} [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{ transition-duration:1.7s} [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{ transition-delay:1.7s} [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{ transition-duration:1.75s} [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{ transition-delay:1.75s} [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{ transition-duration:1.8s} [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{ transition-delay:1.8s} [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{ transition-duration:1.85s} [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{ transition-delay:1.85s} [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{ transition-duration:1.9s} [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{ transition-delay:1.9s} [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{ transition-duration:1.95s} [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{ transition-delay:1.95s} [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{ transition-duration:2s} [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{ transition-delay:2s} [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{ transition-duration:2.05s} [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{ transition-delay:2.05s} [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{ transition-duration:2.1s} [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{ transition-delay:2.1s} [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{ transition-duration:2.15s} [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{ transition-delay:2.15s} [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{ transition-duration:2.2s} [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{ transition-delay:2.2s} [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{ transition-duration:2.25s} [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{ transition-delay:2.25s} [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{ transition-duration:2.3s} [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{ transition-delay:2.3s} [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{ transition-duration:2.35s} [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{ transition-delay:2.35s} [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{ transition-duration:2.4s} [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{ transition-delay:2.4s} [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{ transition-duration:2.45s} [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{ transition-delay:2.45s} [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{ transition-duration:2.5s} [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{ transition-delay:2.5s} [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{ transition-duration:2.55s} [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{ transition-delay:2.55s} [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{ transition-duration:2.6s} [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{ transition-delay:2.6s} [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{ transition-duration:2.65s} [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{ transition-delay:2.65s} [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{ transition-duration:2.7s} [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{ transition-delay:2.7s} [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{ transition-duration:2.75s} [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{ transition-delay:2.75s} [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{ transition-duration:2.8s} [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{ transition-delay:2.8s} [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{ transition-duration:2.85s} [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{ transition-delay:2.85s} [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{ transition-duration:2.9s} [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{ transition-delay:2.9s} [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{ transition-duration:2.95s} [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{ transition-delay:2.95s} [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{ transition-duration:3s} [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{ transition-delay:0} [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{ transition-delay:3s} [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{ transition-timing-function:cubic-bezier(.25,.25,.75,.75)} [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{ transition-timing-function:ease} [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{ transition-timing-function:ease-in} [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{ transition-timing-function:ease-out} [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{ transition-timing-function:ease-in-out} [data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{ transition-timing-function:cubic-bezier(.6,-.28,.735,.045)} [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{ transition-timing-function:cubic-bezier(.175,.885,.32,1.275)} [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{ transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)} [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{ transition-timing-function:cubic-bezier(.47,0,.745,.715)} [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{ transition-timing-function:cubic-bezier(.39,.575,.565,1)} [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{ transition-timing-function:cubic-bezier(.445,.05,.55,.95)} [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{ transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{ transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{ transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{ transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{ transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{ transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{ transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{ transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{ transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos^=fade][data-aos^=fade]{ opacity:0;transition-property:opacity,transform} [data-aos^=fade][data-aos^=fade].aos-animate{ opacity:1;transform:translateZ(0)} [data-aos=fade-up]{ transform:translate3d(0,100px,0)} [data-aos=fade-down]{ transform:translate3d(0,-100px,0)} [data-aos=fade-right]{ transform:translate3d(-100px,0,0)} [data-aos=fade-left]{ transform:translate3d(100px,0,0)} [data-aos=fade-up-right]{ transform:translate3d(-100px,100px,0)} [data-aos=fade-up-left]{ transform:translate3d(100px,100px,0)} [data-aos=fade-down-right]{ transform:translate3d(-100px,-100px,0)} [data-aos=fade-down-left]{ transform:translate3d(100px,-100px,0)} [data-aos^=zoom][data-aos^=zoom]{ opacity:0;transition-property:opacity,transform} [data-aos^=zoom][data-aos^=zoom].aos-animate{ opacity:1;transform:translateZ(0) scale(1)} [data-aos=zoom-in]{ transform:scale(.6)} [data-aos=zoom-in-up]{ transform:translate3d(0,100px,0) scale(.6)} [data-aos=zoom-in-down]{ transform:translate3d(0,-100px,0) scale(.6)} [data-aos=zoom-in-right]{ transform:translate3d(-100px,0,0) scale(.6)} [data-aos=zoom-in-left]{ transform:translate3d(100px,0,0) scale(.6)} [data-aos=zoom-out]{ transform:scale(1.2)} [data-aos=zoom-out-up]{ transform:translate3d(0,100px,0) scale(1.2)} [data-aos=zoom-out-down]{ transform:translate3d(0,-100px,0) scale(1.2)} [data-aos=zoom-out-right]{ transform:translate3d(-100px,0,0) scale(1.2)} [data-aos=zoom-out-left]{ transform:translate3d(100px,0,0) scale(1.2)} [data-aos^=slide][data-aos^=slide]{ transition-property:transform} [data-aos^=slide][data-aos^=slide].aos-animate{ transform:translateZ(0)} [data-aos=slide-up]{ transform:translate3d(0,100%,0)} [data-aos=slide-down]{ transform:translate3d(0,-100%,0)} [data-aos=slide-right]{ transform:translate3d(-100%,0,0)} [data-aos=slide-left]{ transform:translate3d(100%,0,0)} [data-aos^=flip][data-aos^=flip]{ backface-visibility:hidden;transition-property:transform} [data-aos=flip-left]{ transform:perspective(2500px) rotateY(-100deg)} [data-aos=flip-left].aos-animate{ transform:perspective(2500px) rotateY(0)} [data-aos=flip-right]{ transform:perspective(2500px) rotateY(100deg)} [data-aos=flip-right].aos-animate{ transform:perspective(2500px) rotateY(0)} [data-aos=flip-up]{ transform:perspective(2500px) rotateX(-100deg)} [data-aos=flip-up].aos-animate{ transform:perspective(2500px) rotateX(0)} [data-aos=flip-down]{ transform:perspective(2500px) rotateX(100deg)} [data-aos=flip-down].aos-animate{ transform:perspective(2500px) rotateX(0)} .radiohide input[type='radio']{ display: none;height: 0;width: 0;} .hidden-radio{ position: absolute;opacity: 0;width: 0;height: 0;} :root, [data-theme]{ background-color: var(--fallback-b1, oklch(var(--b3) / 1));} .darkshade{ background: #010409;} .uicons{ font-size: 1.3em;} .nav_Shadow{ box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2), 0 0.1rem 0.5rem rgba(0, 0, 0, 0.3), 0 0.2rem 1.5rem rgba(0, 0, 0, 0.4);} .text-fivem:hover{ color: #e77a30;} .text-github:hover{ color: #9856aa;} .text-discord:hover{ color: #5865f2;} .text-youtube:hover{ color: #ff0000;} .text-tiktok:hover{ color: #69c9d0;} .text-twitter:hover{ color: #1da1f2;} .text-instagram:hover{ color: #c32aa3;} .text-facebook:hover{ color: #1877f2;} .text-snapchat:hover{ color: #fffc00;} .text-twitch:hover{ color: #9146ff;} .text-reddit:hover{ color: #ff4500;} .headerBtn{ --bezier: cubic-bezier(0.22, 0.61, 0.36, 1);--edge-light: hsla(0, 0%, 50%, 0.8);--text-light: rgba(255, 255, 255, 0.4);--back-color: 240, 40%;cursor: pointer;padding: 0.3em;border-radius: 0.5em;min-height: 2em;min-width: 2em;display: flex;align-items: center;gap: 0.5em;text-align: center;font-size: 18px;letter-spacing: 0.05em;line-height: 1;font-weight: bold;color: hsla(0, 0%, 90%);border: 0;box-shadow: 0px 0px 0px 1px rgba(113, 114, 114, 0.7);transition: all 0.1s var(--bezier);} .headerBtn:hover{ --bezier: cubic-bezier(0.22, 0.61, 0.36, 1);--edge-light: hsla(0, 0%, 50%, 0.8);--text-light: rgba(255, 255, 255, 0.4);--back-color: 240, 40%;background: linear-gradient( 140deg, hsla(var(--back-color), 50%, 1) min(2em, 20%), hsla(var(--back-color), 50%, 0.6) min(8em, 100%) );transform: scale(1.1);transition: all 0.1s var(--bezier);} .headerBtn:active{ --text-light: rgba(255, 255, 255, 1);background: linear-gradient( 140deg, hsla(var(--back-color), 50%, 1) min(2em, 20%), hsla(var(--back-color), 50%, 0.6) min(8em, 100%) );box-shadow: inset 0.4px 1px 8px var(--edge-light), 0px 0px 8px hsla(var(--back-color), 50%, 0.6);text-shadow: 0px 0px 20px var(--text-light);color: hsla(0, 0%, 100%, 1);letter-spacing: 0.1em;transform: scale(1);} .headersvg{ fill: oklch(var(--bc));} .discordAnim{ --bezier: cubic-bezier(0.22, 0.61, 0.36, 1);min-height: 25px;min-width: 25px;transition: all 0.1s var(--bezier);} .discordAnim:hover{ animation: rotate-in-center 600ms;} .setting-btn{ --bezier: cubic-bezier(0.22, 0.61, 0.36, 1);--edge-light: hsla(0, 0%, 50%, 0.8);--text-light: rgba(255, 255, 255, 0.4);height: 35px;width: 35px;border-radius: 0.5em;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;cursor: pointer;border: none;box-shadow: 0px 0px 0px 1px rgba(113, 114, 114, 0.7);transition: all 0.1s var(--bezier);} .setting-btn:hover{ --bezier: cubic-bezier(0.22, 0.61, 0.36, 1);--edge-light: hsla(0, 0%, 50%, 0.8);--text-light: rgba(255, 255, 255, 0.4);--back-color: 37, 40%;background: linear-gradient( 140deg, hsla(var(--back-color), 50%, 1) min(2em, 20%), hsla(var(--back-color), 50%, 0.6) min(8em, 100%) );transition: all 0.1s var(--bezier);transform: scale(1.1);} .setting-bar{ width: 50%;height: 2px;background-color: oklch(var(--bc));display: flex;align-items: center;justify-content: center;position: relative;border-radius: 2px;} .setting-bar::before{ content: '';width: 2px;height: 2px;background-color: rgb(126, 117, 255);position: absolute;border-radius: 50%;border: 2px solid white;transition: all 0.3s;box-shadow: 0px 0px 5px white;} .setting-bar1::before{ transform: translateX(-4px);} .setting-bar2::before{ transform: translateX(4px);} .setting-btn:hover .setting-bar1::before{ transform: translateX(4px);} .setting-btn:hover .setting-bar2::before{ transform: translateX(-4px);} .rotate-in-center{ animation: rotate-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;} @keyframes rotate-in-center{ 0%{ transform: rotate(-360deg);opacity: 0;} 100%{ transform: rotate(0);opacity: 1;}} .shape{ margin: 0 auto;aspect-ratio: 1;position: relative;--width: 100%;--scale: 1;--opacity: 0.66;--top: 0;--left: 0;--path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);--background: linear-gradient(hotpink, red, orange, yellow, hotpink);--offset: 0deg;--speed: 8000ms;-webkit-clip-path: var(--path);clip-path: var(--path);background: var(--background);scale: var(--scale);opacity: var(--opacity);width: var(--width);top: var(--top);left: var(--left);rotate: var(--offset);mix-blend-mode: difference;animation: turn var(--speed) linear forwards infinite;} @keyframes turn{ to{ rotate: calc(var(--offset) + 1turn);}} .blur-container{ position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 0;pointer-events: none;--blur: 40px;filter: blur(var(--blur));display: grid;overflow: hidden;} .blur-container > *{ grid-column: 1/-1;grid-row: 1/-1;} .main-content{ position: relative;} #loader{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: oklch(var(--b3));z-index:50;} #spinner{ display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #9370DB;animation: spin 2s linear infinite;} #spinner:before{ content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #BA55D3;animation: spin 3s linear infinite;} #spinner:after{ content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #FF00FF;animation: spin 1.5s linear infinite;} @keyframes spin{ 0%{ transform: rotate(0deg);} 100%{ transform: rotate(360deg);}} *, ::before, ::after{ box-sizing: border-box;border-width: 0;border-style: solid;border-color: #e5e7eb;} ::before, ::after{ --tw-content: '';} html, :host{ line-height: 1.5;-webkit-text-size-adjust: 100%;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings: normal;font-variation-settings: normal;-webkit-tap-highlight-color: transparent;} body{ margin: 0;line-height: inherit;} hr{ height: 0;color: inherit;border-top-width: 1px;} abbr:where([title]){ -webkit-text-decoration: underline dotted;text-decoration: underline dotted;} h1, h2, h3, h4, h5, h6{ font-size: inherit;font-weight: inherit;} a{ color: inherit;text-decoration: inherit;} b, strong{ font-weight: bolder;} code, kbd, samp, pre{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings: normal;font-variation-settings: normal;font-size: 1em;} small{ font-size: 80%;} sub, sup{ font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sub{ bottom: -0.25em;} sup{ top: -0.5em;} table{ text-indent: 0;border-color: inherit;border-collapse: collapse;} button, input, optgroup, select, textarea{ font-family: inherit;font-feature-settings: inherit;font-variation-settings: inherit;font-size: 100%;font-weight: inherit;line-height: inherit;color: inherit;margin: 0;padding: 0;} button, select{ text-transform: none;} button, [type='button'], [type='reset'], [type='submit']{ -webkit-appearance: button;background-color: transparent;background-image: none;} :-moz-focusring{ outline: auto;} :-moz-ui-invalid{ box-shadow: none;} progress{ vertical-align: baseline;} ::-webkit-inner-spin-button, ::-webkit-outer-spin-button{ height: auto;} [type='search']{ -webkit-appearance: textfield;outline-offset: -2px;} ::-webkit-search-decoration{ -webkit-appearance: none;} ::-webkit-file-upload-button{ -webkit-appearance: button;font: inherit;} summary{ display: list-item;} blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre{ margin: 0;} fieldset{ margin: 0;padding: 0;} legend{ padding: 0;} ol, ul, menu{ list-style: none;margin: 0;padding: 0;} dialog{ padding: 0;} textarea{ resize: vertical;} input::-moz-placeholder, textarea::-moz-placeholder{ opacity: 1;color: #9ca3af;} input::placeholder, textarea::placeholder{ opacity: 1;color: #9ca3af;} button, [role="button"]{ cursor: pointer;} :disabled{ cursor: default;} img, svg, video, canvas, audio, iframe, embed, object{ display: block;vertical-align: middle;} img, video{ max-width: 100%;height: auto;} [hidden]{ display: none;} :root, [data-theme]{ background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))} @supports not (color: oklch(0 0 0)){ :root{ color-scheme:light;--fallback-p:#491eff;--fallback-pc:#d4dbff;--fallback-s:#ff41c7;--fallback-sc:#fff9fc;--fallback-a:#00cfbd;--fallback-ac:#00100d;--fallback-n:#2b3440;--fallback-nc:#d7dde4;--fallback-b1:#ffffff;--fallback-b2:#e5e6e6;--fallback-b3:#e5e6e6;--fallback-bc:#1f2937;--fallback-in:#00b3f0;--fallback-inc:#000000;--fallback-su:#00ca92;--fallback-suc:#000000;--fallback-wa:#ffc22d;--fallback-wac:#000000;--fallback-er:#ff6f70;--fallback-erc:#000000} @media (prefers-color-scheme: dark){ :root{ color-scheme:dark;--fallback-p:#7582ff;--fallback-pc:#050617;--fallback-s:#ff71cf;--fallback-sc:#190211;--fallback-a:#00c7b5;--fallback-ac:#000e0c;--fallback-n:#2a323c;--fallback-nc:#a6adbb;--fallback-b1:#1d232a;--fallback-b2:#191e24;--fallback-b3:#15191e;--fallback-bc:#a6adbb;--fallback-in:#00b3f0;--fallback-inc:#000000;--fallback-su:#00ca92;--fallback-suc:#000000;--fallback-wa:#ffc22d;--fallback-wac:#000000;--fallback-er:#ff6f70;--fallback-erc:#000000}}} html{ -webkit-tap-highlight-color:transparent} :root{ color-scheme:light;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.89824 0.06192 275.75;--ac:0.15352 0.0368 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.4912 0.3096 275.75;--s:0.6971 0.329 342.55;--sc:0.9871 0.0106 342.55;--a:0.7676 0.184 183.61;--n:0.321785 0.02476 255.701624;--nc:0.894994 0.011585 252.096176;--b1:1 0 0;--b2:0.961151 0 0;--b3:0.924169 0.00108 197.137559;--bc:0.278078 0.029596 256.847952} @media (prefers-color-scheme: dark){ :root{ color-scheme:dark;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.13138 0.0392 275.75;--sc:0.1496 0.052 342.55;--ac:0.14902 0.0334 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.6569 0.196 275.75;--s:0.748 0.26 342.55;--a:0.7451 0.167 183.61;--n:0.313815 0.021108 254.139175;--nc:0.746477 0.0216 264.435964;--b1:0.253267 0.015896 252.417568;--b2:0.232607 0.013807 253.100675;--b3:0.211484 0.01165 254.087939;--bc:0.746477 0.0216 264.435964}} [data-theme=light]{ color-scheme:light;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.89824 0.06192 275.75;--ac:0.15352 0.0368 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.4912 0.3096 275.75;--s:0.6971 0.329 342.55;--sc:0.9871 0.0106 342.55;--a:0.7676 0.184 183.61;--n:0.321785 0.02476 255.701624;--nc:0.894994 0.011585 252.096176;--b1:1 0 0;--b2:0.961151 0 0;--b3:0.924169 0.00108 197.137559;--bc:0.278078 0.029596 256.847952} :root:has(input.theme-controller[value=light]:checked){ color-scheme:light;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.89824 0.06192 275.75;--ac:0.15352 0.0368 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.4912 0.3096 275.75;--s:0.6971 0.329 342.55;--sc:0.9871 0.0106 342.55;--a:0.7676 0.184 183.61;--n:0.321785 0.02476 255.701624;--nc:0.894994 0.011585 252.096176;--b1:1 0 0;--b2:0.961151 0 0;--b3:0.924169 0.00108 197.137559;--bc:0.278078 0.029596 256.847952} [data-theme=dark]{ color-scheme:dark;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.13138 0.0392 275.75;--sc:0.1496 0.052 342.55;--ac:0.14902 0.0334 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.6569 0.196 275.75;--s:0.748 0.26 342.55;--a:0.7451 0.167 183.61;--n:0.313815 0.021108 254.139175;--nc:0.746477 0.0216 264.435964;--b1:0.253267 0.015896 252.417568;--b2:0.232607 0.013807 253.100675;--b3:0.211484 0.01165 254.087939;--bc:0.746477 0.0216 264.435964} :root:has(input.theme-controller[value=dark]:checked){ color-scheme:dark;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.13138 0.0392 275.75;--sc:0.1496 0.052 342.55;--ac:0.14902 0.0334 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.6569 0.196 275.75;--s:0.748 0.26 342.55;--a:0.7451 0.167 183.61;--n:0.313815 0.021108 254.139175;--nc:0.746477 0.0216 264.435964;--b1:0.253267 0.015896 252.417568;--b2:0.232607 0.013807 253.100675;--b3:0.211484 0.01165 254.087939;--bc:0.746477 0.0216 264.435964} [data-theme=cupcake]{ color-scheme:light;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.152344 0.017892 200.026556;--sc:0.15787 0.020249 356.29965;--ac:0.158762 0.029206 78.618794;--nc:0.847148 0.013247 313.189598;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--p:0.76172 0.089459 200.026556;--s:0.789351 0.101246 356.29965;--a:0.793811 0.146032 78.618794;--n:0.235742 0.066235 313.189598;--b1:0.977882 0.00418 56.375637;--b2:0.939822 0.007638 61.449292;--b3:0.915861 0.006811 53.440502;--bc:0.235742 0.066235 313.189598;--rounded-btn:1.9rem;--tab-border:2px;--tab-radius:0.7rem} :root:has(input.theme-controller[value=cupcake]:checked){ color-scheme:light;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.152344 0.017892 200.026556;--sc:0.15787 0.020249 356.29965;--ac:0.158762 0.029206 78.618794;--nc:0.847148 0.013247 313.189598;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--p:0.76172 0.089459 200.026556;--s:0.789351 0.101246 356.29965;--a:0.793811 0.146032 78.618794;--n:0.235742 0.066235 313.189598;--b1:0.977882 0.00418 56.375637;--b2:0.939822 0.007638 61.449292;--b3:0.915861 0.006811 53.440502;--bc:0.235742 0.066235 313.189598;--rounded-btn:1.9rem;--tab-border:2px;--tab-radius:0.7rem} [data-theme=bumblebee]{ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--bc:0.2 0 0;--ac:0.16254 0.0314 56.52;--nc:0.8255 0.015 281.99;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.8951 0.2132 96.61;--pc:0.3892 0.046 96.61;--s:0.8039 0.194 70.76;--sc:0.3938 0.068 70.76;--a:0.8127 0.157 56.52;--n:0.1275 0.075 281.99;--b1:1 0 0} :root:has(input.theme-controller[value=bumblebee]:checked){ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--bc:0.2 0 0;--ac:0.16254 0.0314 56.52;--nc:0.8255 0.015 281.99;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.8951 0.2132 96.61;--pc:0.3892 0.046 96.61;--s:0.8039 0.194 70.76;--sc:0.3938 0.068 70.76;--a:0.8127 0.157 56.52;--n:0.1275 0.075 281.99;--b1:1 0 0} [data-theme=emerald]{ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.766626 0.135433 153.450024;--pc:0.333872 0.040618 162.240129;--s:0.613028 0.202368 261.294233;--sc:1 0 0;--a:0.727725 0.149783 33.200363;--ac:0 0 0;--n:0.355192 0.032071 262.988584;--nc:0.984625 0.001706 247.838921;--b1:1 0 0;--bc:0.355192 0.032071 262.988584;--animation-btn:0;--animation-input:0;--btn-focus-scale:1} :root:has(input.theme-controller[value=emerald]:checked){ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.766626 0.135433 153.450024;--pc:0.333872 0.040618 162.240129;--s:0.613028 0.202368 261.294233;--sc:1 0 0;--a:0.727725 0.149783 33.200363;--ac:0 0 0;--n:0.355192 0.032071 262.988584;--nc:0.984625 0.001706 247.838921;--b1:1 0 0;--bc:0.355192 0.032071 262.988584;--animation-btn:0;--animation-input:0;--btn-focus-scale:1} [data-theme=corporate]{ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.12078 0.0456 269.1;--sc:0.130739 0.010951 256.688055;--ac:0.153934 0.022799 163.57888;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--border-btn:1px;--tab-border:1px;--p:0.6039 0.228 269.1;--s:0.653694 0.054756 256.688055;--a:0.769669 0.113994 163.57888;--n:0.223899 0.031305 278.07229;--nc:0.958796 0.008588 247.915135;--b1:1 0 0;--bc:0.223899 0.031305 278.07229;--rounded-box:0.25rem;--rounded-btn:.125rem;--rounded-badge:.125rem;--tab-radius:0.25rem;--animation-btn:0;--animation-input:0;--btn-focus-scale:1} :root:has(input.theme-controller[value=corporate]:checked){ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.12078 0.0456 269.1;--sc:0.130739 0.010951 256.688055;--ac:0.153934 0.022799 163.57888;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--border-btn:1px;--tab-border:1px;--p:0.6039 0.228 269.1;--s:0.653694 0.054756 256.688055;--a:0.769669 0.113994 163.57888;--n:0.223899 0.031305 278.07229;--nc:0.958796 0.008588 247.915135;--b1:1 0 0;--bc:0.223899 0.031305 278.07229;--rounded-box:0.25rem;--rounded-btn:.125rem;--rounded-badge:.125rem;--tab-radius:0.25rem;--animation-btn:0;--animation-input:0;--btn-focus-scale:1} [data-theme=synthwave]{ color-scheme:dark;--b2:0.202941 0.076211 287.835609;--b3:0.187665 0.070475 287.835609;--pc:0.144421 0.031903 342.009383;--sc:0.156543 0.02362 227.382405;--ac:0.17608 0.0412 93.72;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.722105 0.159514 342.009383;--s:0.782714 0.118101 227.382405;--a:0.8804 0.206 93.72;--n:0.255554 0.103537 286.507967;--nc:0.979365 0.00819 301.358346;--b1:0.218216 0.081948 287.835609;--bc:0.979365 0.00819 301.358346;--in:0.765197 0.12273 231.831603;--inc:0.235017 0.096418 290.329844;--su:0.860572 0.115038 178.624677;--suc:0.235017 0.096418 290.329844;--wa:0.85531 0.122117 93.722227;--wac:0.235017 0.096418 290.329844;--er:0.737005 0.121339 32.639257;--erc:0.235017 0.096418 290.329844} :root:has(input.theme-controller[value=synthwave]:checked){ color-scheme:dark;--b2:0.202941 0.076211 287.835609;--b3:0.187665 0.070475 287.835609;--pc:0.144421 0.031903 342.009383;--sc:0.156543 0.02362 227.382405;--ac:0.17608 0.0412 93.72;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.722105 0.159514 342.009383;--s:0.782714 0.118101 227.382405;--a:0.8804 0.206 93.72;--n:0.255554 0.103537 286.507967;--nc:0.979365 0.00819 301.358346;--b1:0.218216 0.081948 287.835609;--bc:0.979365 0.00819 301.358346;--in:0.765197 0.12273 231.831603;--inc:0.235017 0.096418 290.329844;--su:0.860572 0.115038 178.624677;--suc:0.235017 0.096418 290.329844;--wa:0.85531 0.122117 93.722227;--wac:0.235017 0.096418 290.329844;--er:0.737005 0.121339 32.639257;--erc:0.235017 0.096418 290.329844} [data-theme=retro]{ color-scheme:light;--inc:0.90923 0.043042 262.880917;--suc:0.12541 0.033982 149.213788;--wac:0.133168 0.031484 58.31834;--erc:0.13144 0.0398 27.33;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.768664 0.104092 22.664655;--pc:0.265104 0.006243 0.522862;--s:0.807415 0.052534 159.094608;--sc:0.265104 0.006243 0.522862;--a:0.703919 0.125455 52.953428;--ac:0.265104 0.006243 0.522862;--n:0.284181 0.009519 355.534017;--nc:0.925604 0.025113 89.217311;--b1:0.916374 0.034554 90.51575;--b2:0.882722 0.049418 91.774344;--b3:0.84133 0.065952 90.856665;--bc:0.265104 0.006243 0.522862;--in:0.54615 0.215208 262.880917;--su:0.627052 0.169912 149.213788;--wa:0.66584 0.157422 58.31834;--er:0.6572 0.199 27.33;--rounded-box:0.4rem;--rounded-btn:0.4rem;--rounded-badge:0.4rem;--tab-radius:0.4rem} :root:has(input.theme-controller[value=retro]:checked){ color-scheme:light;--inc:0.90923 0.043042 262.880917;--suc:0.12541 0.033982 149.213788;--wac:0.133168 0.031484 58.31834;--erc:0.13144 0.0398 27.33;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.768664 0.104092 22.664655;--pc:0.265104 0.006243 0.522862;--s:0.807415 0.052534 159.094608;--sc:0.265104 0.006243 0.522862;--a:0.703919 0.125455 52.953428;--ac:0.265104 0.006243 0.522862;--n:0.284181 0.009519 355.534017;--nc:0.925604 0.025113 89.217311;--b1:0.916374 0.034554 90.51575;--b2:0.882722 0.049418 91.774344;--b3:0.84133 0.065952 90.856665;--bc:0.265104 0.006243 0.522862;--in:0.54615 0.215208 262.880917;--su:0.627052 0.169912 149.213788;--wa:0.66584 0.157422 58.31834;--er:0.6572 0.199 27.33;--rounded-box:0.4rem;--rounded-btn:0.4rem;--rounded-badge:0.4rem;--tab-radius:0.4rem} [data-theme=cyberpunk]{ color-scheme:light;--b2:0.878943 0.16647 104.32;--b3:0.812786 0.15394 104.32;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--bc:0.18902 0.0358 104.32;--pc:0.14844 0.0418 6.35;--sc:0.16666 0.0368 204.72;--ac:0.14372 0.04352 310.43;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--p:0.7422 0.209 6.35;--s:0.8333 0.184 204.72;--a:0.7186 0.2176 310.43;--n:0.2304 0.065 269.31;--nc:0.9451 0.179 104.32;--b1:0.9451 0.179 104.32;--rounded-box:0;--rounded-btn:0;--rounded-badge:0;--tab-radius:0} :root:has(input.theme-controller[value=cyberpunk]:checked){ color-scheme:light;--b2:0.878943 0.16647 104.32;--b3:0.812786 0.15394 104.32;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--bc:0.18902 0.0358 104.32;--pc:0.14844 0.0418 6.35;--sc:0.16666 0.0368 204.72;--ac:0.14372 0.04352 310.43;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--p:0.7422 0.209 6.35;--s:0.8333 0.184 204.72;--a:0.7186 0.2176 310.43;--n:0.2304 0.065 269.31;--nc:0.9451 0.179 104.32;--b1:0.9451 0.179 104.32;--rounded-box:0;--rounded-btn:0;--rounded-badge:0;--tab-radius:0} [data-theme=valentine]{ color-scheme:light;--b2:0.880567 0.024834 337.06289;--b3:0.814288 0.022964 337.06289;--pc:0.137239 0.030755 15.066527;--sc:0.143942 0.029258 293.189609;--ac:0.142537 0.014961 197.828857;--inc:0.90923 0.043042 262.880917;--suc:0.12541 0.033982 149.213788;--wac:0.133168 0.031484 58.31834;--erc:0.14614 0.0414 27.33;--rounded-box:1rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.686197 0.153774 15.066527;--s:0.71971 0.14629 293.189609;--a:0.712685 0.074804 197.828857;--n:0.546053 0.143342 358.004839;--nc:0.902701 0.037202 336.955191;--b1:0.946846 0.026703 337.06289;--bc:0.373085 0.081131 4.606426;--in:0.54615 0.215208 262.880917;--su:0.627052 0.169912 149.213788;--wa:0.66584 0.157422 58.31834;--er:0.7307 0.207 27.33;--rounded-btn:1.9rem;--tab-radius:0.7rem} :root:has(input.theme-controller[value=valentine]:checked){ color-scheme:light;--b2:0.880567 0.024834 337.06289;--b3:0.814288 0.022964 337.06289;--pc:0.137239 0.030755 15.066527;--sc:0.143942 0.029258 293.189609;--ac:0.142537 0.014961 197.828857;--inc:0.90923 0.043042 262.880917;--suc:0.12541 0.033982 149.213788;--wac:0.133168 0.031484 58.31834;--erc:0.14614 0.0414 27.33;--rounded-box:1rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.686197 0.153774 15.066527;--s:0.71971 0.14629 293.189609;--a:0.712685 0.074804 197.828857;--n:0.546053 0.143342 358.004839;--nc:0.902701 0.037202 336.955191;--b1:0.946846 0.026703 337.06289;--bc:0.373085 0.081131 4.606426;--in:0.54615 0.215208 262.880917;--su:0.627052 0.169912 149.213788;--wa:0.66584 0.157422 58.31834;--er:0.7307 0.207 27.33;--rounded-btn:1.9rem;--tab-radius:0.7rem} [data-theme=halloween]{ color-scheme:dark;--b2:0.230416 0 0;--b3:0.213072 0 0;--bc:0.849552 0 0;--sc:0.89196 0.0496 305.03;--nc:0.848742 0.009322 65.681484;--inc:0.90923 0.043042 262.880917;--suc:0.12541 0.033982 149.213788;--wac:0.133168 0.031484 58.31834;--erc:0.13144 0.0398 27.33;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.7748 0.204 60.62;--pc:0.196935 0.004671 196.779412;--s:0.4598 0.248 305.03;--a:0.648 0.223 136.073479;--ac:0 0 0;--n:0.24371 0.046608 65.681484;--b1:0.247759 0 0;--in:0.54615 0.215208 262.880917;--su:0.627052 0.169912 149.213788;--wa:0.66584 0.157422 58.31834;--er:0.6572 0.199 27.33} :root:has(input.theme-controller[value=halloween]:checked){ color-scheme:dark;--b2:0.230416 0 0;--b3:0.213072 0 0;--bc:0.849552 0 0;--sc:0.89196 0.0496 305.03;--nc:0.848742 0.009322 65.681484;--inc:0.90923 0.043042 262.880917;--suc:0.12541 0.033982 149.213788;--wac:0.133168 0.031484 58.31834;--erc:0.13144 0.0398 27.33;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.7748 0.204 60.62;--pc:0.196935 0.004671 196.779412;--s:0.4598 0.248 305.03;--a:0.648 0.223 136.073479;--ac:0 0 0;--n:0.24371 0.046608 65.681484;--b1:0.247759 0 0;--in:0.54615 0.215208 262.880917;--su:0.627052 0.169912 149.213788;--wa:0.66584 0.157422 58.31834;--er:0.6572 0.199 27.33} [data-theme=garden]{ color-scheme:light;--b2:0.864453 0.002011 17.197414;--b3:0.799386 0.00186 17.197414;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--sc:0.89699 0.022197 355.095988;--ac:0.112547 0.010859 154.390187;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.6245 0.278 3.83636;--pc:1 0 0;--s:0.484952 0.110985 355.095988;--a:0.562735 0.054297 154.390187;--n:0.241559 0.049362 89.070594;--nc:0.929519 0.002163 17.197414;--b1:0.929519 0.002163 17.197414;--bc:0.169617 0.001664 17.32068} :root:has(input.theme-controller[value=garden]:checked){ color-scheme:light;--b2:0.864453 0.002011 17.197414;--b3:0.799386 0.00186 17.197414;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--sc:0.89699 0.022197 355.095988;--ac:0.112547 0.010859 154.390187;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.6245 0.278 3.83636;--pc:1 0 0;--s:0.484952 0.110985 355.095988;--a:0.562735 0.054297 154.390187;--n:0.241559 0.049362 89.070594;--nc:0.929519 0.002163 17.197414;--b1:0.929519 0.002163 17.197414;--bc:0.169617 0.001664 17.32068} [data-theme=forest]{ color-scheme:dark;--b2:0.17522 0.007709 17.911578;--b3:0.162032 0.007129 17.911578;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--bc:0.837682 0.001658 17.911578;--sc:0.139553 0.027077 168.327128;--ac:0.141257 0.02389 185.713193;--nc:0.861397 0.007806 171.364646;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.686283 0.185567 148.958922;--pc:0 0 0;--s:0.697764 0.135385 168.327128;--a:0.706285 0.119451 185.713193;--n:0.306985 0.039032 171.364646;--b1:0.188409 0.00829 17.911578;--rounded-btn:1.9rem} :root:has(input.theme-controller[value=forest]:checked){ color-scheme:dark;--b2:0.17522 0.007709 17.911578;--b3:0.162032 0.007129 17.911578;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--bc:0.837682 0.001658 17.911578;--sc:0.139553 0.027077 168.327128;--ac:0.141257 0.02389 185.713193;--nc:0.861397 0.007806 171.364646;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.686283 0.185567 148.958922;--pc:0 0 0;--s:0.697764 0.135385 168.327128;--a:0.706285 0.119451 185.713193;--n:0.306985 0.039032 171.364646;--b1:0.188409 0.00829 17.911578;--rounded-btn:1.9rem} [data-theme=aqua]{ color-scheme:dark;--b2:0.453464 0.118611 261.181672;--b3:0.419333 0.109683 261.181672;--bc:0.897519 0.025508 261.181672;--sc:0.121365 0.02175 309.782946;--ac:0.186854 0.020445 94.555431;--nc:0.122124 0.023402 243.760661;--inc:0.90923 0.043042 262.880917;--suc:0.12541 0.033982 149.213788;--wac:0.133168 0.031484 58.31834;--erc:0.1479 0.038 27.33;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.856617 0.14498 198.6458;--pc:0.401249 0.068266 197.603872;--s:0.606827 0.108752 309.782946;--a:0.934269 0.102225 94.555431;--n:0.610622 0.117009 243.760661;--b1:0.487596 0.127539 261.181672;--in:0.54615 0.215208 262.880917;--su:0.627052 0.169912 149.213788;--wa:0.66584 0.157422 58.31834;--er:0.7395 0.19 27.33} :root:has(input.theme-controller[value=aqua]:checked){ color-scheme:dark;--b2:0.453464 0.118611 261.181672;--b3:0.419333 0.109683 261.181672;--bc:0.897519 0.025508 261.181672;--sc:0.121365 0.02175 309.782946;--ac:0.186854 0.020445 94.555431;--nc:0.122124 0.023402 243.760661;--inc:0.90923 0.043042 262.880917;--suc:0.12541 0.033982 149.213788;--wac:0.133168 0.031484 58.31834;--erc:0.1479 0.038 27.33;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.856617 0.14498 198.6458;--pc:0.401249 0.068266 197.603872;--s:0.606827 0.108752 309.782946;--a:0.934269 0.102225 94.555431;--n:0.610622 0.117009 243.760661;--b1:0.487596 0.127539 261.181672;--in:0.54615 0.215208 262.880917;--su:0.627052 0.169912 149.213788;--wa:0.66584 0.157422 58.31834;--er:0.7395 0.19 27.33} [data-theme=lofi]{ color-scheme:light;--inc:0.15908 0.0206 205.9;--suc:0.18026 0.0306 164.14;--wac:0.17674 0.027 79.94;--erc:0.15732 0.03 28.47;--border-btn:1px;--tab-border:1px;--p:0.159066 0 0;--pc:1 0 0;--s:0.21455 0.001566 17.278957;--sc:1 0 0;--a:0.268618 0 0;--ac:1 0 0;--n:0 0 0;--nc:1 0 0;--b1:1 0 0;--b2:0.961151 0 0;--b3:0.92268 0.001082 17.17934;--bc:0 0 0;--in:0.7954 0.103 205.9;--su:0.9013 0.153 164.14;--wa:0.8837 0.135 79.94;--er:0.7866 0.15 28.47;--rounded-box:0.25rem;--rounded-btn:0.125rem;--rounded-badge:0.125rem;--tab-radius:0.125rem;--animation-btn:0;--animation-input:0;--btn-focus-scale:1} :root:has(input.theme-controller[value=lofi]:checked){ color-scheme:light;--inc:0.15908 0.0206 205.9;--suc:0.18026 0.0306 164.14;--wac:0.17674 0.027 79.94;--erc:0.15732 0.03 28.47;--border-btn:1px;--tab-border:1px;--p:0.159066 0 0;--pc:1 0 0;--s:0.21455 0.001566 17.278957;--sc:1 0 0;--a:0.268618 0 0;--ac:1 0 0;--n:0 0 0;--nc:1 0 0;--b1:1 0 0;--b2:0.961151 0 0;--b3:0.92268 0.001082 17.17934;--bc:0 0 0;--in:0.7954 0.103 205.9;--su:0.9013 0.153 164.14;--wa:0.8837 0.135 79.94;--er:0.7866 0.15 28.47;--rounded-box:0.25rem;--rounded-btn:0.125rem;--rounded-badge:0.125rem;--tab-radius:0.125rem;--animation-btn:0;--animation-input:0;--btn-focus-scale:1} [data-theme=pastel]{ color-scheme:light;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--bc:0.2 0 0;--pc:0.166166 0.006979 316.8737;--sc:0.176153 0.009839 8.688364;--ac:0.178419 0.012056 170.923263;--nc:0.142681 0.014702 228.183906;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.830828 0.034896 316.8737;--s:0.880763 0.049197 8.688364;--a:0.892096 0.06028 170.923263;--n:0.713406 0.07351 228.183906;--b1:1 0 0;--b2:0.984625 0.001706 247.838921;--b3:0.871681 0.009339 258.338227;--rounded-btn:1.9rem;--tab-radius:0.7rem} :root:has(input.theme-controller[value=pastel]:checked){ color-scheme:light;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--bc:0.2 0 0;--pc:0.166166 0.006979 316.8737;--sc:0.176153 0.009839 8.688364;--ac:0.178419 0.012056 170.923263;--nc:0.142681 0.014702 228.183906;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.830828 0.034896 316.8737;--s:0.880763 0.049197 8.688364;--a:0.892096 0.06028 170.923263;--n:0.713406 0.07351 228.183906;--b1:1 0 0;--b2:0.984625 0.001706 247.838921;--b3:0.871681 0.009339 258.338227;--rounded-btn:1.9rem;--tab-radius:0.7rem} [data-theme=fantasy]{ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.8749 0.0378 325.02;--sc:0.90784 0.0324 241.36;--ac:0.15196 0.0408 56.72;--nc:0.855616 0.005919 256.847952;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.3745 0.189 325.02;--s:0.5392 0.162 241.36;--a:0.7598 0.204 56.72;--n:0.278078 0.029596 256.847952;--b1:1 0 0;--bc:0.278078 0.029596 256.847952} :root:has(input.theme-controller[value=fantasy]:checked){ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.150 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.8749 0.0378 325.02;--sc:0.90784 0.0324 241.36;--ac:0.15196 0.0408 56.72;--nc:0.855616 0.005919 256.847952;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.3745 0.189 325.02;--s:0.5392 0.162 241.36;--a:0.7598 0.204 56.72;--n:0.278078 0.029596 256.847952;--b1:1 0 0;--bc:0.278078 0.029596 256.847952} [data-theme=wireframe]{ color-scheme:light;--bc:0.2 0 0;--pc:0.156521 0 0;--sc:0.156521 0 0;--ac:0.156521 0 0;--nc:0.188014 0 0;--inc:0.890403 0.062643 264.052021;--suc:0.90395 0.035372 142.495339;--wac:0.141626 0.019994 108.702381;--erc:0.125591 0.051537 29.233885;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;font-family:Chalkboard,comic sans ms,'sans-serif';--p:0.782604 0 0;--s:0.782604 0 0;--a:0.782604 0 0;--n:0.94007 0 0;--b1:1 0 0;--b2:0.949119 0 0;--b3:0.897547 0 0;--in:0.452014 0.313214 264.052021;--su:0.519752 0.176858 142.495339;--wa:0.708131 0.099969 108.702381;--er:0.627955 0.257683 29.233885;--rounded-box:0.2rem;--rounded-btn:0.2rem;--rounded-badge:0.2rem;--tab-radius:0.2rem} :root:has(input.theme-controller[value=wireframe]:checked){ color-scheme:light;--bc:0.2 0 0;--pc:0.156521 0 0;--sc:0.156521 0 0;--ac:0.156521 0 0;--nc:0.188014 0 0;--inc:0.890403 0.062643 264.052021;--suc:0.90395 0.035372 142.495339;--wac:0.141626 0.019994 108.702381;--erc:0.125591 0.051537 29.233885;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;font-family:Chalkboard,comic sans ms,'sans-serif';--p:0.782604 0 0;--s:0.782604 0 0;--a:0.782604 0 0;--n:0.94007 0 0;--b1:1 0 0;--b2:0.949119 0 0;--b3:0.897547 0 0;--in:0.452014 0.313214 264.052021;--su:0.519752 0.176858 142.495339;--wa:0.708131 0.099969 108.702381;--er:0.627955 0.257683 29.233885;--rounded-box:0.2rem;--rounded-btn:0.2rem;--rounded-badge:0.2rem;--tab-radius:0.2rem} [data-theme=black]{ color-scheme:dark;--pc:0.86736 0 0;--sc:0.86736 0 0;--ac:0.86736 0 0;--nc:0.86736 0 0;--inc:0.890403 0.062643 264.052021;--suc:0.90395 0.035372 142.495339;--wac:0.193597 0.042201 109.769232;--erc:0.125591 0.051537 29.233885;--border-btn:1px;--tab-border:1px;--p:0.336799 0 0;--s:0.336799 0 0;--a:0.336799 0 0;--b1:0 0 0;--b2:0.191251 0 0;--b3:0.268618 0 0;--bc:0.876096 0 0;--n:0.336799 0 0;--in:0.452014 0.313214 264.052021;--su:0.519752 0.176858 142.495339;--wa:0.967983 0.211006 109.769232;--er:0.627955 0.257683 29.233885;--rounded-box:0;--rounded-btn:0;--rounded-badge:0;--animation-btn:0;--animation-input:0;--btn-focus-scale:1;--tab-radius:0} :root:has(input.theme-controller[value=black]:checked){ color-scheme:dark;--pc:0.86736 0 0;--sc:0.86736 0 0;--ac:0.86736 0 0;--nc:0.86736 0 0;--inc:0.890403 0.062643 264.052021;--suc:0.90395 0.035372 142.495339;--wac:0.193597 0.042201 109.769232;--erc:0.125591 0.051537 29.233885;--border-btn:1px;--tab-border:1px;--p:0.336799 0 0;--s:0.336799 0 0;--a:0.336799 0 0;--b1:0 0 0;--b2:0.191251 0 0;--b3:0.268618 0 0;--bc:0.876096 0 0;--n:0.336799 0 0;--in:0.452014 0.313214 264.052021;--su:0.519752 0.176858 142.495339;--wa:0.967983 0.211006 109.769232;--er:0.627955 0.257683 29.233885;--rounded-box:0;--rounded-btn:0;--rounded-badge:0;--animation-btn:0;--animation-input:0;--btn-focus-scale:1;--tab-radius:0} [data-theme=luxury]{ color-scheme:dark;--pc:0.2 0 0;--sc:0.855163 0.012821 261.069149;--ac:0.873349 0.010348 338.82597;--inc:0.158122 0.024356 237.133883;--suc:0.156239 0.038579 132.154381;--wac:0.172255 0.027305 102.89115;--erc:0.143506 0.035271 22.568916;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:1 0 0;--s:0.275815 0.064106 261.069149;--a:0.366744 0.051741 338.82597;--n:0.2427 0.057015 59.825019;--nc:0.932033 0.089631 90.861683;--b1:0.140765 0.004386 285.822869;--b2:0.202191 0.004211 308.22937;--b3:0.298961 0.003818 308.318612;--bc:0.756879 0.123666 76.890484;--in:0.790612 0.121778 237.133883;--su:0.781197 0.192894 132.154381;--wa:0.861274 0.136524 102.89115;--er:0.717531 0.176357 22.568916} :root:has(input.theme-controller[value=luxury]:checked){ color-scheme:dark;--pc:0.2 0 0;--sc:0.855163 0.012821 261.069149;--ac:0.873349 0.010348 338.82597;--inc:0.158122 0.024356 237.133883;--suc:0.156239 0.038579 132.154381;--wac:0.172255 0.027305 102.89115;--erc:0.143506 0.035271 22.568916;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:1 0 0;--s:0.275815 0.064106 261.069149;--a:0.366744 0.051741 338.82597;--n:0.2427 0.057015 59.825019;--nc:0.932033 0.089631 90.861683;--b1:0.140765 0.004386 285.822869;--b2:0.202191 0.004211 308.22937;--b3:0.298961 0.003818 308.318612;--bc:0.756879 0.123666 76.890484;--in:0.790612 0.121778 237.133883;--su:0.781197 0.192894 132.154381;--wa:0.861274 0.136524 102.89115;--er:0.717531 0.176357 22.568916} [data-theme=dracula]{ color-scheme:dark;--b2:0.268053 0.020556 277.508664;--b3:0.247877 0.019009 277.508664;--pc:0.150922 0.036614 346.812432;--sc:0.148405 0.029709 301.883095;--ac:0.166785 0.024826 66.558491;--nc:0.878891 0.006515 275.524078;--inc:0.176526 0.018676 212.846491;--suc:0.174199 0.043903 148.024881;--wac:0.191068 0.026849 112.757109;--erc:0.136441 0.041266 24.430965;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.754611 0.18307 346.812432;--s:0.742023 0.148546 301.883095;--a:0.833927 0.124132 66.558491;--n:0.394456 0.032576 275.524078;--b1:0.288229 0.022103 277.508664;--bc:0.977477 0.007913 106.545019;--in:0.88263 0.09338 212.846491;--su:0.870995 0.219516 148.024881;--wa:0.955338 0.134246 112.757109;--er:0.682204 0.206328 24.430965} :root:has(input.theme-controller[value=dracula]:checked){ color-scheme:dark;--b2:0.268053 0.020556 277.508664;--b3:0.247877 0.019009 277.508664;--pc:0.150922 0.036614 346.812432;--sc:0.148405 0.029709 301.883095;--ac:0.166785 0.024826 66.558491;--nc:0.878891 0.006515 275.524078;--inc:0.176526 0.018676 212.846491;--suc:0.174199 0.043903 148.024881;--wac:0.191068 0.026849 112.757109;--erc:0.136441 0.041266 24.430965;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.754611 0.18307 346.812432;--s:0.742023 0.148546 301.883095;--a:0.833927 0.124132 66.558491;--n:0.394456 0.032576 275.524078;--b1:0.288229 0.022103 277.508664;--bc:0.977477 0.007913 106.545019;--in:0.88263 0.09338 212.846491;--su:0.870995 0.219516 148.024881;--wa:0.955338 0.134246 112.757109;--er:0.682204 0.206328 24.430965} [data-theme=cmyk]{ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--bc:0.2 0 0;--pc:0.143544 0.02666 239.443325;--sc:0.128953 0.040552 359.339283;--ac:0.188458 0.037948 105.306968;--nc:0.843557 0 0;--inc:0.136952 0.0189 217.284104;--suc:0.893898 0.032505 321.406278;--wac:0.142473 0.031969 52.023412;--erc:0.124027 0.041677 28.717543;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.717722 0.133298 239.443325;--s:0.644766 0.202758 359.339283;--a:0.942289 0.189741 105.306968;--n:0.217787 0 0;--b1:1 0 0;--in:0.684759 0.094499 217.284104;--su:0.46949 0.162524 321.406278;--wa:0.712364 0.159843 52.023412;--er:0.620133 0.208385 28.717543} :root:has(input.theme-controller[value=cmyk]:checked){ color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--bc:0.2 0 0;--pc:0.143544 0.02666 239.443325;--sc:0.128953 0.040552 359.339283;--ac:0.188458 0.037948 105.306968;--nc:0.843557 0 0;--inc:0.136952 0.0189 217.284104;--suc:0.893898 0.032505 321.406278;--wac:0.142473 0.031969 52.023412;--erc:0.124027 0.041677 28.717543;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.717722 0.133298 239.443325;--s:0.644766 0.202758 359.339283;--a:0.942289 0.189741 105.306968;--n:0.217787 0 0;--b1:1 0 0;--in:0.684759 0.094499 217.284104;--su:0.46949 0.162524 321.406278;--wa:0.712364 0.159843 52.023412;--er:0.620133 0.208385 28.717543} [data-theme=autumn]{ color-scheme:light;--b2:0.891077 0 0;--b3:0.824006 0 0;--bc:0.191629 0 0;--pc:0.881446 0.032232 17.530175;--sc:0.123353 0.033821 23.865865;--ac:0.146851 0.018999 60.729616;--nc:0.908734 0.007475 51.902819;--inc:0.138449 0.019596 207.284192;--suc:0.12199 0.016032 174.616213;--wac:0.140163 0.032982 56.844303;--erc:0.90614 0.0482 24.16;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.407232 0.16116 17.530175;--s:0.616763 0.169105 23.865865;--a:0.734253 0.094994 60.729616;--n:0.543672 0.037374 51.902819;--b1:0.958147 0 0;--in:0.692245 0.097979 207.284192;--su:0.609951 0.080159 174.616213;--wa:0.700817 0.164909 56.844303;--er:0.5307 0.241 24.16} :root:has(input.theme-controller[value=autumn]:checked){ color-scheme:light;--b2:0.891077 0 0;--b3:0.824006 0 0;--bc:0.191629 0 0;--pc:0.881446 0.032232 17.530175;--sc:0.123353 0.033821 23.865865;--ac:0.146851 0.018999 60.729616;--nc:0.908734 0.007475 51.902819;--inc:0.138449 0.019596 207.284192;--suc:0.12199 0.016032 174.616213;--wac:0.140163 0.032982 56.844303;--erc:0.90614 0.0482 24.16;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.407232 0.16116 17.530175;--s:0.616763 0.169105 23.865865;--a:0.734253 0.094994 60.729616;--n:0.543672 0.037374 51.902819;--b1:0.958147 0 0;--in:0.692245 0.097979 207.284192;--su:0.609951 0.080159 174.616213;--wa:0.700817 0.164909 56.844303;--er:0.5307 0.241 24.16} [data-theme=business]{ color-scheme:dark;--b2:0.226487 0 0;--b3:0.20944 0 0;--bc:0.848707 0 0;--pc:0.883407 0.019811 251.473931;--sc:0.128185 0.005481 229.389418;--ac:0.134542 0.033545 35.791525;--nc:0.854882 0.00265 253.041249;--inc:0.125233 0.028702 240.033697;--suc:0.140454 0.018919 156.59611;--wac:0.154965 0.023141 81.519177;--erc:0.903221 0.029356 29.674507;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.417036 0.099057 251.473931;--s:0.640924 0.027405 229.389418;--a:0.67271 0.167726 35.791525;--n:0.27441 0.01325 253.041249;--b1:0.243535 0 0;--in:0.626163 0.143511 240.033697;--su:0.702268 0.094594 156.59611;--wa:0.774824 0.115704 81.519177;--er:0.516105 0.14678 29.674507;--rounded-box:0.25rem;--rounded-btn:.125rem;--rounded-badge:.125rem} :root:has(input.theme-controller[value=business]:checked){ color-scheme:dark;--b2:0.226487 0 0;--b3:0.20944 0 0;--bc:0.848707 0 0;--pc:0.883407 0.019811 251.473931;--sc:0.128185 0.005481 229.389418;--ac:0.134542 0.033545 35.791525;--nc:0.854882 0.00265 253.041249;--inc:0.125233 0.028702 240.033697;--suc:0.140454 0.018919 156.59611;--wac:0.154965 0.023141 81.519177;--erc:0.903221 0.029356 29.674507;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.417036 0.099057 251.473931;--s:0.640924 0.027405 229.389418;--a:0.67271 0.167726 35.791525;--n:0.27441 0.01325 253.041249;--b1:0.243535 0 0;--in:0.626163 0.143511 240.033697;--su:0.702268 0.094594 156.59611;--wa:0.774824 0.115704 81.519177;--er:0.516105 0.14678 29.674507;--rounded-box:0.25rem;--rounded-btn:.125rem;--rounded-badge:.125rem} [data-theme=acid]{ color-scheme:light;--b2:0.916146 0 0;--b3:0.847189 0 0;--bc:0.197021 0 0;--pc:0.1438 0.0714 330.759573;--sc:0.14674 0.0448 48.250878;--ac:0.18556 0.0528 122.962951;--nc:0.84262 0.0256 278.68;--inc:0.12144 0.0454 252.05;--suc:0.17144 0.0532 158.53;--wac:0.18202 0.0424 100.5;--erc:0.12968 0.0586 29.349188;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.719 0.357 330.759573;--s:0.7337 0.224 48.250878;--a:0.9278 0.264 122.962951;--n:0.2131 0.128 278.68;--b1:0.985104 0 0;--in:0.6072 0.227 252.05;--su:0.8572 0.266 158.53;--wa:0.9101 0.212 100.5;--er:0.6484 0.293 29.349188;--rounded-box:1.25rem;--rounded-btn:1rem;--rounded-badge:1rem;--tab-radius:0.7rem} :root:has(input.theme-controller[value=acid]:checked){ color-scheme:light;--b2:0.916146 0 0;--b3:0.847189 0 0;--bc:0.197021 0 0;--pc:0.1438 0.0714 330.759573;--sc:0.14674 0.0448 48.250878;--ac:0.18556 0.0528 122.962951;--nc:0.84262 0.0256 278.68;--inc:0.12144 0.0454 252.05;--suc:0.17144 0.0532 158.53;--wac:0.18202 0.0424 100.5;--erc:0.12968 0.0586 29.349188;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.719 0.357 330.759573;--s:0.7337 0.224 48.250878;--a:0.9278 0.264 122.962951;--n:0.2131 0.128 278.68;--b1:0.985104 0 0;--in:0.6072 0.227 252.05;--su:0.8572 0.266 158.53;--wa:0.9101 0.212 100.5;--er:0.6484 0.293 29.349188;--rounded-box:1.25rem;--rounded-btn:1rem;--rounded-badge:1rem;--tab-radius:0.7rem} [data-theme=lemonade]{ color-scheme:light;--b2:0.918003 0.0186 123.72;--b3:0.848906 0.0172 123.72;--bc:0.19742 0.004 123.72;--pc:0.11784 0.0398 134.6;--sc:0.1555 0.0392 111.09;--ac:0.17078 0.0402 100.73;--nc:0.86196 0.015 108.6;--inc:0.17238 0.0094 224.14;--suc:0.17238 0.0094 157.85;--wac:0.17238 0.0094 102.15;--erc:0.17238 0.0094 25.85;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.5892 0.199 134.6;--s:0.7775 0.196 111.09;--a:0.8539 0.201 100.73;--n:0.3098 0.075 108.6;--b1:0.9871 0.02 123.72;--in:0.8619 0.047 224.14;--su:0.8619 0.047 157.85;--wa:0.8619 0.047 102.15;--er:0.8619 0.047 25.85} :root:has(input.theme-controller[value=lemonade]:checked){ color-scheme:light;--b2:0.918003 0.0186 123.72;--b3:0.848906 0.0172 123.72;--bc:0.19742 0.004 123.72;--pc:0.11784 0.0398 134.6;--sc:0.1555 0.0392 111.09;--ac:0.17078 0.0402 100.73;--nc:0.86196 0.015 108.6;--inc:0.17238 0.0094 224.14;--suc:0.17238 0.0094 157.85;--wac:0.17238 0.0094 102.15;--erc:0.17238 0.0094 25.85;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.5892 0.199 134.6;--s:0.7775 0.196 111.09;--a:0.8539 0.201 100.73;--n:0.3098 0.075 108.6;--b1:0.9871 0.02 123.72;--in:0.8619 0.047 224.14;--su:0.8619 0.047 157.85;--wa:0.8619 0.047 102.15;--er:0.8619 0.047 25.85} [data-theme=night]{ color-scheme:dark;--b2:0.193144 0.037037 265.754874;--b3:0.178606 0.034249 265.754874;--bc:0.841536 0.007965 265.754874;--pc:0.150703 0.027798 232.66148;--sc:0.136023 0.031661 276.934902;--ac:0.144721 0.035244 350.048739;--nc:0.855899 0.00737 260.030984;--suc:0.156904 0.026506 181.911977;--wac:0.166486 0.027912 82.95003;--erc:0.143572 0.034051 13.11834;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.753513 0.138989 232.66148;--s:0.680113 0.158303 276.934902;--a:0.723603 0.176218 350.048739;--n:0.279495 0.036848 260.030984;--b1:0.207682 0.039824 265.754874;--in:0.684553 0.148062 237.25135;--inc:0 0 0;--su:0.78452 0.132529 181.911977;--wa:0.832428 0.139558 82.95003;--er:0.717858 0.170255 13.11834} :root:has(input.theme-controller[value=night]:checked){ color-scheme:dark;--b2:0.193144 0.037037 265.754874;--b3:0.178606 0.034249 265.754874;--bc:0.841536 0.007965 265.754874;--pc:0.150703 0.027798 232.66148;--sc:0.136023 0.031661 276.934902;--ac:0.144721 0.035244 350.048739;--nc:0.855899 0.00737 260.030984;--suc:0.156904 0.026506 181.911977;--wac:0.166486 0.027912 82.95003;--erc:0.143572 0.034051 13.11834;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.753513 0.138989 232.66148;--s:0.680113 0.158303 276.934902;--a:0.723603 0.176218 350.048739;--n:0.279495 0.036848 260.030984;--b1:0.207682 0.039824 265.754874;--in:0.684553 0.148062 237.25135;--inc:0 0 0;--su:0.78452 0.132529 181.911977;--wa:0.832428 0.139558 82.95003;--er:0.717858 0.170255 13.11834} [data-theme=coffee]{ color-scheme:dark;--b2:0.201585 0.021457 329.708637;--b3:0.186412 0.019842 329.708637;--pc:0.143993 0.024765 62.756393;--sc:0.86893 0.00597 199.19444;--ac:0.885243 0.014881 224.389184;--nc:0.833022 0.003149 326.261446;--inc:0.15898 0.012774 184.558367;--suc:0.149445 0.014491 131.116276;--wac:0.176301 0.028162 87.722413;--erc:0.154637 0.025644 31.871922;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.719967 0.123825 62.756393;--s:0.34465 0.029849 199.19444;--a:0.426213 0.074405 224.389184;--n:0.165109 0.015743 326.261446;--b1:0.216758 0.023072 329.708637;--bc:0.723547 0.092794 79.129387;--in:0.794902 0.063869 184.558367;--su:0.747224 0.072456 131.116276;--wa:0.881503 0.140812 87.722413;--er:0.773187 0.12822 31.871922} :root:has(input.theme-controller[value=coffee]:checked){ color-scheme:dark;--b2:0.201585 0.021457 329.708637;--b3:0.186412 0.019842 329.708637;--pc:0.143993 0.024765 62.756393;--sc:0.86893 0.00597 199.19444;--ac:0.885243 0.014881 224.389184;--nc:0.833022 0.003149 326.261446;--inc:0.15898 0.012774 184.558367;--suc:0.149445 0.014491 131.116276;--wac:0.176301 0.028162 87.722413;--erc:0.154637 0.025644 31.871922;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.719967 0.123825 62.756393;--s:0.34465 0.029849 199.19444;--a:0.426213 0.074405 224.389184;--n:0.165109 0.015743 326.261446;--b1:0.216758 0.023072 329.708637;--bc:0.723547 0.092794 79.129387;--in:0.794902 0.063869 184.558367;--su:0.747224 0.072456 131.116276;--wa:0.881503 0.140812 87.722413;--er:0.773187 0.12822 31.871922} [data-theme=winter]{ color-scheme:light;--pc:0.91372 0.051 257.57;--sc:0.885103 0.03222 282.339433;--ac:0.11988 0.038303 335.171434;--nc:0.839233 0.012704 257.651965;--inc:0.176255 0.017178 214.515264;--suc:0.160988 0.015404 197.823719;--wac:0.178345 0.009167 71.47031;--erc:0.146185 0.022037 20.076293;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.5686 0.255 257.57;--s:0.425516 0.161098 282.339433;--a:0.599398 0.191515 335.171434;--n:0.196166 0.063518 257.651965;--b1:1 0 0;--b2:0.974663 0.011947 259.822565;--b3:0.932686 0.016223 262.751375;--bc:0.418869 0.053885 255.824911;--in:0.881275 0.085888 214.515264;--su:0.804941 0.077019 197.823719;--wa:0.891725 0.045833 71.47031;--er:0.730926 0.110185 20.076293} :root:has(input.theme-controller[value=winter]:checked){ color-scheme:light;--pc:0.91372 0.051 257.57;--sc:0.885103 0.03222 282.339433;--ac:0.11988 0.038303 335.171434;--nc:0.839233 0.012704 257.651965;--inc:0.176255 0.017178 214.515264;--suc:0.160988 0.015404 197.823719;--wac:0.178345 0.009167 71.47031;--erc:0.146185 0.022037 20.076293;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.5686 0.255 257.57;--s:0.425516 0.161098 282.339433;--a:0.599398 0.191515 335.171434;--n:0.196166 0.063518 257.651965;--b1:1 0 0;--b2:0.974663 0.011947 259.822565;--b3:0.932686 0.016223 262.751375;--bc:0.418869 0.053885 255.824911;--in:0.881275 0.085888 214.515264;--su:0.804941 0.077019 197.823719;--wa:0.891725 0.045833 71.47031;--er:0.730926 0.110185 20.076293} [data-theme=dim]{ color-scheme:dark;--pc:0.172267 0.028331 139.549991;--sc:0.146752 0.033181 35.353059;--ac:0.148459 0.026728 311.37924;--inc:0.172157 0.028409 206.182959;--suc:0.172343 0.028437 166.534048;--wac:0.172327 0.028447 94.818679;--erc:0.164838 0.019914 33.756357;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.861335 0.141656 139.549991;--s:0.733759 0.165904 35.353059;--a:0.742296 0.133641 311.37924;--n:0.247311 0.020483 264.094728;--nc:0.829011 0.031335 222.959324;--b1:0.308577 0.023243 264.149498;--b2:0.280368 0.01983 264.182074;--b3:0.263469 0.018403 262.177739;--bc:0.829011 0.031335 222.959324;--in:0.860785 0.142046 206.182959;--su:0.861717 0.142187 166.534048;--wa:0.861634 0.142236 94.818679;--er:0.824189 0.09957 33.756357} :root:has(input.theme-controller[value=dim]:checked){ color-scheme:dark;--pc:0.172267 0.028331 139.549991;--sc:0.146752 0.033181 35.353059;--ac:0.148459 0.026728 311.37924;--inc:0.172157 0.028409 206.182959;--suc:0.172343 0.028437 166.534048;--wac:0.172327 0.028447 94.818679;--erc:0.164838 0.019914 33.756357;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.861335 0.141656 139.549991;--s:0.733759 0.165904 35.353059;--a:0.742296 0.133641 311.37924;--n:0.247311 0.020483 264.094728;--nc:0.829011 0.031335 222.959324;--b1:0.308577 0.023243 264.149498;--b2:0.280368 0.01983 264.182074;--b3:0.263469 0.018403 262.177739;--bc:0.829011 0.031335 222.959324;--in:0.860785 0.142046 206.182959;--su:0.861717 0.142187 166.534048;--wa:0.861634 0.142236 94.818679;--er:0.824189 0.09957 33.756357} [data-theme=nord]{ color-scheme:light;--pc:0.118872 0.015449 254.027774;--sc:0.139303 0.011822 248.687186;--ac:0.154929 0.01245 217.469017;--inc:0.138414 0.012499 332.664922;--suc:0.153654 0.01498 131.063061;--wac:0.170972 0.017847 84.093335;--erc:0.12122 0.024119 15.341883;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.594359 0.077246 254.027774;--s:0.696516 0.059108 248.687186;--a:0.774643 0.062249 217.469017;--n:0.45229 0.035214 264.1312;--nc:0.899258 0.016374 262.749256;--b1:0.951276 0.007445 260.731539;--b2:0.932996 0.010389 261.788485;--b3:0.899258 0.016374 262.749256;--bc:0.324374 0.022945 264.182036;--in:0.692072 0.062496 332.664922;--su:0.76827 0.074899 131.063061;--wa:0.854862 0.089234 84.093335;--er:0.6061 0.120594 15.341883;--rounded-box:0.4rem;--rounded-btn:0.2rem;--rounded-badge:0.4rem;--tab-radius:0.2rem} :root:has(input.theme-controller[value=nord]:checked){ color-scheme:light;--pc:0.118872 0.015449 254.027774;--sc:0.139303 0.011822 248.687186;--ac:0.154929 0.01245 217.469017;--inc:0.138414 0.012499 332.664922;--suc:0.153654 0.01498 131.063061;--wac:0.170972 0.017847 84.093335;--erc:0.12122 0.024119 15.341883;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.594359 0.077246 254.027774;--s:0.696516 0.059108 248.687186;--a:0.774643 0.062249 217.469017;--n:0.45229 0.035214 264.1312;--nc:0.899258 0.016374 262.749256;--b1:0.951276 0.007445 260.731539;--b2:0.932996 0.010389 261.788485;--b3:0.899258 0.016374 262.749256;--bc:0.324374 0.022945 264.182036;--in:0.692072 0.062496 332.664922;--su:0.76827 0.074899 131.063061;--wa:0.854862 0.089234 84.093335;--er:0.6061 0.120594 15.341883;--rounded-box:0.4rem;--rounded-btn:0.2rem;--rounded-badge:0.4rem;--tab-radius:0.2rem} [data-theme=sunset]{ color-scheme:dark;--pc:0.149408 0.031656 39.94703;--sc:0.145075 0.035531 2.72034;--ac:0.142589 0.033336 299.844533;--inc:0.171119 0.017054 206.015183;--suc:0.171122 0.017172 144.77874;--wac:0.171139 0.016961 74.427797;--erc:0.171023 0.015778 16.886379;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.747039 0.158278 39.94703;--s:0.725375 0.177654 2.72034;--a:0.712947 0.166678 299.844533;--n:0.26 0.019 237.69;--nc:0.7 0.019 237.69;--b1:0.22 0.019 237.69;--b2:0.2 0.019 237.69;--b3:0.18 0.019 237.69;--bc:0.773835 0.043586 245.096534;--in:0.855596 0.085271 206.015183;--su:0.855609 0.08586 144.77874;--wa:0.855695 0.084806 74.427797;--er:0.855116 0.07889 16.886379;--rounded-box:1.2rem;--rounded-btn:0.8rem;--rounded-badge:0.4rem;--tab-radius:0.7rem} :root:has(input.theme-controller[value=sunset]:checked){ color-scheme:dark;--pc:0.149408 0.031656 39.94703;--sc:0.145075 0.035531 2.72034;--ac:0.142589 0.033336 299.844533;--inc:0.171119 0.017054 206.015183;--suc:0.171122 0.017172 144.77874;--wac:0.171139 0.016961 74.427797;--erc:0.171023 0.015778 16.886379;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0.747039 0.158278 39.94703;--s:0.725375 0.177654 2.72034;--a:0.712947 0.166678 299.844533;--n:0.26 0.019 237.69;--nc:0.7 0.019 237.69;--b1:0.22 0.019 237.69;--b2:0.2 0.019 237.69;--b3:0.18 0.019 237.69;--bc:0.773835 0.043586 245.096534;--in:0.855596 0.085271 206.015183;--su:0.855609 0.08586 144.77874;--wa:0.855695 0.084806 74.427797;--er:0.855116 0.07889 16.886379;--rounded-box:1.2rem;--rounded-btn:0.8rem;--rounded-badge:0.4rem;--tab-radius:0.7rem} *, ::before, ::after{ --tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia:} ::backdrop{ --tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia:} .container{ width:100%} @media (min-width: 640px){ .container{ max-width:640px}} @media (min-width: 768px){ .container{ max-width:768px}} @media (min-width: 1024px){ .container{ max-width:1024px}} @media (min-width: 1280px){ .container{ max-width:1280px}} @media (min-width: 1536px){ .container{ max-width:1536px}} .alert{ display:grid;width:100%;grid-auto-flow:row;align-content:flex-start;align-items:center;justify-items:center;gap:1rem;text-align:center;border-radius:var(--rounded-box, 1rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));padding:1rem;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--alert-bg:var(--fallback-b2,oklch(var(--b2)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));background-color:var(--alert-bg)} @media (min-width: 640px){ .alert{ grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:start}} .artboard{ width:100%} .avatar{ position:relative;display:inline-flex} .avatar > div{ display:block;aspect-ratio:1 / 1;overflow:hidden} .avatar img{ height:100%;width:100%;-o-object-fit:cover;object-fit:cover} .avatar.placeholder > div{ display:flex;align-items:center;justify-content:center} .avatar.\!placeholder > div{ display:flex !important;align-items:center !important;justify-content:center !important} .badge{ display:inline-flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;height:1.25rem;font-size:0.875rem;line-height:1.25rem;width:-moz-fit-content;width:fit-content;padding-left:0.563rem;padding-right:0.563rem;border-radius:var(--rounded-badge, 1.9rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} .btm-nav{ position:fixed;bottom:0px;left:0px;right:0px;display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);height:4rem;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));color:currentColor} .btm-nav > *{ position:relative;display:flex;height:100%;flex-basis:100%;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;border-color:currentColor} .breadcrumbs{ max-width:100%;overflow-x:auto;padding-top:0.5rem;padding-bottom:0.5rem} .breadcrumbs > ul, .breadcrumbs > ol{ display:flex;align-items:center;white-space:nowrap;min-height:-moz-min-content;min-height:min-content} .breadcrumbs > ul > li, .breadcrumbs > ol > li{ display:flex;align-items:center} .breadcrumbs > ul > li > a, .breadcrumbs > ol > li > a{ display:flex;cursor:pointer;align-items:center} @media (hover:hover){ .breadcrumbs > ul > li > a:hover, .breadcrumbs > ol > li > a:hover{ text-decoration-line:underline} .link-hover:hover{ text-decoration-line:underline} .checkbox-primary:hover{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))} .checkbox-secondary:hover{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))} .checkbox-accent:hover{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))} .checkbox-success:hover{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))} .checkbox-warning:hover{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))} .checkbox-info:hover{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))} .checkbox-error:hover{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))} .label a:hover{ --tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} .menu li > *:not(ul):not(.menu-title):not(details):active, .menu li > *:not(ul):not(.menu-title):not(details).active, .menu li > details > summary:active{ --tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))} .menu li > *:not(ul):not(.menu-title):not(details).\!active{ --tw-bg-opacity:1 !important;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;--tw-text-opacity:1 !important;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))) !important} .radio-primary:hover{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))} .radio-secondary:hover{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))} .radio-accent:hover{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))} .radio-success:hover{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))} .radio-warning:hover{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))} .radio-info:hover{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))} .radio-error:hover{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))} .tab:hover{ --tw-text-opacity:1} .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover, .tabs-boxed :is(input:checked):hover{ --tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .table tr.hover:hover, .table tr.hover:nth-child(even):hover{ --tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))} .table-zebra tr.hover:hover, .table-zebra tr.hover:nth-child(even):hover{ --tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}} .btn{ display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn, 0.5rem);border-color:transparent;border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:0.875rem;line-height:1em;gap:0.5rem;font-weight:600;text-decoration-line:none;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);border-width:var(--border-btn, 1px);animation:button-pop var(--animation-btn, 0.25s) ease-out;transition-property:color, background-color, border-color, opacity, box-shadow, transform;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity:1;--tw-border-opacity:1} .btn-disabled, .btn[disabled], .btn:disabled{ pointer-events:none} .btn-square{ height:3rem;width:3rem;padding:0px} .btn-circle{ height:3rem;width:3rem;border-radius:9999px;padding:0px} :where(.btn:is(input[type="checkbox"])), :where(.btn:is(input[type="radio"])){ width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none} .btn:is(input[type="checkbox"]):after, .btn:is(input[type="radio"]):after{ --tw-content:attr(aria-label);content:var(--tw-content)} .card{ position:relative;display:flex;flex-direction:column;border-radius:var(--rounded-box, 1rem)} .card:focus{ outline:2px solid transparent;outline-offset:2px} .card-body{ display:flex;flex:1 1 auto;flex-direction:column;padding:var(--padding-card, 2rem);gap:0.5rem} .card-body :where(p){ flex-grow:1} .card-actions{ display:flex;flex-wrap:wrap;align-items:flex-start;gap:0.5rem} .card figure{ display:flex;align-items:center;justify-content:center} .card.image-full{ display:grid} .card.image-full:before{ position:relative;content:"";z-index:10;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:0.75} .card.image-full:before, .card.image-full > *{ grid-column-start:1;grid-row-start:1} .card.image-full > figure img{ height:100%;-o-object-fit:cover;object-fit:cover} .card.image-full > .card-body{ position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))} .carousel{ display:inline-flex;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none} .carousel-vertical{ flex-direction:column;overflow-y:scroll;scroll-snap-type:y mandatory} .carousel-item{ box-sizing:content-box;display:flex;flex:none;scroll-snap-align:start} .carousel-center .carousel-item{ scroll-snap-align:center} .carousel-end .carousel-item{ scroll-snap-align:end} .chat{ display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));-moz-column-gap:0.75rem;column-gap:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem} .chat-image{ grid-row:span 2 / span 2;align-self:flex-end} .chat-header{ grid-row-start:1;font-size:0.875rem;line-height:1.25rem} .chat-footer{ grid-row-start:3;font-size:0.875rem;line-height:1.25rem} .chat-bubble{ position:relative;display:block;width:-moz-fit-content;width:fit-content;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;max-width:90%;border-radius:var(--rounded-box, 1rem);min-height:2.75rem;min-width:2.75rem;--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))} .chat-bubble:before{ position:absolute;bottom:0px;height:0.75rem;width:0.75rem;background-color:inherit;content:"";-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center} .chat-start{ place-items:start;grid-template-columns:auto 1fr} .chat-start .chat-header{ grid-column-start:2} .chat-start .chat-footer{ grid-column-start:2} .chat-start .chat-image{ grid-column-start:1} .chat-start .chat-bubble{ grid-column-start:2;border-end-start-radius:0px} .chat-start .chat-bubble:before{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");inset-inline-start:-0.749rem} [dir="rtl"] .chat-start .chat-bubble:before{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")} .chat-end{ place-items:end;grid-template-columns:1fr auto} .chat-end .chat-header{ grid-column-start:1} .chat-end .chat-footer{ grid-column-start:1} .chat-end .chat-image{ grid-column-start:2} .chat-end .chat-bubble{ grid-column-start:1;border-end-end-radius:0px} .chat-end .chat-bubble:before{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");inset-inline-start:99.9%} [dir="rtl"] .chat-end .chat-bubble:before{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")} .checkbox{ flex-shrink:0;--chkbg:var(--fallback-bc,oklch(var(--bc)/1));--chkfg:var(--fallback-b1,oklch(var(--b1)/1));height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-btn, 0.5rem);border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity:0.2} .collapse:not(td):not(tr):not(colgroup){ visibility:visible} .collapse{ position:relative;display:grid;overflow:hidden;grid-template-rows:auto 0fr;transition:grid-template-rows 0.2s;width:100%;border-radius:var(--rounded-box, 1rem)} .collapse-title, .collapse > input[type="checkbox"], .collapse > input[type="radio"], .collapse-content{ grid-column-start:1;grid-row-start:1} .collapse > input[type="checkbox"], .collapse > input[type="radio"]{ -webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0} .collapse-content{ visibility:hidden;grid-column-start:1;grid-row-start:2;min-height:0px;transition:visibility 0.2s;transition:padding 0.2s ease-out, background-color 0.2s ease-out;padding-left:1rem;padding-right:1rem;cursor:unset} .collapse[open], .collapse-open, .collapse:focus:not(.collapse-close){ grid-template-rows:auto 1fr} .collapse:not(.collapse-close):has(> input[type="checkbox"]:checked), .collapse:not(.collapse-close):has(> input[type="radio"]:checked){ grid-template-rows:auto 1fr} .collapse[open] > .collapse-content, .collapse-open > .collapse-content, .collapse:focus:not(.collapse-close) > .collapse-content, .collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content, .collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content{ visibility:visible;min-height:-moz-fit-content;min-height:fit-content} :root .countdown{ line-height:1em} .countdown{ display:inline-flex} .countdown > *{ height:1em;display:inline-block;overflow-y:hidden} .countdown > *:before{ position:relative;content:"00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";white-space:pre;top:calc(var(--value) * -1em);text-align:center;transition:all 1s cubic-bezier(1, 0, 0, 1)} .\!diff{ position:relative !important;display:grid !important;width:100% !important;overflow:hidden !important;container-type:inline-size !important;grid-template-columns:auto 1fr !important} .diff{ position:relative;display:grid;width:100%;overflow:hidden;container-type:inline-size;grid-template-columns:auto 1fr} .diff-resizer{ position:relative;top:50%;z-index:1;height:3rem;width:25rem;min-width:1rem;max-width:calc(100cqi - 1rem);resize:horizontal;overflow:hidden;opacity:0;transform-origin:100% 100%;scale:4;translate:1.5rem -1.5rem;-webkit-clip-path:inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem));clip-path:inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem))} .diff-resizer, .diff-item-1, .diff-item-2{ position:relative;grid-column-start:1;grid-row-start:1} .diff-item-1:after{ pointer-events:none;position:absolute;bottom:0px;right:1px;top:50%;z-index:1;height:2rem;width:2rem;--tw-content:'';content:var(--tw-content);translate:50% -50%;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)));background-color:var(--fallback-b1,oklch(var(--b1)/0.5));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-style:solid;outline-offset:-3px;outline-color:var(--fallback-bc,oklch(var(--bc)/0.05));--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .diff-item-2{ overflow:hidden;border-right-width:2px;--tw-border-opacity:1;border-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)))} .diff-item-1 > *, .diff-item-2 > *{ pointer-events:none;position:absolute;bottom:0px;left:0px;top:0px;height:100%;width:100cqi;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center} .divider{ display:flex;flex-direction:row;align-items:center;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap} .divider:before, .divider:after{ height:0.125rem;width:100%;flex-grow:1;--tw-content:'';content:var(--tw-content);background-color:var(--fallback-bc,oklch(var(--bc)/0.1))} .drawer{ position:relative;display:grid;grid-auto-columns:max-content auto;width:100%} .drawer-content{ grid-column-start:2;grid-row-start:1;min-width:0px} .drawer-side{ pointer-events:none;position:fixed;inset-inline-start:0px;top:0px;grid-column-start:1;grid-row-start:1;display:grid;width:100%;grid-template-columns:repeat(1, minmax(0, 1fr));grid-template-rows:repeat(1, minmax(0, 1fr));align-items:flex-start;justify-items:start;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;height:100vh;height:100dvh} .drawer-side > .drawer-overlay{ position:sticky;top:0px;place-self:stretch;cursor:pointer;background-color:transparent;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms} .drawer-side > *{ grid-column-start:1;grid-row-start:1} .drawer-side > *:not(.drawer-overlay){ transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:300ms;will-change:transform;transform:translateX(-100%)} [dir="rtl"] .drawer-side > *:not(.drawer-overlay){ transform:translateX(100%)} .drawer-toggle{ position:fixed;height:0px;width:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0} .drawer-toggle:checked ~ .drawer-side{ pointer-events:auto;visibility:visible;overflow-y:auto} .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay){ transform:translateX(0%)} .drawer-end{ grid-auto-columns:auto max-content} .drawer-end .drawer-toggle ~ .drawer-content{ grid-column-start:1} .drawer-end .drawer-toggle ~ .drawer-side{ grid-column-start:2;justify-items:end} .drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){ transform:translateX(100%)} [dir="rtl"] .drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){ transform:translateX(-100%)} .drawer-end .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay){ transform:translateX(0%)} .dropdown{ position:relative;display:inline-block} .dropdown > *:not(summary):focus{ outline:2px solid transparent;outline-offset:2px} .dropdown .dropdown-content{ position:absolute} .dropdown:is(:not(details)) .dropdown-content{ visibility:hidden;opacity:0;transform-origin:top;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms} .dropdown-end .dropdown-content{ inset-inline-end:0px} .dropdown-left .dropdown-content{ bottom:auto;inset-inline-end:100%;top:0px;transform-origin:right} .dropdown-right .dropdown-content{ bottom:auto;inset-inline-start:100%;top:0px;transform-origin:left} .dropdown-bottom .dropdown-content{ bottom:auto;top:100%;transform-origin:top} .dropdown-top .dropdown-content{ bottom:100%;top:auto;transform-origin:bottom} .dropdown-end.dropdown-right .dropdown-content{ bottom:0px;top:auto} .dropdown-end.dropdown-left .dropdown-content{ bottom:0px;top:auto} .dropdown.dropdown-open .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content, .dropdown:focus-within .dropdown-content{ visibility:visible;opacity:1} @media (hover: hover){ .dropdown.dropdown-hover:hover .dropdown-content{ visibility:visible;opacity:1} .btm-nav > *.disabled:hover, .btm-nav > *[disabled]:hover{ pointer-events:none;--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2} .btn:hover{ --tw-border-opacity:1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))} @supports (color: color-mix(in oklab, black, black)){ .btn:hover{ background-color:color-mix( in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, black );border-color:color-mix( in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, black )}} @supports not (color: oklch(0 0 0)){ .btn:hover{ background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}} .btn.glass:hover{ --glass-opacity:25%;--glass-border-opacity:15%} .btn-ghost:hover{ border-color:transparent} @supports (color: oklch(0 0 0)){ .btn-ghost:hover{ background-color:var(--fallback-bc,oklch(var(--bc)/0.2))}} .btn-link:hover{ border-color:transparent;background-color:transparent;text-decoration-line:underline} .btn-outline:hover{ --tw-border-opacity:1;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)))} .btn-outline.btn-primary:hover{ --tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} @supports (color: color-mix(in oklab, black, black)){ .btn-outline.btn-primary:hover{ background-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}} .btn-outline.btn-secondary:hover{ --tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))} @supports (color: color-mix(in oklab, black, black)){ .btn-outline.btn-secondary:hover{ background-color:color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)}} .btn-outline.btn-accent:hover{ --tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} @supports (color: color-mix(in oklab, black, black)){ .btn-outline.btn-accent:hover{ background-color:color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black)}} .btn-outline.btn-success:hover{ --tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))} @supports (color: color-mix(in oklab, black, black)){ .btn-outline.btn-success:hover{ background-color:color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}} .btn-outline.btn-info:hover{ --tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))} @supports (color: color-mix(in oklab, black, black)){ .btn-outline.btn-info:hover{ background-color:color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}} .btn-outline.btn-warning:hover{ --tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))} @supports (color: color-mix(in oklab, black, black)){ .btn-outline.btn-warning:hover{ background-color:color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}} .btn-outline.btn-error:hover{ --tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))} @supports (color: color-mix(in oklab, black, black)){ .btn-outline.btn-error:hover{ background-color:color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}} .btn-disabled:hover, .btn[disabled]:hover, .btn:disabled:hover{ --tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2} @supports (color: color-mix(in oklab, black, black)){ .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover{ background-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}} .dropdown.dropdown-hover:hover .dropdown-content{ --tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover{ cursor:pointer;outline:2px solid transparent;outline-offset:2px} @supports (color: oklch(0 0 0)){ :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover{ background-color:var(--fallback-bc,oklch(var(--bc)/0.1))}} .tab[disabled], .tab[disabled]:hover{ cursor:not-allowed;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2}} .dropdown:is(details) summary::-webkit-details-marker{ display:none} .file-input{ height:3rem;flex-shrink:1;padding-inline-end:1rem;font-size:1rem;line-height:2;line-height:1.5rem;overflow:hidden;border-radius:var(--rounded-btn, 0.5rem);border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))} .file-input::file-selector-button{ margin-inline-end:1rem;display:inline-flex;height:100%;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;text-align:center;font-size:0.875rem;line-height:1.25rem;line-height:1em;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;border-style:solid;--tw-border-opacity:1;border-color:var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));font-weight:600;text-transform:uppercase;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));text-decoration-line:none;border-width:var(--border-btn, 1px);animation:button-pop var(--animation-btn, 0.25s) ease-out} .footer{ display:grid;width:100%;grid-auto-flow:row;place-items:start;-moz-column-gap:1rem;column-gap:1rem;row-gap:2.5rem;font-size:0.875rem;line-height:1.25rem} .footer > *{ display:grid;place-items:start;gap:0.5rem} .footer-center{ place-items:center;text-align:center} .footer-center > *{ place-items:center} @media (min-width: 48rem){ .footer{ grid-auto-flow:column} .footer-center{ grid-auto-flow:row dense}} .form-control{ display:flex;flex-direction:column} .label{ display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding-left:0.25rem;padding-right:0.25rem;padding-top:0.5rem;padding-bottom:0.5rem} .hero{ display:grid;width:100%;place-items:center;background-size:cover;background-position:center} .hero > *{ grid-column-start:1;grid-row-start:1} .hero-overlay{ grid-column-start:1;grid-row-start:1;height:100%;width:100%;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.5} .hero-content{ z-index:0;display:flex;align-items:center;justify-content:center;max-width:80rem;gap:1rem;padding:1rem} .indicator{ position:relative;display:inline-flex;width:-moz-max-content;width:max-content} .indicator :where(.indicator-item){ z-index:1;position:absolute;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:nowrap} .\!input{ flex-shrink:1 !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;height:3rem !important;padding-left:1rem !important;padding-right:1rem !important;font-size:1rem !important;line-height:2 !important;line-height:1.5rem !important;border-radius:var(--rounded-btn, 0.5rem) !important;border-width:1px !important;border-color:transparent !important;--tw-bg-opacity:1 !important;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important} .input{ flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-radius:var(--rounded-btn, 0.5rem);border-width:1px;border-color:transparent;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))} .\!input[type="number"]::-webkit-inner-spin-button{ margin-top:-1rem !important;margin-bottom:-1rem !important;margin-inline-end:-1rem !important} .input[type="number"]::-webkit-inner-spin-button, .input-md[type="number"]::-webkit-inner-spin-button{ margin-top:-1rem;margin-bottom:-1rem;margin-inline-end:-1rem} .input-xs[type="number"]::-webkit-inner-spin-button{ margin-top:-0.25rem;margin-bottom:-0.25rem;margin-inline-end:-0px} .input-sm[type="number"]::-webkit-inner-spin-button{ margin-top:0px;margin-bottom:0px;margin-inline-end:-0px} .input-lg[type="number"]::-webkit-inner-spin-button{ margin-top:-1.5rem;margin-bottom:-1.5rem;margin-inline-end:-1.5rem} .join{ display:inline-flex;align-items:stretch;border-radius:var(--rounded-btn, 0.5rem)} .join :where(.join-item){ border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0;border-start-start-radius:0} .join .join-item:not(:first-child):not(:last-child), .join *:not(:first-child):not(:last-child) .join-item{ border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0;border-start-start-radius:0} .join .join-item:first-child:not(:last-child), .join *:first-child:not(:last-child) .join-item{ border-start-end-radius:0;border-end-end-radius:0} .join .dropdown .join-item:first-child:not(:last-child), .join *:first-child:not(:last-child) .dropdown .join-item{ border-start-end-radius:inherit;border-end-end-radius:inherit} .join :where(.join-item:first-child:not(:last-child)), .join :where(*:first-child:not(:last-child) .join-item){ border-end-start-radius:inherit;border-start-start-radius:inherit} .join .join-item:last-child:not(:first-child), .join *:last-child:not(:first-child) .join-item{ border-end-start-radius:0;border-start-start-radius:0} .join :where(.join-item:last-child:not(:first-child)), .join :where(*:last-child:not(:first-child) .join-item){ border-start-end-radius:inherit;border-end-end-radius:inherit} @supports not selector(:has(*)){ :where(.join *){ border-radius:inherit}} @supports selector(:has(*)){ :where(.join *:has(.join-item)){ border-radius:inherit}} .kbd{ display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rounded-btn, 0.5rem);border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity:0.2;--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));padding-left:0.5rem;padding-right:0.5rem;border-bottom-width:2px;min-height:2.2em;min-width:2.2em} .link{ cursor:pointer;text-decoration-line:underline} .link-hover{ text-decoration-line:none} .mask{ -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center} .mask-half-1{ -webkit-mask-size:200%;mask-size:200%;-webkit-mask-position:left;mask-position:left} :is([dir="rtl"] .mask-half-1){ -webkit-mask-position:right;mask-position:right} .mask-half-2{ -webkit-mask-size:200%;mask-size:200%;-webkit-mask-position:right;mask-position:right} :is([dir="rtl"] .mask-half-2){ -webkit-mask-position:left;mask-position:left} .menu{ display:flex;flex-direction:column;flex-wrap:wrap;font-size:0.875rem;line-height:1.25rem;padding:0.5rem} .menu :where(li ul){ position:relative;white-space:nowrap;margin-inline-start:1rem;padding-inline-start:0.5rem} .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){ display:grid;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:0.5rem;grid-auto-columns:minmax(auto, max-content) auto max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none} .menu li.disabled{ cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--fallback-bc,oklch(var(--bc)/0.3))} .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)){ display:none} :where(.menu li){ position:relative;display:flex;flex-shrink:0;flex-direction:column;flex-wrap:wrap;align-items:stretch} :where(.menu li) .badge{ justify-self:end} .mockup-code{ position:relative;overflow:hidden;overflow-x:auto;min-width:18rem;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));padding-top:1.25rem;padding-bottom:1.25rem;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));direction:ltr} .mockup-code pre[data-prefix]:before{ content:attr(data-prefix);display:inline-block;text-align:right;width:2rem;opacity:0.5} .mockup-window{ position:relative;overflow:hidden;overflow-x:auto;display:flex;flex-direction:column;border-radius:var(--rounded-box, 1rem);padding-top:1.25rem} .mockup-window pre[data-prefix]:before{ content:attr(data-prefix);display:inline-block;text-align:right} .mockup-browser{ position:relative;overflow:hidden;overflow-x:auto;border-radius:var(--rounded-box, 1rem)} .mockup-browser pre[data-prefix]:before{ content:attr(data-prefix);display:inline-block;text-align:right} .modal{ pointer-events:none;position:fixed;inset:0px;margin:0px;display:grid;height:100%;max-height:none;width:100%;max-width:none;justify-items:center;padding:0px;opacity:0;overscroll-behavior:contain;z-index:999;background-color:transparent;color:inherit;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:transform, opacity, visibility;overflow-y:hidden} .modal-scroll{ overscroll-behavior:auto} :where(.modal){ align-items:center} .modal-box{ max-height:calc(100vh - 5em);grid-column-start:1;grid-row-start:1;width:91.666667%;max-width:32rem;--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-right-radius:var(--rounded-box, 1rem);border-bottom-left-radius:var(--rounded-box, 1rem);border-top-left-radius:var(--rounded-box, 1rem);border-top-right-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));padding:1.5rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;box-shadow:rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;overflow-y:auto;overscroll-behavior:contain} .modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open]{ pointer-events:auto;visibility:visible;opacity:1} .modal-action{ display:flex;margin-top:1.5rem;justify-content:flex-end} .modal-toggle{ position:fixed;height:0px;width:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0} :root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])){ overflow:hidden} .navbar{ display:flex;align-items:center;padding:var(--navbar-padding, 0.5rem);min-height:4rem;width:100%} :where(.navbar > *:not(script, style)){ display:inline-flex;align-items:center} .navbar-start{ width:50%;justify-content:flex-start} .navbar-center{ flex-shrink:0} .navbar-end{ width:50%;justify-content:flex-end} .progress{ position:relative;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;height:0.5rem;border-radius:var(--rounded-box, 1rem);background-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .radial-progress{ position:relative;display:inline-grid;height:var(--size);width:var(--size);place-content:center;border-radius:9999px;background-color:transparent;vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10)} .radial-progress::-moz-progress-bar{ -moz-appearance:none;appearance:none;background-color:transparent} .radial-progress::-webkit-progress-value{ -webkit-appearance:none;appearance:none;background-color:transparent} .radial-progress::-webkit-progress-bar{ -webkit-appearance:none;appearance:none;background-color:transparent} .radial-progress:before, .radial-progress:after{ position:absolute;border-radius:9999px;content:""} .radial-progress:before{ inset:0px;background:radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);-webkit-mask:radial-gradient( farthest-side, #0000 calc(99% - var(--thickness)), #000 calc(100% - var(--thickness)) );mask:radial-gradient( farthest-side, #0000 calc(99% - var(--thickness)), #000 calc(100% - var(--thickness)) )} .radial-progress:after{ inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));background-color:currentColor} .radio{ flex-shrink:0;--chkbg:var(--bc);height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity:0.2} .range{ height:1.5rem;width:100%;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;--range-shdw:var(--fallback-bc,oklch(var(--bc)/1));overflow:hidden;border-radius:var(--rounded-box, 1rem);background-color:transparent} .range:focus{ outline:none} .rating{ position:relative;display:inline-flex} .rating :where(input){ cursor:pointer;border-radius:0px;animation:rating-pop var(--animation-input, 0.25s) ease-out;height:1.5rem;width:1.5rem;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));--tw-bg-opacity:1} .select{ display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3rem;min-height:3rem;padding-left:1rem;padding-right:2.5rem;font-size:0.875rem;line-height:1.25rem;line-height:2;border-radius:var(--rounded-btn, 0.5rem);border-width:1px;border-color:transparent;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));background-image:linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);background-size:4px 4px, 4px 4px;background-repeat:no-repeat} .select[multiple]{ height:auto} .stack{ display:inline-grid;place-items:center;align-items:flex-end} .stack > *{ grid-column-start:1;grid-row-start:1;transform:translateY(10%) scale(0.9);z-index:1;width:100%;opacity:0.6} .stack > *:nth-child(2){ transform:translateY(5%) scale(0.95);z-index:2;opacity:0.8} .stack > *:nth-child(1){ transform:translateY(0) scale(1);z-index:3;opacity:1} .\!stats{ display:inline-grid !important;border-radius:var(--rounded-box, 1rem) !important;--tw-bg-opacity:1 !important;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;--tw-text-opacity:1 !important;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important} .stats{ display:inline-grid;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} :where(.\!stats){ grid-auto-flow:column !important;overflow-x:auto !important} :where(.stats){ grid-auto-flow:column;overflow-x:auto} .\!stat{ display:inline-grid !important;width:100% !important;grid-template-columns:repeat(1, 1fr) !important;-moz-column-gap:1rem !important;column-gap:1rem !important;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))) !important;--tw-border-opacity:0.1 !important;padding-left:1.5rem !important;padding-right:1.5rem !important;padding-top:1rem !important;padding-bottom:1rem !important} .stat{ display:inline-grid;width:100%;grid-template-columns:repeat(1, 1fr);-moz-column-gap:1rem;column-gap:1rem;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity:0.1;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem} .stat-figure{ grid-column-start:2;grid-row:span 3 / span 3;grid-row-start:1;place-self:center;justify-self:end} .stat-title{ grid-column-start:1;white-space:nowrap;color:var(--fallback-bc,oklch(var(--bc)/0.6))} .stat-value{ grid-column-start:1;white-space:nowrap;font-size:2.25rem;line-height:2.5rem;font-weight:800} .stat-desc{ grid-column-start:1;white-space:nowrap;font-size:0.75rem;line-height:1rem;color:var(--fallback-bc,oklch(var(--bc)/0.6))} .stat-actions{ grid-column-start:1;white-space:nowrap;margin-top:1rem} .steps{ display:inline-grid;grid-auto-flow:column;overflow:hidden;overflow-x:auto;counter-reset:step;grid-auto-columns:1fr} .steps .step{ display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-template-columns:auto;grid-template-rows:repeat(2, minmax(0, 1fr));grid-template-rows:40px 1fr;place-items:center;text-align:center;min-width:4rem} .steps .\!step{ display:grid !important;grid-template-columns:repeat(1, minmax(0, 1fr)) !important;grid-template-columns:auto !important;grid-template-rows:repeat(2, minmax(0, 1fr)) !important;grid-template-rows:40px 1fr !important;place-items:center !important;text-align:center !important;min-width:4rem !important} .swap{ position:relative;display:inline-grid;-webkit-user-select:none;-moz-user-select:none;user-select:none;place-content:center;cursor:pointer} .swap > *{ grid-column-start:1;grid-row-start:1;transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:transform, opacity} .swap input{ -webkit-appearance:none;-moz-appearance:none;appearance:none} .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on{ opacity:0} .swap input:checked ~ .swap-off, .swap-active .swap-off, .swap input:indeterminate ~ .swap-off{ opacity:0} .swap input:checked ~ .swap-on, .swap-active .swap-on, .swap input:indeterminate ~ .swap-indeterminate{ opacity:1} .tabs{ display:grid;align-items:flex-end} .tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active), .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active){ border-bottom-color:transparent} .tab{ position:relative;grid-row-start:1;display:inline-flex;height:2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;font-size:0.875rem;line-height:1.25rem;line-height:2;--tab-padding:1rem;--tw-text-opacity:0.5;--tab-color:var(--fallback-bc,oklch(var(--bc)/1));--tab-bg:var(--fallback-b1,oklch(var(--b1)/1));--tab-border-color:var(--fallback-b3,oklch(var(--b3)/1));color:var(--tab-color);padding-inline-start:var(--tab-padding, 1rem);padding-inline-end:var(--tab-padding, 1rem)} .tab:is(input[type="radio"]){ width:auto;border-bottom-right-radius:0px;border-bottom-left-radius:0px} .tab:is(input[type="radio"]):after{ --tw-content:attr(aria-label);content:var(--tw-content)} .tab:not(input):empty{ cursor:default;grid-column-start:span 9999} .tab-content{ grid-column-start:1;grid-column-end:span 9999;grid-row-start:2;margin-top:calc(var(--tab-border) * -1);display:none;border-color:transparent;border-width:var(--tab-border, 0)} :checked + .tab-content:nth-child(2), .tab-active + .tab-content:nth-child(2){ border-start-start-radius:0px} input.tab:checked + .tab-content, .tab-active + .tab-content{ display:block} .table{ position:relative;width:100%;border-radius:var(--rounded-box, 1rem);text-align:left;font-size:0.875rem;line-height:1.25rem} .table :where(.table-pin-rows thead tr){ position:sticky;top:0px;z-index:1;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))} .table :where(.table-pin-rows tfoot tr){ position:sticky;bottom:0px;z-index:1;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))} .table :where(.table-pin-cols tr th){ position:sticky;left:0px;right:0px;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))} .table-zebra tbody tr:nth-child(even) :where(.table-pin-cols tr th){ --tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))} .textarea{ min-height:3rem;flex-shrink:1;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem;line-height:2;border-radius:var(--rounded-btn, 0.5rem);border-width:1px;border-color:transparent;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))} .timeline{ position:relative;display:flex} :where(.timeline > li){ position:relative;display:grid;flex-shrink:0;align-items:center;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) )} .timeline > li > hr{ width:100%;border-width:0px} :where(.timeline > li > hr):first-child{ grid-column-start:1;grid-row-start:2} :where(.timeline > li > hr):last-child{ grid-column-start:3;grid-column-end:none;grid-row-start:2;grid-row-end:auto} .timeline-start{ grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:2;margin:0.25rem;align-self:flex-end;justify-self:center} .timeline-middle{ grid-column-start:2;grid-row-start:2} .timeline-end{ grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:4;margin:0.25rem;align-self:flex-start;justify-self:center} .toast{ position:fixed;display:flex;min-width:-moz-fit-content;min-width:fit-content;flex-direction:column;white-space:nowrap;gap:0.5rem;padding:1rem} .toggle{ flex-shrink:0;--tglbg:var(--fallback-b1,oklch(var(--b1)/1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset) * -1);--togglehandleborder:0 0;height:1.5rem;width:3rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-badge, 1.9rem);border-width:1px;border-color:currentColor;background-color:currentColor;color:var(--fallback-bc,oklch(var(--bc)/0.5));transition:background, box-shadow var(--animation-input, 0.2s) ease-out;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset, var(--togglehandleborder)} .alert-info{ border-color:var(--fallback-in,oklch(var(--in)/0.2));--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));--alert-bg:var(--fallback-in,oklch(var(--in)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1))} .alert-success{ border-color:var(--fallback-su,oklch(var(--su)/0.2));--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));--alert-bg:var(--fallback-su,oklch(var(--su)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1))} .alert-warning{ border-color:var(--fallback-wa,oklch(var(--wa)/0.2));--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));--alert-bg:var(--fallback-wa,oklch(var(--wa)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1))} .alert-error{ border-color:var(--fallback-er,oklch(var(--er)/0.2));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));--alert-bg:var(--fallback-er,oklch(var(--er)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1))} .avatar-group{ display:flex;overflow:hidden} .avatar-group :where(.avatar){ overflow:hidden;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)))} .badge-neutral{ --tw-border-opacity:1;border-color:var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))} .badge-primary{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .badge-secondary{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))} .badge-accent{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} .badge-info{ border-color:transparent;--tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))} .badge-success{ border-color:transparent;--tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))} .badge-warning{ border-color:transparent;--tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))} .badge-error{ border-color:transparent;--tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))} .badge-ghost{ --tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} .badge-outline{ border-color:currentColor;--tw-border-opacity:0.5;background-color:transparent;color:currentColor} .badge-outline.badge-neutral{ --tw-text-opacity:1;color:var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)))} .badge-outline.badge-primary{ --tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))} .badge-outline.badge-secondary{ --tw-text-opacity:1;color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))} .badge-outline.badge-accent{ --tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))} .badge-outline.badge-info{ --tw-text-opacity:1;color:var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)))} .badge-outline.badge-success{ --tw-text-opacity:1;color:var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))} .badge-outline.badge-warning{ --tw-text-opacity:1;color:var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))} .badge-outline.badge-error{ --tw-text-opacity:1;color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))} .btm-nav > *:not(.active){ padding-top:0.125rem} .btm-nav > *:where(.active){ border-top-width:2px;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))} .btm-nav > *:where(.\!active){ border-top-width:2px !important;--tw-bg-opacity:1 !important;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important} .btm-nav > *.disabled, .btm-nav > *[disabled]{ pointer-events:none;--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2} .btm-nav > * .label{ font-size:1rem;line-height:1.5rem} .breadcrumbs > ul > li > a:focus, .breadcrumbs > ol > li > a:focus{ outline:2px solid transparent;outline-offset:2px} .breadcrumbs > ul > li > a:focus-visible, .breadcrumbs > ol > li > a:focus-visible{ outline:2px solid currentColor;outline-offset:2px} .breadcrumbs > ul > li + *:before, .breadcrumbs > ol > li + *:before{ content:"";margin-left:0.5rem;margin-right:0.75rem;display:block;height:0.375rem;width:0.375rem;--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0.4;border-top:1px solid;border-right:1px solid;background-color:transparent} [dir="rtl"] .breadcrumbs > ul > li + *:before, [dir="rtl"] .breadcrumbs > ol > li + *:before{ --tw-rotate:-135deg} .btn:active:hover, .btn:active:focus{ animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale, 0.97))} @supports not (color: oklch(0 0 0)){ .btn{ background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))} .btn-primary{ --btn-color:var(--fallback-p)} .btn-secondary{ --btn-color:var(--fallback-s)} .btn-accent{ --btn-color:var(--fallback-a)} .btn-neutral{ --btn-color:var(--fallback-n)} .btn-info{ --btn-color:var(--fallback-in)} .btn-success{ --btn-color:var(--fallback-su)} .btn-warning{ --btn-color:var(--fallback-wa)} .btn-error{ --btn-color:var(--fallback-er)} .prose :where(code):not(:where([class~="not-prose"] *, pre *)){ background-color:var(--fallback-b3,oklch(var(--b3)/1))}} @supports (color: color-mix(in oklab, black, black)){ .btn-active{ background-color:color-mix( in oklab, oklch(var(--btn-color, var(--b3)) / var(--tw-bg-opacity, 1)) 90%, black );border-color:color-mix( in oklab, oklch(var(--btn-color, var(--b3)) / var(--tw-border-opacity, 1)) 90%, black )} .btn-outline.btn-primary.btn-active{ background-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)} .btn-outline.btn-secondary.btn-active{ background-color:color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)} .btn-outline.btn-accent.btn-active{ background-color:color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black)} .btn-outline.btn-success.btn-active{ background-color:color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)} .btn-outline.btn-info.btn-active{ background-color:color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)} .btn-outline.btn-warning.btn-active{ background-color:color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)} .btn-outline.btn-error.btn-active{ background-color:color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}} .btn:focus-visible{ outline-style:solid;outline-width:2px;outline-offset:2px} .btn-primary{ --tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))} @supports (color: oklch(0 0 0)){ .btn-primary{ --btn-color:var(--p)} .btn-secondary{ --btn-color:var(--s)} .btn-accent{ --btn-color:var(--a)} .btn-neutral{ --btn-color:var(--n)} .btn-info{ --btn-color:var(--in)} .btn-success{ --btn-color:var(--su)} .btn-warning{ --btn-color:var(--wa)} .btn-error{ --btn-color:var(--er)}} .btn-secondary{ --tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));outline-color:var(--fallback-s,oklch(var(--s)/1))} .btn-accent{ --tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));outline-color:var(--fallback-a,oklch(var(--a)/1))} .btn-neutral{ --tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));outline-color:var(--fallback-n,oklch(var(--n)/1))} .btn-info{ --tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));outline-color:var(--fallback-in,oklch(var(--in)/1))} .btn-success{ --tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));outline-color:var(--fallback-su,oklch(var(--su)/1))} .btn-warning{ --tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));outline-color:var(--fallback-wa,oklch(var(--wa)/1))} .btn-error{ --tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));outline-color:var(--fallback-er,oklch(var(--er)/1))} .btn.glass{ --tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-color:currentColor} .btn.glass.btn-active{ --glass-opacity:25%;--glass-border-opacity:15%} .btn-ghost{ border-width:1px;border-color:transparent;background-color:transparent;color:currentColor;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-color:currentColor} .btn-ghost.btn-active{ border-color:transparent;background-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .btn-link{ border-color:transparent;background-color:transparent;--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));text-decoration-line:underline;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-color:currentColor} .btn-link.btn-active{ border-color:transparent;background-color:transparent;text-decoration-line:underline} .btn-outline{ border-color:currentColor;background-color:transparent;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .btn-outline.btn-active{ --tw-border-opacity:1;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)))} .btn-outline.btn-primary{ --tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))} .btn-outline.btn-primary.btn-active{ --tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .btn-outline.btn-secondary{ --tw-text-opacity:1;color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))} .btn-outline.btn-secondary.btn-active{ --tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))} .btn-outline.btn-accent{ --tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))} .btn-outline.btn-accent.btn-active{ --tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} .btn-outline.btn-success{ --tw-text-opacity:1;color:var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))} .btn-outline.btn-success.btn-active{ --tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))} .btn-outline.btn-info{ --tw-text-opacity:1;color:var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)))} .btn-outline.btn-info.btn-active{ --tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))} .btn-outline.btn-warning{ --tw-text-opacity:1;color:var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))} .btn-outline.btn-warning.btn-active{ --tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))} .btn-outline.btn-error{ --tw-text-opacity:1;color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))} .btn-outline.btn-error.btn-active{ --tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))} .btn.btn-disabled, .btn[disabled], .btn:disabled{ --tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2} .btn:is(input[type="checkbox"]:checked), .btn:is(input[type="radio"]:checked){ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible{ outline-color:var(--fallback-p,oklch(var(--p)/1))} @keyframes button-pop{ 0%{ transform:scale(var(--btn-focus-scale, 0.98))} 40%{ transform:scale(1.02)} 100%{ transform:scale(1)}} .card :where(figure:first-child){ overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset} .card :where(figure:last-child){ overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit} .card:focus-visible{ outline:2px solid currentColor;outline-offset:2px} .card.bordered{ border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))} .card-bordered{ border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))} .card.compact .card-body{ padding:1rem;font-size:0.875rem;line-height:1.25rem} .card-title{ display:flex;align-items:center;gap:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600} .card.image-full :where(figure){ overflow:hidden;border-radius:inherit} .carousel::-webkit-scrollbar{ display:none} .chat-bubble-primary{ --tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .chat-bubble-secondary{ --tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))} .chat-bubble-accent{ --tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} .chat-bubble-info{ --tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))} .chat-bubble-success{ --tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))} .chat-bubble-warning{ --tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))} .chat-bubble-error{ --tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))} .checkbox:focus{ box-shadow:none} .checkbox:focus-visible{ outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/1))} .checkbox:checked, .checkbox[checked="true"], .checkbox[aria-checked="true"]{ background-repeat:no-repeat;animation:checkmark var(--animation-input, 0.2s) ease-out;background-color:var(--chkbg);background-image:linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%), linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%), linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%), linear-gradient( 45deg, var(--chkbg) 30%, var(--chkfg) 30.99%, var(--chkfg) 40%, transparent 40.99% ), linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%)} .checkbox:indeterminate{ --tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));background-repeat:no-repeat;animation:checkmark var(--animation-input, 0.2s) ease-out;background-image:linear-gradient(90deg, transparent 80%, var(--chkbg) 80%), linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%), linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%)} .checkbox-primary{ --chkbg:var(--fallback-p,oklch(var(--p)/1));--chkfg:var(--fallback-pc,oklch(var(--pc)/1));--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))} .checkbox-primary:focus-visible{ outline-color:var(--fallback-p,oklch(var(--p)/1))} .checkbox-primary:checked, .checkbox-primary[checked="true"], .checkbox-primary[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .checkbox-secondary{ --chkbg:var(--fallback-s,oklch(var(--s)/1));--chkfg:var(--fallback-sc,oklch(var(--sc)/1));--tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))} .checkbox-secondary:focus-visible{ outline-color:var(--fallback-s,oklch(var(--s)/1))} .checkbox-secondary:checked, .checkbox-secondary[checked="true"], .checkbox-secondary[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))} .checkbox-accent{ --chkbg:var(--fallback-a,oklch(var(--a)/1));--chkfg:var(--fallback-ac,oklch(var(--ac)/1));--tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))} .checkbox-accent:focus-visible{ outline-color:var(--fallback-a,oklch(var(--a)/1))} .checkbox-accent:checked, .checkbox-accent[checked="true"], .checkbox-accent[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} .checkbox-success{ --chkbg:var(--fallback-su,oklch(var(--su)/1));--chkfg:var(--fallback-suc,oklch(var(--suc)/1));--tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))} .checkbox-success:focus-visible{ outline-color:var(--fallback-su,oklch(var(--su)/1))} .checkbox-success:checked, .checkbox-success[checked="true"], .checkbox-success[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))} .checkbox-warning{ --chkbg:var(--fallback-wa,oklch(var(--wa)/1));--chkfg:var(--fallback-wac,oklch(var(--wac)/1));--tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))} .checkbox-warning:focus-visible{ outline-color:var(--fallback-wa,oklch(var(--wa)/1))} .checkbox-warning:checked, .checkbox-warning[checked="true"], .checkbox-warning[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))} .checkbox-info{ --chkbg:var(--fallback-in,oklch(var(--in)/1));--chkfg:var(--fallback-inc,oklch(var(--inc)/1));--tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))} .checkbox-info:focus-visible{ outline-color:var(--fallback-in,oklch(var(--in)/1))} .checkbox-info:checked, .checkbox-info[checked="true"], .checkbox-info[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))} .checkbox-error{ --chkbg:var(--fallback-er,oklch(var(--er)/1));--chkfg:var(--fallback-erc,oklch(var(--erc)/1));--tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))} .checkbox-error:focus-visible{ outline-color:var(--fallback-er,oklch(var(--er)/1))} .checkbox-error:checked, .checkbox-error[checked="true"], .checkbox-error[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))} .checkbox:disabled{ cursor:not-allowed;border-color:transparent;--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:0.2} @keyframes checkmark{ 0%{ background-position-y:5px} 50%{ background-position-y:-2px} 100%{ background-position-y:0}} .checkbox-mark{ display:none} details.collapse{ width:100%} details.collapse summary{ position:relative;display:block;outline:2px solid transparent;outline-offset:2px} details.collapse summary::-webkit-details-marker{ display:none} .collapse:focus-visible{ outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/1))} .collapse:has(.collapse-title:focus-visible), .collapse:has(> input[type="checkbox"]:focus-visible), .collapse:has(> input[type="radio"]:focus-visible){ outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/1))} .collapse-arrow > .collapse-title:after{ position:absolute;display:block;height:0.5rem;width:0.5rem;--tw-translate-y:-100%;--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:150ms;transition-duration:0.2s;top:1.9rem;inset-inline-end:1.4rem;content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none} .collapse-plus > .collapse-title:after{ position:absolute;display:block;height:0.5rem;width:0.5rem;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:300ms;top:0.9rem;inset-inline-end:1.4rem;content:"+";pointer-events:none} .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"], .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked), .collapse:not(.collapse-open):not(.collapse-close) > .collapse-title{ cursor:pointer} .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title{ cursor:unset} .collapse-title{ position:relative} :where(.collapse > input[type="checkbox"]), :where(.collapse > input[type="radio"]){ z-index:1} .collapse-title, :where(.collapse > input[type="checkbox"]), :where(.collapse > input[type="radio"]){ width:100%;padding:1rem;padding-inline-end:3rem;min-height:3.75rem;transition:background-color 0.2s ease-out} .collapse[open] > :where(.collapse-content), .collapse-open > :where(.collapse-content), .collapse:focus:not(.collapse-close) > :where(.collapse-content), .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content), .collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content){ padding-bottom:1rem;transition:padding 0.2s ease-out, background-color 0.2s ease-out} .collapse[open].collapse-arrow > .collapse-title:after, .collapse-open.collapse-arrow > .collapse-title:after, .collapse-arrow:focus:not(.collapse-close) > .collapse-title:after, .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after{ --tw-translate-y:-50%;--tw-rotate:225deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .collapse[open].collapse-plus > .collapse-title:after, .collapse-open.collapse-plus > .collapse-title:after, .collapse-plus:focus:not(.collapse-close) > .collapse-title:after, .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after{ content:"−"} .divider:not(:empty){ gap:1rem} .drawer-toggle:checked ~ .drawer-side > .drawer-overlay{ background-color:#0006} .drawer-toggle:focus-visible ~ .drawer-content label.drawer-button{ outline-style:solid;outline-width:2px;outline-offset:2px} .dropdown.dropdown-open .dropdown-content, .dropdown:focus .dropdown-content, .dropdown:focus-within .dropdown-content{ --tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .file-input-bordered{ --tw-border-opacity:0.2} .file-input:focus{ outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .file-input-ghost{ --tw-bg-opacity:0.05} .file-input-ghost:focus{ --tw-bg-opacity:1;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));box-shadow:none} .file-input-ghost::file-selector-button{ border-width:1px;border-color:transparent;background-color:transparent;color:currentColor} .file-input-primary{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))} .file-input-primary:focus{ outline-color:var(--fallback-p,oklch(var(--p)/1))} .file-input-primary::file-selector-button{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .file-input-secondary{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))} .file-input-secondary:focus{ outline-color:var(--fallback-s,oklch(var(--s)/1))} .file-input-secondary::file-selector-button{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))} .file-input-accent{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))} .file-input-accent:focus{ outline-color:var(--fallback-a,oklch(var(--a)/1))} .file-input-accent::file-selector-button{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} .file-input-info{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))} .file-input-info:focus{ outline-color:var(--fallback-in,oklch(var(--in)/1))} .file-input-info::file-selector-button{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))} .file-input-success{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))} .file-input-success:focus{ outline-color:var(--fallback-su,oklch(var(--su)/1))} .file-input-success::file-selector-button{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))} .file-input-warning{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))} .file-input-warning:focus{ outline-color:var(--fallback-wa,oklch(var(--wa)/1))} .file-input-warning::file-selector-button{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))} .file-input-error{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))} .file-input-error:focus{ outline-color:var(--fallback-er,oklch(var(--er)/1))} .file-input-error::file-selector-button{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))} .file-input-disabled, .file-input[disabled]{ cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));--tw-text-opacity:0.2} .file-input-disabled::-moz-placeholder, .file-input[disabled]::-moz-placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2} .file-input-disabled::placeholder, .file-input[disabled]::placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2} .file-input-disabled::file-selector-button, .file-input[disabled]::file-selector-button{ --tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2} .footer-title{ margin-bottom:0.5rem;font-weight:700;text-transform:uppercase;opacity:0.6} .label-text{ font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} .label-text-alt{ font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} .\!input input:focus{ outline:2px solid transparent !important;outline-offset:2px !important} .input input:focus{ outline:2px solid transparent;outline-offset:2px} .\!input[list]::-webkit-calendar-picker-indicator{ line-height:1em !important} .input[list]::-webkit-calendar-picker-indicator{ line-height:1em} .input-bordered{ border-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .\!input:focus, .\!input:focus-within{ box-shadow:none !important;border-color:var(--fallback-bc,oklch(var(--bc)/0.2)) !important;outline-style:solid !important;outline-width:2px !important;outline-offset:2px !important;outline-color:var(--fallback-bc,oklch(var(--bc)/0.2)) !important} .input:focus, .input:focus-within{ box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/0.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .\!input:focus, .\!input:focus-within{ box-shadow:none !important;border-color:var(--fallback-bc,oklch(var(--bc)/0.2)) !important;outline-style:solid !important;outline-width:2px !important;outline-offset:2px !important;outline-color:var(--fallback-bc,oklch(var(--bc)/0.2)) !important} .input-ghost{ --tw-bg-opacity:0.05} .input-ghost:focus, .input-ghost:focus-within{ --tw-bg-opacity:1;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));box-shadow:none} .input-primary{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))} .input-primary:focus, .input-primary:focus-within{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))} .input-secondary{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))} .input-secondary:focus, .input-secondary:focus-within{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));outline-color:var(--fallback-s,oklch(var(--s)/1))} .input-accent{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))} .input-accent:focus, .input-accent:focus-within{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));outline-color:var(--fallback-a,oklch(var(--a)/1))} .input-info{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))} .input-info:focus, .input-info:focus-within{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));outline-color:var(--fallback-in,oklch(var(--in)/1))} .input-success{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))} .input-success:focus, .input-success:focus-within{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));outline-color:var(--fallback-su,oklch(var(--su)/1))} .input-warning{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))} .input-warning:focus, .input-warning:focus-within{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));outline-color:var(--fallback-wa,oklch(var(--wa)/1))} .input-error{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))} .input-error:focus, .input-error:focus-within{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));outline-color:var(--fallback-er,oklch(var(--er)/1))} .\!input:disabled, .\!input[disabled]{ cursor:not-allowed !important;--tw-border-opacity:1 !important;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;--tw-bg-opacity:1 !important;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;color:var(--fallback-bc,oklch(var(--bc)/0.4)) !important} .input-disabled, .input:disabled, .input[disabled]{ cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/0.4))} .\!input:disabled, .\!input[disabled]{ cursor:not-allowed !important;--tw-border-opacity:1 !important;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;--tw-bg-opacity:1 !important;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;color:var(--fallback-bc,oklch(var(--bc)/0.4)) !important} .\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;--tw-placeholder-opacity:0.2 !important} .\!input:disabled::placeholder, .\!input[disabled]::placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;--tw-placeholder-opacity:0.2 !important} .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2} .input-disabled::placeholder, .input:disabled::placeholder, .input[disabled]::placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2} .\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;--tw-placeholder-opacity:0.2 !important} .\!input:disabled::placeholder, .\!input[disabled]::placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;--tw-placeholder-opacity:0.2 !important} .\!input::-webkit-date-and-time-value{ text-align:inherit !important} .input::-webkit-date-and-time-value{ text-align:inherit} .join > :where(*:not(:first-child)){ margin-top:0px;margin-bottom:0px;margin-inline-start:-1px} .join-item:focus{ isolation:isolate} .link-primary{ --tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))} @supports (color:color-mix(in oklab,black,black)){ @media (hover:hover){ .link-primary:hover{ color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 80%,black)} .link-secondary:hover{ color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 80%,black)} .link-accent:hover{ color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 80%,black)} .link-neutral:hover{ color:color-mix(in oklab,var(--fallback-n,oklch(var(--n)/1)) 80%,black)} .link-success:hover{ color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black)} .link-info:hover{ color:color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black)} .link-warning:hover{ color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)} .link-error:hover{ color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}}} .link-secondary{ --tw-text-opacity:1;color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))} .link-accent{ --tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))} .link-neutral{ --tw-text-opacity:1;color:var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)))} .link-success{ --tw-text-opacity:1;color:var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))} .link-info{ --tw-text-opacity:1;color:var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)))} .link-warning{ --tw-text-opacity:1;color:var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))} .link-error{ --tw-text-opacity:1;color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))} .link:focus{ outline:2px solid transparent;outline-offset:2px} .link:focus-visible{ outline:2px solid currentColor;outline-offset:2px} .loading{ pointer-events:none;display:inline-block;aspect-ratio:1 / 1;width:1.5rem;background-color:currentColor;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")} .loading-spinner{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")} .loading-dots{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E")} .loading-ring{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")} .loading-ball{ -webkit-mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E")} .loading-bars{ -webkit-mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")} .loading-infinity{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E")} .loading-xs{ width:1rem} .loading-sm{ width:1.25rem} .loading-md{ width:1.5rem} .loading-lg{ width:2.5rem} .mask-squircle{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")} .mask-decagon{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-diamond{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-heart{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")} .mask-hexagon{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")} .mask-hexagon-2{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")} .mask-circle{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-parallelogram{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-parallelogram-2{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-parallelogram-3{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-parallelogram-4{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-pentagon{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-square{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-star{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-star-2{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-triangle{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-triangle-2{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-triangle-3{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e")} .mask-triangle-4{ -webkit-mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e")} :where(.menu li:empty){ --tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:0.1;margin:0.5rem 1rem;height:1px} .menu :where(li ul):before{ position:absolute;bottom:0.75rem;inset-inline-start:0px;top:0.75rem;width:1px;--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:0.1;content:""} .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){ border-radius:var(--rounded-btn, 0.5rem);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:start;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;text-wrap:balance} :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus, :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus, :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible{ cursor:pointer;background-color:var(--fallback-bc,oklch(var(--bc)/0.1));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));outline:2px solid transparent;outline-offset:2px} .menu li > *:not(ul):not(.menu-title):not(details):active, .menu li > *:not(ul):not(.menu-title):not(details).active, .menu li > details > summary:active{ --tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))} .menu li > *:not(ul):not(.menu-title):not(details).\!active{ --tw-bg-opacity:1 !important;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;--tw-text-opacity:1 !important;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))) !important} .menu :where(li > details > summary)::-webkit-details-marker{ display:none} .menu :where(li > details > summary):after, .menu :where(li > .menu-dropdown-toggle):after{ justify-self:end;display:block;margin-top:-0.5rem;height:0.5rem;width:0.5rem;transform:rotate(45deg);transition-property:transform, margin-top;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none} .menu :where(li > details[open] > summary):after, .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{ transform:rotate(225deg);margin-top:0} .menu-title{ padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;color:var(--fallback-bc,oklch(var(--bc)/0.4))} .mockup-code:before{ content:"";margin-bottom:1rem;display:block;height:0.75rem;width:0.75rem;border-radius:9999px;opacity:0.3;box-shadow:1.4em 0, 2.8em 0, 4.2em 0} .mockup-code pre{ padding-right:1.25rem} .mockup-code pre:before{ content:"";margin-right:2ch} .mockup-window:before{ content:"";margin-bottom:1rem;display:block;aspect-ratio:1 / 1;height:0.75rem;flex-shrink:0;align-self:flex-start;border-radius:9999px;opacity:0.3;box-shadow:1.4em 0, 2.8em 0, 4.2em 0} :is([dir="rtl"] .mockup-window):before{ align-self:flex-end} .mockup-phone{ display:inline-block;border:4px solid #444;border-radius:50px;background-color:#000;padding:10px;margin:0 auto;overflow:hidden} .mockup-phone .camera{ position:relative;top:0px;left:0px;background:#000;height:25px;width:150px;margin:0 auto;border-bottom-left-radius:17px;border-bottom-right-radius:17px;z-index:11} .mockup-phone .camera:before{ content:"";position:absolute;top:35%;left:50%;width:50px;height:4px;border-radius:5px;background-color:#0c0b0e;transform:translate(-50%, -50%)} .mockup-phone .camera:after{ content:"";position:absolute;top:20%;left:70%;width:8px;height:8px;border-radius:5px;background-color:#0f0b25} .mockup-phone .display{ overflow:hidden;border-radius:40px;margin-top:-25px} .mockup-browser .mockup-browser-toolbar{ margin-top:0.75rem;margin-bottom:0.75rem;display:inline-flex;width:100%;align-items:center;padding-right:1.4em} :is([dir="rtl"] .mockup-browser .mockup-browser-toolbar){ flex-direction:row-reverse} .mockup-browser .mockup-browser-toolbar:before{ content:"";margin-right:4.8rem;display:inline-block;aspect-ratio:1 / 1;height:0.75rem;border-radius:9999px;opacity:0.3;box-shadow:1.4em 0, 2.8em 0, 4.2em 0} .mockup-browser .mockup-browser-toolbar .input{ position:relative;margin-left:auto;margin-right:auto;display:block;height:1.75rem;width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));padding-left:2rem;direction:ltr} .mockup-browser .mockup-browser-toolbar .\!input{ position:relative !important;margin-left:auto !important;margin-right:auto !important;display:block !important;height:1.75rem !important;width:24rem !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;--tw-bg-opacity:1 !important;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;padding-left:2rem !important;direction:ltr !important} .mockup-browser .mockup-browser-toolbar .input:before{ content:"";position:absolute;left:0.5rem;top:50%;aspect-ratio:1 / 1;height:0.75rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:2px;border-color:currentColor;opacity:0.6} .mockup-browser .mockup-browser-toolbar .\!input:before{ content:"" !important;position:absolute !important;left:0.5rem !important;top:50% !important;aspect-ratio:1 / 1 !important;height:0.75rem !important;--tw-translate-y:-50% !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;border-radius:9999px !important;border-width:2px !important;border-color:currentColor !important;opacity:0.6 !important} .mockup-browser .mockup-browser-toolbar .input:after{ content:"";position:absolute;left:1.25rem;top:50%;height:0.5rem;--tw-translate-y:25%;--tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;border-color:currentColor;opacity:0.6} .mockup-browser .mockup-browser-toolbar .\!input:after{ content:"" !important;position:absolute !important;left:1.25rem !important;top:50% !important;height:0.5rem !important;--tw-translate-y:25% !important;--tw-rotate:-45deg !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;border-radius:9999px !important;border-width:1px !important;border-color:currentColor !important;opacity:0.6 !important} .modal:not(dialog:not(.modal-open)), .modal::backdrop{ background-color:#0006;animation:modal-pop 0.2s ease-out} .modal-backdrop{ z-index:-1;grid-column-start:1;grid-row-start:1;display:grid;align-self:stretch;justify-self:stretch;color:transparent} .modal-open .modal-box, .modal-toggle:checked + .modal .modal-box, .modal:target .modal-box, .modal[open] .modal-box{ --tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .modal-action > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))} @keyframes modal-pop{ 0%{ opacity:0}} .progress::-moz-progress-bar{ border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)))} .progress:indeterminate{ --progress-color:var(--fallback-bc,oklch(var(--bc)/1));background-image:repeating-linear-gradient( 90deg, var(--progress-color) -1%, var(--progress-color) 10%, transparent 10%, transparent 90% );background-size:200%;background-position-x:15%;animation:progress-loading 5s ease-in-out infinite} .progress::-webkit-progress-bar{ border-radius:var(--rounded-box, 1rem);background-color:transparent} .progress::-webkit-progress-value{ border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)))} .progress:indeterminate::-moz-progress-bar{ background-color:transparent;background-image:repeating-linear-gradient( 90deg, var(--progress-color) -1%, var(--progress-color) 10%, transparent 10%, transparent 90% );background-size:200%;background-position-x:15%;animation:progress-loading 5s ease-in-out infinite} @keyframes progress-loading{ 50%{ background-position-x:-115%}} .radio:focus{ box-shadow:none} .radio:focus-visible{ outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/1))} .radio:checked, .radio[aria-checked="true"]{ --tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));background-image:none;animation:radiomark var(--animation-input, 0.2s) ease-out;box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset} .radio-primary{ --chkbg:var(--p);--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))} .radio-primary:focus-visible{ outline-color:var(--fallback-p,oklch(var(--p)/1))} .radio-primary:checked, .radio-primary[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .radio-secondary{ --chkbg:var(--s);--tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))} .radio-secondary:focus-visible{ outline-color:var(--fallback-s,oklch(var(--s)/1))} .radio-secondary:checked, .radio-secondary[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))} .radio-accent{ --chkbg:var(--a);--tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))} .radio-accent:focus-visible{ outline-color:var(--fallback-a,oklch(var(--a)/1))} .radio-accent:checked, .radio-accent[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} .radio-success{ --chkbg:var(--su);--tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))} .radio-success:focus-visible{ outline-color:var(--fallback-su,oklch(var(--su)/1))} .radio-success:checked, .radio-success[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))} .radio-warning{ --chkbg:var(--wa);--tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))} .radio-warning:focus-visible{ outline-color:var(--fallback-wa,oklch(var(--wa)/1))} .radio-warning:checked, .radio-warning[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))} .radio-info{ --chkbg:var(--in);--tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))} .radio-info:focus-visible{ outline-color:var(--fallback-in,oklch(var(--in)/1))} .radio-info:checked, .radio-info[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))} .radio-error{ --chkbg:var(--er);--tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))} .radio-error:focus-visible{ outline-color:var(--fallback-er,oklch(var(--er)/1))} .radio-error:checked, .radio-error[aria-checked="true"]{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))} .radio:disabled{ cursor:not-allowed;opacity:0.2} @keyframes radiomark{ 0%{ box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset} 50%{ box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset} 100%{ box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}} .radio-mark{ display:none} .range:focus-visible::-webkit-slider-thumb{ --focus-shadow:0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset} .range:focus-visible::-moz-range-thumb{ --focus-shadow:0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset} .range::-webkit-slider-runnable-track{ height:0.5rem;width:100%;border-radius:var(--rounded-box, 1rem);background-color:var(--fallback-bc,oklch(var(--bc)/0.1))} .range::-moz-range-track{ height:0.5rem;width:100%;border-radius:var(--rounded-box, 1rem);background-color:var(--fallback-bc,oklch(var(--bc)/0.1))} .range::-webkit-slider-thumb{ position:relative;height:1.5rem;width:1.5rem;border-radius:var(--rounded-box, 1rem);border-style:none;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));appearance:none;-webkit-appearance:none;top:50%;color:var(--range-shdw);transform:translateY(-50%);--filler-size:100rem;--filler-offset:0.6rem;box-shadow:0 0 0 3px var(--range-shdw) inset, var(--focus-shadow, 0 0), calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)} .range::-moz-range-thumb{ position:relative;height:1.5rem;width:1.5rem;border-radius:var(--rounded-box, 1rem);border-style:none;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));top:50%;color:var(--range-shdw);--filler-size:100rem;--filler-offset:0.5rem;box-shadow:0 0 0 3px var(--range-shdw) inset, var(--focus-shadow, 0 0), calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)} .range-primary{ --range-shdw:var(--fallback-p,oklch(var(--p)/1))} .range-secondary{ --range-shdw:var(--fallback-s,oklch(var(--s)/1))} .range-accent{ --range-shdw:var(--fallback-a,oklch(var(--a)/1))} .range-success{ --range-shdw:var(--fallback-su,oklch(var(--su)/1))} .range-warning{ --range-shdw:var(--fallback-wa,oklch(var(--wa)/1))} .range-info{ --range-shdw:var(--fallback-in,oklch(var(--in)/1))} .range-error{ --range-shdw:var(--fallback-er,oklch(var(--er)/1))} .rating input{ -moz-appearance:none;appearance:none;-webkit-appearance:none} .rating .rating-hidden{ width:0.5rem;background-color:transparent} .rating input[type="radio"]:checked{ background-image:none} .rating input:checked ~ input, .rating input[aria-checked="true"] ~ input{ --tw-bg-opacity:0.2} .rating input:focus-visible{ transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:300ms;transform:translateY(-0.125em)} .rating input:active:focus{ animation:none;transform:translateY(-0.125em)} .rating-half :where(input:not(.rating-hidden)){ width:0.75rem} @keyframes rating-pop{ 0%{ transform:translateY(-0.125em)} 40%{ transform:translateY(-0.125em)} 100%{ transform:translateY(0)}} .select-bordered{ border-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .select:focus{ box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/0.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .select-ghost{ --tw-bg-opacity:0.05} .select-ghost:focus{ --tw-bg-opacity:1;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} .select-primary{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))} .select-primary:focus{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))} .select-secondary{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))} .select-secondary:focus{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));outline-color:var(--fallback-s,oklch(var(--s)/1))} .select-accent{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))} .select-accent:focus{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));outline-color:var(--fallback-a,oklch(var(--a)/1))} .select-info{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))} .select-info:focus{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));outline-color:var(--fallback-in,oklch(var(--in)/1))} .select-success{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))} .select-success:focus{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));outline-color:var(--fallback-su,oklch(var(--su)/1))} .select-warning{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))} .select-warning:focus{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));outline-color:var(--fallback-wa,oklch(var(--wa)/1))} .select-error{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))} .select-error:focus{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));outline-color:var(--fallback-er,oklch(var(--er)/1))} .select-disabled, .select:disabled, .select[disabled]{ cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2} .select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2} .select-disabled::placeholder, .select:disabled::placeholder, .select[disabled]::placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2} .select-multiple, .select[multiple], .select[size].select:not([size="1"]){ background-image:none;padding-right:1rem} [dir="rtl"] .select{ background-position:calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%)} .skeleton{ border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));will-change:background-position;animation:skeleton 1.8s ease-in-out infinite;background-image:linear-gradient( 105deg, transparent 0%, transparent 40%, var(--fallback-b1,oklch(var(--b1)/1)) 50%, transparent 60%, transparent 100% );background-size:200% auto;background-repeat:no-repeat;background-position-x:-50%} @media (prefers-reduced-motion){ .skeleton{ animation-duration:15s}} @keyframes skeleton{ from{ background-position:150%} to{ background-position:-50%}} :where(.\!stats) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse:0 !important;border-right-width:calc(1px * var(--tw-divide-x-reverse)) !important;border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;--tw-divide-y-reverse:0 !important;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse))) !important;border-bottom-width:calc(0px * var(--tw-divide-y-reverse)) !important} :where(.stats) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))} :is([dir="rtl"] .\!stats > :not([hidden]) ~ :not([hidden])){ --tw-divide-x-reverse:1 !important} :is([dir="rtl"] .stats > :not([hidden]) ~ :not([hidden])){ --tw-divide-x-reverse:1} .steps .step:before{ top:0px;grid-column-start:1;grid-row-start:1;height:0.5rem;width:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));content:"";margin-inline-start:-100%} .steps .\!step:before{ top:0px !important;grid-column-start:1 !important;grid-row-start:1 !important;height:0.5rem !important;width:100% !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;--tw-bg-opacity:1 !important;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) !important;--tw-text-opacity:1 !important;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;content:"" !important;margin-inline-start:-100% !important} .steps .step:after{ content:counter(step);counter-increment:step;z-index:1;position:relative;grid-column-start:1;grid-row-start:1;display:grid;height:2rem;width:2rem;place-items:center;place-self:center;border-radius:9999px;--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} .steps .\!step:after{ content:counter(step) !important;counter-increment:step !important;z-index:1 !important;position:relative !important;grid-column-start:1 !important;grid-row-start:1 !important;display:grid !important;height:2rem !important;width:2rem !important;place-items:center !important;place-self:center !important;border-radius:9999px !important;--tw-bg-opacity:1 !important;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) !important;--tw-text-opacity:1 !important;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important} .steps .step:first-child:before{ content:none} .steps .\!step:first-child:before{ content:none !important} .steps .step[data-content]:after{ content:attr(data-content)} .steps .\!step[data-content]:after{ content:attr(data-content) !important} .steps .step-neutral + .step-neutral:before, .steps .step-neutral:after{ --tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))} .steps .step-primary + .step-primary:before, .steps .step-primary:after{ --tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .steps .step-secondary + .step-secondary:before, .steps .step-secondary:after{ --tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))} .steps .step-accent + .step-accent:before, .steps .step-accent:after{ --tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} .steps .step-info + .step-info:before{ --tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)))} .steps .step-info:after{ --tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))} .steps .step-success + .step-success:before{ --tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)))} .steps .step-success:after{ --tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))} .steps .step-warning + .step-warning:before{ --tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)))} .steps .step-warning:after{ --tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))} .steps .step-error + .step-error:before{ --tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))} .steps .step-error:after{ --tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))} .swap-rotate .swap-on, .swap-rotate .swap-indeterminate, .swap-rotate input:indeterminate ~ .swap-on{ --tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .swap-rotate input:checked ~ .swap-off, .swap-active:where(.swap-rotate) .swap-off, .swap-rotate input:indeterminate ~ .swap-off{ --tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .swap-rotate input:checked ~ .swap-on, .swap-active:where(.swap-rotate) .swap-on, .swap-rotate input:indeterminate ~ .swap-indeterminate{ --tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .swap-flip{ transform-style:preserve-3d;perspective:16em} .swap-flip .swap-on, .swap-flip .swap-indeterminate, .swap-flip input:indeterminate ~ .swap-on{ transform:rotateY(180deg);backface-visibility:hidden;opacity:1} .swap-flip input:checked ~ .swap-off, .swap-active:where(.swap-flip) .swap-off, .swap-flip input:indeterminate ~ .swap-off{ transform:rotateY(-180deg);backface-visibility:hidden;opacity:1} .swap-flip input:checked ~ .swap-on, .swap-active:where(.swap-flip) .swap-on, .swap-flip input:indeterminate ~ .swap-indeterminate{ transform:rotateY(0deg)} .tabs-lifted > .tab:focus-visible{ border-end-end-radius:0;border-end-start-radius:0} .tab.tab-active:not(.tab-disabled):not([disabled]), .tab:is(input:checked){ border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity:1;--tw-text-opacity:1} .tab:focus{ outline:2px solid transparent;outline-offset:2px} .tab:focus-visible{ outline:2px solid currentColor;outline-offset:-5px} .tab-disabled, .tab[disabled]{ cursor:not-allowed;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2} .tabs-bordered > .tab{ border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity:0.2;border-style:solid;border-bottom-width:calc(var(--tab-border, 1px) + 1px)} .tabs-lifted > .tab{ border:var(--tab-border, 1px) solid transparent;border-width:0 0 var(--tab-border, 1px) 0;border-start-start-radius:var(--tab-radius, 0.5rem);border-start-end-radius:var(--tab-radius, 0.5rem);border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding, 1rem);padding-inline-end:var(--tab-padding, 1rem);padding-top:var(--tab-border, 1px)} .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked){ background-color:var(--tab-bg);border-width:var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));padding-inline-end:calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));padding-bottom:var(--tab-border, 1px);padding-top:0} .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before{ z-index:1;content:"";display:block;position:absolute;width:calc(100% + var(--tab-radius, 0.5rem) * 2);height:var(--tab-radius, 0.5rem);bottom:0;background-size:var(--tab-radius, 0.5rem);background-position:top left, top right;background-repeat:no-repeat;--tab-grad:calc(69% - var(--tab-border, 1px));--radius-start:radial-gradient( circle at top left, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) );--radius-end:radial-gradient( circle at top right, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) );background-image:var(--radius-start), var(--radius-end)} .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before{ background-image:var(--radius-end);background-position:top right} [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before{ background-image:var(--radius-start);background-position:top left} .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before{ background-image:var(--radius-start);background-position:top left} [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before{ background-image:var(--radius-end);background-position:top right} .tabs-lifted > .tab-active:not(.tab-disabled):not([disabled]) + .tabs-lifted .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before{ background-image:var(--radius-end);background-position:top right} .tabs-boxed{ border-radius:var(--rounded-btn, 0.5rem);--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));padding:0.25rem} .tabs-boxed .tab{ border-radius:var(--rounded-btn, 0.5rem)} .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]), .tabs-boxed :is(input:checked){ --tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} :is([dir="rtl"] .table){ text-align:right} .table :where(th, td){ padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;vertical-align:middle} .table tr.active, .table tr.active:nth-child(even), .table-zebra tbody tr:nth-child(even){ --tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))} .table tr.\!active, .table tr.\!active:nth-child(even){ --tw-bg-opacity:1 !important;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important} .table-zebra tr.active, .table-zebra tr.active:nth-child(even), .table-zebra-zebra tbody tr:nth-child(even){ --tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))} .table-zebra tr.\!active, .table-zebra tr.\!active:nth-child(even){ --tw-bg-opacity:1 !important;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) !important} .table :where(thead, tbody) :where(tr:not(:last-child)), .table :where(thead, tbody) :where(tr:first-child:last-child){ border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))} .table :where(thead, tfoot){ white-space:nowrap;font-size:0.75rem;line-height:1rem;font-weight:700;color:var(--fallback-bc,oklch(var(--bc)/0.6))} .textarea-bordered{ border-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .textarea:focus{ box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/0.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .textarea-ghost{ --tw-bg-opacity:0.05} .textarea-ghost:focus{ --tw-bg-opacity:1;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));box-shadow:none} .textarea-primary{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))} .textarea-primary:focus{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))} .textarea-secondary{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))} .textarea-secondary:focus{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));outline-color:var(--fallback-s,oklch(var(--s)/1))} .textarea-accent{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))} .textarea-accent:focus{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));outline-color:var(--fallback-a,oklch(var(--a)/1))} .textarea-info{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))} .textarea-info:focus{ --tw-border-opacity:1;border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));outline-color:var(--fallback-in,oklch(var(--in)/1))} .textarea-success{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))} .textarea-success:focus{ --tw-border-opacity:1;border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));outline-color:var(--fallback-su,oklch(var(--su)/1))} .textarea-warning{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))} .textarea-warning:focus{ --tw-border-opacity:1;border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));outline-color:var(--fallback-wa,oklch(var(--wa)/1))} .textarea-error{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))} .textarea-error:focus{ --tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));outline-color:var(--fallback-er,oklch(var(--er)/1))} .textarea-disabled, .textarea:disabled, .textarea[disabled]{ cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));--tw-text-opacity:0.2} .textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2} .textarea-disabled::placeholder, .textarea:disabled::placeholder, .textarea[disabled]::placeholder{ color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity:0.2} .timeline hr{ height:0.25rem} :where(.timeline hr){ --tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))} :where(.timeline:has(.timeline-middle) hr):first-child{ border-start-end-radius:var(--rounded-badge, 1.9rem);border-end-end-radius:var(--rounded-badge, 1.9rem);border-start-start-radius:0px;border-end-start-radius:0px} :where(.timeline:has(.timeline-middle) hr):last-child{ border-start-start-radius:var(--rounded-badge, 1.9rem);border-end-start-radius:var(--rounded-badge, 1.9rem);border-start-end-radius:0px;border-end-end-radius:0px} :where(.timeline:not(:has(.timeline-middle)) :first-child hr:last-child){ border-start-start-radius:var(--rounded-badge, 1.9rem);border-end-start-radius:var(--rounded-badge, 1.9rem);border-start-end-radius:0px;border-end-end-radius:0px} :where(.timeline:not(:has(.timeline-middle)) :last-child hr:first-child){ border-start-end-radius:var(--rounded-badge, 1.9rem);border-end-end-radius:var(--rounded-badge, 1.9rem);border-start-start-radius:0px;border-end-start-radius:0px} .timeline-box{ border-radius:var(--rounded-box, 1rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .toast > *{ animation:toast-pop 0.25s ease-out} @keyframes toast-pop{ 0%{ transform:scale(0.9);opacity:0} 100%{ transform:scale(1);opacity:1}} [dir="rtl"] .toggle{ --handleoffsetcalculator:calc(var(--handleoffset) * 1)} .toggle:focus-visible{ outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .toggle:hover{ background-color:currentColor} .toggle:checked, .toggle[checked="true"], .toggle[aria-checked="true"]{ background-image:none;--handleoffsetcalculator:var(--handleoffset);--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"]{ --handleoffsetcalculator:calc(var(--handleoffset) * -1)} .toggle:indeterminate{ --tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));box-shadow:calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset} [dir="rtl"] .toggle:indeterminate{ box-shadow:calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset} .toggle-primary:focus-visible{ outline-color:var(--fallback-p,oklch(var(--p)/1))} .toggle-primary:checked, .toggle-primary[checked="true"], .toggle-primary[aria-checked="true"]{ border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))} .toggle-secondary:focus-visible{ outline-color:var(--fallback-s,oklch(var(--s)/1))} .toggle-secondary:checked, .toggle-secondary[checked="true"], .toggle-secondary[aria-checked="true"]{ border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))} .toggle-accent:focus-visible{ outline-color:var(--fallback-a,oklch(var(--a)/1))} .toggle-accent:checked, .toggle-accent[checked="true"], .toggle-accent[aria-checked="true"]{ border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} .toggle-success:focus-visible{ outline-color:var(--fallback-su,oklch(var(--su)/1))} .toggle-success:checked, .toggle-success[checked="true"], .toggle-success[aria-checked="true"]{ border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))} .toggle-warning:focus-visible{ outline-color:var(--fallback-wa,oklch(var(--wa)/1))} .toggle-warning:checked, .toggle-warning[checked="true"], .toggle-warning[aria-checked="true"]{ border-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))} .toggle-info:focus-visible{ outline-color:var(--fallback-in,oklch(var(--in)/1))} .toggle-info:checked, .toggle-info[checked="true"], .toggle-info[aria-checked="true"]{ border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))} .toggle-error:focus-visible{ outline-color:var(--fallback-er,oklch(var(--er)/1))} .toggle-error:checked, .toggle-error[checked="true"], .toggle-error[aria-checked="true"]{ border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))} .toggle:disabled{ cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));background-color:transparent;opacity:0.3;--togglehandleborder:0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset, var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset} .toggle-mark{ display:none} :root .prose{ --tw-prose-body:var(--fallback-bc,oklch(var(--bc)/0.8));--tw-prose-headings:var(--fallback-bc,oklch(var(--bc)/1));--tw-prose-lead:var(--fallback-bc,oklch(var(--bc)/1));--tw-prose-links:var(--fallback-bc,oklch(var(--bc)/1));--tw-prose-bold:var(--fallback-bc,oklch(var(--bc)/1));--tw-prose-counters:var(--fallback-bc,oklch(var(--bc)/1));--tw-prose-bullets:var(--fallback-bc,oklch(var(--bc)/0.5));--tw-prose-hr:var(--fallback-bc,oklch(var(--bc)/0.2));--tw-prose-quotes:var(--fallback-bc,oklch(var(--bc)/1));--tw-prose-quote-borders:var(--fallback-bc,oklch(var(--bc)/0.2));--tw-prose-captions:var(--fallback-bc,oklch(var(--bc)/0.5));--tw-prose-code:var(--fallback-bc,oklch(var(--bc)/1));--tw-prose-pre-code:var(--fallback-nc,oklch(var(--nc)/1));--tw-prose-pre-bg:var(--fallback-n,oklch(var(--n)/1));--tw-prose-th-borders:var(--fallback-bc,oklch(var(--bc)/0.5));--tw-prose-td-borders:var(--fallback-bc,oklch(var(--bc)/0.2))} .prose :where(code):not(:where([class~="not-prose"] *, pre *)){ padding:1px 8px;border-radius:var(--rounded-badge);font-weight:initial;background-color:var(--fallback-bc,oklch(var(--bc)/0.1))} .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after{ display:none} .prose pre code{ border-radius:0;padding:0} .prose :where(tbody tr, thead):not(:where([class~="not-prose"] *)){ border-bottom-color:var(--fallback-bc,oklch(var(--bc)/0.2))} .glass, .glass.btn-active{ border:none;-webkit-backdrop-filter:blur(var(--glass-blur, 40px));backdrop-filter:blur(var(--glass-blur, 40px));background-color:transparent;background-image:linear-gradient( 135deg, rgb(255 255 255 / var(--glass-opacity, 30%)) 0%, rgb(0 0 0 / 0%) 100% ), linear-gradient( var(--glass-reflex-degree, 100deg), rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%, rgb(0 0 0 / 0%) 25% );box-shadow:0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgb(0 0 0 / 5%);text-shadow:0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%))} @media (hover: hover){ .glass.btn-active{ border:none;-webkit-backdrop-filter:blur(var(--glass-blur, 40px));backdrop-filter:blur(var(--glass-blur, 40px));background-color:transparent;background-image:linear-gradient( 135deg, rgb(255 255 255 / var(--glass-opacity, 30%)) 0%, rgb(0 0 0 / 0%) 100% ), linear-gradient( var(--glass-reflex-degree, 100deg), rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%, rgb(0 0 0 / 0%) 25% );box-shadow:0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgb(0 0 0 / 5%);text-shadow:0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%))}} .no-animation{ --btn-focus-scale:1;--animation-btn:0;--animation-input:0} .tab-border-none{ --tab-border:0px} .tab-border{ --tab-border:1px} .tab-border-2{ --tab-border:2px} .tab-border-3{ --tab-border:3px} .tab-rounded-none{ --tab-radius:0} .tab-rounded-lg{ --tab-radius:0.5rem} .artboard-demo{ display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center} .artboard.phone{ width:320px} .artboard.phone-1{ width:320px;height:568px} .artboard.phone-1.horizontal, .artboard.phone-1.artboard-horizontal{ width:568px;height:320px} .artboard.phone-2{ width:375px;height:667px} .artboard.phone-2.horizontal, .artboard.phone-2.artboard-horizontal{ width:667px;height:375px} .artboard.phone-3{ width:414px;height:736px} .artboard.phone-3.horizontal, .artboard.phone-3.artboard-horizontal{ width:736px;height:414px} .artboard.phone-4{ width:375px;height:812px} .artboard.phone-4.horizontal, .artboard.phone-4.artboard-horizontal{ width:812px;height:375px} .artboard.phone-5{ width:414px;height:896px} .artboard.phone-5.horizontal, .artboard.phone-5.artboard-horizontal{ width:896px;height:414px} .artboard.phone-6{ width:320px;height:1024px} .artboard.phone-6.horizontal, .artboard.phone-6.artboard-horizontal{ width:1024px;height:320px} .badge-xs{ height:0.75rem;font-size:0.75rem;line-height:.75rem;padding-left:0.313rem;padding-right:0.313rem} .badge-sm{ height:1rem;font-size:0.75rem;line-height:1rem;padding-left:0.438rem;padding-right:0.438rem} .badge-md{ height:1.25rem;font-size:0.875rem;line-height:1.25rem;padding-left:0.563rem;padding-right:0.563rem} .badge-lg{ height:1.5rem;font-size:1rem;line-height:1.5rem;padding-left:0.688rem;padding-right:0.688rem} .btm-nav-xs{ height:2.5rem} .btm-nav-xs > *:where(.active){ border-top-width:1px} .btm-nav-xs > *:where(.\!active){ border-top-width:1px !important} .btm-nav-xs .btm-nav-label{ font-size:0.75rem;line-height:1rem} .btm-nav-sm{ height:3rem} .btm-nav-sm > *:where(.active){ border-top-width:2px} .btm-nav-sm > *:where(.\!active){ border-top-width:2px !important} .btm-nav-sm .btm-nav-label{ font-size:0.75rem;line-height:1rem} .btm-nav-md{ height:4rem} .btm-nav-md > *:where(.active){ border-top-width:2px} .btm-nav-md > *:where(.\!active){ border-top-width:2px !important} .btm-nav-md .btm-nav-label{ font-size:0.875rem;line-height:1.25rem} .btm-nav-lg{ height:5rem} .btm-nav-lg > *:where(.active){ border-top-width:4px} .btm-nav-lg > *:where(.\!active){ border-top-width:4px !important} .btm-nav-lg .btm-nav-label{ font-size:1rem;line-height:1.5rem} .btn-xs{ height:1.5rem;min-height:1.5rem;padding-left:0.5rem;padding-right:0.5rem;font-size:0.75rem} .btn-sm{ height:2rem;min-height:2rem;padding-left:0.75rem;padding-right:0.75rem;font-size:0.875rem} .btn-md{ height:3rem;min-height:3rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem} .btn-lg{ height:4rem;min-height:4rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem} .btn-wide{ width:16rem} .btn-block{ width:100%} .btn-square:where(.btn-xs){ height:1.5rem;width:1.5rem;padding:0px} .btn-square:where(.btn-sm){ height:2rem;width:2rem;padding:0px} .btn-square:where(.btn-md){ height:3rem;width:3rem;padding:0px} .btn-square:where(.btn-lg){ height:4rem;width:4rem;padding:0px} .btn-circle:where(.btn-xs){ height:1.5rem;width:1.5rem;border-radius:9999px;padding:0px} .btn-circle:where(.btn-sm){ height:2rem;width:2rem;border-radius:9999px;padding:0px} .btn-circle:where(.btn-md){ height:3rem;width:3rem;border-radius:9999px;padding:0px} .btn-circle:where(.btn-lg){ height:4rem;width:4rem;border-radius:9999px;padding:0px} .card-side{ align-items:stretch;flex-direction:row} .card-side :where(figure:first-child){ overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:unset} .card-side :where(figure:last-child){ overflow:hidden;border-start-start-radius:unset;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:inherit} .card-side figure > *{ max-width:unset} :where(.card-side figure > *){ width:100%;height:100%;-o-object-fit:cover;object-fit:cover} [type="checkbox"].checkbox-xs{ height:1rem;width:1rem} [type="checkbox"].checkbox-sm{ height:1.25rem;width:1.25rem} [type="checkbox"].checkbox-md{ height:1.5rem;width:1.5rem} [type="checkbox"].checkbox-lg{ height:2rem;width:2rem} .divider-horizontal{ flex-direction:column} .divider-horizontal:before{ height:100%;width:0.125rem} .divider-horizontal:after{ height:100%;width:0.125rem} .divider-vertical{ flex-direction:row} .divider-vertical:before{ height:0.125rem;width:100%} .divider-vertical:after{ height:0.125rem;width:100%} .drawer-open > .drawer-toggle{ display:none} .drawer-open > .drawer-toggle ~ .drawer-side{ pointer-events:auto;visibility:visible;position:sticky;display:block;width:auto;overscroll-behavior:auto} .drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){ transform:translateX(0%)} [dir="rtl"] .drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){ transform:translateX(0%)} .drawer-open > .drawer-toggle:checked ~ .drawer-side{ pointer-events:auto;visibility:visible} .drawer-open > .drawer-side{ overflow-y:auto} html:has(.drawer-toggle:checked){ overflow-y:hidden;scrollbar-gutter:stable} html:has(.drawer-open.drawer-open){ overflow-y:auto;scrollbar-gutter:auto} .file-input-xs{ height:1.5rem;padding-inline-end:0.5rem;font-size:0.75rem;line-height:1rem;line-height:1.625} .file-input-xs::file-selector-button{ margin-right:0.5rem;font-size:0.75rem} .file-input-sm{ height:2rem;padding-inline-end:0.75rem;font-size:0.875rem;line-height:1.25rem;line-height:2} .file-input-sm::file-selector-button{ margin-right:0.75rem;font-size:0.875rem} .file-input-md{ height:3rem;padding-inline-end:1rem;font-size:0.875rem;line-height:1.25rem;line-height:2} .file-input-md::file-selector-button{ margin-right:1rem;font-size:0.875rem} .file-input-lg{ height:4rem;padding-inline-end:1.5rem;font-size:1.125rem;line-height:1.75rem;line-height:2} .file-input-lg::file-selector-button{ margin-right:1.5rem;font-size:1.125rem} .indicator :where(.indicator-item){ bottom:auto;inset-inline-end:0px;inset-inline-start:auto;top:0px;--tw-translate-y:-50%;--tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :is([dir="rtl"] .indicator :where(.indicator-item)){ --tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .indicator :where(.indicator-item.indicator-start){ inset-inline-end:auto;inset-inline-start:0px;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :is([dir="rtl"] .indicator :where(.indicator-item.indicator-start)){ --tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .indicator :where(.indicator-item.indicator-center){ inset-inline-end:50%;inset-inline-start:50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :is([dir="rtl"] .indicator :where(.indicator-item.indicator-center)){ --tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .indicator :where(.indicator-item.indicator-end){ inset-inline-end:0px;inset-inline-start:auto;--tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :is([dir="rtl"] .indicator :where(.indicator-item.indicator-end)){ --tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .indicator :where(.indicator-item.indicator-bottom){ bottom:0px;top:auto;--tw-translate-y:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .indicator :where(.indicator-item.indicator-middle){ bottom:50%;top:50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .indicator :where(.indicator-item.indicator-top){ bottom:auto;top:0px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .input-xs{ height:1.5rem;padding-left:0.5rem;padding-right:0.5rem;font-size:0.75rem;line-height:1rem;line-height:1.625} .input-md{ height:3rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;line-height:2} .input-lg{ height:4rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem;line-height:1.75rem;line-height:2} .input-sm{ height:2rem;padding-left:0.75rem;padding-right:0.75rem;font-size:0.875rem;line-height:2rem} .join.join-vertical{ flex-direction:column} .join.join-vertical .join-item:first-child:not(:last-child), .join.join-vertical *:first-child:not(:last-child) .join-item{ border-end-start-radius:0;border-end-end-radius:0;border-start-start-radius:inherit;border-start-end-radius:inherit} .join.join-vertical .join-item:last-child:not(:first-child), .join.join-vertical *:last-child:not(:first-child) .join-item{ border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit} .join.join-horizontal{ flex-direction:row} .join.join-horizontal .join-item:first-child:not(:last-child), .join.join-horizontal *:first-child:not(:last-child) .join-item{ border-end-end-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-start-start-radius:inherit} .join.join-horizontal .join-item:last-child:not(:first-child), .join.join-horizontal *:last-child:not(:first-child) .join-item{ border-end-start-radius:0;border-start-start-radius:0;border-end-end-radius:inherit;border-start-end-radius:inherit} .kbd-xs{ padding-left:0.25rem;padding-right:0.25rem;font-size:0.75rem;line-height:1rem;min-height:1.2em;min-width:1.2em} .kbd-sm{ padding-left:0.25rem;padding-right:0.25rem;font-size:0.875rem;line-height:1.25rem;min-height:1.6em;min-width:1.6em} .kbd-md{ padding-left:0.5rem;padding-right:0.5rem;font-size:1rem;line-height:1.5rem;min-height:2.2em;min-width:2.2em} .kbd-lg{ padding-left:1rem;padding-right:1rem;font-size:1.125rem;line-height:1.75rem;min-height:2.5em;min-width:2.5em} .menu-horizontal{ display:inline-flex;flex-direction:row} .menu-horizontal > li:not(.menu-title) > details > ul{ position:absolute} .menu-vertical{ display:flex;flex-direction:column} .menu-vertical > li:not(.menu-title) > details > ul{ position:relative} .modal-top{ place-items:start} .modal-middle{ place-items:center} .modal-bottom{ place-items:end} [type="radio"].radio-xs{ height:1rem;width:1rem} [type="radio"].radio-sm{ height:1.25rem;width:1.25rem} [type="radio"].radio-md{ height:1.5rem;width:1.5rem} [type="radio"].radio-lg{ height:2rem;width:2rem} .range-xs{ height:1rem} .range-xs::-webkit-slider-runnable-track{ height:0.25rem} .range-xs::-moz-range-track{ height:0.25rem} .range-xs::-webkit-slider-thumb{ height:1rem;width:1rem;--filler-offset:0.4rem} .range-xs::-moz-range-thumb{ height:1rem;width:1rem;--filler-offset:0.4rem} .range-sm{ height:1.25rem} .range-sm::-webkit-slider-runnable-track{ height:0.25rem} .range-sm::-moz-range-track{ height:0.25rem} .range-sm::-webkit-slider-thumb{ height:1.25rem;width:1.25rem;--filler-offset:0.5rem} .range-sm::-moz-range-thumb{ height:1.25rem;width:1.25rem;--filler-offset:0.5rem} .range-md{ height:1.5rem} .range-md::-webkit-slider-runnable-track{ height:0.5rem} .range-md::-moz-range-track{ height:0.5rem} .range-md::-webkit-slider-thumb{ height:1.5rem;width:1.5rem;--filler-offset:0.6rem} .range-md::-moz-range-thumb{ height:1.5rem;width:1.5rem;--filler-offset:0.6rem} .range-lg{ height:2rem} .range-lg::-webkit-slider-runnable-track{ height:1rem} .range-lg::-moz-range-track{ height:1rem} .range-lg::-webkit-slider-thumb{ height:2rem;width:2rem;--filler-offset:1rem} .range-lg::-moz-range-thumb{ height:2rem;width:2rem;--filler-offset:1rem} .rating-xs input{ height:0.75rem;width:0.75rem} .rating-sm input{ height:1rem;width:1rem} .rating-md input{ height:1.5rem;width:1.5rem} .rating-lg input{ height:2.5rem;width:2.5rem} .rating-half.rating-xs input:not(.rating-hidden){ width:0.375rem} .rating-half.rating-sm input:not(.rating-hidden){ width:0.5rem} .rating-half.rating-md input:not(.rating-hidden){ width:0.75rem} .rating-half.rating-lg input:not(.rating-hidden){ width:1.25rem} .select-md{ height:3rem;min-height:3rem;padding-left:1rem;padding-right:2.5rem;font-size:0.875rem;line-height:1.25rem;line-height:2} [dir="rtl"] .select-md{ padding-left:2.5rem;padding-right:1rem} .select-lg{ height:4rem;min-height:4rem;padding-left:1.5rem;padding-right:2rem;font-size:1.125rem;line-height:1.75rem;line-height:2} [dir="rtl"] .select-lg{ padding-left:2rem;padding-right:1.5rem} .select-sm{ height:2rem;min-height:2rem;padding-left:0.75rem;padding-right:2rem;font-size:0.875rem;line-height:2rem} [dir="rtl"] .select-sm{ padding-left:2rem;padding-right:0.75rem} .select-xs{ height:1.5rem;min-height:1.5rem;padding-left:0.5rem;padding-right:2rem;font-size:0.75rem;line-height:1rem;line-height:1.625} [dir="rtl"] .select-xs{ padding-left:2rem;padding-right:0.5rem} .stats-horizontal{ grid-auto-flow:column} .stats-vertical{ grid-auto-flow:row} .steps-horizontal{ grid-auto-columns:1fr;display:inline-grid;grid-auto-flow:column;overflow:hidden;overflow-x:auto} .steps-horizontal .step{ display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-template-rows:repeat(2, minmax(0, 1fr));place-items:center;text-align:center} .steps-horizontal .\!step{ display:grid !important;grid-template-columns:repeat(1, minmax(0, 1fr)) !important;grid-template-rows:repeat(2, minmax(0, 1fr)) !important;place-items:center !important;text-align:center !important} .steps-vertical{ grid-auto-rows:1fr;grid-auto-flow:row} .steps-vertical .step{ display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:repeat(1, minmax(0, 1fr))} .steps-vertical .\!step{ display:grid !important;grid-template-columns:repeat(2, minmax(0, 1fr)) !important;grid-template-rows:repeat(1, minmax(0, 1fr)) !important} .tabs-md :where(.tab){ height:2rem;font-size:0.875rem;line-height:1.25rem;line-height:2;--tab-padding:1rem} .tabs-lg :where(.tab){ height:3rem;font-size:1.125rem;line-height:1.75rem;line-height:2;--tab-padding:1.25rem} .tabs-sm :where(.tab){ height:1.5rem;font-size:0.875rem;line-height:.75rem;--tab-padding:0.75rem} .tabs-xs :where(.tab){ height:1.25rem;font-size:0.75rem;line-height:.75rem;--tab-padding:0.5rem} .textarea-xs{ padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem;line-height:1.625} .textarea-sm{ padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:2rem} .textarea-md{ padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:0.875rem;line-height:1.25rem;line-height:2} .textarea-lg{ padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem;font-size:1.125rem;line-height:1.75rem;line-height:2} .timeline-vertical{ flex-direction:column} .timeline-compact, .timeline-horizontal.timeline-compact{ --timeline-row-start:0} .timeline-compact .timeline-start, .timeline-horizontal.timeline-compact .timeline-start{ grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:4;margin:0.25rem;align-self:flex-start;justify-self:center} .timeline-compact li:has(.timeline-start) .timeline-end, .timeline-horizontal.timeline-compact li:has(.timeline-start) .timeline-end{ grid-column-start:none;grid-row-start:auto} .timeline-vertical.timeline-compact > li{ --timeline-col-start:0} .timeline-vertical.timeline-compact .timeline-start{ grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:4;align-self:center;justify-self:start} .timeline-vertical.timeline-compact li:has(.timeline-start) .timeline-end{ grid-column-start:auto;grid-row-start:none} :where(.timeline-vertical > li){ --timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center} .timeline-vertical > li > hr{ height:100%} :where(.timeline-vertical > li > hr):first-child{ grid-column-start:2;grid-row-start:1} :where(.timeline-vertical > li > hr):last-child{ grid-column-start:2;grid-column-end:auto;grid-row-start:3;grid-row-end:none} .timeline-vertical .timeline-start{ grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:4;align-self:center;justify-self:end} .timeline-vertical .timeline-end{ grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:4;align-self:center;justify-self:start} .timeline-vertical:where(.timeline-snap-icon) > li{ --timeline-col-start:minmax(0, 1fr);--timeline-row-start:0.5rem} .timeline-horizontal{ flex-direction:row} .timeline-horizontal > li > hr{ width:100%} :where(.timeline-horizontal > li){ align-items:center} :where(.timeline-horizontal > li > hr):first-child{ grid-column-start:1;grid-row-start:2} :where(.timeline-horizontal > li > hr):last-child{ grid-column-start:3;grid-column-end:none;grid-row-start:2;grid-row-end:auto} .timeline-horizontal .timeline-start{ grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:2;align-self:flex-end;justify-self:center} .timeline-horizontal .timeline-end{ grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:4;align-self:flex-start;justify-self:center} :where(.timeline-snap-icon) > li, .timeline-horizontal:where(.timeline-snap-icon) > li{ --timeline-col-start:0.5rem;--timeline-row-start:minmax(0, 1fr)} :where(.toast){ bottom:0px;inset-inline-end:0px;inset-inline-start:auto;top:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .toast:where(.toast-start){ inset-inline-end:auto;inset-inline-start:0px;--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .toast:where(.toast-center){ inset-inline-end:50%;inset-inline-start:50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :is([dir="rtl"] .toast:where(.toast-center)){ --tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .toast:where(.toast-end){ inset-inline-end:0px;inset-inline-start:auto;--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .toast:where(.toast-bottom){ bottom:0px;top:auto;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .toast:where(.toast-middle){ bottom:auto;top:50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .toast:where(.toast-top){ bottom:auto;top:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} [type="checkbox"].toggle-xs{ --handleoffset:0.5rem;height:1rem;width:1.5rem} [type="checkbox"].toggle-sm{ --handleoffset:0.75rem;height:1.25rem;width:2rem} [type="checkbox"].toggle-md{ --handleoffset:1.5rem;height:1.5rem;width:3rem} [type="checkbox"].toggle-lg{ --handleoffset:2rem;height:2rem;width:4rem} .tooltip{ position:relative;display:inline-block;--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))} .tooltip:before{ position:absolute;pointer-events:none;z-index:1;content:var(--tw-content);--tw-content:attr(data-tip)} .tooltip:before, .tooltip-top:before{ transform:translateX(-50%);top:auto;left:50%;right:auto;bottom:var(--tooltip-offset)} .tooltip-bottom:before{ transform:translateX(-50%);top:var(--tooltip-offset);left:50%;right:auto;bottom:auto} .artboard-demo{ border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)} .avatar.online:before{ content:"";position:absolute;z-index:10;display:block;border-radius:9999px;--tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));outline-style:solid;outline-width:2px;outline-color:var(--fallback-b1,oklch(var(--b1)/1));width:15%;height:15%;top:7%;right:7%} .avatar.offline:before{ content:"";position:absolute;z-index:10;display:block;border-radius:9999px;--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));outline-style:solid;outline-width:2px;outline-color:var(--fallback-b1,oklch(var(--b1)/1));width:15%;height:15%;top:7%;right:7%} .card-compact .card-body{ padding:1rem;font-size:0.875rem;line-height:1.25rem} .card-compact .card-title{ margin-bottom:0.25rem} .card-normal .card-body{ padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem} .card-normal .card-title{ margin-bottom:0.75rem} .divider-horizontal{ margin-left:1rem;margin-right:1rem;margin-top:0px;margin-bottom:0px;height:auto;width:1rem} .divider-vertical{ margin-left:0px;margin-right:0px;margin-top:1rem;margin-bottom:1rem;height:1rem;width:auto} .drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay{ cursor:default;background-color:transparent} .join.join-vertical > :where(*:not(:first-child)){ margin-left:0px;margin-right:0px;margin-top:-1px} .join.join-horizontal > :where(*:not(:first-child)){ margin-top:0px;margin-bottom:0px;margin-inline-start:-1px} .menu-horizontal > li:not(.menu-title) > details > ul{ margin-inline-start:0px;margin-top:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-inline-end:0.5rem} .menu-horizontal > li > details > ul:before{ content:none} :where(.menu-horizontal > li:not(.menu-title) > details > ul){ border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .menu-vertical > li:not(.menu-title) > details > ul{ margin-inline-start:1rem;margin-top:0px;padding-top:0px;padding-bottom:0px;padding-inline-end:0px} .menu-xs :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)){ border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem} .menu-xs .menu-title{ padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem} .menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)){ border-radius:var(--rounded-btn, 0.5rem);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem} .menu-sm .menu-title{ padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem} .menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)){ border-radius:var(--rounded-btn, 0.5rem);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem} .menu-md .menu-title{ padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem} .menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)){ border-radius:var(--rounded-btn, 0.5rem);padding-left:1.5rem;padding-right:1.5rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:1.125rem;line-height:1.75rem} .menu-lg .menu-title{ padding-left:1.5rem;padding-right:1.5rem;padding-top:0.75rem;padding-bottom:0.75rem} .modal-top :where(.modal-box){ width:100%;max-width:none;--tw-translate-y:-2.5rem;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-right-radius:var(--rounded-box, 1rem);border-bottom-left-radius:var(--rounded-box, 1rem);border-top-left-radius:0px;border-top-right-radius:0px} .modal-middle :where(.modal-box){ width:91.666667%;max-width:32rem;--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-left-radius:var(--rounded-box, 1rem);border-top-right-radius:var(--rounded-box, 1rem);border-bottom-right-radius:var(--rounded-box, 1rem);border-bottom-left-radius:var(--rounded-box, 1rem)} .modal-bottom :where(.modal-box){ width:100%;max-width:none;--tw-translate-y:2.5rem;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-left-radius:var(--rounded-box, 1rem);border-top-right-radius:var(--rounded-box, 1rem);border-bottom-right-radius:0px;border-bottom-left-radius:0px} .stats-horizontal > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))} .stats-horizontal{ overflow-x:auto} :is([dir="rtl"] .stats-horizontal){ --tw-divide-x-reverse:1} .stats-vertical > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse:0;border-right-width:calc(0px * var(--tw-divide-x-reverse));border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))} .stats-vertical{ overflow-y:auto} .steps-horizontal .step{ grid-template-rows:40px 1fr;grid-template-columns:auto;min-width:4rem} .steps-horizontal .\!step{ grid-template-rows:40px 1fr !important;grid-template-columns:auto !important;min-width:4rem !important} .steps-horizontal .step:before{ height:0.5rem;width:100%;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:"";margin-inline-start:-100%} .steps-horizontal .\!step:before{ height:0.5rem !important;width:100% !important;--tw-translate-x:0px !important;--tw-translate-y:0px !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;content:"" !important;margin-inline-start:-100% !important} :is([dir="rtl"] .steps-horizontal .step):before{ --tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :is([dir="rtl"] .steps-horizontal .\!step):before{ --tw-translate-x:0px !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important} .steps-vertical .step{ gap:0.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;min-height:4rem;justify-items:start} .steps-vertical .\!step{ gap:0.5rem !important;grid-template-columns:40px 1fr !important;grid-template-rows:auto !important;min-height:4rem !important;justify-items:start !important} .steps-vertical .step:before{ height:100%;width:0.5rem;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));margin-inline-start:50%} .steps-vertical .\!step:before{ height:100% !important;width:0.5rem !important;--tw-translate-x:-50% !important;--tw-translate-y:-50% !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;margin-inline-start:50% !important} :is([dir="rtl"] .steps-vertical .step):before{ --tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :is([dir="rtl"] .steps-vertical .\!step):before{ --tw-translate-x:50% !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important} .table-xs :not(thead):not(tfoot) tr{ font-size:0.75rem;line-height:1rem} .table-xs :where(th, td){ padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem} .table-sm :not(thead):not(tfoot) tr{ font-size:0.875rem;line-height:1.25rem} .table-sm :where(th, td){ padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem} .table-md :not(thead):not(tfoot) tr{ font-size:0.875rem;line-height:1.25rem} .table-md :where(th, td){ padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem} .table-lg :not(thead):not(tfoot) tr{ font-size:1rem;line-height:1.5rem} .table-lg :where(th, td){ padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem} .timeline-vertical > li > hr{ width:0.25rem} :where(.timeline-vertical:has(.timeline-middle) > li > hr):first-child{ border-bottom-right-radius:var(--rounded-badge, 1.9rem);border-bottom-left-radius:var(--rounded-badge, 1.9rem);border-top-left-radius:0px;border-top-right-radius:0px} :where(.timeline-vertical:has(.timeline-middle) > li > hr):last-child{ border-top-left-radius:var(--rounded-badge, 1.9rem);border-top-right-radius:var(--rounded-badge, 1.9rem);border-bottom-right-radius:0px;border-bottom-left-radius:0px} :where(.timeline-vertical:not(:has(.timeline-middle)) :first-child > hr:last-child){ border-top-left-radius:var(--rounded-badge, 1.9rem);border-top-right-radius:var(--rounded-badge, 1.9rem);border-bottom-right-radius:0px;border-bottom-left-radius:0px} :where(.timeline-vertical:not(:has(.timeline-middle)) :last-child > hr:first-child){ border-bottom-right-radius:var(--rounded-badge, 1.9rem);border-bottom-left-radius:var(--rounded-badge, 1.9rem);border-top-left-radius:0px;border-top-right-radius:0px} .timeline-horizontal > li > hr{ height:0.25rem} :where(.timeline-horizontal:has(.timeline-middle) > li > hr):first-child{ border-start-end-radius:var(--rounded-badge, 1.9rem);border-end-end-radius:var(--rounded-badge, 1.9rem);border-start-start-radius:0px;border-end-start-radius:0px} :where(.timeline-horizontal:has(.timeline-middle) > li > hr):last-child{ border-start-start-radius:var(--rounded-badge, 1.9rem);border-end-start-radius:var(--rounded-badge, 1.9rem);border-start-end-radius:0px;border-end-end-radius:0px} :where(.timeline-horizontal:not(:has(.timeline-middle)) :first-child > hr:last-child){ border-start-start-radius:var(--rounded-badge, 1.9rem);border-end-start-radius:var(--rounded-badge, 1.9rem);border-start-end-radius:0px;border-end-end-radius:0px} :where(.timeline-horizontal:not(:has(.timeline-middle)) :last-child > hr:first-child){ border-start-end-radius:var(--rounded-badge, 1.9rem);border-end-end-radius:var(--rounded-badge, 1.9rem);border-start-start-radius:0px;border-end-start-radius:0px} .tooltip{ position:relative;display:inline-block;text-align:center;--tooltip-tail:0.1875rem;--tooltip-color:var(--fallback-n,oklch(var(--n)/1));--tooltip-text-color:var(--fallback-nc,oklch(var(--nc)/1));--tooltip-tail-offset:calc(100% + 0.0625rem - var(--tooltip-tail))} .tooltip:before, .tooltip:after{ opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-delay:100ms;transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .tooltip:after{ position:absolute;content:"";border-style:solid;border-width:var(--tooltip-tail, 0);width:0;height:0;display:block} .tooltip:before{ max-width:20rem;border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;background-color:var(--tooltip-color);color:var(--tooltip-text-color);width:-moz-max-content;width:max-content} .tooltip.tooltip-open:before{ opacity:1;transition-delay:75ms} .tooltip.tooltip-open:after{ opacity:1;transition-delay:75ms} .tooltip:hover:before{ opacity:1;transition-delay:75ms} .tooltip:hover:after{ opacity:1;transition-delay:75ms} .tooltip:has(:focus-visible):after, .tooltip:has(:focus-visible):before{ opacity:1;transition-delay:75ms} .tooltip:not([data-tip]):hover:before, .tooltip:not([data-tip]):hover:after{ visibility:hidden;opacity:0} .tooltip:after, .tooltip-top:after{ transform:translateX(-50%);border-color:var(--tooltip-color) transparent transparent transparent;top:auto;left:50%;right:auto;bottom:var(--tooltip-tail-offset)} .tooltip-bottom:after{ transform:translateX(-50%);border-color:transparent transparent var(--tooltip-color) transparent;top:var(--tooltip-tail-offset);left:50%;right:auto;bottom:auto} .tooltip-primary{ --tooltip-color:var(--fallback-p,oklch(var(--p)/1));--tooltip-text-color:var(--fallback-pc,oklch(var(--pc)/1))} .tooltip-secondary{ --tooltip-color:var(--fallback-s,oklch(var(--s)/1));--tooltip-text-color:var(--fallback-sc,oklch(var(--sc)/1))} .tooltip-accent{ --tooltip-color:var(--fallback-a,oklch(var(--a)/1));--tooltip-text-color:var(--fallback-ac,oklch(var(--ac)/1))} .tooltip-info{ --tooltip-color:var(--fallback-in,oklch(var(--in)/1));--tooltip-text-color:var(--fallback-inc,oklch(var(--inc)/1))} .tooltip-success{ --tooltip-color:var(--fallback-su,oklch(var(--su)/1));--tooltip-text-color:var(--fallback-suc,oklch(var(--suc)/1))} .tooltip-warning{ --tooltip-color:var(--fallback-wa,oklch(var(--wa)/1));--tooltip-text-color:var(--fallback-wac,oklch(var(--wac)/1))} .tooltip-error{ --tooltip-color:var(--fallback-er,oklch(var(--er)/1));--tooltip-text-color:var(--fallback-erc,oklch(var(--erc)/1))} .sr-only{ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} .not-sr-only{ position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal} .pointer-events-none{ pointer-events:none} .pointer-events-auto{ pointer-events:auto} .\!visible{ visibility:visible !important} .visible{ visibility:visible} .invisible{ visibility:hidden} .collapse{ visibility:collapse} .static{ position:static} .fixed{ position:fixed} .absolute{ position:absolute} .relative{ position:relative} .sticky{ position:sticky} .-inset-1{ inset:-0.25rem} .inset-0{ inset:0px} .inset-x-0{ left:0px;right:0px} .bottom-0{ bottom:0px} .end-1{ inset-inline-end:0.25rem} .end-2{ inset-inline-end:0.5rem} .left-0{ left:0px} .right-0{ right:0px} .top-0{ top:0px} .top-4{ top:1rem} .top-px{ top:1px} .isolate{ isolation:isolate} .isolation-auto{ isolation:auto} .z-10{ z-index:10} .z-20{ z-index:20} .z-50{ z-index:50} .z-\[1\]{ z-index:1} .z-\[20\]{ z-index:20} .col-span-5{ grid-column:span 5 / span 5} .row-span-3{ grid-row:span 3 / span 3} .row-start-1{ grid-row-start:1} .float-start{ float:inline-start} .float-end{ float:inline-end} .float-right{ float:right} .float-left{ float:left} .float-none{ float:none} .clear-start{ clear:inline-start} .clear-end{ clear:inline-end} .clear-left{ clear:left} .clear-right{ clear:right} .clear-both{ clear:both} .clear-none{ clear:none} .m-1{ margin:0.25rem} .m-auto{ margin:auto} .-mx-4{ margin-left:-1rem;margin-right:-1rem} .mx-auto{ margin-left:auto;margin-right:auto} .-mb-10{ margin-bottom:-2.5rem} .-mb-4{ margin-bottom:-1rem} .-mt-16{ margin-top:-4rem} .-mt-5{ margin-top:-1.25rem} .mb-1{ margin-bottom:0.25rem} .mb-2{ margin-bottom:0.5rem} .mb-3{ margin-bottom:0.75rem} .mb-4{ margin-bottom:1rem} .mb-6{ margin-bottom:1.5rem} .mb-8{ margin-bottom:2rem} .ml-2{ margin-left:0.5rem} .ml-3{ margin-left:0.75rem} .ml-4{ margin-left:1rem} .mr-3{ margin-right:0.75rem} .mr-4{ margin-right:1rem} .mr-5{ margin-right:1.25rem} .mr-8{ margin-right:2rem} .mt-1{ margin-top:0.25rem} .mt-16{ margin-top:4rem} .mt-2{ margin-top:0.5rem} .mt-3{ margin-top:0.75rem} .mt-4{ margin-top:1rem} .mt-5{ margin-top:1.25rem} .mt-6{ margin-top:1.5rem} .mt-8{ margin-top:2rem} .mt-auto{ margin-top:auto} .box-border{ box-sizing:border-box} .box-content{ box-sizing:content-box} .line-clamp-none{ overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none} .block{ display:block} .inline-block{ display:inline-block} .inline{ display:inline} .flex{ display:flex} .inline-flex{ display:inline-flex} .table{ display:table} .inline-table{ display:inline-table} .table-caption{ display:table-caption} .table-cell{ display:table-cell} .table-column{ display:table-column} .table-column-group{ display:table-column-group} .table-footer-group{ display:table-footer-group} .table-header-group{ display:table-header-group} .table-row-group{ display:table-row-group} .table-row{ display:table-row} .flow-root{ display:flow-root} .grid{ display:grid} .inline-grid{ display:inline-grid} .contents{ display:contents} .list-item{ display:list-item} .\!hidden{ display:none !important} .hidden{ display:none} .h-1{ height:0.25rem} .h-2{ height:0.5rem} .h-20{ height:5rem} .h-3{ height:0.75rem} .h-4{ height:1rem} .h-5{ height:1.25rem} .h-52{ height:13rem} .h-6{ height:1.5rem} .h-64{ height:16rem} .h-8{ height:2rem} .h-\[28\.6rem\]{ height:28.6rem} .h-auto{ height:auto} .h-full{ height:100%} .max-h-\[calc\(100vh-10rem\)\]{ max-height:calc(100vh - 10rem)} .min-h-\[100vh\]{ min-height:100vh} .min-h-\[240px\]{ min-height:240px} .w-2{ width:0.5rem} .w-20{ width:5rem} .w-3{ width:0.75rem} .w-4{ width:1rem} .w-4\/5{ width:80%} .w-5{ width:1.25rem} .w-52{ width:13rem} .w-56{ width:14rem} .w-6{ width:1.5rem} .w-8{ width:2rem} .w-\[this-is\\\\\]{ width:this-is\\} .w-\[this-is\]{ width:this-is} .w-\[weird-and-invalid\]{ width:weird-and-invalid} .w-full{ width:100%} .max-w-\[35rem\]{ max-width:35rem} .max-w-\[85rem\]{ max-width:85rem} .max-w-\[86rem\]{ max-width:86rem} .max-w-xl{ max-width:36rem} .max-w-xs{ max-width:20rem} .flex-shrink{ flex-shrink:1} .shrink{ flex-shrink:1} .shrink-0{ flex-shrink:0} .flex-grow{ flex-grow:1} .grow{ flex-grow:1} .table-auto{ table-layout:auto} .table-fixed{ table-layout:fixed} .caption-top{ caption-side:top} .caption-bottom{ caption-side:bottom} .border-collapse{ border-collapse:collapse} .border-separate{ border-collapse:separate} .rotate-2{ --tw-rotate:2deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .\!transform{ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important} .transform{ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform-cpu{ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform-gpu{ transform:translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform-none{ transform:none} .cursor-pointer{ cursor:pointer} .touch-auto{ touch-action:auto} .touch-none{ touch-action:none} .touch-pan-x{ --tw-pan-x:pan-x;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)} .touch-pan-left{ --tw-pan-x:pan-left;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)} .touch-pan-right{ --tw-pan-x:pan-right;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)} .touch-pan-y{ --tw-pan-y:pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)} .touch-pan-up{ --tw-pan-y:pan-up;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)} .touch-pan-down{ --tw-pan-y:pan-down;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)} .touch-pinch-zoom{ --tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)} .touch-manipulation{ touch-action:manipulation} .select-none{ -webkit-user-select:none;-moz-user-select:none;user-select:none} .select-text{ -webkit-user-select:text;-moz-user-select:text;user-select:text} .select-all{ -webkit-user-select:all;-moz-user-select:all;user-select:all} .select-auto{ -webkit-user-select:auto;-moz-user-select:auto;user-select:auto} .resize-none{ resize:none} .resize-y{ resize:vertical} .resize-x{ resize:horizontal} .resize{ resize:both} .snap-none{ scroll-snap-type:none} .snap-x{ scroll-snap-type:x var(--tw-scroll-snap-strictness)} .snap-y{ scroll-snap-type:y var(--tw-scroll-snap-strictness)} .snap-both{ scroll-snap-type:both var(--tw-scroll-snap-strictness)} .snap-mandatory{ --tw-scroll-snap-strictness:mandatory} .snap-proximity{ --tw-scroll-snap-strictness:proximity} .snap-start{ scroll-snap-align:start} .snap-end{ scroll-snap-align:end} .snap-center{ scroll-snap-align:center} .snap-align-none{ scroll-snap-align:none} .snap-normal{ scroll-snap-stop:normal} .snap-always{ scroll-snap-stop:always} .list-inside{ list-style-position:inside} .list-outside{ list-style-position:outside} .appearance-none{ -webkit-appearance:none;-moz-appearance:none;appearance:none} .appearance-auto{ -webkit-appearance:auto;-moz-appearance:auto;appearance:auto} .break-before-auto{ -moz-column-break-before:auto;break-before:auto} .break-before-avoid{ -moz-column-break-before:avoid;break-before:avoid} .break-before-all{ -moz-column-break-before:all;break-before:all} .break-before-avoid-page{ -moz-column-break-before:avoid;break-before:avoid-page} .break-before-page{ -moz-column-break-before:page;break-before:page} .break-before-left{ -moz-column-break-before:left;break-before:left} .break-before-right{ -moz-column-break-before:right;break-before:right} .break-before-column{ -moz-column-break-before:column;break-before:column} .break-inside-auto{ -moz-column-break-inside:auto;break-inside:auto} .break-inside-avoid{ -moz-column-break-inside:avoid;break-inside:avoid} .break-inside-avoid-page{ break-inside:avoid-page} .break-inside-avoid-column{ -moz-column-break-inside:avoid;break-inside:avoid-column} .break-after-auto{ -moz-column-break-after:auto;break-after:auto} .break-after-avoid{ -moz-column-break-after:avoid;break-after:avoid} .break-after-all{ -moz-column-break-after:all;break-after:all} .break-after-avoid-page{ -moz-column-break-after:avoid;break-after:avoid-page} .break-after-page{ -moz-column-break-after:page;break-after:page} .break-after-left{ -moz-column-break-after:left;break-after:left} .break-after-right{ -moz-column-break-after:right;break-after:right} .break-after-column{ -moz-column-break-after:column;break-after:column} .grid-flow-row{ grid-auto-flow:row} .grid-flow-col{ grid-auto-flow:column} .grid-flow-dense{ grid-auto-flow:dense} .grid-flow-row-dense{ grid-auto-flow:row dense} .grid-flow-col-dense{ grid-auto-flow:column dense} .grid-cols-1{ grid-template-columns:repeat(1, minmax(0, 1fr))} .grid-cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr))} .grid-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr))} .grid-cols-5{ grid-template-columns:repeat(5, minmax(0, 1fr))} .grid-rows-1{ grid-template-rows:repeat(1, minmax(0, 1fr))} .grid-rows-3{ grid-template-rows:repeat(3, minmax(0, 1fr))} .flex-row{ flex-direction:row} .flex-row-reverse{ flex-direction:row-reverse} .flex-col{ flex-direction:column} .flex-col-reverse{ flex-direction:column-reverse} .flex-wrap{ flex-wrap:wrap} .flex-wrap-reverse{ flex-wrap:wrap-reverse} .flex-nowrap{ flex-wrap:nowrap} .place-content-center{ place-content:center} .place-content-start{ place-content:start} .place-content-end{ place-content:end} .place-content-between{ place-content:space-between} .place-content-around{ place-content:space-around} .place-content-evenly{ place-content:space-evenly} .place-content-baseline{ place-content:baseline} .place-content-stretch{ place-content:stretch} .place-items-start{ place-items:start} .place-items-end{ place-items:end} .place-items-center{ place-items:center} .place-items-baseline{ place-items:baseline} .place-items-stretch{ place-items:stretch} .content-normal{ align-content:normal} .content-center{ align-content:center} .content-start{ align-content:flex-start} .content-end{ align-content:flex-end} .content-between{ align-content:space-between} .content-around{ align-content:space-around} .content-evenly{ align-content:space-evenly} .content-baseline{ align-content:baseline} .content-stretch{ align-content:stretch} .items-start{ align-items:flex-start} .items-end{ align-items:flex-end} .items-center{ align-items:center} .items-baseline{ align-items:baseline} .items-stretch{ align-items:stretch} .justify-normal{ justify-content:normal} .justify-start{ justify-content:flex-start} .justify-end{ justify-content:flex-end} .justify-center{ justify-content:center} .justify-between{ justify-content:space-between} .justify-around{ justify-content:space-around} .justify-evenly{ justify-content:space-evenly} .justify-stretch{ justify-content:stretch} .justify-items-start{ justify-items:start} .justify-items-end{ justify-items:end} .justify-items-center{ justify-items:center} .justify-items-stretch{ justify-items:stretch} .gap-1{ gap:0.25rem} .gap-2{ gap:0.5rem} .gap-3{ gap:0.75rem} .gap-6{ gap:1.5rem} .gap-x-4{ -moz-column-gap:1rem;column-gap:1rem} .space-x-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))} .space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))} .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .space-y-reverse > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:1} .space-x-reverse > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:1} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))} .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))} .divide-y-reverse > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse:1} .divide-x-reverse > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse:1} .divide-solid > :not([hidden]) ~ :not([hidden]){ border-style:solid} .divide-dashed > :not([hidden]) ~ :not([hidden]){ border-style:dashed} .divide-dotted > :not([hidden]) ~ :not([hidden]){ border-style:dotted} .divide-double > :not([hidden]) ~ :not([hidden]){ border-style:double} .divide-none > :not([hidden]) ~ :not([hidden]){ border-style:none} .divide-gray-700 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity:1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))} .place-self-auto{ place-self:auto} .place-self-start{ place-self:start} .place-self-end{ place-self:end} .place-self-center{ place-self:center} .place-self-stretch{ place-self:stretch} .self-auto{ align-self:auto} .self-start{ align-self:flex-start} .self-end{ align-self:flex-end} .self-center{ align-self:center} .self-stretch{ align-self:stretch} .self-baseline{ align-self:baseline} .justify-self-auto{ justify-self:auto} .justify-self-start{ justify-self:start} .justify-self-end{ justify-self:end} .justify-self-center{ justify-self:center} .justify-self-stretch{ justify-self:stretch} .overflow-auto{ overflow:auto} .overflow-hidden{ overflow:hidden} .overflow-clip{ overflow:clip} .overflow-visible{ overflow:visible} .overflow-scroll{ overflow:scroll} .overflow-x-auto{ overflow-x:auto} .overflow-y-auto{ overflow-y:auto} .overflow-x-hidden{ overflow-x:hidden} .overflow-y-hidden{ overflow-y:hidden} .overflow-x-clip{ overflow-x:clip} .overflow-y-clip{ overflow-y:clip} .overflow-x-visible{ overflow-x:visible} .overflow-y-visible{ overflow-y:visible} .overflow-x-scroll{ overflow-x:scroll} .overflow-y-scroll{ overflow-y:scroll} .overscroll-auto{ overscroll-behavior:auto} .overscroll-contain{ overscroll-behavior:contain} .overscroll-none{ overscroll-behavior:none} .overscroll-y-auto{ overscroll-behavior-y:auto} .overscroll-y-contain{ overscroll-behavior-y:contain} .overscroll-y-none{ overscroll-behavior-y:none} .overscroll-x-auto{ overscroll-behavior-x:auto} .overscroll-x-contain{ overscroll-behavior-x:contain} .overscroll-x-none{ overscroll-behavior-x:none} .scroll-auto{ scroll-behavior:auto} .scroll-smooth{ scroll-behavior:smooth} .truncate{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .overflow-ellipsis{ text-overflow:ellipsis} .text-ellipsis{ text-overflow:ellipsis} .text-clip{ text-overflow:clip} .hyphens-none{ -webkit-hyphens:none;hyphens:none} .hyphens-manual{ -webkit-hyphens:manual;hyphens:manual} .hyphens-auto{ -webkit-hyphens:auto;hyphens:auto} .whitespace-normal{ white-space:normal} .whitespace-nowrap{ white-space:nowrap} .whitespace-pre{ white-space:pre} .whitespace-pre-line{ white-space:pre-line} .whitespace-pre-wrap{ white-space:pre-wrap} .whitespace-break-spaces{ white-space:break-spaces} .text-wrap{ text-wrap:wrap} .text-nowrap{ text-wrap:nowrap} .text-balance{ text-wrap:balance} .text-pretty{ text-wrap:pretty} .break-normal{ overflow-wrap:normal;word-break:normal} .break-words{ overflow-wrap:break-word} .break-all{ word-break:break-all} .break-keep{ word-break:keep-all} .rounded{ border-radius:0.25rem} .rounded-badge{ border-radius:var(--rounded-badge, 1.9rem)} .rounded-box{ border-radius:var(--rounded-box, 1rem)} .rounded-full{ border-radius:9999px} .rounded-lg{ border-radius:0.5rem} .rounded-none{ border-radius:0px} .rounded-xl{ border-radius:0.75rem} .rounded-b{ border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem} .rounded-e{ border-start-end-radius:0.25rem;border-end-end-radius:0.25rem} .rounded-l{ border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem} .rounded-r{ border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem} .rounded-s{ border-start-start-radius:0.25rem;border-end-start-radius:0.25rem} .rounded-t{ border-top-left-radius:0.25rem;border-top-right-radius:0.25rem} .rounded-t-lg{ border-top-left-radius:0.5rem;border-top-right-radius:0.5rem} .rounded-bl{ border-bottom-left-radius:0.25rem} .rounded-bl-lg{ border-bottom-left-radius:0.5rem} .rounded-br{ border-bottom-right-radius:0.25rem} .rounded-br-lg{ border-bottom-right-radius:0.5rem} .rounded-ee{ border-end-end-radius:0.25rem} .rounded-es{ border-end-start-radius:0.25rem} .rounded-se{ border-start-end-radius:0.25rem} .rounded-ss{ border-start-start-radius:0.25rem} .rounded-tl{ border-top-left-radius:0.25rem} .rounded-tr{ border-top-right-radius:0.25rem} .border{ border-width:1px} .border-2{ border-width:2px} .border-\[3px\]{ border-width:3px} .border-x{ border-left-width:1px;border-right-width:1px} .border-y{ border-top-width:1px;border-bottom-width:1px} .border-b{ border-bottom-width:1px} .border-e{ border-inline-end-width:1px} .border-l{ border-left-width:1px} .border-r{ border-right-width:1px} .border-s{ border-inline-start-width:1px} .border-t{ border-top-width:1px} .border-solid{ border-style:solid} .border-dashed{ border-style:dashed} .border-dotted{ border-style:dotted} .border-double{ border-style:double} .border-hidden{ border-style:hidden} .border-none{ border-style:none} .border-accent{ --tw-border-opacity:1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))} .border-accent\/70{ border-color:var(--fallback-a,oklch(var(--a)/0.7))} .border-base-100{ --tw-border-opacity:1;border-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)))} .border-base-200{ --tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))} .border-base-200\/70{ border-color:var(--fallback-b2,oklch(var(--b2)/0.7))} .border-gray-200{ --tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity))} .border-gray-700{ --tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity))} .border-gray-700\/70{ border-color:rgb(55 65 81 / 0.7)} .border-primary{ --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))} .border-primary\/70{ border-color:var(--fallback-p,oklch(var(--p)/0.7))} .border-secondary{ --tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))} .bg-\[\#12a7d2\]{ --tw-bg-opacity:1;background-color:rgb(18 167 210 / var(--tw-bg-opacity))} .bg-\[\#171B22\]{ --tw-bg-opacity:1;background-color:rgb(23 27 34 / var(--tw-bg-opacity))} .bg-\[\#22262D\]{ --tw-bg-opacity:1;background-color:rgb(34 38 45 / var(--tw-bg-opacity))} .bg-\[rgb\(255\2c 0\2c 0\)\]{ --tw-bg-opacity:1;background-color:rgb(255 0 0 / var(--tw-bg-opacity))} .bg-accent{ --tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)))} .bg-accent\/5{ background-color:var(--fallback-a,oklch(var(--a)/0.05))} .bg-base-100{ --tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))} .bg-base-100\/70{ background-color:var(--fallback-b1,oklch(var(--b1)/0.7))} .bg-base-100\/75{ background-color:var(--fallback-b1,oklch(var(--b1)/0.75))} .bg-base-100\/90{ background-color:var(--fallback-b1,oklch(var(--b1)/0.9))} .bg-base-300{ --tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))} .bg-base-300\/70{ background-color:var(--fallback-b3,oklch(var(--b3)/0.7))} .bg-black{ --tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))} .bg-black\/50{ background-color:rgb(0 0 0 / 0.5)} .bg-gray-200{ --tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))} .bg-indigo-500{ --tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity))} .bg-neutral{ --tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)))} .bg-primary{ --tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)))} .bg-primary\/5{ background-color:var(--fallback-p,oklch(var(--p)/0.05))} .bg-secondary{ --tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)))} .bg-secondary\/5{ background-color:var(--fallback-s,oklch(var(--s)/0.05))} .bg-white{ --tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .bg-white\/70{ background-color:rgb(255 255 255 / 0.7)} .decoration-slice{ -webkit-box-decoration-break:slice;box-decoration-break:slice} .decoration-clone{ -webkit-box-decoration-break:clone;box-decoration-break:clone} .box-decoration-slice{ -webkit-box-decoration-break:slice;box-decoration-break:slice} .box-decoration-clone{ -webkit-box-decoration-break:clone;box-decoration-break:clone} .bg-cover{ background-size:cover} .bg-fixed{ background-attachment:fixed} .bg-local{ background-attachment:local} .bg-scroll{ background-attachment:scroll} .bg-clip-border{ background-clip:border-box} .bg-clip-padding{ background-clip:padding-box} .bg-clip-content{ background-clip:content-box} .bg-clip-text{ -webkit-background-clip:text;background-clip:text} .bg-center{ background-position:center} .bg-repeat{ background-repeat:repeat} .bg-no-repeat{ background-repeat:no-repeat} .bg-repeat-x{ background-repeat:repeat-x} .bg-repeat-y{ background-repeat:repeat-y} .bg-repeat-round{ background-repeat:round} .bg-repeat-space{ background-repeat:space} .bg-origin-border{ background-origin:border-box} .bg-origin-padding{ background-origin:padding-box} .bg-origin-content{ background-origin:content-box} .fill-current{ fill:currentColor} .object-contain{ -o-object-fit:contain;object-fit:contain} .object-cover{ -o-object-fit:cover;object-fit:cover} .object-fill{ -o-object-fit:fill;object-fit:fill} .object-none{ -o-object-fit:none;object-fit:none} .object-scale-down{ -o-object-fit:scale-down;object-fit:scale-down} .p-0{ padding:0px} .p-1{ padding:0.25rem} .p-2{ padding:0.5rem} .p-3{ padding:0.75rem} .p-4{ padding:1rem} .px-1{ padding-left:0.25rem;padding-right:0.25rem} .px-12{ padding-left:3rem;padding-right:3rem} .px-3{ padding-left:0.75rem;padding-right:0.75rem} .px-4{ padding-left:1rem;padding-right:1rem} .py-1{ padding-top:0.25rem;padding-bottom:0.25rem} .py-2{ padding-top:0.5rem;padding-bottom:0.5rem} .py-3{ padding-top:0.75rem;padding-bottom:0.75rem} .py-4{ padding-top:1rem;padding-bottom:1rem} .py-6{ padding-top:1.5rem;padding-bottom:1.5rem} .py-8{ padding-top:2rem;padding-bottom:2rem} .pb-10{ padding-bottom:2.5rem} .pb-2{ padding-bottom:0.5rem} .pb-24{ padding-bottom:6rem} .pt-1{ padding-top:0.25rem} .pt-7{ padding-top:1.75rem} .text-left{ text-align:left} .text-center{ text-align:center} .text-right{ text-align:right} .text-justify{ text-align:justify} .text-start{ text-align:start} .text-end{ text-align:end} .align-baseline{ vertical-align:baseline} .align-top{ vertical-align:top} .align-middle{ vertical-align:middle} .align-bottom{ vertical-align:bottom} .align-text-top{ vertical-align:text-top} .align-text-bottom{ vertical-align:text-bottom} .align-sub{ vertical-align:sub} .align-super{ vertical-align:super} .font-sans{ font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"} .text-2xl{ font-size:1.5rem;line-height:2rem} .text-3xl{ font-size:1.875rem;line-height:2.25rem} .text-base{ font-size:1rem;line-height:1.5rem} .text-lg{ font-size:1.125rem;line-height:1.75rem} .text-sm{ font-size:0.875rem;line-height:1.25rem} .text-xl{ font-size:1.25rem;line-height:1.75rem} .text-xs{ font-size:0.75rem;line-height:1rem} .font-black{ font-weight:900} .font-bold{ font-weight:700} .font-medium{ font-weight:500} .font-normal{ font-weight:400} .font-semibold{ font-weight:600} .uppercase{ text-transform:uppercase} .lowercase{ text-transform:lowercase} .capitalize{ text-transform:capitalize} .normal-case{ text-transform:none} .italic{ font-style:italic} .not-italic{ font-style:normal} .normal-nums{ font-variant-numeric:normal} .ordinal{ --tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .slashed-zero{ --tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .lining-nums{ --tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .oldstyle-nums{ --tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .proportional-nums{ --tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .tabular-nums{ --tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .diagonal-fractions{ --tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .stacked-fractions{ --tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .leading-tight{ line-height:1.25} .text-\[\#336699\]\/\[\.35\]{ color:rgb(51 102 153 / .35)} .text-accent-content{ --tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))} .text-base-content{ --tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))} .text-blue-500{ --tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity))} .text-gray-300{ --tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))} .text-gray-500{ --tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))} .text-gray-700{ --tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))} .text-gray-800{ --tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity))} .text-green-600{ --tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity))} .text-neutral-400{ --tw-text-opacity:1;color:rgb(163 163 163 / var(--tw-text-opacity))} .text-neutral-content{ --tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))} .text-primary{ --tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))} .text-white{ --tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} .underline{ text-decoration-line:underline} .overline{ text-decoration-line:overline} .line-through{ text-decoration-line:line-through} .no-underline{ text-decoration-line:none} .decoration-solid{ text-decoration-style:solid} .decoration-double{ text-decoration-style:double} .decoration-dotted{ text-decoration-style:dotted} .decoration-dashed{ text-decoration-style:dashed} .decoration-wavy{ text-decoration-style:wavy} .antialiased{ -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .subpixel-antialiased{ -webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} .opacity-60{ opacity:0.6} .bg-blend-normal{ background-blend-mode:normal} .bg-blend-multiply{ background-blend-mode:multiply} .bg-blend-screen{ background-blend-mode:screen} .bg-blend-overlay{ background-blend-mode:overlay} .bg-blend-darken{ background-blend-mode:darken} .bg-blend-lighten{ background-blend-mode:lighten} .bg-blend-color-dodge{ background-blend-mode:color-dodge} .bg-blend-color-burn{ background-blend-mode:color-burn} .bg-blend-hard-light{ background-blend-mode:hard-light} .bg-blend-soft-light{ background-blend-mode:soft-light} .bg-blend-difference{ background-blend-mode:difference} .bg-blend-exclusion{ background-blend-mode:exclusion} .bg-blend-hue{ background-blend-mode:hue} .bg-blend-saturation{ background-blend-mode:saturation} .bg-blend-color{ background-blend-mode:color} .bg-blend-luminosity{ background-blend-mode:luminosity} .mix-blend-normal{ mix-blend-mode:normal} .mix-blend-multiply{ mix-blend-mode:multiply} .mix-blend-screen{ mix-blend-mode:screen} .mix-blend-overlay{ mix-blend-mode:overlay} .mix-blend-darken{ mix-blend-mode:darken} .mix-blend-lighten{ mix-blend-mode:lighten} .mix-blend-color-dodge{ mix-blend-mode:color-dodge} .mix-blend-color-burn{ mix-blend-mode:color-burn} .mix-blend-hard-light{ mix-blend-mode:hard-light} .mix-blend-soft-light{ mix-blend-mode:soft-light} .mix-blend-difference{ mix-blend-mode:difference} .mix-blend-exclusion{ mix-blend-mode:exclusion} .mix-blend-hue{ mix-blend-mode:hue} .mix-blend-saturation{ mix-blend-mode:saturation} .mix-blend-color{ mix-blend-mode:color} .mix-blend-luminosity{ mix-blend-mode:luminosity} .mix-blend-plus-lighter{ mix-blend-mode:plus-lighter} .\!shadow{ --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important} .shadow{ --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-2xl{ --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-lg{ --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-sm{ --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-xl{ --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .outline-none{ outline:2px solid transparent;outline-offset:2px} .outline{ outline-style:solid} .outline-dashed{ outline-style:dashed} .outline-dotted{ outline-style:dotted} .outline-double{ outline-style:double} .ring{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-inset{ --tw-ring-inset:inset} .blur{ --tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow{ --tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .grayscale{ --tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .invert{ --tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .sepia{ --tw-sepia:sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .\!filter{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important} .filter{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .filter-none{ filter:none} .backdrop-blur{ --tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-lg{ --tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-xl{ --tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-grayscale{ --tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-invert{ --tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-sepia{ --tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-filter{ -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-filter-none{ -webkit-backdrop-filter:none;backdrop-filter:none} .transition{ transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-all{ transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-transform{ transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .duration-500{ transition-duration:500ms} .ease-in{ transition-timing-function:cubic-bezier(0.4, 0, 1, 1)} .ease-in-out{ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .ease-out{ transition-timing-function:cubic-bezier(0, 0, 0.2, 1)} .content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ --tw-content:'this-is-also-valid]-weirdly-enough';content:var(--tw-content)} .forced-color-adjust-auto{ forced-color-adjust:auto} .forced-color-adjust-none{ forced-color-adjust:none} .\[key\:string\]{ key:string} @media (hover:hover){ .table .hover\:hover:hovertr:hover, .table .hover\:hover:hovertr:nth-child(even):hover{ --tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))} .table-zebra .hover\:hover:hovertr:hover, .table-zebra .hover\:hover:hovertr:nth-child(even):hover{ --tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}} .hover\:focus:hover:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active),.hover\:focus:hover :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active){ cursor:pointer;background-color:var(--fallback-bc,oklch(var(--bc)/0.1));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));outline:2px solid transparent;outline-offset:2px} @media (hover:hover){ .table .focus\:hover:focustr:hover, .table .focus\:hover:focustr:nth-child(even):hover{ --tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))} .table-zebra .focus\:hover:focustr:hover, .table-zebra .focus\:hover:focustr:nth-child(even):hover{ --tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}} @media (min-width: 640px){ .sm\:container{ width:100%} @media (min-width: 640px){ .sm\:container{ max-width:640px}} @media (min-width: 768px){ .sm\:container{ max-width:768px}} @media (min-width: 1024px){ .sm\:container{ max-width:1024px}} @media (min-width: 1280px){ .sm\:container{ max-width:1280px}} @media (min-width: 1536px){ .sm\:container{ max-width:1536px}}} @media (prefers-color-scheme: dark){ @media (min-width: 1024px){ @media (hover:hover){ .table tr.dark\:lg\:hover:hover, .table tr.dark\:lg\:hover:nth-child(even):hover{ --tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))} .table-zebra tr.dark\:lg\:hover:hover, .table-zebra tr.dark\:lg\:hover:nth-child(even):hover{ --tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}}}} .hover\:scale-110:hover{ --tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:border-white\/70:hover{ border-color:rgb(255 255 255 / 0.7)} .hover\:bg-gray-100:hover{ --tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))} .hover\:font-bold:hover{ font-weight:700} .hover\:shadow-2xl:hover{ --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-white\/30:hover{ --tw-shadow-color:rgb(255 255 255 / 0.3);--tw-shadow:var(--tw-shadow-colored)} .before\:hover\:text-center:hover::before{ content:var(--tw-content);text-align:center} .hover\:before\:text-center:hover::before{ content:var(--tw-content);text-align:center} .focus\:outline-none:focus{ outline:2px solid transparent;outline-offset:2px} .focus\:ring-2:focus{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-blue-600:focus{ --tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235 / var(--tw-ring-opacity))} .focus\:ring-offset-2:focus{ --tw-ring-offset-width:2px} .focus\:ring-offset-white:focus{ --tw-ring-offset-color:#fff} .focus\:hover\:text-center:hover:focus{ text-align:center} .hover\:focus\:text-center:focus:hover{ text-align:center} .disabled\:pointer-events-none:disabled{ pointer-events:none} .disabled\:opacity-50:disabled{ opacity:0.5} .group:hover .group-hover\:text-white{ --tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} @media (min-width: 640px){ .sm\:mb-0{ margin-bottom:0px} .sm\:w-auto{ width:auto} .sm\:grid-cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr))} .sm\:flex-row{ flex-direction:row} .sm\:justify-center{ justify-content:center} .sm\:p-4{ padding:1rem} .sm\:px-6{ padding-left:1.5rem;padding-right:1.5rem} .sm\:underline{ text-decoration-line:underline}} @media (min-width: 768px){ .md\:mb-0{ margin-bottom:0px} .md\:mt-8{ margin-top:2rem} .md\:block{ display:block} .md\:h-8{ height:2rem} .md\:w-1\/3{ width:33.333333%} .md\:w-2\/3{ width:66.666667%} .md\:w-8{ width:2rem} .md\:grid-cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr))} .md\:flex-nowrap{ flex-wrap:nowrap} .md\:justify-start{ justify-content:flex-start} .md\:p-6{ padding:1.5rem} .md\:text-3xl{ font-size:1.875rem;line-height:2.25rem} .md\:text-lg{ font-size:1.125rem;line-height:1.75rem}} @media (min-width: 1024px){ .lg\:flex{ display:flex} .lg\:hidden{ display:none} .lg\:h-auto{ height:auto} .lg\:max-h-\[17rem\]{ max-height:17rem} .lg\:min-h-\[15rem\]{ min-height:15rem} .lg\:w-1\/3{ width:33.333333%} .lg\:w-2\/3{ width:66.666667%} .lg\:w-auto{ width:auto} .lg\:max-w-7xl{ max-width:80rem} .lg\:grid-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr))} .lg\:flex-row{ flex-direction:row} .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))} .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .lg\:px-8{ padding-left:2rem;padding-right:2rem} .lg\:py-6{ padding-top:1.5rem;padding-bottom:1.5rem} .lg\:py-8{ padding-top:2rem;padding-bottom:2rem} .lg\:pb-8{ padding-bottom:2rem}} @media (min-width: 1280px){ .xl\:mt-0{ margin-top:0px} .xl\:flex-row{ flex-direction:row} .xl\:items-center{ align-items:center} .xl\:px-10{ padding-left:2.5rem;padding-right:2.5rem}} @media (prefers-color-scheme: dark){ .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity:1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))} .dark\:border-gray-700{ --tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity))} .dark\:bg-black\/70{ background-color:rgb(0 0 0 / 0.7)} .dark\:text-gray-400{ --tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))} .dark\:text-primary{ --tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))} .dark\:hover\:bg-gray-700:hover{ --tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))} .dark\:hover\:text-white:hover{ --tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} .dark\:focus\:outline-none:focus{ outline:2px solid transparent;outline-offset:2px} .dark\:focus\:ring-1:focus{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .dark\:focus\:ring-gray-600:focus{ --tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99 / var(--tw-ring-opacity))} .dark\:focus\:ring-offset-gray-800:focus{ --tw-ring-offset-color:#1f2937} @media (min-width: 1024px){ .dark\:lg\:hover\:\[paint-order\:markers\]:hover{ paint-order:markers}}}.langBtn,.langBtn:focus,.langBtn:hover{--bezier:cubic-bezier(0.22, 0.61, 0.36, 1);--edge-light:hsla(0, 0%, 50%, 0.8);--text-light:rgba(255, 255, 255, 0.4);--back-color:135,40%;transition:all .1s var(--bezier)}.langBtn:active,.langBtn:focus,.langBtn:hover{background:linear-gradient(140deg,hsla(var(--back-color),50%,1) min(2em,20%),hsla(var(--back-color),50%,.6) min(8em,100%))}.langBtn{cursor:pointer;padding:.3em;border-radius:.5em;min-height:2em;min-width:2em;display:flex;align-items:center;gap:.5em;text-align:center;font-size:18px;letter-spacing:.05em;line-height:1;font-weight:700;color:hsla(0,0%,90%);border:0;box-shadow:0 0 0 1px rgba(113,114,114,.7)}.langBtn:focus,.langBtn:hover{transform:scale(1.1)}.langBtn:active{--text-light:rgba(255, 255, 255, 1);box-shadow:inset .4px 1px 8px var(--edge-light),0 0 8px hsla(var(--back-color),50%,.6);text-shadow:0 0 20px var(--text-light);color:#fff;letter-spacing:.1em;transform:scale(1)}.langsvg{fill:oklch(var(--bc))}.langsvg:hover{fill:#111111}