@charset "UTF-8";
[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)} @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
    *,
::before,
::after {
box-sizing: border-box;
} html {
-o-tab-size: 4;
tab-size: 4;
} html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} body {
font-family:
system-ui,
-apple-system, 'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
}  hr {
height: 0; color: inherit; }  abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; 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; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
select { text-transform: none;
} button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
} ::-moz-focus-inner {
border-style: none;
padding: 0;
} :-moz-focusring {
outline: 1px dotted ButtonText;
} :-moz-ui-invalid {
box-shadow: none;
} legend {
padding: 0;
} 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;
}
button {
background-color: transparent;
background-image: none;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}  html {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } body {
font-family: inherit;
line-height: inherit;
} *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; } hr {
border-top-width: 1px;
} img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #a3a3a3;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
} pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden] {
display: none;
}
*, ::before, ::after{
--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-transform: translateX(var(--tw-translate-x)) translateY(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-border-opacity: 1;
border-color: rgba(229, 229, 229, var(--tw-border-opacity));
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-blur: var(--tw-empty,  );
--tw-brightness: var(--tw-empty,  );
--tw-contrast: var(--tw-empty,  );
--tw-grayscale: var(--tw-empty,  );
--tw-hue-rotate: var(--tw-empty,  );
--tw-invert: var(--tw-empty,  );
--tw-saturate: var(--tw-empty,  );
--tw-sepia: var(--tw-empty,  );
--tw-drop-shadow: var(--tw-empty,  );
--tw-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);
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
-webkit-appearance: none;
appearance: none;
background-color: #fff;
border-color: #737373;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--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);
border-color: #2563eb;
}
input::placeholder,textarea::placeholder{
color: #737373;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}
::-webkit-date-and-time-value{
min-height: 1.5em;
}
select{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
[multiple]{
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
color-adjust: unset;
}
[type='checkbox'],[type='radio']{
-webkit-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #737373;
border-width: 1px;
}
[type='checkbox']{
border-radius: 0px;
}
[type='radio']{
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--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);
}
[type='checkbox']:checked,[type='radio']:checked{
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
[type='radio']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
border-color: transparent;
background-color: currentColor;
}
[type='checkbox']:indeterminate{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
border-color: transparent;
background-color: currentColor;
}
[type='file']{
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type='file']:focus{
outline: 1px auto -webkit-focus-ring-color;
}
.plyr--video{
max-height: 100%;
overflow: visible;
}
.plyr--video .plyr__controls{
position: absolute;
bottom: 1rem;
left: 0px;
flex-direction: row;
background-image: none;
padding-top: 0px;
padding-bottom: 0px;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
z-index: 100;
}
.plyr--video .plyr__controls .plyr__progress__container{
width: 100%;
padding-left: 16px !important;
padding-right: 16px !important;
flex: 1 1 100%;
}
.plyr--video .plyr__controls_top{
width: 100%;
}
.plyr--video .plyr__controls_time{
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: auto;
}
.plyr__control--overlaid{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.plyr--video .plyr__progress__buffer{
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.plyr--full-ui input[type=range]{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true]{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: 0;
}
.video-player.is-hidden{
pointer-events: none;
--tw-translate-x: -100%;
transform: var(--tw-transform);
transform: var(--tw-transform);
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 700ms;
}
.video-player.is-active{
pointer-events: auto;
--tw-translate-x: 0px;
transform: var(--tw-transform);
opacity: 1;
}
.plyr--paused .toogle-video-status > img:first-of-type{
display: block;
}
.plyr--playing .toogle-video-status > img:last-of-type{
display: block;
}
.plyr--paused .play_video_btn {
display: block !important;
}
.plyr--playing .play_video_btn {
display: none;
}
.is-open {
opacity: 100 !important;
pointer-events: auto !important;
transform: translateX(0) !important;
}
.plyr--paused .pause_video_btn,
.pause_video_btn.is-stopped {
opacity: 0;
}
.swiper-pagination{
display: inline-flex;
align-items: center;
}
.swiper-pagination > :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)));
}
.swiper-pagination-bullet{
display: block;
height: 1rem;
width: 1rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(140, 151, 172, var(--tw-bg-opacity));
}
.swiper-pagination-bullet-active{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
}
main{
position: relative;
}
table{
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
table thead tr{
padding-top: 1rem;
padding-bottom: 1rem;
}
table thead tr td{
position: relative;
}
table tbody tr{
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(215, 215, 215, var(--tw-border-opacity));
}
table tbody tr:nth-child(even){
--tw-bg-opacity: 1;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}
table tbody tr td{
border-left-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(215, 215, 215, var(--tw-border-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
table tbody tr td:first-child{
border-style: none;
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
padding-left: 0.5rem;
}
.wpcf7-form button,
.wpcf7-form .has-more {
color: #78faae !important;
}
body{
width: 100%;
}
.mix-blend-plus-lighter {
mix-blend-mode: plus-lighter;
}
.aspect-new-skoda {
aspect-ratio: 961/554;
}
.aspect-new-skoda2 {
aspect-ratio: 710/485;
}
.aspect-new-skoda3 {
aspect-ratio: 950/419;
}
.leading-skoda {
line-height: 1.3;
}
.has-clip {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%);
}
.has-clip-right {
-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
}
.landing-page-hero form{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.landing-page-hero form label{
grid-column: span 2 / span 2;
display: flex;
flex-direction: column;
gap: 0.5rem;
font-size: 1rem;
line-height: 1.3;
}
.landing-page-hero form label input, .landing-page-hero form label textarea{
width: 100%;
resize: none;
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(201, 201, 201, var(--tw-border-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 300;
--tw-text-opacity: 1;
color: rgba(115, 115, 115, var(--tw-text-opacity));
}
.landing-page-hero form .email-wrapper, .landing-page-hero form .phone-wrapper{
grid-column: span 2 / span 2;
}
@media (min-width: 640px){
.landing-page-hero form .email-wrapper, .landing-page-hero form .phone-wrapper{
grid-column: span 1 / span 1;
}
}
.landing-page-hero form .wpcf7-submit{
grid-column: span 2 / span 2;
width: 100%;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
padding: 1.5rem;
font-size: 1rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgba(14, 58, 47, var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.landing-page-hero form .wpcf7-submit:hover{
--tw-bg-opacity: 1;
background-color: rgba(168, 255, 204, var(--tw-bg-opacity));
}
.landing-page-hero form .wpcf7-spinner{
display: none;
}
.landing-page-hero form .form-rules{
grid-column: span 2 / span 2;
font-size: .75rem;
--tw-text-opacity: 1;
color: rgba(97, 96, 96, var(--tw-text-opacity));
line-height: 1.3;
}
.landing-page-hero form .form-rules a{
display: inline;
font-size: .75rem;
--tw-text-opacity: 1;
color: rgba(97, 96, 96, var(--tw-text-opacity));
text-decoration: underline;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.landing-page-hero form .form-rules a:hover{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.landing-page-hero form .form-rules .show-button{
cursor: pointer;
text-decoration: underline;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.landing-page-hero form .form-rules .show-button:hover{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.landing-page-hero form .wpcf7-response-output{
grid-column: span 2 / span 2;
font-size: .75rem;
text-align: left !important;
padding: 0 !important;
margin: 0 !important;
}
.skoda-gradient {
background: linear-gradient(180deg, white 0%, white 20%, rgba(255, 255, 255, 0) 100%);
}
.swiper-slider1 .swiper-slide-active img{
opacity: 1;
}
.data-point.active .data-point-text{
pointer-events: auto;
display: flex;
}
.data-point.active .data-point-x{
opacity: 1;
}
.data-point.active{
z-index: 20;
}
@media (max-width: 991px) {
.data-point-text {
display: none !important;
}
}
* {
-webkit-tap-highlight-color: transparent;
}
.page-template-template-new-skoda-landing main{
isolation: isolate;
}
@media (max-width: 991px) {
.page-template-template-new-skoda-landing .landing-page-hero {
aspect-ratio: 361/338;
}
.page-template-template-new-skoda-landing .landing-page-hero .image-desktop{
display: none;
}
}
@media (max-width: 767px) {
.page-template-template-new-skoda-landing .landing-page-traits{
display: none;
}
}
.ignore-heading-size h1, .ignore-heading-size h2, .ignore-heading-size h3, .ignore-heading-size h4, .ignore-heading-size h5, .ignore-heading-size h6, .ignore-heading-size p {
font-size: inherit !important;
line-height: inherit !important;
}
@font-face {
font-family: "SKODA Next";
src: url(https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/fonts/SKODANext-Light.woff2) format("woff2"), url(https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/fonts/SKODANext-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Skoda Pro";
src: url(https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/fonts/SkodaPro-Bold.woff2) format("woff2"), url(https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/fonts/SkodaPro-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SKODA Next";
src: url(https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/fonts/SKODANext-Regular.woff2) format("woff2"), url(https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/fonts/SKODANext-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SKODA Next";
src: url(https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/fonts/SKODANext-Bold.woff2) format("woff2"), url(https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/.https://skodaplichta.pl/wp-content/themes/skoda2021/public/styles/fonts/SKODANext-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body{
font-family: SKODA Next, Helvetica, Arial, sans-serif;
font-size: 1rem;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
text-rendering: optimizeLegibility;
line-height: normal;
}
a{
text-decoration: none;
outline: 2px solid transparent;
outline-offset: 2px;
}
a:not([class]) {
font-size: calc(0.875rem + (1 - 0.875) * ((100vw - 48rem) / (120 - 48)));
}
@media (max-width: 48rem) {
a:not([class]) {
font-size: 0.875rem;
}
}
@media (min-width: 120rem) {
a:not([class]) {
font-size: 1rem;
}
}
p {
font-size: calc(0.875rem + (1 - 0.875) * ((100vw - 48rem) / (120 - 48)));
}
@media (max-width: 48rem) {
p {
font-size: 0.875rem;
}
}
@media (min-width: 120rem) {
p {
font-size: 1rem;
}
}
p + p{
margin-top: 1rem;
}
h1, h2, h3, h4, h5, h6{
font-weight: 700;
line-height: 1.5;
}
.text-jumbo {
font-size: calc(1.125rem + (3.125 - 1.125) * ((100vw - 48rem) / (120 - 48)));
line-height: 1.2;
}
@media (max-width: 48rem) {
.text-jumbo {
font-size: 1.125rem;
}
}
@media (min-width: 120rem) {
.text-jumbo {
font-size: 3.125rem;
}
}
h1,
.text-alpha {
font-size: calc(1.5rem + (2.625 - 1.5) * ((100vw - 48rem) / (120 - 48)));
}
@media (max-width: 48rem) {
h1,
.text-alpha {
font-size: 1.5rem;
}
}
@media (min-width: 120rem) {
h1,
.text-alpha {
font-size: 2.625rem;
}
}
h2,
.text-beta {
font-size: calc(1.225rem + (2.625 - 1.225) * ((100vw - 48rem) / (120 - 48)));
line-height: 1.2;
}
@media (max-width: 48rem) {
h2,
.text-beta {
font-size: 1.225rem;
}
}
@media (min-width: 120rem) {
h2,
.text-beta {
font-size: 2.625rem;
}
}
h3,
.text-gamma {
font-size: calc(1.125rem + (1.875 - 1.125) * ((100vw - 48rem) / (120 - 48)));
}
@media (max-width: 48rem) {
h3,
.text-gamma {
font-size: 1.125rem;
}
}
@media (min-width: 120rem) {
h3,
.text-gamma {
font-size: 1.875rem;
}
}
h4,
.text-delta {
font-size: calc(1rem + (1.5 - 1) * ((100vw - 48rem) / (120 - 48)));
}
@media (max-width: 48rem) {
h4,
.text-delta {
font-size: 1rem;
}
}
@media (min-width: 120rem) {
h4,
.text-delta {
font-size: 1.5rem;
}
}
h5,
.text-epsilon {
font-size: calc(1rem + (1.25 - 1) * ((100vw - 48rem) / (120 - 48)));
}
@media (max-width: 48rem) {
h5,
.text-epsilon {
font-size: 1rem;
}
}
@media (min-width: 120rem) {
h5,
.text-epsilon {
font-size: 1.25rem;
}
}
h6,
.text-zeta {
font-size: calc(1rem + (1.125 - 1) * ((100vw - 48rem) / (120 - 48)));
}
@media (max-width: 48rem) {
h6,
.text-zeta {
font-size: 1rem;
}
}
@media (min-width: 120rem) {
h6,
.text-zeta {
font-size: 1.125rem;
}
}
.content--wysiwyg h2{
margin-bottom: 1.75rem;
}
.content--wysiwyg p{
line-height: 1.5;
}
.content--wysiwyg p + p{
margin-top: 2rem;
}
.container{
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 992px) {
.container {
max-width: 96vw;
}
}
@media (min-width: 1366px) {
.container {
max-width: 80vw;
}
}
.container-superwide{
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1366px){
.container-superwide{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.container-superwide {
max-width: calc(1800px + 3rem);
}
}
.container-narrower{
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1366px){
.container-narrower{
padding-left: 0px;
padding-right: 0px;
}
.container-narrower {
max-width: calc(1545px + 3rem);
}
}
.container-75{
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1366px){
.container-75{
padding-left: 0px;
padding-right: 0px;
}
.container-75 {
max-width: calc(75vw + 3rem);
}
.custom-grid-rows-30-70 {
grid-template-rows: 1fr 2fr;
}
}
.container-header{
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 992px) {
.container-header {
max-width: 98vw;
}
}
@media (min-width: 1280px) {
.container-header {
max-width: 96vw;
}
}
@media (min-width: 1536px) {
.container-header {
max-width: 92vw;
}
}
.container-title{
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 992px) {
.container-title {
max-width: 94vw;
}
}
@media (min-width: 1280px) {
.container-title {
max-width: 90vw;
}
}
@media (min-width: 1536px) {
.container-title {
max-width: 942px;
}
}
.container-fluid{
margin-left: auto;
margin-right: auto;
display: block;
}
@media (min-width: 992px) {
.container-fluid {
max-width: 100%;
}
}
@media (min-width: 1024px) {
.container-fluid {
max-width: 96vw;
}
}
@media (min-width: 1280px) {
.container-fluid {
max-width: 96vw;
}
}
@media (min-width: 1366px) {
.container-fluid {
max-width: 90vw;
}
}
@media (min-width: 1536px) {
.container-fluid {
max-width: 86vw;
}
}
@media (min-width: 1680px) {
.container-fluid {
max-width: 80vw;
}
}
body{
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
body > #wpadminbar{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
opacity: 0.4;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
body > #wpadminbar:hover{
opacity: 1;
}
body.init > #wpadminbar #wp-admin-bar-env-info{
pointer-events: none;
--tw-bg-opacity: 1;
background-color: rgba(159, 18, 57, var(--tw-bg-opacity));
padding-left: 2rem;
padding-right: 2rem;
}
body.development > #wpadminbar #wp-admin-bar-env-info{
pointer-events: none;
--tw-bg-opacity: 1;
background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
padding-left: 2rem;
padding-right: 2rem;
}
body.production > #wpadminbar #wp-admin-bar-env-info{
pointer-events: none;
--tw-bg-opacity: 1;
background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
padding-left: 2rem;
padding-right: 2rem;
}
ul:not([class]){
margin-bottom: 1.75rem;
margin-left: 1.25rem;
list-style-type: disc;
padding-left: 1.25rem;
}
ul:not([class]) li{
margin-bottom: 1.75rem;
}
.swiper-button-disabled{
pointer-events: none;
opacity: 0.6;
}
.instagram{
height: 100%;
overflow: hidden;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(243, 243, 243, var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.instagram #sb_instagram{
display: flex;
height: 100%;
flex-direction: column;
}
.instagram #sbi_images {
padding: 0 !important;
}
.instagram .sbi_photo{
width: 100%;
order: 1;
height: 310px !important;
}
.instagram .sbi_info{
padding-top: 1.5rem;
padding-bottom: 2rem;
order: 2;
}
.instagram .sb_instagram_header {
order: 3;
padding: 0 1rem;
}
.wa__btn_popup {
bottom: 6rem !important;
}
body.is-blocked{
overflow: hidden;
}
canvas {
display: block;
}
body {
margin: 0;
}
.image-as-bg-mobile {
height: 350px !important;
max-height: 350px !important;
min-height: 350px !important;
}
@media (max-width: 500px) {
.image-as-bg-mobile {
height: 244px !important;
max-height: 244px !important;
min-height: 244px !important;
}
}
.bg-gradient-grayscale {
background: white;
background: linear-gradient(180deg, white 0%, #f3f3f3 19%);
}
.bg-gradient-map {
background: white;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #f3f3f3 50%);
}
.map-button-active {
background-color: #78FAAE !important;
}
.map-info-box-service strong{
display: block;
}
button.gm-ui-hover-effect {
top: 5px !important;
right: 5px !important;
}
#calculation-results {
scroll-margin-top: 150px;
}
@media (min-width: 768px) {
.bg-hero-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 260px;
height: 100%;
background-color: #0d3a2f;
transform: skewX(-20deg);
transform-origin: top right;
}
}
.group[open] .show-when-open {
display: flex !important;
}
.group[open] .hide-when-open {
display: none !important;
}
.details-box{
border-radius: 1.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(245, 245, 245, var(--tw-border-opacity));
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1280px){
.details-box{
border-radius: 360px;
}
.details-box{
padding-left: 2rem;
padding-right: 2rem;
}
}
details[open].details-box{
border-radius: 1.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(13, 58, 47, var(--tw-border-opacity));
} body > #wpadminbar{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
opacity: 0.4;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
body > #wpadminbar:hover{
opacity: 1;
}
#wp-admin-bar-env-info .env-info{
pointer-events: none;
padding-left: 2rem;
padding-right: 2rem;
}
#wp-admin-bar-env-info .env-info--init{
--tw-bg-opacity: 1;
background-color: rgba(159, 18, 57, var(--tw-bg-opacity));
}
#wp-admin-bar-env-info .env-info--development{
--tw-bg-opacity: 1;
background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
}
#wp-admin-bar-env-info .env-info--production{
--tw-bg-opacity: 1;
background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}
#wp-admin-bar-imaggo-adv .imaggo-support-banner{
--tw-bg-opacity: 1;
background-color: rgba(38, 38, 38, var(--tw-bg-opacity));
}
#wp-admin-bar-imaggo-adv .imaggo-support-banner:hover{
--tw-bg-opacity: 1;
background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
}
#wp-admin-bar-imaggo-adv .imaggo-support-banner {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 8px !important;
color: #fff !important;
} .site-menu{
margin-bottom: 2rem;
display: flex;
width: 100%;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 2rem;
font-weight: 700;
text-transform: none;
}
@media (min-width: 992px){
.site-menu{
margin-bottom: 0px;
}
.site-menu{
width: auto;
}
.site-menu{
flex-direction: row;
}
.site-menu{
justify-content: space-between;
}
.site-menu{
gap: 0.5rem;
}
.site-menu{
padding-left: 0px;
padding-right: 0px;
}
.site-menu{
padding-top: 0px;
}
.site-menu{
margin-left: auto;
margin-right: auto;
}
.site-menu{
max-width: 1300px;
}
.site-menu{
align-items: center;
}
}
.site-menu{
overflow-y: auto;
}
@media (min-width: 992px){
.site-menu{
overflow-y: visible;
}
}
.site-menu {
container-type: inline-size;
container-name: mainmenucontainer;
}
.site-menu__item{
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(215, 215, 215, var(--tw-border-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
}
@media (min-width: 320px){
.site-menu__item{
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 992px){
.site-menu__item{
width: min-content;
}
.site-menu__item{
min-width: 52px;
}
.site-menu__item{
border-style: none;
}
.site-menu__item{
padding-top: 0px;
padding-bottom: 0px;
}
}
.site-menu__item{
position: relative;
}
.site-menu__item .sub-menu .menu-item{
padding-bottom: 0px;
border-bottom: none;
}
@media (min-width: 992px) {
.site-menu__item .sub-menu{
position: absolute;
}
.site-menu__item .sub-menu{
left: 0px;
}
.site-menu__item .sub-menu{
display: none;
}
.site-menu__item .sub-menu{
padding: 1.5rem;
}
.site-menu__item .sub-menu{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
}
.site-menu__item .sub-menu{
top: 100%;
}
.site-menu__item .sub-menu .menu-item{
width: max-content;
}
.site-menu__item .sub-menu .menu-item:hover{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.site-menu__item .sub-menu .menu-item:hover a{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.site-menu__item:hover .sub-menu{
display: flex;
}
.site-menu__item:hover .sub-menu{
flex-direction: column;
}
}
.site-menu__item a{
position: relative;
display: block;
overflow: hidden;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
text-align: center;
font-weight: 700;
font-size: inherit;
font-weight: inherit;
}
.site-menu__item a::before {
content: "";
}
@media (min-width: 992px) {
.site-menu__item a::before{
position: absolute;
}
.site-menu__item a::before{
left: 0px;
}
.site-menu__item a::before{
bottom: 0px;
}
.site-menu__item a::before{
display: block;
}
.site-menu__item a::before{
height: 0.25rem;
}
.site-menu__item a::before{
width: 100%;
}
.site-menu__item a::before{
--tw-translate-x: -100%;
transform: var(--tw-transform);
}
.site-menu__item a::before{
transform: var(--tw-transform);
}
.site-menu__item a::before{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
}
.site-menu__item a::before{
opacity: 0;
}
.site-menu__item a::before{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.site-menu__item a::before{
transition-duration: 500ms;
}
.site-menu__item a:hover::before{
--tw-translate-x: 0px;
transform: var(--tw-transform);
}
.site-menu__item a:hover::before{
opacity: 1;
}
.site-menu__item.current-menu-item a::before{
position: absolute;
}
.site-menu__item.current-menu-item a::before{
left: 0px;
}
.site-menu__item.current-menu-item a::before{
bottom: 0px;
}
.site-menu__item.current-menu-item a::before{
display: block;
}
.site-menu__item.current-menu-item a::before{
height: 0.25rem;
}
.site-menu__item.current-menu-item a::before{
width: 100%;
}
.site-menu__item.current-menu-item a::before{
--tw-translate-x: 0px;
transform: var(--tw-transform);
}
.site-menu__item.current-menu-item a::before{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
}
.site-menu__item.current-menu-item a::before{
opacity: 1;
}
}
.footer-menu{
display: flex;
}
.footer-menu__item{
margin-right: 4rem;
font-size: .875rem;
}
.footer-menu__item a:hover{
opacity: 0.6;
}
.footer-menu__item a {
font-size: inherit;
}
.footer-column-menu{
margin-bottom: 2rem;
}
@media (min-width: 992px){
.footer-column-menu{
margin-bottom: 0px;
}
}
.footer-column-menu button{
display: flex;
align-items: center;
font-size: .875rem;
font-weight: 700;
text-transform: none;
}
.footer-column-menu button:hover{
opacity: 0.6;
}
.footer-column-menu button span{
margin-right: 0.75rem;
}
.footer-column-menu button::after {
content: "";
border: 2px solid #78faae;
width: 0.5rem;
height: 0.5rem;
transition: transform 200ms ease;
transform: rotate(45deg);
transform-origin: center center;
display: inline-block;
border-left: none;
border-top: none;
}
.footer-column-menu button.open::after {
transform: rotate(225deg);
}
.footer-column-menu__item{
margin-top: 1rem;
font-size: .875rem;
}
.footer-column-menu__item a:hover{
opacity: 0.6;
}
.footer-column-menu__item a {
font-size: inherit;
}
.nav-column{
overflow: hidden;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 500ms;
max-height: 0;
}
.nav-column.visible {
max-height: 500px;
}
select:active, select:focus{
--tw-border-opacity: 1;
border-color: rgba(120, 250, 174, var(--tw-border-opacity));
--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(0px + 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);
}
button:focus {
outline: none;
}
:focus {
outline: none !important;
}
.button, .skoda-form input[type=submit] {
font-size: calc(0.75rem + (1 - 0.75) * ((100vw - 20rem) / (230 - 20)));
width: 230px;
max-width: 100%;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
padding-top: 0.782rem;
padding-bottom: 0.782rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgba(14, 58, 47, var(--tw-text-opacity));
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 500ms;
}
.button:hover, .skoda-form input[type=submit]:hover{
--tw-bg-opacity: 1;
background-color: rgba(168, 255, 204, var(--tw-bg-opacity));
}
@media (min-width: 992px){
.button, .skoda-form input[type=submit]{
max-width: 100%;
}
}
@media (max-width: 20rem) {
.button, .skoda-form input[type=submit] {
font-size: 0.75rem;
}
}
@media (min-width: 230rem) {
.button, .skoda-form input[type=submit] {
font-size: 1rem;
}
}
.button--second{
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.button--white{
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.button--small {
font-size: calc(0.5rem + (0.75 - 0.5) * ((100vw - 20rem) / (100 - 20)));
width: auto;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
}
@media (max-width: 20rem) {
.button--small {
font-size: 0.5rem;
}
}
@media (min-width: 100rem) {
.button--small {
font-size: 0.75rem;
}
}
.button--medium {
font-size: calc(0.75rem + (0.825 - 0.75) * ((100vw - 20rem) / (100 - 20)));
width: auto;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (max-width: 20rem) {
.button--medium {
font-size: 0.75rem;
}
}
@media (min-width: 100rem) {
.button--medium {
font-size: 0.825rem;
}
}
.button--menu {
font-size: calc(0.5rem + (0.875 - 0.5) * ((100vw - 20rem) / (100 - 20)));
width: auto;
white-space: nowrap;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 992px){
.button--menu{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1280px){
.button--menu{
padding-top: 1.25vw;
padding-bottom: 1.25vw;
}
.button--menu{
padding-left: 1.67vw;
padding-right: 1.67vw;
}
}
@media (max-width: 20rem) {
.button--menu {
font-size: 0.5rem;
}
}
@media (min-width: 100rem) {
.button--menu {
font-size: 0.875rem;
}
}
.button-outline {
font-size: calc(0.75rem + (0.875 - 0.75) * ((100vw - 20rem) / (100 - 20)));
width: 220px;
max-width: 100%;
border-radius: 9999px;
background-color: transparent;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: center;
font-weight: 700;
text-transform: uppercase;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 500ms;
}
@media (min-width: 992px){
.button-outline{
max-width: 100%;
}
.button-outline{
padding-top: 1.25vw;
padding-bottom: 1.25vw;
}
.button-outline{
padding-left: 1.67vw;
padding-right: 1.67vw;
}
}
@media (max-width: 20rem) {
.button-outline {
font-size: 0.75rem;
}
}
@media (min-width: 100rem) {
.button-outline {
font-size: 0.875rem;
}
}
.button-outline--small{
width: auto;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (min-width: 992px){
.button-outline--small{
max-width: 100%;
}
}
.arrow-url {
font-size: calc(0.75rem + (0.875 - 0.75) * ((100vw - 20rem) / (100 - 20)));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-weight: 700;
text-transform: uppercase;
}
@media (min-width: 992px){
.arrow-url{
padding-top: 1.25vw;
padding-bottom: 1.25vw;
}
}
@media (max-width: 20rem) {
.arrow-url {
font-size: 0.75rem;
}
}
@media (min-width: 100rem) {
.arrow-url {
font-size: 0.875rem;
}
}
img[data-lazy]{
opacity: 0;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
img[data-lazy].loaded{
opacity: 1;
}
.input-range{
height: 0.75rem;
width: 100%;
-webkit-appearance: none;
appearance: none;
border-style: none;
background-color: transparent;
}
@media (min-width: 992px){
.input-range{
height: 1rem;
}
}
.input-range::-webkit-slider-thumb{
height: 1rem;
width: 1rem;
-webkit-appearance: none;
appearance: none;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
}
@media (min-width: 992px){
.input-range::-webkit-slider-thumb{
height: 2rem;
}
.input-range::-webkit-slider-thumb{
width: 2rem;
}
}
.input-range::-ms-track{
appearance: none;
border-color: transparent;
background-color: transparent;
color: transparent;
}
.popup{
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
z-index: 40;
width: 100%;
--tw-translate-x: -100%;
transform: var(--tw-transform);
transform: var(--tw-transform);
overflow: auto;
--tw-bg-opacity: 1;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
padding-top: 9rem;
padding-bottom: 9rem;
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 500ms;
}
.popup.active{
--tw-translate-x: 0px;
transform: var(--tw-transform);
opacity: 1;
}
.popup.active.is-send{
--tw-translate-x: -100%;
transform: var(--tw-transform);
opacity: 0;
}
.popup__overlay{
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}
.popup__body{
position: absolute;
position: relative;
top: 0px;
left: 50%;
width: 1060px;
max-width: 96vw;
--tw-translate-x: -50%;
transform: var(--tw-transform);
transform: var(--tw-transform);
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
padding-top: 4rem;
padding-bottom: 4rem;
padding-left: 2rem;
padding-right: 2rem;
}
.block-scrolling{
overflow: hidden;
padding-right: 1rem;
height: 100%;
}
.car-pagination {
margin-top: 2.5rem;
}
.car-pagination ul {
display: flex;
justify-content: center;
align-items: center;
}
.car-pagination ul li {
margin: 0 12px;
}
.car-pagination ul li label {
position: relative;
font-weight: bold;
border-radius: 55px;
font-size: 1rem;
padding: 9px 20px;
border: 1px solid #D7D7D7;
}
.car-pagination ul li label.active {
border: 1px solid #78FAAE;
pointer-events: none;
}
.car-pagination ul li label.active:hover {
border: 1px solid #78FAAE;
}
.car-pagination ul li label:hover {
border: 1px solid #2d2d2d;
}
.car-pagination ul li label input {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.loader div {
animation-duration: 0.5s;
}
.loader div:first-child {
animation-delay: 0.1s;
}
.loader div:nth-child(2) {
animation-delay: 0.3s;
}
.loader div:nth-child(3) {
animation-delay: 0.6s;
}
.pagination {
margin-top: 2.5rem;
}
.pagination ul {
display: flex;
justify-content: center;
align-items: center;
}
.pagination ul li {
margin: 0 12px;
}
.pagination ul li a {
position: relative;
font-weight: bold;
border-radius: 55px;
font-size: 1rem;
padding: 9px 20px;
border: 1px solid #D7D7D7;
}
.pagination ul li a:hover {
border: 1px solid #78FAAE;
}
.pagination ul li span.current {
border: 1px solid #78FAAE;
border-radius: 55px;
font-size: 1rem;
padding: 9px 20px;
}
.pagination ul li span.current:hover {
border: 1px solid #78FAAE;
}
.wpcf7-form.invalid .wpcf7-response-output {
text-align: center;
color: #d8000c;
border: 0;
padding: 10px;
}
.wpcf7-form.sent .wpcf7-response-output {
text-align: center;
color: #4f8a10;
border: 0;
padding: 10px;
}
.wpcf7-form.failed .wpcf7-response-output {
text-align: center;
color: #d8000c;
border: 0;
padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
color: #d8000c;
border: 0;
padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #4f8a10;
border: 0;
padding: 10px;
}
div.wpcf7-mail-sent-ok:before,
div.wpcf7-validation-errors:before {
font: 26px/30px dashicons;
margin-right: 16px;
vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
content: "";
}
div.wpcf7-validation-errors:before {
content: "";
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 0.7em;
font-weight: normal;
display: block;
position: absolute;
bottom: -1rem;
left: 0;
}
.wpcf7-submit {
cursor: pointer;
}
.wpcf7-submit + .ajax-loader{
margin-left: auto;
margin-right: auto;
margin-top: 1.25rem;
display: inline-block;
text-align: center;
}
.acceptance-wrapper .wpcf7-list-item{
margin-left: 0px;
}
.wpcf7 form .wpcf7-response-output {
margin-top: 0 !important;
border: none !important;
}
.popup-form .acceptance-wrapper{
margin-bottom: 0px;
}
.popup-form .acceptance-wrapper p, .popup-form .acceptance-wrapper a, .popup-form .acceptance-wrapper span, .popup-form .acceptance-wrapper .wpcf7-list-item-label{
padding-left: 0.5rem;
font-size: .75rem;
font-weight: 300;
line-height: 1.375;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.popup-form .acceptance-wrapper a{
display: inline;
padding-left: 0px;
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.popup-form .acceptance-wrapper input[type=checkbox]{
height: 1rem;
width: 1rem;
cursor: pointer;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.popup-form .acceptance-wrapper input[type=checkbox]:focus{
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
}
.popup-form .acceptance-text-wrapper p, .popup-form .acceptance-text-wrapper a, .popup-form .acceptance-text-wrapper span, .popup-form .acceptance-text-wrapper .wpcf7-list-item-label{
margin-bottom: 0px;
padding-left: 0.5rem;
font-size: .75rem;
font-weight: 300;
line-height: 1.375;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.popup-form .acceptance-text-wrapper a{
display: inline;
padding-left: 0px;
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.popup-form .acceptance-wrapper .wpcf7-form-control.wpcf7-checkbox{
display: flex;
flex-direction: column;
}
.popup-form .acceptance-wrapper .wpcf7-form-control.wpcf7-checkbox > :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));
}
.skoda-form input,
.skoda-form textarea,
.skoda-form select {
outline: none !important;
box-shadow: none !important;
}
.skoda-form input:focus,
.skoda-form textarea:focus,
.skoda-form select:focus {
outline: none !important;
box-shadow: none !important;
}
.skoda-form input:active,
.skoda-form textarea:active,
.skoda-form select:active {
outline: none !important;
box-shadow: none !important;
}
.skoda-form .datepicker, .skoda-form input[type=date]{
display: block;
height: 100%;
width: 100%;
border-style: none;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-weight: 300;
}
.skoda-form .datepicker:focus, .skoda-form input[type=date]:focus{
border-style: none;
}
.skoda-form .datepicker,
.skoda-form input[type=date] {
padding-left: 0 !important;
}
.skoda-form textarea {
width: 100% !important;
}
.skoda-form .form-row{
margin-bottom: 2rem;
display: flex;
flex-direction: row;
gap: 1.25rem;
}
.skoda-form .form-row--small{
margin-bottom: 1rem;
}
.skoda-form .form-row--text{
margin-bottom: 0.5rem;
}
.skoda-form .form-field-box{
position: relative;
flex: 1 1 0%;
}
.skoda-form .form-label{
margin-bottom: 0.5rem;
display: block;
}
.skoda-form .more a{
margin-bottom: 0px;
padding-left: 0.5rem;
font-size: .75rem;
font-weight: 300;
line-height: 1.375;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
display: inline;
padding-left: 0px;
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.skoda-form .form-field-wrapper{
display: flex;
width: 100%;
align-items: center;
gap: 0.5rem;
border-radius: 4px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(201, 201, 201, var(--tw-border-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.skoda-form .form-field-wrapper.has-value{
border-radius: 4px;
--tw-border-opacity: 1;
border-color: rgba(23, 23, 23, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(23, 23, 23, var(--tw-text-opacity));
}
.skoda-form .form-field-wrapper.has-errors{
border-radius: 4px;
--tw-border-opacity: 1;
border-color: rgba(240, 68, 56, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(240, 68, 56, var(--tw-text-opacity));
}
.skoda-form .form-field-wrapper.has-value.has-errors{
border-radius: 4px;
--tw-border-opacity: 1;
border-color: rgba(240, 68, 56, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(240, 68, 56, var(--tw-text-opacity));
}
.skoda-form .form-field-wrapper svg {
flex-shrink: 0;
}
.skoda-form .form-field-wrapper--acceptance{
align-items: flex-start;
border-style: none;
padding-left: 0px;
padding-right: 0px;
font-size: .75rem;
font-weight: 400;
}
.skoda-form .form-field-wrapper--checkboxes{
flex-direction: column;
align-items: flex-start;
border-style: none;
padding-left: 0px;
padding-right: 0px;
font-size: .75rem;
font-weight: 400;
}
.skoda-form .form-field-wrapper .wpcf7-form-control-wrap{
width: 100%;
}
.skoda-form .form-icon {
flex-shrink: 0;
}
.skoda-form .form-field{
display: block;
height: 100%;
width: 100%;
border-style: none;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-weight: 300;
}
.skoda-form .form-field:focus{
border-style: none;
}
.skoda-form .form-field {
padding-left: 0 !important;
}
.skoda-form .form-field--textarea{
height: 160px;
width: 100%;
resize: none;
}
.skoda-form input[type=submit]{
margin-left: auto;
margin-right: auto;
display: block;
width: auto;
}
.skoda-form .wpcf7-spinner{
position: absolute;
left: 50%;
top: 50%;
--tw-translate-y: -50%;
transform: var(--tw-transform);
--tw-translate-x: -0.25rem;
transform: var(--tw-transform);
}
.skoda-form .acceptance{
position: relative;
}
.skoda-form .acceptance input{
position: absolute;
left: 0px;
top: 0px;
height: 100%;
height: 1rem;
width: 100%;
width: 1rem;
cursor: pointer;
opacity: 0;
}
.skoda-form .acceptance .wpcf7-list-item{
margin-left: 0px;
}
.skoda-form .acceptance-checkbox{
position: relative;
height: 1rem;
width: 1rem;
cursor: pointer;
border-radius: 4px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(201, 201, 201, var(--tw-border-opacity));
flex-shrink: 0;
}
.skoda-form .acceptance-checkbox::before{
position: absolute;
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-size: 1rem;
--tw-text-opacity: 1;
color: rgba(75, 168, 46, var(--tw-text-opacity));
opacity: 0;
content: "✓";
}
.skoda-form .acceptance-checkbox.is-checked{
--tw-border-opacity: 1;
border-color: rgba(120, 250, 174, var(--tw-border-opacity));
}
.skoda-form .acceptance-checkbox.is-checked::before{
opacity: 1;
}
.skoda-form .checkboxes .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item > input[type=checkbox]{
position: absolute;
left: 0px;
top: 0px;
height: 1rem;
width: 1rem;
cursor: pointer;
opacity: 0;
}
.skoda-form .checkboxes .checkbox-field{
display: flex;
align-items: flex-start;
gap: 0.5rem;
}
.skoda-form .checkboxes .wpcf7-form-control.wpcf7-checkbox{
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.skoda-form .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{
margin-left: 0px;
}
.skoda-form .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]{
position: relative;
cursor: pointer;
border-radius: 4px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(201, 201, 201, var(--tw-border-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
}
.skoda-form .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.skoda-form .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:active{
outline: 2px solid transparent;
outline-offset: 2px;
}
.skoda-form .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
flex-shrink: 0;
}
.skoda-form .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:focus {
outline: none !important;
}
.skoda-form .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked{
--tw-border-opacity: 1;
border-color: rgba(75, 168, 46, var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgba(251, 113, 133, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(75, 168, 46, var(--tw-text-opacity));
}
.skoda-form .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked::before{
content: "";
--tw-text-opacity: 1;
color: rgba(75, 168, 46, var(--tw-text-opacity));
content: "";
opacity: 1;
}
.skoda-form .wpcf7-form-control-wrap {
position: static !important;
}
.skoda-form .wpcf7-not-valid-tip{
position: absolute;
bottom: -14px;
left: 0px;
margin-top: 0.25rem;
font-size: .75rem;
font-weight: 300;
--tw-text-opacity: 1;
color: rgba(240, 68, 56, var(--tw-text-opacity));
}
.skoda-form select{
display: block;
height: 100%;
width: 100%;
border-style: none;
padding-top: 0.1em;
padding-bottom: 0.1em;
font-weight: 300;
}
.skoda-form select:focus{
border-style: none;
}
.text-[red] {
color: #f04438 !important;
}
.form-label sup{
font-size: .75rem;
font-weight: 300;
--tw-text-opacity: 1;
color: rgba(240, 68, 56, var(--tw-text-opacity));
}
.plyr--video{
max-height: 100%;
overflow: visible;
}
.plyr--video .plyr__controls{
position: absolute;
bottom: 1rem;
left: 0px;
flex-direction: row;
background-image: none;
padding-top: 0px;
padding-bottom: 0px;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
z-index: 100;
}
.plyr--video .plyr__controls .plyr__progress__container{
width: 100%;
padding-left: 16px !important;
padding-right: 16px !important;
flex: 1 1 100%;
}
.plyr--video .plyr__controls_top{
width: 100%;
}
.plyr--video .plyr__controls_time{
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: auto;
}
.plyr__control--overlaid{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.plyr--video .plyr__progress__buffer{
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.plyr--full-ui input[type=range]{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true]{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: 0;
}
.video-player.is-hidden{
pointer-events: none;
--tw-translate-x: -100%;
transform: var(--tw-transform);
transform: var(--tw-transform);
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 700ms;
}
.video-player.is-active{
pointer-events: auto;
--tw-translate-x: 0px;
transform: var(--tw-transform);
opacity: 1;
}
.plyr--paused .toogle-video-status > img:first-of-type{
display: block;
}
.plyr--playing .toogle-video-status > img:last-of-type{
display: block;
}
.plyr--paused .play_video_btn {
display: block !important;
}
.plyr--playing .play_video_btn {
display: none;
}
.is-open {
opacity: 100 !important;
pointer-events: auto !important;
transform: translateX(0) !important;
}
.plyr--paused .pause_video_btn,
.pause_video_btn.is-stopped {
opacity: 0;
}
.fabia-form{
border-radius: 15px;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgba(215, 215, 215, var(--tw-border-opacity));
}
.fabia-form .form-content{
margin-left: auto;
margin-right: auto;
margin-top: 2rem;
width: 100%;
padding-left: 57px;
padding-right: 57px;
}
@media (min-width: 992px){
.fabia-form .form-content{
margin-top: 3rem;
}
}
@media (min-width: 1536px){
.fabia-form .form-content{
margin-top: 3rem;
}
}
.fabia-form .form-content__row{
margin-bottom: 1.5rem;
display: flex;
flex-direction: column;
}
@media (min-width: 992px){
.fabia-form .form-content__row{
flex-direction: row;
}
.fabia-form .form-content__row > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
}
.fabia-form .form-content__field{
position: relative;
flex: 1 1 0%;
padding-top: 0.75rem;
}
.fabia-form .form-content__field > span{
display: block;
}
.fabia-form .form-content__field--date label{
padding-right: 2rem;
background-image: url(//skodaplichta.pl/wp-content/themes/skoda2021/resources/images/calendar.png);
background-repeat: no-repeat;
background-position: right center;
background-size: 15px 18px;
}
.fabia-form label{
pointer-events: none;
position: absolute;
top: 0px;
left: 0px;
display: block;
--tw-translate-y: 1rem;
transform: var(--tw-transform);
transform: var(--tw-transform);
font-size: 1rem;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.fabia-form label > span{
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.fabia-form input:not([type=checkbox]):not([type=submit]){
margin-top: 0px;
display: block;
width: 100%;
border-width: 0px;
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
padding-left: 0px;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.fabia-form input:not([type=checkbox]):not([type=submit]):focus{
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
--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(0px + 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);
}
.fabia-form input[type=date]::-webkit-calendar-picker-indicator {
background: transparent;
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
margin-left: 0;
padding-left: 0;
}
.fabia-form input[type=date]::placeholder {
color: transparent;
}
.fabia-form input[type=date]::-webkit-input-placeholder {
visibility: hidden !important;
visibility: hidden !important;
}
.fabia-form input[type=checkbox]{
height: 1.75rem;
width: 1.75rem;
cursor: pointer;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.fabia-form input[type=checkbox]:focus{
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
}
.fabia-form input[type=submit]{
width: 100%;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 500ms;
}
.fabia-form input[type=submit]:hover{
opacity: 0.8;
}
@media (min-width: 992px){
.fabia-form input[type=submit]{
padding-top: 1.25vw;
padding-bottom: 1.25vw;
}
.fabia-form input[type=submit]{
padding-left: 1.67vw;
padding-right: 1.67vw;
}
}
.fabia-form textarea{
margin-top: 0px;
display: block;
height: 2rem;
width: 100%;
border-width: 0px;
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
padding-left: 0.125rem;
padding-right: 0.125rem;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.fabia-form textarea:focus{
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
--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(0px + 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);
}
.fabia-form .acceptance-wrapper{
margin-top: 1rem;
display: flex;
}
.fabia-form .acceptance-wrapper > p{
padding-left: 1rem;
text-align: left;
font-size: .75rem;
font-weight: 300;
line-height: 1.375;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.fabia-form select{
width: 100%;
border-width: 0px;
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
--tw-ring-color: transparent;
}
.fabia-form select:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.fabia-form select:active{
outline: 2px solid transparent;
outline-offset: 2px;
}
.fabia-form .focusin + label{
--tw-translate-y: 0px;
transform: var(--tw-transform);
--tw-translate-x: 0px;
transform: var(--tw-transform);
padding-right: 1rem;
font-size: .75rem;
background-size: 12px 14px;
}
.fabia-form .has-value + label{
--tw-translate-y: 0px;
transform: var(--tw-transform);
--tw-translate-x: 0px;
transform: var(--tw-transform);
padding-right: 1rem;
font-size: .75rem;
background-size: 10px 12px;
}
.wpcf7-form.invalid .wpcf7-response-output {
text-align: center;
color: #d8000c;
border: 0;
padding: 10px;
}
.wpcf7-form.sent .wpcf7-response-output {
text-align: center;
color: #4f8a10;
border: 0;
padding: 10px;
}
.wpcf7-form.failed .wpcf7-response-output {
text-align: center;
color: #d8000c;
border: 0;
padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #4f8a10;
border: 0;
padding: 10px;
}
div.wpcf7-mail-sent-ok:before,
div.wpcf7-validation-errors:before {
font: 26px/30px dashicons;
margin-right: 16px;
vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
content: "";
}
div.wpcf7-validation-errors:before {
content: "";
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 0.7em;
font-weight: normal;
display: block;
position: absolute;
bottom: -1rem;
left: 0;
}
.wpcf7-submit {
cursor: pointer;
}
.wpcf7-submit + .ajax-loader{
margin-left: auto;
margin-right: auto;
margin-top: 1.25rem;
display: inline-block;
text-align: center;
}
.acceptance-wrapper .wpcf7-list-item{
margin-left: 0px;
}
.wpcf7 form .wpcf7-response-output {
margin-top: 0 !important;
border: none !important;
}
.popup-form .acceptance-wrapper{
margin-bottom: 0px;
}
.popup-form .acceptance-wrapper p, .popup-form .acceptance-wrapper a, .popup-form .acceptance-wrapper span, .popup-form .acceptance-wrapper .wpcf7-list-item-label{
padding-left: 0.5rem;
font-size: .75rem;
font-weight: 300;
line-height: 1.375;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.popup-form .acceptance-wrapper a{
display: inline;
padding-left: 0px;
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.popup-form .acceptance-wrapper input[type=checkbox]{
height: 1rem;
width: 1rem;
cursor: pointer;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.popup-form .acceptance-wrapper input[type=checkbox]:focus{
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
}
.popup-form .acceptance-text-wrapper p, .popup-form .acceptance-text-wrapper a, .popup-form .acceptance-text-wrapper span, .popup-form .acceptance-text-wrapper .wpcf7-list-item-label{
margin-bottom: 0px;
padding-left: 0.5rem;
font-size: .75rem;
font-weight: 300;
line-height: 1.375;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.popup-form .acceptance-text-wrapper a{
display: inline;
padding-left: 0px;
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.popup-form .acceptance-wrapper .wpcf7-form-control.wpcf7-checkbox{
display: flex;
flex-direction: column;
}
.popup-form .acceptance-wrapper .wpcf7-form-control.wpcf7-checkbox > :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));
}
a.unified-acceptance-check-link {
text-decoration: underline;
}
.unified-consent-text a {
text-decoration: underline;
}
.acceptance-details-text > *{
padding-top: 1rem;
padding-bottom: 1rem;
font-size: .75rem;
}
.wpcf7-form-control-wrap[data-name=yl-zgody] span.wpcf7-list-item-label {
display: none;
}
[data-form-cf7-stylized] form{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
[data-form-cf7-stylized] form label{
grid-column: span 2 / span 2;
display: flex;
flex-direction: column;
gap: 0.5rem;
font-size: 1rem;
line-height: 1.3;
}
[data-form-cf7-stylized] form label input, [data-form-cf7-stylized] form label textarea{
width: 100%;
resize: none;
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(201, 201, 201, var(--tw-border-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 300;
--tw-text-opacity: 1;
color: rgba(115, 115, 115, var(--tw-text-opacity));
}
[data-form-cf7-stylized] form .email-wrapper, [data-form-cf7-stylized] form .phone-wrapper{
grid-column: span 2 / span 2;
}
@media (min-width: 640px){
[data-form-cf7-stylized] form .email-wrapper, [data-form-cf7-stylized] form .phone-wrapper{
grid-column: span 1 / span 1;
}
}
[data-form-cf7-stylized] form .wpcf7-submit{
grid-column: span 2 / span 2;
width: 100%;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
padding: 1.5rem;
font-size: 1rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgba(14, 58, 47, var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
[data-form-cf7-stylized] form .wpcf7-submit:hover{
--tw-bg-opacity: 1;
background-color: rgba(168, 255, 204, var(--tw-bg-opacity));
}
[data-form-cf7-stylized] form .wpcf7-spinner{
display: none;
}
[data-form-cf7-stylized] form .form-rules{
grid-column: span 2 / span 2;
font-size: .75rem;
--tw-text-opacity: 1;
color: rgba(97, 96, 96, var(--tw-text-opacity));
line-height: 1.3;
}
[data-form-cf7-stylized] form .form-rules a{
display: inline;
font-size: .75rem;
--tw-text-opacity: 1;
color: rgba(97, 96, 96, var(--tw-text-opacity));
text-decoration: underline;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
[data-form-cf7-stylized] form .form-rules a:hover{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
[data-form-cf7-stylized] form .form-rules .show-button{
cursor: pointer;
text-decoration: underline;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
[data-form-cf7-stylized] form .form-rules .show-button:hover{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
[data-form-cf7-stylized] form .wpcf7-response-output{
grid-column: span 2 / span 2;
font-size: .75rem;
text-align: left !important;
padding: 0 !important;
margin: 0 !important;
}
[data-search-container] div.select-js div.drop-down {
z-index: 15;
}
[data-search-container] div.select-js div.control{
--tw-bg-opacity: 1;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
border-radius: 99999px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
z-index: 5;
cursor: pointer;
}
[data-search-container] div.select-js div.control .no-items-selected {
z-index: -1;
position: relative;
}
[data-search-container] div.select-js div.control .no-items-selected, [data-search-container] div.select-js div.control .selected-item {
border-radius: 99999px;
padding-left: 0.5rem;
padding-right: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgba(235, 235, 235, var(--tw-bg-opacity));
}
[data-search-container] div.select-js div.control .selected-item{
font-size: .75rem;
}
[data-search-container] div.select-js div.control div.button {
height: 8px;
width: 8px;
right: 16px;
border-right: 1px solid var(--select-js-color-black);
border-bottom: 1px solid var(--select-js-color-black);
border-radius: 0;
padding: 0;
background-color: transparent;
}
form.wpcf7-form.submitting {
cursor: not-allowed !important;
}
form.wpcf7-form.submitting input[type=submit]{
pointer-events: none;
--tw-bg-opacity: 1;
background-color: rgba(140, 151, 172, var(--tw-bg-opacity));
}
.special-border{
border-radius: 15px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(215, 215, 215, var(--tw-border-opacity));
padding-left: 35px;
padding-right: 35px;
padding-top: 37px;
padding-bottom: 48px;
}
@media (min-width: 1280px){
.special-border{
padding-left: 57px;
padding-right: 57px;
}
}
.landing-gutenberg .is-layout-flex{
flex-direction: column;
align-items: flex-start;
gap: 41px;
}
@media (min-width: 1280px){
.landing-gutenberg .is-layout-flex{
flex-direction: row;
}
}
.landing-gutenberg .wp-block-group__inner-container{
display: flex;
max-width: 100%;
align-items: center;
margin-left: 0 !important;
margin-right: 0 !important;
}
.landing-gutenberg .wp-block-group__inner-container h3 {
font-size: 30px !important;
line-height: inherit !important;
margin-left: 20px !important;
margin-top: -8px;
}
.pseudo-element {
transform-style: preserve-3d;
}
.pseudo-element::after {
transform: translateZ(-10px);
}
.no-matching-cars {
display: none;
color: red;
}
.range-slider .price-display {
width: 75%;
}
.range-slider .ui-slider-horizontal {
height: 0.5rem;
}
.range-slider .ui-widget-header {
background: #78faae;
}
.range-slider .ui-slider-handle {
border-radius: 50%;
background: #0c3a2e;
}
.range-slider .price-range-slider {
width: 80%;
margin: 20px auto;
}
.range-slider .ui-widget-content {
background: #f8f8f8;
border: none;
}
.page-template-template-landing-page-gutenberg-2024 [class^=wp-block]{
--tw-text-opacity: 1;
color: rgba(74, 74, 74, var(--tw-text-opacity));
}
html:has(.page-template-template-landing-page-gutenberg-2024) {
scroll-behavior: smooth;
} #lp-wyprzedaz-content .aligncenter img {
margin-inline: auto;
}
#lp-wyprzedaz-content .wp-block-columns{
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;  }
@media (min-width: 1366px) {
#lp-wyprzedaz-content .wp-block-columns{
flex-wrap: nowrap;
}
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) {
flex-basis: 100% !important;
}
@media (min-width: 1366px) {
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) {
flex-basis: 49% !important;
}
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(2){
display: flex;
flex-direction: column;
row-gap: 1.5rem;
flex-basis: 100% !important;
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(2) > *{
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
@media (min-width: 1366px) {
#lp-wyprzedaz-content .wp-block-columns > :nth-child(2) {
flex-basis: 39% !important;
}
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) > *{
margin-bottom: 2rem;
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) > :last-child{
margin-bottom: 0px;
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) h1, #lp-wyprzedaz-content .wp-block-columns > :nth-child(1) h2, #lp-wyprzedaz-content .wp-block-columns > :nth-child(1) h3, #lp-wyprzedaz-content .wp-block-columns > :nth-child(1) h4, #lp-wyprzedaz-content .wp-block-columns > :nth-child(1) h5, #lp-wyprzedaz-content .wp-block-columns > :nth-child(1) h6{
--tw-text-opacity: 1;
color: rgba(23, 23, 23, var(--tw-text-opacity));
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) h2, #lp-wyprzedaz-content .wp-block-columns > :nth-child(1) h1{
font-size: 1.875rem;
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) h3{
font-size: 1.5rem;
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) p{
font-size: 1.125rem;
font-weight: 300;
line-height: 1.375;
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) ol{
margin-left: 0px;
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) ul{
margin-left: 1.5rem;
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) ul li, #lp-wyprzedaz-content .wp-block-columns > :nth-child(1) ol li{
font-size: 1.25rem;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.375;
margin-bottom: 2rem;
padding-left: 1rem;
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) ul li {
list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE4IgogICBoZWlnaHQ9IjE4IgogICB2aWV3Qm94PSIwIDAgMTggMTgiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzIiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzI4XzEyNCkiCiAgICAgaWQ9ImcyIj4KICAgIDxwYXRoCiAgICAgICBkPSJNIDE3LjAzODMsOC4yODY4MiBWIDkuMDI0NTggQyAxNy4wMzYzLDEyLjU3NiAxNC42OTg1LDE1LjcwMzEgMTEuMjkyOCwxNi43MTAxIDcuODg3MTMsMTcuNzE3IDQuMjI0NzUsMTYuMzY0IDIuMjkxNzgsMTMuMzg0NyAwLjM1ODc5OSwxMC40MDUzIDAuNjE1Njk5LDYuNTA5NDcgMi45MjMxNCwzLjgwOTc2IDUuMjMwNTksMS4xMTAwNSA5LjAzODkyLDAuMjQ5NjEyIDEyLjI4MjksMS42OTUwNCIKICAgICAgIHN0cm9rZT0iIzBkM2EyZiIKICAgICAgIHN0cm9rZS13aWR0aD0iMiIKICAgICAgIHN0cm9rZS1taXRlcmxpbWl0PSIyMCIKICAgICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICAgICBpZD0icGF0aDEiIC8+CiAgICA8cGF0aAogICAgICAgZD0iTSAxNy4wMzgyLDIuNjA5MjUgOS4wMTkwNCwxMC42MzY1IDYuNjEzMjgsOC4yMzA2OSIKICAgICAgIHN0cm9rZT0iIzBkM2EyZiIKICAgICAgIHN0cm9rZS13aWR0aD0iMiIKICAgICAgIHN0cm9rZS1taXRlcmxpbWl0PSIyMCIKICAgICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICAgICBpZD0icGF0aDIiIC8+CiAgPC9nPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyIj4KICAgIDxjbGlwUGF0aAogICAgICAgaWQ9ImNsaXAwXzMyOF8xMjQiPgogICAgICA8cmVjdAogICAgICAgICB3aWR0aD0iMTgiCiAgICAgICAgIGhlaWdodD0iMTgiCiAgICAgICAgIGZpbGw9IiNmZmZmZmYiCiAgICAgICAgIGlkPSJyZWN0MiIKICAgICAgICAgeD0iMCIKICAgICAgICAgeT0iMCIgLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4K");
}
#lp-wyprzedaz-content .wp-block-columns > :nth-child(1) hr{
--tw-border-opacity: 1;
border-color: rgba(201, 201, 201, var(--tw-border-opacity));
}
#lp-wyprzedaz-content .wp-block-bloczek-zaokraglonej-karty [data-heading-cta-buttons] a{
align-self: flex-start;
} :root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}
.animate__animated {
animation-duration: 1s;
animation-duration: var(--animate-duration);
animation-fill-mode: both;
}
.animate__animated.animate__infinite {
animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
animation-iteration-count: 1;
animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
animation-iteration-count: calc(1 * 2);
animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
animation-iteration-count: calc(1 * 3);
animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
animation-delay: 1s;
animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
animation-delay: calc(1s * 2);
animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
animation-delay: calc(1s * 3);
animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
animation-delay: calc(1s * 4);
animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
animation-delay: calc(1s * 5);
animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
animation-duration: calc(1s / 2);
animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
animation-duration: calc(1s * 0.8);
animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
animation-duration: calc(1s * 2);
animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
animation-duration: calc(1s * 3);
animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
.animate__animated {
animation-duration: 1ms !important;
transition-duration: 1ms !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*=Out] {
opacity: 0;
}
} @keyframes bounce {
from, 20%, 53%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0) scaleY(0.95);
}
90% {
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
.animate__bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.animate__flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.animate__pulse {
animation-name: pulse;
animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.animate__rubberBand {
animation-name: rubberBand;
}
@keyframes shakeX {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.animate__shakeX {
animation-name: shakeX;
}
@keyframes shakeY {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(0, -10px, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(0, 10px, 0);
}
}
.animate__shakeY {
animation-name: shakeY;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.animate__headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.animate__swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.animate__tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: translate3d(0, 0, 0);
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: translate3d(0, 0, 0);
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.animate__jello {
animation-name: jello;
transform-origin: center;
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.3);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.3);
}
70% {
transform: scale(1);
}
}
.animate__heartBeat {
animation-name: heartBeat;
animation-duration: calc(1s * 1.3);
animation-duration: calc(var(--animate-duration) * 1.3);
animation-timing-function: ease-in-out;
} @keyframes backInDown {
0% {
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.animate__backInDown {
animation-name: backInDown;
}
@keyframes backInLeft {
0% {
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.animate__backInLeft {
animation-name: backInLeft;
}
@keyframes backInRight {
0% {
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.animate__backInRight {
animation-name: backInRight;
}
@keyframes backInUp {
0% {
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.animate__backInUp {
animation-name: backInUp;
} @keyframes backOutDown {
0% {
transform: scale(1);
opacity: 1;
}
20% {
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutDown {
animation-name: backOutDown;
}
@keyframes backOutLeft {
0% {
transform: scale(1);
opacity: 1;
}
20% {
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutLeft {
animation-name: backOutLeft;
}
@keyframes backOutRight {
0% {
transform: scale(1);
opacity: 1;
}
20% {
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutRight {
animation-name: backOutRight;
}
@keyframes backOutUp {
0% {
transform: scale(1);
opacity: 1;
}
20% {
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutUp {
animation-name: backOutUp;
} @keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.animate__bounceIn {
animation-duration: calc(1s * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInUp {
animation-name: bounceInUp;
} @keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.animate__bounceOut {
animation-duration: calc(1s * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
.animate__bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
.animate__bounceOutUp {
animation-name: bounceOutUp;
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
from {
opacity: 0;
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopLeft {
animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
from {
opacity: 0;
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopRight {
animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
from {
opacity: 0;
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomLeft {
animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
from {
opacity: 0;
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomRight {
animation-name: fadeInBottomRight;
} @keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.animate__fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.animate__fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.animate__fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.animate__fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.animate__fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.animate__fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.animate__fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.animate__fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.animate__fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-100%, -100%, 0);
}
}
.animate__fadeOutTopLeft {
animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: translate3d(100%, -100%, 0);
}
}
.animate__fadeOutTopRight {
animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: translate3d(100%, 100%, 0);
}
}
.animate__fadeOutBottomRight {
animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-100%, 100%, 0);
}
}
.animate__fadeOutBottomLeft {
animation-name: fadeOutBottomLeft;
} @keyframes flip {
from {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
}
.animate__animated.animate__flip {
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.animate__flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.animate__flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.animate__flipOutX {
animation-duration: calc(1s * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
animation-name: flipOutX;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.animate__flipOutY {
animation-duration: calc(1s * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
backface-visibility: visible !important;
animation-name: flipOutY;
} @keyframes lightSpeedInRight {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__lightSpeedInRight {
animation-name: lightSpeedInRight;
animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
from {
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
transform: skewX(-20deg);
opacity: 1;
}
80% {
transform: skewX(5deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__lightSpeedInLeft {
animation-name: lightSpeedInLeft;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.animate__lightSpeedOutRight {
animation-name: lightSpeedOutRight;
animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
.animate__lightSpeedOutLeft {
animation-name: lightSpeedOutLeft;
animation-timing-function: ease-in;
} @keyframes rotateIn {
from {
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateIn {
animation-name: rotateIn;
transform-origin: center;
}
@keyframes rotateInDownLeft {
from {
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInDownLeft {
animation-name: rotateInDownLeft;
transform-origin: left bottom;
}
@keyframes rotateInDownRight {
from {
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInDownRight {
animation-name: rotateInDownRight;
transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
from {
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInUpLeft {
animation-name: rotateInUpLeft;
transform-origin: left bottom;
}
@keyframes rotateInUpRight {
from {
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInUpRight {
animation-name: rotateInUpRight;
transform-origin: right bottom;
} @keyframes rotateOut {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.animate__rotateOut {
animation-name: rotateOut;
transform-origin: center;
}
@keyframes rotateOutDownLeft {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.animate__rotateOutDownLeft {
animation-name: rotateOutDownLeft;
transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.animate__rotateOutDownRight {
animation-name: rotateOutDownRight;
transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.animate__rotateOutUpLeft {
animation-name: rotateOutUpLeft;
transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.animate__rotateOutUpRight {
animation-name: rotateOutUpRight;
transform-origin: right bottom;
} @keyframes hinge {
0% {
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.animate__hinge {
animation-duration: calc(1s * 2);
animation-duration: calc(var(--animate-duration) * 2);
animation-name: hinge;
transform-origin: top left;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.animate__jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.animate__rollOut {
animation-name: rollOut;
} @keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animate__zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInUp {
animation-name: zoomInUp;
} @keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.animate__zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutDown {
animation-name: zoomOutDown;
transform-origin: center bottom;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
.animate__zoomOutLeft {
animation-name: zoomOutLeft;
transform-origin: left center;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
.animate__zoomOutRight {
animation-name: zoomOutRight;
transform-origin: right center;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutUp {
animation-name: zoomOutUp;
transform-origin: center bottom;
} @keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.animate__slideInUp {
animation-name: slideInUp;
} @keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.animate__slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.animate__slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.animate__slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.animate__slideOutUp {
animation-name: slideOutUp;
}
@media (min-width: 1366px) {
.with-left-fill-gray:before, .with-right-fill-green:after{
position: absolute;
}
.with-left-fill-gray:before, .with-right-fill-green:after{
top: 0px;
}
.with-left-fill-gray:before, .with-right-fill-green:after{
display: block;
}
.with-left-fill-gray:before, .with-right-fill-green:after{
height: 100%;
}
.with-left-fill-gray:before, .with-right-fill-green:after{
width: 50%;
}
.with-left-fill-gray:before,
.with-right-fill-green:after {
content: " ";
}
.with-left-fill-gray:before{
--tw-bg-opacity: 1;
background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
}
.with-left-fill-gray:before {
left: 0;
}
.with-right-fill-green:after{
--tw-bg-opacity: 1;
background-color: rgba(14, 58, 47, var(--tw-bg-opacity));
}
.with-right-fill-green:after {
right: 0;
}
}
.wp-block-flota-hero{
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
--tw-bg-opacity: 1;
background-color: rgba(14, 58, 47, var(--tw-bg-opacity));
padding-top: 2rem;
padding-bottom: 2rem;
}
@media (min-width: 1366px){
.wp-block-flota-hero{
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.wp-block-flota-hero {
background-image: var(--bg-desktop);
}
.wp-block-flota-hero:after{
position: absolute;
left: 0px;
top: 0px;
display: block;
height: 75%;
width: 100%;
content: " ";
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%);
}
.wp-block-flota-hero [data-hero-content]{
position: relative;
z-index: 10;
}
@media (min-width: 1366px) {
.wp-block-flota-hero {
aspect-ratio: 1920/816;
}
.wp-block-flota-hero:after {
content: "";
display: none;
}
}
.wp-block-flota-hero .hero-header h1{
font-size: 30px;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1366px){
.wp-block-flota-hero .hero-header h1{
font-size: 90px;
}
.wp-block-flota-hero .hero-header h1{
line-height: 117px;
}
}
.wp-block-flota-hero .hero-header h1{
font-weight: 700;
}
.wp-block-bloczek-kontaktowy-floty{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1366px) {
.wp-block-bloczek-skomplikowanego-bannera .block-heading__main .block-heading__header,
.wp-block-bloczek-skomplikowanego-bannera .block-heading__bottom .block-heading__header {
font-size: calc(1.225rem + (3.125 - 1.225) * ((100vw - 48rem) / (120 - 48)));
}
@media (max-width: 48rem) {
.wp-block-bloczek-skomplikowanego-bannera .block-heading__main .block-heading__header,
.wp-block-bloczek-skomplikowanego-bannera .block-heading__bottom .block-heading__header {
font-size: 1.225rem;
}
}
@media (min-width: 120rem) {
.wp-block-bloczek-skomplikowanego-bannera .block-heading__main .block-heading__header,
.wp-block-bloczek-skomplikowanego-bannera .block-heading__bottom .block-heading__header {
font-size: 3.125rem;
}
}
.wp-block-bloczek-skomplikowanego-bannera .complicated-container {
container-name: slinky;
container-type: inline-size;
}
.wp-block-bloczek-skomplikowanego-bannera .complicated-container .overflowing-column {
margin-right: calc(-1 * (100vw - 100cqw));
}
.wp-block-bloczek-skomplikowanego-bannera .complicated-container .image-in-overflowing-column{
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-bloczek-skomplikowanego-bannera .complicated-container .image-in-overflowing-column{
max-height: 699px;
}
.wp-block-bloczek-skomplikowanego-bannera .complicated-container .image-in-overflowing-column{
height: auto;
}
.wp-block-bloczek-skomplikowanego-bannera .complicated-container .image-in-overflowing-column{
width: 100%;
}
.wp-block-bloczek-skomplikowanego-bannera .complicated-container .image-in-overflowing-column {
aspect-ratio: 1242/699;
}
}
.wp-block-bloczek-slidera .skoda-heading-body{
display: none;
}
@media (min-width: 1366px){
.wp-block-bloczek-slidera .skoda-heading-body{
display: block;
}
}
@media (min-width: 1920px) {
.wp-block-bloczek-slidera .splide__track {
margin-inline: -64px;
}
}
@media (min-width: 1366px) {
.wp-block-bloczek-slidera .splide__slide {
width: 588px !important;
}
}
.wp-block-bloczek-skosnego-hero{
--tw-bg-opacity: 1;
background-color: rgba(14, 58, 47, var(--tw-bg-opacity));
}
@media (min-width: 1366px) {
.wp-block-bloczek-skosnego-hero {
aspect-ratio: 1920/683;
}
.wp-block-bloczek-skosnego-hero [data-bg-container] {
-webkit-clip-path: polygon(10.946% 0%, 162.318% 0%, 161.34% 100%, 0% 100%);
clip-path: polygon(10.946% 0%, 162.318% 0%, 161.34% 100%, 0% 100%);
}
.wp-block-bloczek-skosnego-hero .overflowing-container {
container-name: slinky;
container-type: inline-size;
}
.wp-block-bloczek-skosnego-hero .overflowing-column {
margin-right: calc(-1 * (100vw - 100cqw));
background-image: var(--bg-desktop);
background-repeat: no-repeat;
background-size: cover;
}
}
.tham{
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition-timing-function: linear;
transition-duration: .15s;
transition-property: opacity;
}
.tham:hover{
opacity: 0.7;
}
.tham-box{
position: relative;
display: inline-block;
}
.tham-inner{
top: 50%;
display: block;
background-color: #000;
position: absolute;
border-radius: 4px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
}
.tham-inner::before{
content: "";
background-color: inherit;
position: absolute;
display: block;
border-radius: 4px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
}
.tham-inner::after{
content: "";
background-color: inherit;
position: absolute;
display: block;
border-radius: 4px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
}
.tham.tham-w-4.tham-e-slider .tham-inner{
top: 1px;
}
.tham.tham-w-4.tham-e-slider .tham-inner::before{
top: 4px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-4.tham-e-slider .tham-inner::after{
top: 8px;
}
.tham.tham-w-4.tham-e-slider.tham-active .tham-inner{
transform: translate3d(0, 4px, 0) rotate(45deg);
}
.tham.tham-w-4.tham-e-slider.tham-active .tham-inner::before{
transform: rotate(-45deg) translate3d(-2.2857142857142856px, -2px, 0);
opacity: 0;
}
.tham.tham-w-4.tham-e-slider.tham-active .tham-inner::after{
transform: translate3d(0, -8px, 0) rotate(-90deg);
}
.tham.tham-e-squeeze .tham-inner{
transition-timing-function: cubic-bezier(.55,.055,.675,.19);
transition-duration: 75ms;
}
.tham.tham-e-squeeze .tham-inner::before{
transition: top 75ms ease .12s,opacity 75ms ease;
}
.tham.tham-e-squeeze .tham-inner::after{
transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}
.tham.tham-e-squeeze.tham-active .tham-inner{
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
transform: rotate(45deg);
}
.tham.tham-e-squeeze.tham-active .tham-inner::before{
top: 0;
transition: top 75ms ease,opacity 75ms ease .12s;
opacity: 0;
}
.tham.tham-e-squeeze.tham-active .tham-inner::after{
bottom: 0;
transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
transform: rotate(-90deg);
}
.tham.tham-w-4.tham-e-arrow.tham-active .tham-inner::before{
transform: translate3d(-3.20px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-4.tham-e-arrow.tham-active .tham-inner::after{
transform: translate3d(-3.20px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-4.tham-e-arrow-alt .tham-inner::before{
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-4.tham-e-arrow-alt .tham-inner::after{
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-4.tham-e-arrow-alt.tham-active .tham-inner::before{
top: 0;
transform: translate3d(-3.20px, -4.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-4.tham-e-arrow-alt.tham-active .tham-inner::after{
bottom: 0;
transform: translate3d(-3.20px, 4.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-4.tham-e-arrow-turn.tham-active .tham-inner{
transform: rotate(-180deg);
}
.tham.tham-w-4.tham-e-arrow-turn.tham-active .tham-inner::before{
transform: translate3d(3.20px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-4.tham-e-arrow-turn.tham-active .tham-inner::after{
transform: translate3d(3.20px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-4.tham-e-spin .tham-inner{
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-4.tham-e-spin .tham-inner::before{
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-4.tham-e-spin .tham-inner::after{
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-4.tham-e-spin.tham-active .tham-inner{
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-4.tham-e-spin.tham-active .tham-inner::before{
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-4.tham-e-spin.tham-active .tham-inner::after{
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-6.tham-e-slider .tham-inner{
top: 1.5px;
}
.tham.tham-w-6.tham-e-slider .tham-inner::before{
top: 6px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-6.tham-e-slider .tham-inner::after{
top: 12px;
}
.tham.tham-w-6.tham-e-slider.tham-active .tham-inner{
transform: translate3d(0, 6px, 0) rotate(45deg);
}
.tham.tham-w-6.tham-e-slider.tham-active .tham-inner::before{
transform: rotate(-45deg) translate3d(-3.4285714285714284px, -3px, 0);
opacity: 0;
}
.tham.tham-w-6.tham-e-slider.tham-active .tham-inner::after{
transform: translate3d(0, -12px, 0) rotate(-90deg);
}
.tham.tham-w-6.tham-e-arrow.tham-active .tham-inner::before{
transform: translate3d(-4.80px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-6.tham-e-arrow.tham-active .tham-inner::after{
transform: translate3d(-4.80px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-6.tham-e-arrow-alt .tham-inner::before{
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-6.tham-e-arrow-alt .tham-inner::after{
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-6.tham-e-arrow-alt.tham-active .tham-inner::before{
top: 0;
transform: translate3d(-4.80px, -6.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-6.tham-e-arrow-alt.tham-active .tham-inner::after{
bottom: 0;
transform: translate3d(-4.80px, 6.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-6.tham-e-arrow-turn.tham-active .tham-inner{
transform: rotate(-180deg);
}
.tham.tham-w-6.tham-e-arrow-turn.tham-active .tham-inner::before{
transform: translate3d(4.80px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-6.tham-e-arrow-turn.tham-active .tham-inner::after{
transform: translate3d(4.80px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-6.tham-e-spin .tham-inner{
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-6.tham-e-spin .tham-inner::before{
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-6.tham-e-spin .tham-inner::after{
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-6.tham-e-spin.tham-active .tham-inner{
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-6.tham-e-spin.tham-active .tham-inner::before{
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-6.tham-e-spin.tham-active .tham-inner::after{
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-8.tham-e-slider .tham-inner{
top: 2px;
}
.tham.tham-w-8.tham-e-slider .tham-inner::before{
top: 8px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-8.tham-e-slider .tham-inner::after{
top: 16px;
}
.tham.tham-w-8.tham-e-slider.tham-active .tham-inner{
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.tham.tham-w-8.tham-e-slider.tham-active .tham-inner::before{
transform: rotate(-45deg) translate3d(-4.571428571428571px, -4px, 0);
opacity: 0;
}
.tham.tham-w-8.tham-e-slider.tham-active .tham-inner::after{
transform: translate3d(0, -16px, 0) rotate(-90deg);
}
.tham.tham-w-8.tham-e-arrow.tham-active .tham-inner::before{
transform: translate3d(-6.40px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-8.tham-e-arrow.tham-active .tham-inner::after{
transform: translate3d(-6.40px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-8.tham-e-arrow-alt .tham-inner::before{
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-8.tham-e-arrow-alt .tham-inner::after{
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-8.tham-e-arrow-alt.tham-active .tham-inner::before{
top: 0;
transform: translate3d(-6.40px, -8.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-8.tham-e-arrow-alt.tham-active .tham-inner::after{
bottom: 0;
transform: translate3d(-6.40px, 8.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-8.tham-e-arrow-turn.tham-active .tham-inner{
transform: rotate(-180deg);
}
.tham.tham-w-8.tham-e-arrow-turn.tham-active .tham-inner::before{
transform: translate3d(6.40px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-8.tham-e-arrow-turn.tham-active .tham-inner::after{
transform: translate3d(6.40px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-8.tham-e-spin .tham-inner{
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-8.tham-e-spin .tham-inner::before{
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-8.tham-e-spin .tham-inner::after{
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-8.tham-e-spin.tham-active .tham-inner{
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-8.tham-e-spin.tham-active .tham-inner::before{
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-8.tham-e-spin.tham-active .tham-inner::after{
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-12.tham-e-slider .tham-inner{
top: 3px;
}
.tham.tham-w-12.tham-e-slider .tham-inner::before{
top: 12px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-12.tham-e-slider .tham-inner::after{
top: 24px;
}
.tham.tham-w-12.tham-e-slider.tham-active .tham-inner{
transform: translate3d(0, 12px, 0) rotate(45deg);
}
.tham.tham-w-12.tham-e-slider.tham-active .tham-inner::before{
transform: rotate(-45deg) translate3d(-6.857142857142857px, -6px, 0);
opacity: 0;
}
.tham.tham-w-12.tham-e-slider.tham-active .tham-inner::after{
transform: translate3d(0, -24px, 0) rotate(-90deg);
}
.tham.tham-w-12.tham-e-arrow.tham-active .tham-inner::before{
transform: translate3d(-9.60px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-12.tham-e-arrow.tham-active .tham-inner::after{
transform: translate3d(-9.60px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-12.tham-e-arrow-alt .tham-inner::before{
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-12.tham-e-arrow-alt .tham-inner::after{
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-12.tham-e-arrow-alt.tham-active .tham-inner::before{
top: 0;
transform: translate3d(-9.60px, -12.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-12.tham-e-arrow-alt.tham-active .tham-inner::after{
bottom: 0;
transform: translate3d(-9.60px, 12.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-12.tham-e-arrow-turn.tham-active .tham-inner{
transform: rotate(-180deg);
}
.tham.tham-w-12.tham-e-arrow-turn.tham-active .tham-inner::before{
transform: translate3d(9.60px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-12.tham-e-arrow-turn.tham-active .tham-inner::after{
transform: translate3d(9.60px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-12.tham-e-spin .tham-inner{
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-12.tham-e-spin .tham-inner::before{
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-12.tham-e-spin .tham-inner::after{
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-12.tham-e-spin.tham-active .tham-inner{
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-12.tham-e-spin.tham-active .tham-inner::before{
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-12.tham-e-spin.tham-active .tham-inner::after{
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham-w-4 .tham-box{
width: 16px;
height: 10px;
}
.tham-w-4 .tham-inner{
margin-top: -1px;
width: 16px;
height: 2px;
}
.tham-w-4 .tham-inner::before{
width: 16px;
height: 2px;
top: -4px;
}
.tham-w-4 .tham-inner::after{
width: 16px;
height: 2px;
bottom: -4px;
}
.tham-w-6 .tham-box{
width: 24px;
height: 15px;
}
.tham-w-6 .tham-inner{
margin-top: -1.5px;
width: 24px;
height: 3px;
}
.tham-w-6 .tham-inner::before{
width: 24px;
height: 3px;
top: -6px;
}
.tham-w-6 .tham-inner::after{
width: 24px;
height: 3px;
bottom: -6px;
}
.tham-w-8{
width: 32px;
height: 20px;
}
.tham-w-8 .tham-box{
width: 32px;
height: 20px;
}
.tham-w-8 .tham-inner{
margin-top: -2px;
width: 32px;
height: 4px;
}
.tham-w-8 .tham-inner::before{
width: 32px;
height: 4px;
top: -8px;
}
.tham-w-8 .tham-inner::after{
width: 32px;
height: 4px;
bottom: -8px;
}
.tham-w-12 .tham-box{
width: 48px;
height: 30px;
}
.tham-w-12 .tham-inner{
margin-top: -3px;
width: 48px;
height: 6px;
}
.tham-w-12 .tham-inner::before{
width: 48px;
height: 6px;
top: -12px;
}
.tham-w-12 .tham-inner::after{
width: 48px;
height: 6px;
bottom: -12px;
}
.aspect-w-1,
.aspect-w-2,
.aspect-w-3,
.aspect-w-4,
.aspect-w-5,
.aspect-w-6,
.aspect-w-7,
.aspect-w-8,
.aspect-w-9,
.aspect-w-10,
.aspect-w-11,
.aspect-w-12,
.aspect-w-13,
.aspect-w-14,
.aspect-w-15,
.aspect-w-16{
position: relative;
padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}
.aspect-w-1 > *,
.aspect-w-2 > *,
.aspect-w-3 > *,
.aspect-w-4 > *,
.aspect-w-5 > *,
.aspect-w-6 > *,
.aspect-w-7 > *,
.aspect-w-8 > *,
.aspect-w-9 > *,
.aspect-w-10 > *,
.aspect-w-11 > *,
.aspect-w-12 > *,
.aspect-w-13 > *,
.aspect-w-14 > *,
.aspect-w-15 > *,
.aspect-w-16 > *{
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.aspect-w-5{
--tw-aspect-w: 5;
}
.aspect-w-16{
--tw-aspect-w: 16;
}
.aspect-h-2{
--tw-aspect-h: 2;
}
.aspect-h-3{
--tw-aspect-h: 3;
}
.aspect-h-6{
--tw-aspect-h: 6;
}
.aspect-h-9{
--tw-aspect-h: 9;
}
.prose{
color: #404040;
max-width: 65ch;
}
.prose [class~="lead"]{
color: #525252;
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose a{
color: #171717;
text-decoration: underline;
font-weight: 500;
}
.prose strong{
color: #171717;
font-weight: 600;
}
.prose ol[type="A"]{
--list-counter-style: upper-alpha;
}
.prose ol[type="a"]{
--list-counter-style: lower-alpha;
}
.prose ol[type="A" s]{
--list-counter-style: upper-alpha;
}
.prose ol[type="a" s]{
--list-counter-style: lower-alpha;
}
.prose ol[type="I"]{
--list-counter-style: upper-roman;
}
.prose ol[type="i"]{
--list-counter-style: lower-roman;
}
.prose ol[type="I" s]{
--list-counter-style: upper-roman;
}
.prose ol[type="i" s]{
--list-counter-style: lower-roman;
}
.prose ol[type="1"]{
--list-counter-style: decimal;
}
.prose ol > li{
position: relative;
padding-left: 1.75em;
}
.prose ol > li::before{
content: counter(list-item, var(--list-counter-style, decimal)) ".";
position: absolute;
font-weight: 400;
color: #737373;
left: 0;
}
.prose ul > li{
position: relative;
padding-left: 1.75em;
}
.prose ul > li::before{
content: "";
position: absolute;
background-color: #d4d4d4;
border-radius: 50%;
width: 0.375em;
height: 0.375em;
top: calc(0.875em - 0.1875em);
left: 0.25em;
}
.prose hr{
border-color: #e5e5e5;
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.prose blockquote{
font-weight: 500;
font-style: italic;
color: #171717;
border-left-width: 0.25rem;
border-left-color: #e5e5e5;
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.prose blockquote p:first-of-type::before{
content: open-quote;
}
.prose blockquote p:last-of-type::after{
content: close-quote;
}
.prose h1{
color: #171717;
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose h2{
color: #171717;
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.prose h3{
color: #171717;
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose h4{
color: #171717;
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.prose figure figcaption{
color: #737373;
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose code{
color: #171717;
font-weight: 600;
font-size: 0.875em;
}
.prose code::before{
content: "`";
}
.prose code::after{
content: "`";
}
.prose a code{
color: #171717;
}
.prose pre{
color: #e5e5e5;
background-color: #262626;
overflow-x: auto;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-right: 1.1428571em;
padding-bottom: 0.8571429em;
padding-left: 1.1428571em;
}
.prose pre code{
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: 400;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.prose pre code::before{
content: none;
}
.prose pre code::after{
content: none;
}
.prose table{
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose thead{
color: #171717;
font-weight: 600;
border-bottom-width: 1px;
border-bottom-color: #d4d4d4;
}
.prose thead th{
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose tbody tr{
border-bottom-width: 1px;
border-bottom-color: #e5e5e5;
}
.prose tbody tr:last-child{
border-bottom-width: 0;
}
.prose tbody td{
vertical-align: top;
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose{
font-size: 1rem;
line-height: 1.75;
}
.prose p{
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose img{
margin-top: 2em;
margin-bottom: 2em;
}
.prose video{
margin-top: 2em;
margin-bottom: 2em;
}
.prose figure{
margin-top: 2em;
margin-bottom: 2em;
}
.prose figure > *{
margin-top: 0;
margin-bottom: 0;
}
.prose h2 code{
font-size: 0.875em;
}
.prose h3 code{
font-size: 0.9em;
}
.prose ol{
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose ul{
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose li{
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose > ul > li p{
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose > ul > li > *:first-child{
margin-top: 1.25em;
}
.prose > ul > li > *:last-child{
margin-bottom: 1.25em;
}
.prose > ol > li > *:first-child{
margin-top: 1.25em;
}
.prose > ol > li > *:last-child{
margin-bottom: 1.25em;
}
.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol{
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose hr + *{
margin-top: 0;
}
.prose h2 + *{
margin-top: 0;
}
.prose h3 + *{
margin-top: 0;
}
.prose h4 + *{
margin-top: 0;
}
.prose thead th:first-child{
padding-left: 0;
}
.prose thead th:last-child{
padding-right: 0;
}
.prose tbody td:first-child{
padding-left: 0;
}
.prose tbody td:last-child{
padding-right: 0;
}
.prose > :first-child{
margin-top: 0;
}
.prose > :last-child{
margin-bottom: 0;
}
.aspect-super-wide-image {
aspect-ratio: 1002/588;
}
.aspect-square-image {
aspect-ratio: 1/1;
}
.aspect-slider-image {
aspect-ratio: 584/285;
}
.aspect-block-image-wide {
aspect-ratio: 856/419;
}
.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;
}
.pointer-events-none{
pointer-events: none;
}
.pointer-events-auto{
pointer-events: auto;
}
.visible{
visibility: visible;
}
.static{
position: static;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.sticky{
position: sticky;
}
.inset-0{
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.top-\[1\%\]{
top: 1%;
}
.top-\[2\%\]{
top: 2%;
}
.top-\[3\%\]{
top: 3%;
}
.top-\[4\%\]{
top: 4%;
}
.top-\[5\%\]{
top: 5%;
}
.top-\[6\%\]{
top: 6%;
}
.top-\[7\%\]{
top: 7%;
}
.top-\[8\%\]{
top: 8%;
}
.top-\[9\%\]{
top: 9%;
}
.top-\[10\%\]{
top: 10%;
}
.top-\[11\%\]{
top: 11%;
}
.top-\[12\%\]{
top: 12%;
}
.top-\[13\%\]{
top: 13%;
}
.top-\[14\%\]{
top: 14%;
}
.top-\[15\%\]{
top: 15%;
}
.top-\[16\%\]{
top: 16%;
}
.top-\[17\%\]{
top: 17%;
}
.top-\[18\%\]{
top: 18%;
}
.top-\[19\%\]{
top: 19%;
}
.top-\[20\%\]{
top: 20%;
}
.top-\[21\%\]{
top: 21%;
}
.top-\[22\%\]{
top: 22%;
}
.top-\[23\%\]{
top: 23%;
}
.top-\[24\%\]{
top: 24%;
}
.top-\[25\%\]{
top: 25%;
}
.top-\[26\%\]{
top: 26%;
}
.top-\[27\%\]{
top: 27%;
}
.top-\[28\%\]{
top: 28%;
}
.top-\[29\%\]{
top: 29%;
}
.top-\[30\%\]{
top: 30%;
}
.top-\[31\%\]{
top: 31%;
}
.top-\[32\%\]{
top: 32%;
}
.top-\[33\%\]{
top: 33%;
}
.top-\[34\%\]{
top: 34%;
}
.top-\[35\%\]{
top: 35%;
}
.top-\[36\%\]{
top: 36%;
}
.top-\[37\%\]{
top: 37%;
}
.top-\[38\%\]{
top: 38%;
}
.top-\[39\%\]{
top: 39%;
}
.top-\[40\%\]{
top: 40%;
}
.top-\[41\%\]{
top: 41%;
}
.top-\[42\%\]{
top: 42%;
}
.top-\[43\%\]{
top: 43%;
}
.top-\[44\%\]{
top: 44%;
}
.top-\[45\%\]{
top: 45%;
}
.top-\[46\%\]{
top: 46%;
}
.top-\[47\%\]{
top: 47%;
}
.top-\[48\%\]{
top: 48%;
}
.top-\[49\%\]{
top: 49%;
}
.top-\[50\%\]{
top: 50%;
}
.top-\[51\%\]{
top: 51%;
}
.top-\[52\%\]{
top: 52%;
}
.top-\[53\%\]{
top: 53%;
}
.top-\[54\%\]{
top: 54%;
}
.top-\[55\%\]{
top: 55%;
}
.top-\[56\%\]{
top: 56%;
}
.top-\[57\%\]{
top: 57%;
}
.top-\[58\%\]{
top: 58%;
}
.top-\[59\%\]{
top: 59%;
}
.top-\[60\%\]{
top: 60%;
}
.top-\[61\%\]{
top: 61%;
}
.top-\[62\%\]{
top: 62%;
}
.top-\[63\%\]{
top: 63%;
}
.top-\[64\%\]{
top: 64%;
}
.top-\[65\%\]{
top: 65%;
}
.top-\[66\%\]{
top: 66%;
}
.top-\[67\%\]{
top: 67%;
}
.top-\[68\%\]{
top: 68%;
}
.top-\[69\%\]{
top: 69%;
}
.top-\[70\%\]{
top: 70%;
}
.top-\[71\%\]{
top: 71%;
}
.top-\[72\%\]{
top: 72%;
}
.top-\[73\%\]{
top: 73%;
}
.top-\[74\%\]{
top: 74%;
}
.top-\[75\%\]{
top: 75%;
}
.top-\[76\%\]{
top: 76%;
}
.top-\[77\%\]{
top: 77%;
}
.top-\[78\%\]{
top: 78%;
}
.top-\[79\%\]{
top: 79%;
}
.top-\[80\%\]{
top: 80%;
}
.top-\[81\%\]{
top: 81%;
}
.top-\[82\%\]{
top: 82%;
}
.top-\[83\%\]{
top: 83%;
}
.top-\[84\%\]{
top: 84%;
}
.top-\[85\%\]{
top: 85%;
}
.top-\[86\%\]{
top: 86%;
}
.top-\[87\%\]{
top: 87%;
}
.top-\[88\%\]{
top: 88%;
}
.top-\[89\%\]{
top: 89%;
}
.top-\[90\%\]{
top: 90%;
}
.top-\[91\%\]{
top: 91%;
}
.top-\[92\%\]{
top: 92%;
}
.top-\[93\%\]{
top: 93%;
}
.top-\[94\%\]{
top: 94%;
}
.top-\[95\%\]{
top: 95%;
}
.top-\[96\%\]{
top: 96%;
}
.top-\[97\%\]{
top: 97%;
}
.top-\[98\%\]{
top: 98%;
}
.top-\[99\%\]{
top: 99%;
}
.top-\[100\%\]{
top: 100%;
}
.left-\[1\%\]{
left: 1%;
}
.left-\[2\%\]{
left: 2%;
}
.left-\[3\%\]{
left: 3%;
}
.left-\[4\%\]{
left: 4%;
}
.left-\[5\%\]{
left: 5%;
}
.left-\[6\%\]{
left: 6%;
}
.left-\[7\%\]{
left: 7%;
}
.left-\[8\%\]{
left: 8%;
}
.left-\[9\%\]{
left: 9%;
}
.left-\[10\%\]{
left: 10%;
}
.left-\[11\%\]{
left: 11%;
}
.left-\[12\%\]{
left: 12%;
}
.left-\[13\%\]{
left: 13%;
}
.left-\[14\%\]{
left: 14%;
}
.left-\[15\%\]{
left: 15%;
}
.left-\[16\%\]{
left: 16%;
}
.left-\[17\%\]{
left: 17%;
}
.left-\[18\%\]{
left: 18%;
}
.left-\[19\%\]{
left: 19%;
}
.left-\[20\%\]{
left: 20%;
}
.left-\[21\%\]{
left: 21%;
}
.left-\[22\%\]{
left: 22%;
}
.left-\[23\%\]{
left: 23%;
}
.left-\[24\%\]{
left: 24%;
}
.left-\[25\%\]{
left: 25%;
}
.left-\[26\%\]{
left: 26%;
}
.left-\[27\%\]{
left: 27%;
}
.left-\[28\%\]{
left: 28%;
}
.left-\[29\%\]{
left: 29%;
}
.left-\[30\%\]{
left: 30%;
}
.left-\[31\%\]{
left: 31%;
}
.left-\[32\%\]{
left: 32%;
}
.left-\[33\%\]{
left: 33%;
}
.left-\[34\%\]{
left: 34%;
}
.left-\[35\%\]{
left: 35%;
}
.left-\[36\%\]{
left: 36%;
}
.left-\[37\%\]{
left: 37%;
}
.left-\[38\%\]{
left: 38%;
}
.left-\[39\%\]{
left: 39%;
}
.left-\[40\%\]{
left: 40%;
}
.left-\[41\%\]{
left: 41%;
}
.left-\[42\%\]{
left: 42%;
}
.left-\[43\%\]{
left: 43%;
}
.left-\[44\%\]{
left: 44%;
}
.left-\[45\%\]{
left: 45%;
}
.left-\[46\%\]{
left: 46%;
}
.left-\[47\%\]{
left: 47%;
}
.left-\[48\%\]{
left: 48%;
}
.left-\[49\%\]{
left: 49%;
}
.left-\[50\%\]{
left: 50%;
}
.left-\[51\%\]{
left: 51%;
}
.left-\[52\%\]{
left: 52%;
}
.left-\[53\%\]{
left: 53%;
}
.left-\[54\%\]{
left: 54%;
}
.left-\[55\%\]{
left: 55%;
}
.left-\[56\%\]{
left: 56%;
}
.left-\[57\%\]{
left: 57%;
}
.left-\[58\%\]{
left: 58%;
}
.left-\[59\%\]{
left: 59%;
}
.left-\[60\%\]{
left: 60%;
}
.left-\[61\%\]{
left: 61%;
}
.left-\[62\%\]{
left: 62%;
}
.left-\[63\%\]{
left: 63%;
}
.left-\[64\%\]{
left: 64%;
}
.left-\[65\%\]{
left: 65%;
}
.left-\[66\%\]{
left: 66%;
}
.left-\[67\%\]{
left: 67%;
}
.left-\[68\%\]{
left: 68%;
}
.left-\[69\%\]{
left: 69%;
}
.left-\[70\%\]{
left: 70%;
}
.left-\[71\%\]{
left: 71%;
}
.left-\[72\%\]{
left: 72%;
}
.left-\[73\%\]{
left: 73%;
}
.left-\[74\%\]{
left: 74%;
}
.left-\[75\%\]{
left: 75%;
}
.left-\[76\%\]{
left: 76%;
}
.left-\[77\%\]{
left: 77%;
}
.left-\[78\%\]{
left: 78%;
}
.left-\[79\%\]{
left: 79%;
}
.left-\[80\%\]{
left: 80%;
}
.left-\[81\%\]{
left: 81%;
}
.left-\[82\%\]{
left: 82%;
}
.left-\[83\%\]{
left: 83%;
}
.left-\[84\%\]{
left: 84%;
}
.left-\[85\%\]{
left: 85%;
}
.left-\[86\%\]{
left: 86%;
}
.left-\[87\%\]{
left: 87%;
}
.left-\[88\%\]{
left: 88%;
}
.left-\[89\%\]{
left: 89%;
}
.left-\[90\%\]{
left: 90%;
}
.left-\[91\%\]{
left: 91%;
}
.left-\[92\%\]{
left: 92%;
}
.left-\[93\%\]{
left: 93%;
}
.left-\[94\%\]{
left: 94%;
}
.left-\[95\%\]{
left: 95%;
}
.left-\[96\%\]{
left: 96%;
}
.left-\[97\%\]{
left: 97%;
}
.left-\[98\%\]{
left: 98%;
}
.left-\[99\%\]{
left: 99%;
}
.left-\[100\%\]{
left: 100%;
}
.top-0{
top: 0px;
}
.left-0{
left: 0px;
}
.top-10{
top: 2.5rem;
}
.-left-4{
left: -1rem;
}
.-right-4{
right: -1rem;
}
.bottom-0{
bottom: 0px;
}
.top-4{
top: 1rem;
}
.right-4{
right: 1rem;
}
.left-2{
left: 0.5rem;
}
.top-1\/2{
top: 50%;
}
.right-2{
right: 0.5rem;
}
.-top-12{
top: -3rem;
}
.right-0{
right: 0px;
}
.left-4{
left: 1rem;
}
.-bottom-12{
bottom: -3rem;
}
.left-1\/2{
left: 50%;
}
.right-5{
right: 1.25rem;
}
.bottom-8{
bottom: 2rem;
}
.top-\[16px\]{
top: 16px;
}
.right-6{
right: 1.5rem;
}
.top-28{
top: 7rem;
}
.-right-20{
right: -5rem;
}
.top-64{
top: 16rem;
}
.right-8{
right: 2rem;
}
.top-\[-1px\]{
top: -1px;
}
.bottom-\[-1px\]{
bottom: -1px;
}
.top-1\/3{
top: 33.333333%;
}
.isolate{
isolation: isolate;
}
.z-10{
z-index: 10;
}
.z-20{
z-index: 20;
}
.z-50{
z-index: 50;
}
.z-30{
z-index: 30;
}
.z-40{
z-index: 40;
}
.z-0{
z-index: 0;
}
.z-\[11\]{
z-index: 11;
}
.order-2{
order: 2;
}
.order-1{
order: 1;
}
.col-span-12{
grid-column: span 12 / span 12;
}
.col-span-9{
grid-column: span 9 / span 9;
}
.col-span-6{
grid-column: span 6 / span 6;
}
.col-span-1{
grid-column: span 1 / span 1;
}
.col-span-2{
grid-column: span 2 / span 2;
}
.col-span-3{
grid-column: span 3 / span 3;
}
.col-span-4{
grid-column: span 4 / span 4;
}
.col-span-8{
grid-column: span 8 / span 8;
}
.col-span-full{
grid-column: 1 / -1;
}
.col-span-5{
grid-column: span 5 / span 5;
}
.my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.my-8{
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-6{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.my-7{
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
.-mx-4{
margin-left: -1rem;
margin-right: -1rem;
}
.mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-4{
margin-left: 1rem;
margin-right: 1rem;
}
.\!my-0{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mx-1{
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.my-4{
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-1{
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.my-3{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-14{
margin-top: 3.5rem;
margin-bottom: 3.5rem;
}
.mx-\[3px\]{
margin-left: 3px;
margin-right: 3px;
}
.my-\[3px\]{
margin-top: 3px;
margin-bottom: 3px;
}
.my-5{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.mb-8{
margin-bottom: 2rem;
}
.mt-1{
margin-top: 0.25rem;
}
.mt-8{
margin-top: 2rem;
}
.mt-0{
margin-top: 0px;
}
.mb-0{
margin-bottom: 0px;
}
.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-7{
margin-top: 1.75rem;
}
.mt-9{
margin-top: 2.25rem;
}
.mt-10{
margin-top: 2.5rem;
}
.mt-11{
margin-top: 2.75rem;
}
.mt-12{
margin-top: 3rem;
}
.mt-14{
margin-top: 3.5rem;
}
.mt-16{
margin-top: 4rem;
}
.mt-20{
margin-top: 5rem;
}
.mt-24{
margin-top: 6rem;
}
.mt-28{
margin-top: 7rem;
}
.mt-32{
margin-top: 8rem;
}
.mt-36{
margin-top: 9rem;
}
.mt-60{
margin-top: 15rem;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-3{
margin-bottom: 0.75rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-5{
margin-bottom: 1.25rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mb-7{
margin-bottom: 1.75rem;
}
.mb-9{
margin-bottom: 2.25rem;
}
.mb-10{
margin-bottom: 2.5rem;
}
.mb-11{
margin-bottom: 2.75rem;
}
.mb-12{
margin-bottom: 3rem;
}
.mb-14{
margin-bottom: 3.5rem;
}
.mb-16{
margin-bottom: 4rem;
}
.mb-20{
margin-bottom: 5rem;
}
.mb-24{
margin-bottom: 6rem;
}
.mb-28{
margin-bottom: 7rem;
}
.mb-32{
margin-bottom: 8rem;
}
.-ml-1{
margin-left: -0.25rem;
}
.mr-3{
margin-right: 0.75rem;
}
.ml-2{
margin-left: 0.5rem;
}
.mt-0\.5{
margin-top: 0.125rem;
}
.mt-3\.5{
margin-top: 0.875rem;
}
.mr-2{
margin-right: 0.5rem;
}
.ml-4{
margin-left: 1rem;
}
.ml-3{
margin-left: 0.75rem;
}
.ml-auto{
margin-left: auto;
}
.mr-1{
margin-right: 0.25rem;
}
.mb-\[32px\]{
margin-bottom: 32px;
}
.mr-\[15px\]{
margin-right: 15px;
}
.mt-\[15px\]{
margin-top: 15px;
}
.mt-\[61\%\]{
margin-top: 61%;
}
.mb-\[60px\]{
margin-bottom: 60px;
}
.mt-\[32px\]{
margin-top: 32px;
}
.mb-\[10px\]{
margin-bottom: 10px;
}
.mb-\[36px\]{
margin-bottom: 36px;
}
.mb-\[57px\]{
margin-bottom: 57px;
}
.mt-auto{
margin-top: auto;
}
.mr-4{
margin-right: 1rem;
}
.mr-16{
margin-right: 4rem;
}
.ml-\[2\.8vw\]{
margin-left: 2.8vw;
}
.\!mt-14{
margin-top: 3.5rem !important;
}
.\!mb-8{
margin-bottom: 2rem !important;
}
.mr-6{
margin-right: 1.5rem;
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.inline{
display: inline;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.contents{
display: contents;
}
.hidden{
display: none;
}
.h-5{
height: 1.25rem;
}
.h-3{
height: 0.75rem;
}
.h-full{
height: 100%;
}
.h-36{
height: 9rem;
}
.h-12{
height: 3rem;
}
.h-10{
height: 2.5rem;
}
.h-2{
height: 0.5rem;
}
.h-6{
height: 1.5rem;
}
.h-8{
height: 2rem;
}
.h-auto{
height: auto;
}
.h-64{
height: 16rem;
}
.h-11{
height: 2.75rem;
}
.h-\[16px\]{
height: 16px;
}
.h-4{
height: 1rem;
}
.h-\[350px\]{
height: 350px;
}
.\!h-auto{
height: auto !important;
}
.h-24{
height: 6rem;
}
.h-\[600px\]{
height: 600px;
}
.h-\[100\%\]{
height: 100%;
}
.h-\[46px\]{
height: 46px;
}
.h-16{
height: 4rem;
}
.h-\[100vh\]{
height: 100vh;
}
.h-\[200px\]{
height: 200px;
}
.h-\[64px\]{
height: 64px;
}
.h-\[108px\]{
height: 108px;
}
.h-\[90vh\]{
height: 90vh;
}
.h-1\/2{
height: 50%;
}
.h-1\/5{
height: 20%;
}
.h-\[300px\]{
height: 300px;
}
.max-h-\[0\]{
max-height: 0;
}
.max-h-full{
max-height: 100%;
}
.max-h-64{
max-height: 16rem;
}
.max-h-\[85vh\]{
max-height: 85vh;
}
.max-h-\[80vh\]{
max-height: 80vh;
}
.max-h-\[186px\]{
max-height: 186px;
}
.max-h-\[618px\]{
max-height: 618px;
}
.max-h-\[485px\]{
max-height: 485px;
}
.max-h-\[300px\]{
max-height: 300px;
}
.min-h-\[320px\]{
min-height: 320px;
}
.min-h-screen{
min-height: 100vh;
}
.min-h-\[80vh\]{
min-height: 80vh;
}
.min-h-\[40vh\]{
min-height: 40vh;
}
.w-full{
width: 100%;
}
.w-5{
width: 1.25rem;
}
.w-3{
width: 0.75rem;
}
.w-auto{
width: auto;
}
.w-36{
width: 9rem;
}
.w-2{
width: 0.5rem;
}
.w-8{
width: 2rem;
}
.w-1\/2{
width: 50%;
}
.w-\[16px\]{
width: 16px;
}
.w-4{
width: 1rem;
}
.w-1\/3{
width: 33.333333%;
}
.w-\[40\%\]{
width: 40%;
}
.w-6{
width: 1.5rem;
}
.w-\[22\%\]{
width: 22%;
}
.w-\[33\%\]{
width: 33%;
}
.w-\[46px\]{
width: 46px;
}
.w-16{
width: 4rem;
}
.w-\[346px\]{
width: 346px;
}
.w-24{
width: 6rem;
}
.w-6\/12{
width: 50%;
}
.w-\[12rem\]{
width: 12rem;
}
.w-\[186px\]{
width: 186px;
}
.w-\[126px\]{
width: 126px;
}
.w-12{
width: 3rem;
}
.w-10\/12{
width: 83.333333%;
}
.w-20{
width: 5rem;
}
.w-\[108px\]{
width: 108px;
}
.w-11\/12{
width: 91.666667%;
}
.w-max{
width: max-content;
}
.w-\[1112px\]{
width: 1112px;
}
.w-\[100vh\]{
width: 100vh;
}
.w-8\/12{
width: 66.666667%;
}
.w-5\/12{
width: 41.666667%;
}
.min-w-\[120px\]{
min-width: 120px;
}
.min-w-\[250px\]{
min-width: 250px;
}
.max-w-\[1100px\]{
max-width: 1100px;
}
.max-w-\[1150px\]{
max-width: 1150px;
}
.max-w-\[1263px\]{
max-width: 1263px;
}
.max-w-\[90vw\]{
max-width: 90vw;
}
.max-w-full{
max-width: 100%;
}
.max-w-xl{
max-width: 36rem;
}
.max-w-4xl{
max-width: 56rem;
}
.max-w-\[502px\]{
max-width: 502px;
}
.max-w-7xl{
max-width: 80rem;
}
.max-w-\[718px\]{
max-width: 718px;
}
.max-w-\[600px\]{
max-width: 600px;
}
.max-w-max{
max-width: max-content;
}
.max-w-\[80\%\]{
max-width: 80%;
}
.max-w-\[80vw\]{
max-width: 80vw;
}
.max-w-\[431px\]{
max-width: 431px;
}
.max-w-\[1382px\]{
max-width: 1382px;
}
.max-w-3xl{
max-width: 48rem;
}
.max-w-md{
max-width: 28rem;
}
.max-w-\[418px\]{
max-width: 418px;
}
.max-w-\[415px\]{
max-width: 415px;
}
.max-w-\[370px\]{
max-width: 370px;
}
.max-w-\[100\%\]{
max-width: 100%;
}
.max-w-\[750px\]{
max-width: 750px;
}
.flex-1{
flex: 1 1 0%;
}
.flex-shrink-0{
flex-shrink: 0;
}
.flex-shrink{
flex-shrink: 1;
}
.-translate-y-1\/2{
--tw-translate-y: -50%;
transform: var(--tw-transform);
}
.-translate-x-1\/2{
--tw-translate-x: -50%;
transform: var(--tw-transform);
}
.-translate-y-full{
--tw-translate-y: -100%;
transform: var(--tw-transform);
}
.translate-y-1\/2{
--tw-translate-y: 50%;
transform: var(--tw-transform);
}
.translate-x-0{
--tw-translate-x: 0px;
transform: var(--tw-transform);
}
.-translate-x-full{
--tw-translate-x: -100%;
transform: var(--tw-transform);
}
.translate-y-0{
--tw-translate-y: 0px;
transform: var(--tw-transform);
}
.translate-y-\[-5px\]{
--tw-translate-y: -5px;
transform: var(--tw-transform);
}
.translate-y-\[-1px\]{
--tw-translate-y: -1px;
transform: var(--tw-transform);
}
.translate-y-\[-2px\]{
--tw-translate-y: -2px;
transform: var(--tw-transform);
}
.translate-y-\[-3px\]{
--tw-translate-y: -3px;
transform: var(--tw-transform);
}
.translate-y-\[-4px\]{
--tw-translate-y: -4px;
transform: var(--tw-transform);
}
.translate-x-\[50\%\]{
--tw-translate-x: 50%;
transform: var(--tw-transform);
}
.translate-x-\[-50\%\]{
--tw-translate-x: -50%;
transform: var(--tw-transform);
}
.translate-y-\[-50\%\]{
--tw-translate-y: -50%;
transform: var(--tw-transform);
}
.-translate-y-10{
--tw-translate-y: -2.5rem;
transform: var(--tw-transform);
}
.translate-x-\[-200px\]{
--tw-translate-x: -200px;
transform: var(--tw-transform);
}
.rotate-180{
--tw-rotate: 180deg;
transform: var(--tw-transform);
}
.-rotate-45{
--tw-rotate: -45deg;
transform: var(--tw-transform);
}
.rotate-135{
--tw-rotate: 135deg;
transform: var(--tw-transform);
}
.rotate-90{
--tw-rotate: 90deg;
transform: var(--tw-transform);
}
.rotate-45{
--tw-rotate: 45deg;
transform: var(--tw-transform);
}
.-rotate-90{
--tw-rotate: -90deg;
transform: var(--tw-transform);
}
.scale-\[2\.0\]{
--tw-scale-x: 2.0;
--tw-scale-y: 2.0;
transform: var(--tw-transform);
}
.scale-75{
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: var(--tw-transform);
}
.transform{
transform: var(--tw-transform);
}
@keyframes spin{
to{
transform: rotate(360deg);
}
}
.animate-spin{
animation: spin 1s linear infinite;
}
@keyframes bounce{
0%, 100%{
transform: translateY(-25%);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50%{
transform: none;
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
.animate-bounce{
animation: bounce 1s infinite;
}
.cursor-pointer{
cursor: pointer;
}
.resize{
resize: both;
}
.list-none{
list-style-type: none;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-12{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
grid-template-columns: repeat(4, 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;
}
.content-center{
align-content: center;
}
.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-start{
justify-content: flex-start;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.justify-items-center{
justify-items: center;
}
.gap-8{
gap: 2rem;
}
.gap-16{
gap: 4rem;
}
.gap-10{
gap: 2.5rem;
}
.gap-4{
gap: 1rem;
}
.gap-6{
gap: 1.5rem;
}
.gap-\[30px\]{
gap: 30px;
}
.gap-1{
gap: 0.25rem;
}
.gap-5{
gap: 1.25rem;
}
.gap-2{
gap: 0.5rem;
}
.gap-\[20px\]{
gap: 20px;
}
.gap-3{
gap: 0.75rem;
}
.gap-2\.5{
gap: 0.625rem;
}
.gap-20{
gap: 5rem;
}
.gap-12{
gap: 3rem;
}
.gap-y-8{
row-gap: 2rem;
}
.gap-y-6{
row-gap: 1.5rem;
}
.gap-y-5{
row-gap: 1.25rem;
}
.gap-x-\[30px\]{
column-gap: 30px;
}
.gap-y-7{
row-gap: 1.75rem;
}
.gap-y-0{
row-gap: 0px;
}
.gap-y-4{
row-gap: 1rem;
}
.gap-x-6{
column-gap: 1.5rem;
}
.gap-x-2{
column-gap: 0.5rem;
}
.gap-y-1{
row-gap: 0.25rem;
}
.gap-y-2{
row-gap: 0.5rem;
}
.gap-y-3{
row-gap: 0.75rem;
}
.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-y-6 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-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-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));
}
.self-center{
align-self: center;
}
.overflow-auto{
overflow: auto;
}
.overflow-hidden{
overflow: hidden;
}
.overflow-visible{
overflow: visible;
}
.overflow-clip{
text-overflow: clip;
}
.rounded{
border-radius: 0.25rem;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-md{
border-radius: 0.375rem;
}
.rounded-\[15px\]{
border-radius: 15px;
}
.rounded-xl{
border-radius: 0.75rem;
}
.rounded-\[0\]{
border-radius: 0;
}
.rounded-3xl{
border-radius: 1.5rem;
}
.rounded-\[32px\]{
border-radius: 32px;
}
.rounded-\[12px\]{
border-radius: 12px;
}
.rounded-\[8px\]{
border-radius: 8px;
}
.rounded-lg{
border-radius: 0.5rem;
}
.rounded-\[1rem\]{
border-radius: 1rem;
}
.rounded-t-lg{
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.rounded-t-md{
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.rounded-b-md{
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-tr-lg{
border-top-right-radius: 0.5rem;
}
.border{
border-width: 1px;
}
.border-\[1px\]{
border-width: 1px;
}
.border-0{
border-width: 0px;
}
.border-2{
border-width: 2px;
}
.border-l-2{
border-left-width: 2px;
}
.border-b-2{
border-bottom-width: 2px;
}
.border-t{
border-top-width: 1px;
}
.border-r{
border-right-width: 1px;
}
.border-b{
border-bottom-width: 1px;
}
.border-t-\[2rem\]{
border-top-width: 2rem;
}
.border-l{
border-left-width: 1px;
}
.border-t-2{
border-top-width: 2px;
}
.border-r-2{
border-right-width: 2px;
}
.border-b-4{
border-bottom-width: 4px;
}
.border-solid{
border-style: solid;
}
.border-none{
border-style: none;
}
.border-primary{
--tw-border-opacity: 1;
border-color: rgba(120, 250, 174, var(--tw-border-opacity));
}
.border-grayscale-500{
--tw-border-opacity: 1;
border-color: rgba(215, 215, 215, var(--tw-border-opacity));
}
.border-grayscale-400{
--tw-border-opacity: 1;
border-color: rgba(243, 243, 243, var(--tw-border-opacity));
}
.border-white{
--tw-border-opacity: 1;
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.border-\[\#e3e3e3\]{
--tw-border-opacity: 1;
border-color: rgba(227, 227, 227, var(--tw-border-opacity));
}
.border-\[\#DBDBDB\]{
--tw-border-opacity: 1;
border-color: rgba(219, 219, 219, var(--tw-border-opacity));
}
.border-grayscale-300{
--tw-border-opacity: 1;
border-color: rgba(232, 232, 232, var(--tw-border-opacity));
}
.border-\[\#C6C6C6\]{
--tw-border-opacity: 1;
border-color: rgba(198, 198, 198, var(--tw-border-opacity));
}
.border-grayscale-590{
--tw-border-opacity: 1;
border-color: rgba(201, 201, 201, var(--tw-border-opacity));
}
.border-grayscale-200{
--tw-border-opacity: 1;
border-color: rgba(235, 235, 235, var(--tw-border-opacity));
}
.border-\[\#D7D7D7\]{
--tw-border-opacity: 1;
border-color: rgba(215, 215, 215, var(--tw-border-opacity));
}
.border-white\/20{
border-color: rgba(255, 255, 255, 0.2);
}
.border-grayscale-650{
--tw-border-opacity: 1;
border-color: rgba(93, 93, 93, var(--tw-border-opacity));
}
.border-red-400{
--tw-border-opacity: 1;
border-color: rgba(251, 113, 133, var(--tw-border-opacity));
}
.border-red-600{
--tw-border-opacity: 1;
border-color: rgba(225, 29, 72, var(--tw-border-opacity));
}
.border-\[\#05221B\]{
--tw-border-opacity: 1;
border-color: rgba(5, 34, 27, var(--tw-border-opacity));
}
.border-\[\#0E3A2F\]{
--tw-border-opacity: 1;
border-color: rgba(14, 58, 47, var(--tw-border-opacity));
}
.border-grayscale-800{
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
.border-b-primary{
--tw-border-opacity: 1;
border-bottom-color: rgba(120, 250, 174, var(--tw-border-opacity));
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-primary-700{
--tw-bg-opacity: 1;
background-color: rgba(13, 58, 47, var(--tw-bg-opacity));
}
.bg-grayscale-100{
--tw-bg-opacity: 1;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}
.bg-primary{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
}
.bg-transparent{
background-color: transparent;
}
.bg-indigo-400{
--tw-bg-opacity: 1;
background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
}
.bg-yellow-400{
--tw-bg-opacity: 1;
background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
}
.bg-red-400{
--tw-bg-opacity: 1;
background-color: rgba(251, 113, 133, var(--tw-bg-opacity));
}
.bg-grayscale-800{
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-grayscale-700{
--tw-bg-opacity: 1;
background-color: rgba(112, 112, 112, var(--tw-bg-opacity));
}
.bg-grayscale-400{
--tw-bg-opacity: 1;
background-color: rgba(243, 243, 243, var(--tw-bg-opacity));
}
.bg-secondary{
--tw-bg-opacity: 1;
background-color: rgba(14, 58, 47, var(--tw-bg-opacity));
}
.bg-\[\#0ac707\]{
--tw-bg-opacity: 1;
background-color: rgba(10, 199, 7, var(--tw-bg-opacity));
}
.bg-\[\#78faae\]{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
}
.bg-\[\#EFF8ED\]{
--tw-bg-opacity: 1;
background-color: rgba(239, 248, 237, var(--tw-bg-opacity));
}
.bg-\[\#F8F8F8\]{
--tw-bg-opacity: 1;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}
.bg-\[\#DBDBDB\]{
--tw-bg-opacity: 1;
background-color: rgba(219, 219, 219, var(--tw-bg-opacity));
}
.bg-\[\#0D3A2F\]{
--tw-bg-opacity: 1;
background-color: rgba(13, 58, 47, var(--tw-bg-opacity));
}
.bg-\[\#f3f3f3\]{
--tw-bg-opacity: 1;
background-color: rgba(243, 243, 243, var(--tw-bg-opacity));
}
.bg-gray-100{
--tw-bg-opacity: 1;
background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
}
.bg-black{
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-\[\#373737\]{
--tw-bg-opacity: 1;
background-color: rgba(55, 55, 55, var(--tw-bg-opacity));
}
.bg-primary-300{
--tw-bg-opacity: 1;
background-color: rgba(168, 255, 204, var(--tw-bg-opacity));
}
.bg-indigo-500{
--tw-bg-opacity: 1;
background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}
.bg-grayscale-400\/50{
background-color: rgba(243, 243, 243, 0.5);
}
.bg-grayscale-900{
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-red-500{
--tw-bg-opacity: 1;
background-color: rgba(244, 63, 94, var(--tw-bg-opacity));
}
.bg-black\/\[0\.85\]{
background-color: rgba(0, 0, 0, 0.85);
}
.bg-gray-800{
--tw-bg-opacity: 1;
background-color: rgba(38, 38, 38, var(--tw-bg-opacity));
}
.bg-red-100{
--tw-bg-opacity: 1;
background-color: rgba(255, 228, 230, var(--tw-bg-opacity));
}
.bg-red-600{
--tw-bg-opacity: 1;
background-color: rgba(225, 29, 72, var(--tw-bg-opacity));
}
.bg-indigo-800{
--tw-bg-opacity: 1;
background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
}
.bg-\[\#E81F1F\]{
--tw-bg-opacity: 1;
background-color: rgba(232, 31, 31, var(--tw-bg-opacity));
}
.bg-\[\#F5F5F5\]{
--tw-bg-opacity: 1;
background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
}
.bg-grayscale-600\/50{
background-color: rgba(140, 151, 172, 0.5);
}
.bg-grayscale-550{
--tw-bg-opacity: 1;
background-color: rgba(219, 219, 219, var(--tw-bg-opacity));
}
.bg-opacity-90{
--tw-bg-opacity: 0.9;
}
.bg-opacity-10{
--tw-bg-opacity: 0.1;
}
.bg-opacity-0{
--tw-bg-opacity: 0;
}
.bg-opacity-20{
--tw-bg-opacity: 0.2;
}
.bg-gradient-to-t{
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-grayscale-100{
--tw-gradient-from: #F8F8F8;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 248, 248, 0));
}
.from-black{
--tw-gradient-from: #000;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
}
.via-white{
--tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
}
.to-white{
--tw-gradient-to: #fff;
}
.to-transparent{
--tw-gradient-to: transparent;
}
.bg-cover{
background-size: cover;
}
.bg-right{
background-position: right;
}
.fill-current{
fill: currentColor;
}
.object-contain{
-o-object-fit: contain;
object-fit: contain;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
}
.object-center{
-o-object-position: center;
object-position: center;
}
.p-5{
padding: 1.25rem;
}
.p-10{
padding: 2.5rem;
}
.p-12{
padding: 3rem;
}
.p-4{
padding: 1rem;
}
.p-6{
padding: 1.5rem;
}
.p-3{
padding: 0.75rem;
}
.p-2{
padding: 0.5rem;
}
.p-8{
padding: 2rem;
}
.p-\[10px\]{
padding: 10px;
}
.p-0{
padding: 0px;
}
.py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-9{
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-14{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
.px-0{
padding-left: 0px;
padding-right: 0px;
}
.px-\[47px\]{
padding-left: 47px;
padding-right: 47px;
}
.px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-12{
padding-left: 3rem;
padding-right: 3rem;
}
.py-\[clamp\(1\.5rem\2c 7vw\2c 6rem\)\]{
padding-top: clamp(1.5rem,7vw,6rem);
padding-bottom: clamp(1.5rem,7vw,6rem);
}
.px-16{
padding-left: 4rem;
padding-right: 4rem;
}
.px-\[30px\]{
padding-left: 30px;
padding-right: 30px;
}
.px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-\[150px\]{
padding-left: 150px;
padding-right: 150px;
}
.py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.px-7{
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.py-7{
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.py-\[8\.5px\]{
padding-top: 8.5px;
padding-bottom: 8.5px;
}
.pt-0{
padding-top: 0px;
}
.pb-0{
padding-bottom: 0px;
}
.pt-1{
padding-top: 0.25rem;
}
.pt-2{
padding-top: 0.5rem;
}
.pt-3{
padding-top: 0.75rem;
}
.pt-4{
padding-top: 1rem;
}
.pt-5{
padding-top: 1.25rem;
}
.pt-6{
padding-top: 1.5rem;
}
.pt-7{
padding-top: 1.75rem;
}
.pt-8{
padding-top: 2rem;
}
.pt-9{
padding-top: 2.25rem;
}
.pt-10{
padding-top: 2.5rem;
}
.pt-11{
padding-top: 2.75rem;
}
.pt-12{
padding-top: 3rem;
}
.pt-14{
padding-top: 3.5rem;
}
.pt-16{
padding-top: 4rem;
}
.pt-20{
padding-top: 5rem;
}
.pt-24{
padding-top: 6rem;
}
.pt-28{
padding-top: 7rem;
}
.pt-32{
padding-top: 8rem;
}
.pt-36{
padding-top: 9rem;
}
.pt-60{
padding-top: 15rem;
}
.pb-1{
padding-bottom: 0.25rem;
}
.pb-2{
padding-bottom: 0.5rem;
}
.pb-3{
padding-bottom: 0.75rem;
}
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-7{
padding-bottom: 1.75rem;
}
.pb-8{
padding-bottom: 2rem;
}
.pb-9{
padding-bottom: 2.25rem;
}
.pb-10{
padding-bottom: 2.5rem;
}
.pb-11{
padding-bottom: 2.75rem;
}
.pb-12{
padding-bottom: 3rem;
}
.pb-14{
padding-bottom: 3.5rem;
}
.pb-16{
padding-bottom: 4rem;
}
.pb-20{
padding-bottom: 5rem;
}
.pb-24{
padding-bottom: 6rem;
}
.pb-28{
padding-bottom: 7rem;
}
.pb-32{
padding-bottom: 8rem;
}
.pb-36{
padding-bottom: 9rem;
}
.pb-60{
padding-bottom: 15rem;
}
.pl-4{
padding-left: 1rem;
}
.pb-3\.5{
padding-bottom: 0.875rem;
}
.pr-0{
padding-right: 0px;
}
.pr-2{
padding-right: 0.5rem;
}
.pb-56{
padding-bottom: 14rem;
}
.pt-\[60px\]{
padding-top: 60px;
}
.pt-\[8rem\]{
padding-top: 8rem;
}
.pr-4{
padding-right: 1rem;
}
.pl-2{
padding-left: 0.5rem;
}
.pr-6{
padding-right: 1.5rem;
}
.pr-10{
padding-right: 2.5rem;
}
.pl-10{
padding-left: 2.5rem;
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.font-second{
font-family: Skoda Pro, Helvetica, Arial, sans-serif;
}
.text-xs{
font-size: .75rem;
}
.text-3xl{
font-size: 1.875rem;
}
.text-xl{
font-size: 1.25rem;
}
.text-2xl{
font-size: 1.5rem;
}
.text-5xl{
font-size: 2.625rem;
}
.text-base{
font-size: 1rem;
}
.text-sm{
font-size: .875rem;
}
.text-4xl{
font-size: 2.25rem;
}
.text-lg{
font-size: 1.125rem;
}
.text-\[16px\]{
font-size: 16px;
}
.text-\[48px\]{
font-size: 48px;
}
.text-\[24px\]{
font-size: 24px;
}
.text-\[25px\]{
font-size: 25px;
}
.text-\[42px\]{
font-size: 42px;
}
.text-\[32px\]{
font-size: 32px;
}
.text-\[30px\]{
font-size: 30px;
}
.text-\[18px\]{
font-size: 18px;
}
.text-\[50px\]{
font-size: 50px;
}
.text-tiny{
font-size: .75rem;
}
.text-\[10px\]{
font-size: 10px;
}
.text-6xl{
font-size: 3.125rem;
}
.text-\[120px\]{
font-size: 120px;
}
.font-light{
font-weight: 300;
}
.font-bold{
font-weight: 700;
}
.font-normal{
font-weight: 400;
}
.font-medium{
font-weight: 500;
}
.font-semibold{
font-weight: 600;
}
.font-black{
font-weight: 900;
}
.uppercase{
text-transform: uppercase;
}
.lowercase{
text-transform: lowercase;
}
.capitalize{
text-transform: capitalize;
}
.normal-case{
text-transform: none;
}
.leading-relaxed{
line-height: 1.625;
}
.leading-6{
line-height: 1.5rem;
}
.leading-none{
line-height: 1;
}
.leading-\[1\.3\]{
line-height: 1.3;
}
.leading-\[30px\]{
line-height: 30px;
}
.leading-\[52px\]{
line-height: 52px;
}
.leading-\[40px\]{
line-height: 40px;
}
.leading-\[26px\]{
line-height: 26px;
}
.leading-\[60px\]{
line-height: 60px;
}
.leading-5{
line-height: 1.25rem;
}
.leading-\[1\.5rem\]{
line-height: 1.5rem;
}
.leading-tight{
line-height: 1.25;
}
.leading-8{
line-height: 2rem;
}
.leading-snug{
line-height: 1.375;
}
.tracking-wider{
letter-spacing: 0.05em;
}
.text-grayscale-800{
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-white{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-body-dark-gray{
--tw-text-opacity: 1;
color: rgba(74, 74, 74, var(--tw-text-opacity));
}
.text-primary-700{
--tw-text-opacity: 1;
color: rgba(13, 58, 47, var(--tw-text-opacity));
}
.text-indigo-50{
--tw-text-opacity: 1;
color: rgba(238, 242, 255, var(--tw-text-opacity));
}
.text-yellow-50{
--tw-text-opacity: 1;
color: rgba(255, 251, 235, var(--tw-text-opacity));
}
.text-red-50{
--tw-text-opacity: 1;
color: rgba(255, 241, 242, var(--tw-text-opacity));
}
.text-secondary{
--tw-text-opacity: 1;
color: rgba(14, 58, 47, var(--tw-text-opacity));
}
.text-grayscale-700{
--tw-text-opacity: 1;
color: rgba(112, 112, 112, var(--tw-text-opacity));
}
.text-primary{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.text-\[\#0ac707\]{
--tw-text-opacity: 1;
color: rgba(10, 199, 7, var(--tw-text-opacity));
}
.text-\[\#545454\]{
--tw-text-opacity: 1;
color: rgba(84, 84, 84, var(--tw-text-opacity));
}
.text-\[\#ff0000\]{
--tw-text-opacity: 1;
color: rgba(255, 0, 0, var(--tw-text-opacity));
}
.text-grayscale-900{
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-black{
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-\[\#0D3A2F\]{
--tw-text-opacity: 1;
color: rgba(13, 58, 47, var(--tw-text-opacity));
}
.text-\[\#5E5E62\]{
--tw-text-opacity: 1;
color: rgba(94, 94, 98, var(--tw-text-opacity));
}
.text-\[\#373737\]{
--tw-text-opacity: 1;
color: rgba(55, 55, 55, var(--tw-text-opacity));
}
.text-\[\#78FAAE\]{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.text-\[\#4A4A4A\]{
--tw-text-opacity: 1;
color: rgba(74, 74, 74, var(--tw-text-opacity));
}
.text-gray-800{
--tw-text-opacity: 1;
color: rgba(38, 38, 38, var(--tw-text-opacity));
}
.text-\[\#272727\]{
--tw-text-opacity: 1;
color: rgba(39, 39, 39, var(--tw-text-opacity));
}
.text-primary-600{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.text-red-600{
--tw-text-opacity: 1;
color: rgba(225, 29, 72, var(--tw-text-opacity));
}
.text-gray-600{
--tw-text-opacity: 1;
color: rgba(82, 82, 82, var(--tw-text-opacity));
}
.text-red-700{
--tw-text-opacity: 1;
color: rgba(190, 18, 60, var(--tw-text-opacity));
}
.text-yellow-400{
--tw-text-opacity: 1;
color: rgba(251, 191, 36, var(--tw-text-opacity));
}
.text-\[\#6B6B6B\]{
--tw-text-opacity: 1;
color: rgba(107, 107, 107, var(--tw-text-opacity));
}
.text-\[\#787878\]{
--tw-text-opacity: 1;
color: rgba(120, 120, 120, var(--tw-text-opacity));
}
.text-grayscale-400{
--tw-text-opacity: 1;
color: rgba(243, 243, 243, var(--tw-text-opacity));
}
.text-\[\#4a4a4a\]{
--tw-text-opacity: 1;
color: rgba(74, 74, 74, var(--tw-text-opacity));
}
.text-\[\#171717\]{
--tw-text-opacity: 1;
color: rgba(23, 23, 23, var(--tw-text-opacity));
}
.underline{
text-decoration: underline;
}
.line-through{
text-decoration: line-through;
}
.opacity-25{
opacity: 0.25;
}
.opacity-75{
opacity: 0.75;
}
.opacity-100{
opacity: 1;
}
.opacity-0{
opacity: 0;
}
.opacity-50{
opacity: 0.5;
}
.opacity-60{
opacity: 0.6;
}
.opacity-80{
opacity: 0.8;
}
.opacity-90{
opacity: 0.9;
}
.shadow-card{
--tw-shadow: 0 0 5px 0 rgba(0,0,0,.05), 0 5px 20px 0 rgba(0,0,0,.05);
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 rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-contact{
--tw-shadow: 0px 25px 35px 0px #00000014;
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 rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-header{
--tw-shadow: 0 10px 6px rgba(0, 0, 0, 0.04);
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;
}
.blur{
--tw-blur: blur(8px);
filter: var(--tw-filter);
}
.grayscale{
--tw-grayscale: grayscale(100%);
filter: var(--tw-filter);
}
.filter{
filter: var(--tw-filter);
}
.filter-none{
filter: none;
}
.transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors{
transition-property: background-color, border-color, color, fill, stroke;
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;
}
.transition{
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: background-color, border-color, 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-opacity{
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-150{
transition-duration: 150ms;
}
.duration-300{
transition-duration: 300ms;
}
.duration-200{
transition-duration: 200ms;
}
.duration-500{
transition-duration: 500ms;
}
.duration-700{
transition-duration: 700ms;
}
.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);
}
.ease-in{
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
@keyframes spinAround{
from{
transform: rotate(0deg);
}
to{
transform: rotate(360deg);
}
}
.image-as-bg{
pointer-events: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.before\:absolute::before{
content: "";
position: absolute;
}
.before\:bottom-0::before{
content: "";
bottom: 0px;
}
.before\:left-0::before{
content: "";
left: 0px;
}
.before\:top-0::before{
content: "";
top: 0px;
}
.before\:z-20::before{
content: "";
z-index: 20;
}
.before\:block::before{
content: "";
display: block;
}
.before\:h-1::before{
content: "";
height: 0.25rem;
}
.before\:h-full::before{
content: "";
height: 100%;
}
.before\:w-full::before{
content: "";
width: 100%;
}
.before\:bg-primary-500::before{
content: "";
--tw-bg-opacity: 1;
background-color: rgba(75, 168, 46, var(--tw-bg-opacity));
}
.before\:bg-primary::before{
content: "";
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
}
.before\:bg-white::before{
content: "";
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.before\:shadow-header::before{
content: "";
--tw-shadow: 0 10px 6px rgba(0, 0, 0, 0.04);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.last\:border-0:last-child{
border-width: 0px;
}
.hover\:z-10:hover{
z-index: 10;
}
.hover\:rotate-180:hover{
--tw-rotate: 180deg;
transform: var(--tw-transform);
}
.hover\:scale-\[2\.0\]:hover{
--tw-scale-x: 2.0;
--tw-scale-y: 2.0;
transform: var(--tw-transform);
}
.hover\:scale-90:hover{
--tw-scale-x: .9;
--tw-scale-y: .9;
transform: var(--tw-transform);
}
.hover\:border-\[\#78FAAE\]:hover{
--tw-border-opacity: 1;
border-color: rgba(120, 250, 174, var(--tw-border-opacity));
}
.hover\:border-primary:hover{
--tw-border-opacity: 1;
border-color: rgba(120, 250, 174, var(--tw-border-opacity));
}
.hover\:border-transparent:hover{
border-color: transparent;
}
.hover\:border-secondary:hover{
--tw-border-opacity: 1;
border-color: rgba(14, 58, 47, var(--tw-border-opacity));
}
.hover\:bg-secondary:hover{
--tw-bg-opacity: 1;
background-color: rgba(14, 58, 47, var(--tw-bg-opacity));
}
.hover\:bg-primary-300:hover{
--tw-bg-opacity: 1;
background-color: rgba(168, 255, 204, var(--tw-bg-opacity));
}
.hover\:bg-primary:hover{
--tw-bg-opacity: 1;
background-color: rgba(120, 250, 174, var(--tw-bg-opacity));
}
.hover\:bg-primary-400:hover{
--tw-bg-opacity: 1;
background-color: rgba(96, 202, 63, var(--tw-bg-opacity));
}
.hover\:bg-\[\#0D3A2F\]:hover{
--tw-bg-opacity: 1;
background-color: rgba(13, 58, 47, var(--tw-bg-opacity));
}
.hover\:bg-indigo-400:hover{
--tw-bg-opacity: 1;
background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
}
.hover\:bg-red-600:hover{
--tw-bg-opacity: 1;
background-color: rgba(225, 29, 72, var(--tw-bg-opacity));
}
.hover\:bg-opacity-90:hover{
--tw-bg-opacity: 0.9;
}
.hover\:bg-opacity-20:hover{
--tw-bg-opacity: 0.2;
}
.hover\:bg-opacity-30:hover{
--tw-bg-opacity: 0.3;
}
.hover\:bg-opacity-80:hover{
--tw-bg-opacity: 0.8;
}
.hover\:text-primary:hover{
--tw-text-opacity: 1;
color: rgba(120, 250, 174, var(--tw-text-opacity));
}
.hover\:text-white:hover{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-secondary:hover{
--tw-text-opacity: 1;
color: rgba(14, 58, 47, var(--tw-text-opacity));
}
.hover\:text-gray-300:hover{
--tw-text-opacity: 1;
color: rgba(212, 212, 212, var(--tw-text-opacity));
}
.hover\:text-primary-700:hover{
--tw-text-opacity: 1;
color: rgba(13, 58, 47, var(--tw-text-opacity));
}
.hover\:underline:hover{
text-decoration: underline;
}
.hover\:opacity-80:hover{
opacity: 0.8;
}
.hover\:opacity-60:hover{
opacity: 0.6;
}
.hover\:opacity-70:hover{
opacity: 0.7;
}
.hover\:opacity-100:hover{
opacity: 1;
}
.hover\:shadow-md:hover{
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-none:hover{
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:filter-none:hover{
filter: none;
}
.focus\:not-sr-only:focus{
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.focus\:border-primary:focus{
--tw-border-opacity: 1;
border-color: rgba(120, 250, 174, var(--tw-border-opacity));
}
.focus\:outline-none:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:ring-primary:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgba(120, 250, 174, var(--tw-ring-opacity));
}
.disabled\:cursor-not-allowed:disabled{
cursor: not-allowed;
}
.disabled\:\!bg-grayscale-600:disabled{
--tw-bg-opacity: 1 !important;
background-color: rgba(140, 151, 172, var(--tw-bg-opacity)) !important;
}
.disabled\:opacity-0:disabled{
opacity: 0;
}
.group:hover .group-hover\:z-30{
z-index: 30;
}
.group:hover .group-hover\:z-20{
z-index: 20;
}
.group:hover .group-hover\:flex{
display: flex;
}
.group:hover .group-hover\:rotate-135{
--tw-rotate: 135deg;
transform: var(--tw-transform);
}
.group:hover .group-hover\:-rotate-45{
--tw-rotate: -45deg;
transform: var(--tw-transform);
}
.group:hover .group-hover\:scale-105{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: var(--tw-transform);
}
.group:hover .group-hover\:bg-opacity-10{
--tw-bg-opacity: 0.1;
}
.group:hover .group-hover\:bg-opacity-20{
--tw-bg-opacity: 0.2;
}
.group:hover .group-hover\:opacity-100{
opacity: 1;
}
.group:hover .group-hover\:opacity-50{
opacity: 0.5;
}
.group:hover .group-hover\:shadow-card{
--tw-shadow: 0 0 5px 0 rgba(0,0,0,.05), 0 5px 20px 0 rgba(0,0,0,.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media print{
.print\:block{
display: block;
}
.print\:hidden{
display: none;
}
.print\:h-auto{
height: auto;
}
.print\:w-full{
width: 100%;
}
.print\:pr-0{
padding-right: 0px;
}
}
@media (min-width: 320px){
.tiny\:w-full{
width: 100%;
}
.tiny\:w-1\/2{
width: 50%;
}
.tiny\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 460px){
.vsm\:h-full{
height: 100%;
}
.vsm\:flex-row{
flex-direction: row;
}
.vsm\:gap-20{
gap: 5rem;
}
.vsm\:gap-12{
gap: 3rem;
}
.vsm\:gap-8{
gap: 2rem;
}
.vsm\:p-6{
padding: 1.5rem;
}
.vsm\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.vsm\:py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.vsm\:px-16{
padding-left: 4rem;
padding-right: 4rem;
}
.vsm\:py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.vsm\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.vsm\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.vsm\:py-\[18\.5px\]{
padding-top: 18.5px;
padding-bottom: 18.5px;
}
.vsm\:pr-14{
padding-right: 3.5rem;
}
.vsm\:pl-14{
padding-left: 3.5rem;
}
.vsm\:text-8xl{
font-size: 5.625rem;
}
.vsm\:text-sm{
font-size: .875rem;
}
.vsm\:text-lg{
font-size: 1.125rem;
}
.vsm\:text-4xl{
font-size: 2.25rem;
}
.vsm\:text-xl{
font-size: 1.25rem;
}
}
@media (min-width: 640px){
.xss\:absolute{
position: absolute;
}
.xss\:mt-20{
margin-top: 5rem;
}
.xss\:mt-14{
margin-top: 3.5rem;
}
.xss\:mt-16{
margin-top: 4rem;
}
.xss\:mb-20{
margin-bottom: 5rem;
}
.xss\:contents{
display: contents;
}
.xss\:h-16{
height: 4rem;
}
.xss\:w-16{
width: 4rem;
}
.xss\:min-w-\[300px\]{
min-width: 300px;
}
.xss\:-translate-y-1\/2{
--tw-translate-y: -50%;
transform: var(--tw-transform);
}
.xss\:-translate-y-24{
--tw-translate-y: -6rem;
transform: var(--tw-transform);
}
.xss\:gap-6{
gap: 1.5rem;
}
.xss\:gap-12{
gap: 3rem;
}
.xss\:px-11{
padding-left: 2.75rem;
padding-right: 2.75rem;
}
.xss\:py-14{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.xss\:px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.xss\:py-9{
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.xss\:pb-20{
padding-bottom: 5rem;
}
.xss\:pt-16{
padding-top: 4rem;
}
.xss\:pt-20{
padding-top: 5rem;
}
.xss\:pb-24{
padding-bottom: 6rem;
}
.xss\:text-6xl{
font-size: 3.125rem;
}
.xss\:text-4xl{
font-size: 2.25rem;
}
.xss\:text-5xl{
font-size: 2.625rem;
}
.xss\:text-xl{
font-size: 1.25rem;
}
.xss\:text-3xl{
font-size: 1.875rem;
}
.xss\:text-\[180px\]{
font-size: 180px;
}
}
@media (min-width: 768px){
.xs\:aspect-w-1,
.xs\:aspect-w-2,
.xs\:aspect-w-3,
.xs\:aspect-w-4,
.xs\:aspect-w-5,
.xs\:aspect-w-6,
.xs\:aspect-w-7,
.xs\:aspect-w-8,
.xs\:aspect-w-9,
.xs\:aspect-w-10,
.xs\:aspect-w-11,
.xs\:aspect-w-12,
.xs\:aspect-w-13,
.xs\:aspect-w-14,
.xs\:aspect-w-15,
.xs\:aspect-w-16{
position: relative;
padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}
.xs\:aspect-w-1 > *,
.xs\:aspect-w-2 > *,
.xs\:aspect-w-3 > *,
.xs\:aspect-w-4 > *,
.xs\:aspect-w-5 > *,
.xs\:aspect-w-6 > *,
.xs\:aspect-w-7 > *,
.xs\:aspect-w-8 > *,
.xs\:aspect-w-9 > *,
.xs\:aspect-w-10 > *,
.xs\:aspect-w-11 > *,
.xs\:aspect-w-12 > *,
.xs\:aspect-w-13 > *,
.xs\:aspect-w-14 > *,
.xs\:aspect-w-15 > *,
.xs\:aspect-w-16 > *{
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.xs\:aspect-w-5{
--tw-aspect-w: 5;
}
.xs\:aspect-h-4{
--tw-aspect-h: 4;
}
.xs\:absolute{
position: absolute;
}
.xs\:order-2{
order: 2;
}
.xs\:order-1{
order: 1;
}
.xs\:col-span-8{
grid-column: span 8 / span 8;
}
.xs\:col-span-4{
grid-column: span 4 / span 4;
}
.xs\:mt-\[38\%\]{
margin-top: 38%;
}
.xs\:mt-0{
margin-top: 0px;
}
.xs\:max-h-\[286px\]{
max-height: 286px;
}
.xs\:w-8\/12{
width: 66.666667%;
}
.xs\:w-1\/2{
width: 50%;
}
.xs\:w-\[60\%\]{
width: 60%;
}
.xs\:max-w-\[90vw\]{
max-width: 90vw;
}
.xs\:max-w-\[387px\]{
max-width: 387px;
}
.xs\:max-w-\[712px\]{
max-width: 712px;
}
.xs\:-translate-y-36{
--tw-translate-y: -9rem;
transform: var(--tw-transform);
}
.xs\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xs\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xs\:flex-row{
flex-direction: row;
}
.xs\:items-center{
align-items: center;
}
.xs\:justify-center{
justify-content: center;
}
.xs\:gap-7{
gap: 1.75rem;
}
.xs\:gap-4{
gap: 1rem;
}
.xs\:gap-6{
gap: 1.5rem;
}
.xs\: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)));
}
.xs\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.xs\:pb-20{
padding-bottom: 5rem;
}
.xs\:pb-24{
padding-bottom: 6rem;
}
.xs\:pb-0{
padding-bottom: 0px;
}
.xs\:pr-10{
padding-right: 2.5rem;
}
.xs\:text-center{
text-align: center;
}
.xs\:text-6xl{
font-size: 3.125rem;
}
.xs\:text-3xl{
font-size: 1.875rem;
}
.xs\:text-5xl{
font-size: 2.625rem;
}
.xs\:text-xl{
font-size: 1.25rem;
}
.xs\:text-\[20px\]{
font-size: 20px;
}
}
@media (min-width: 992px){
.sm\:aspect-w-1,
.sm\:aspect-w-2,
.sm\:aspect-w-3,
.sm\:aspect-w-4,
.sm\:aspect-w-5,
.sm\:aspect-w-6,
.sm\:aspect-w-7,
.sm\:aspect-w-8,
.sm\:aspect-w-9,
.sm\:aspect-w-10,
.sm\:aspect-w-11,
.sm\:aspect-w-12,
.sm\:aspect-w-13,
.sm\:aspect-w-14,
.sm\:aspect-w-15,
.sm\:aspect-w-16{
position: relative;
padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}
.sm\:aspect-w-1 > *,
.sm\:aspect-w-2 > *,
.sm\:aspect-w-3 > *,
.sm\:aspect-w-4 > *,
.sm\:aspect-w-5 > *,
.sm\:aspect-w-6 > *,
.sm\:aspect-w-7 > *,
.sm\:aspect-w-8 > *,
.sm\:aspect-w-9 > *,
.sm\:aspect-w-10 > *,
.sm\:aspect-w-11 > *,
.sm\:aspect-w-12 > *,
.sm\:aspect-w-13 > *,
.sm\:aspect-w-14 > *,
.sm\:aspect-w-15 > *,
.sm\:aspect-w-16 > *{
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.sm\:aspect-w-3{
--tw-aspect-w: 3;
}
.sm\:aspect-h-1{
--tw-aspect-h: 1;
}
.sm\:absolute{
position: absolute;
}
.sm\:relative{
position: relative;
}
.sm\:bottom-0{
bottom: 0px;
}
.sm\:top-0{
top: 0px;
}
.sm\:left-0{
left: 0px;
}
.sm\:col-span-8{
grid-column: span 8 / span 8;
}
.sm\:col-span-1{
grid-column: span 1 / span 1;
}
.sm\:col-span-2{
grid-column: span 2 / span 2;
}
.sm\:col-span-3{
grid-column: span 3 / span 3;
}
.sm\:col-span-4{
grid-column: span 4 / span 4;
}
.sm\:col-span-6{
grid-column: span 6 / span 6;
}
.sm\:col-span-9{
grid-column: span 9 / span 9;
}
.sm\:col-span-10{
grid-column: span 10 / span 10;
}
.sm\:col-span-12{
grid-column: span 12 / span 12;
}
.sm\:my-8{
margin-top: 2rem;
margin-bottom: 2rem;
}
.sm\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.sm\:mx-0{
margin-left: 0px;
margin-right: 0px;
}
.sm\:mt-0{
margin-top: 0px;
}
.sm\:mb-0{
margin-bottom: 0px;
}
.sm\:mt-8{
margin-top: 2rem;
}
.sm\:mt-6{
margin-top: 1.5rem;
}
.sm\:ml-36{
margin-left: 9rem;
}
.sm\:mb-10{
margin-bottom: 2.5rem;
}
.sm\:ml-\[2\.75\%\]{
margin-left: 2.75%;
}
.sm\:mt-\[7\%\]{
margin-top: 7%;
}
.sm\:mb-\[55px\]{
margin-bottom: 55px;
}
.sm\:mb-28{
margin-bottom: 7rem;
}
.sm\:mb-11{
margin-bottom: 2.75rem;
}
.sm\:mt-7{
margin-top: 1.75rem;
}
.sm\:mb-8{
margin-bottom: 2rem;
}
.sm\:mb-5{
margin-bottom: 1.25rem;
}
.sm\:mt-10{
margin-top: 2.5rem;
}
.sm\:ml-12{
margin-left: 3rem;
}
.sm\:mr-8{
margin-right: 2rem;
}
.sm\:mt-24{
margin-top: 6rem;
}
.sm\:mr-2{
margin-right: 0.5rem;
}
.sm\:ml-2{
margin-left: 0.5rem;
}
.sm\:block{
display: block;
}
.sm\:inline{
display: inline;
}
.sm\:flex{
display: flex;
}
.sm\:grid{
display: grid;
}
.sm\:hidden{
display: none;
}
.sm\:h-\[30vh\]{
height: 30vh;
}
.sm\:h-auto{
height: auto;
}
.sm\:h-full{
height: 100%;
}
.sm\:h-1\/4{
height: 25%;
}
.sm\:h-\[30px\]{
height: 30px;
}
.sm\:h-6{
height: 1.5rem;
}
.sm\:h-16{
height: 4rem;
}
.sm\:max-h-full{
max-height: 100%;
}
.sm\:max-h-\[310px\]{
max-height: 310px;
}
.sm\:min-h-\[310px\]{
min-height: 310px;
}
.sm\:w-1\/3{
width: 33.333333%;
}
.sm\:w-8\/12{
width: 66.666667%;
}
.sm\:w-10\/12{
width: 83.333333%;
}
.sm\:w-auto{
width: auto;
}
.sm\:w-\[200px\]{
width: 200px;
}
.sm\:w-2\/5{
width: 40%;
}
.sm\:w-3\/5{
width: 60%;
}
.sm\:w-1\/2{
width: 50%;
}
.sm\:w-1\/4{
width: 25%;
}
.sm\:w-\[400px\]{
width: 400px;
}
.sm\:w-full{
width: 100%;
}
.sm\:w-4\/10{
width: 40%;
}
.sm\:w-\[8\.85vw\]{
width: 8.85vw;
}
.sm\:w-4\/12{
width: 33.333333%;
}
.sm\:w-3\/4{
width: 75%;
}
.sm\:w-7\/12{
width: 58.333333%;
}
.sm\:w-5\/12{
width: 41.666667%;
}
.sm\:w-\[12rem\]{
width: 12rem;
}
.sm\:w-2\/12{
width: 16.666667%;
}
.sm\:w-\[30px\]{
width: 30px;
}
.sm\:w-16{
width: 4rem;
}
.sm\:max-w-\[350px\]{
max-width: 350px;
}
.sm\:max-w-\[80\%\]{
max-width: 80%;
}
.sm\:flex-1{
flex: 1 1 0%;
}
.sm\:flex-none{
flex: none;
}
.sm\:-translate-x-1\/2{
--tw-translate-x: -50%;
transform: var(--tw-transform);
}
.sm\:-translate-y-8{
--tw-translate-y: -2rem;
transform: var(--tw-transform);
}
.sm\:translate-x-0{
--tw-translate-x: 0px;
transform: var(--tw-transform);
}
.sm\:translate-x-1\/2{
--tw-translate-x: 50%;
transform: var(--tw-transform);
}
.sm\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:grid-cols-12{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.sm\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:flex-row{
flex-direction: row;
}
.sm\:flex-row-reverse{
flex-direction: row-reverse;
}
.sm\:flex-col{
flex-direction: column;
}
.sm\:items-end{
align-items: flex-end;
}
.sm\:items-center{
align-items: center;
}
.sm\:items-stretch{
align-items: stretch;
}
.sm\:justify-start{
justify-content: flex-start;
}
.sm\:justify-end{
justify-content: flex-end;
}
.sm\:justify-center{
justify-content: center;
}
.sm\:justify-between{
justify-content: space-between;
}
.sm\:gap-16{
gap: 4rem;
}
.sm\:gap-8{
gap: 2rem;
}
.sm\:gap-0{
gap: 0px;
}
.sm\:gap-6{
gap: 1.5rem;
}
.sm\:gap-4{
gap: 1rem;
}
.sm\:space-x-8 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.sm\: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)));
}
.sm\:border{
border-width: 1px;
}
.sm\:bg-grayscale-100{
--tw-bg-opacity: 1;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}
.sm\:bg-transparent{
background-color: transparent;
}
.sm\:bg-none{
background-image: none;
}
.sm\:object-cover{
-o-object-fit: cover;
object-fit: cover;
}
.sm\:object-center{
-o-object-position: center;
object-position: center;
}
.sm\:p-8{
padding: 2rem;
}
.sm\:px-16{
padding-left: 4rem;
padding-right: 4rem;
}
.sm\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.sm\:py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.sm\:py-\[28px\]{
padding-top: 28px;
padding-bottom: 28px;
}
.sm\:py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.sm\:py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.sm\:px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sm\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.sm\:py-7{
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.sm\:py-\[0\.563rem\]{
padding-top: 0.563rem;
padding-bottom: 0.563rem;
}
.sm\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:pl-8{
padding-left: 2rem;
}
.sm\:pt-32{
padding-top: 8rem;
}
.sm\:pb-4{
padding-bottom: 1rem;
}
.sm\:pr-12{
padding-right: 3rem;
}
.sm\:pr-3{
padding-right: 0.75rem;
}
.sm\:pl-12{
padding-left: 3rem;
}
.sm\:pt-16{
padding-top: 4rem;
}
.sm\:pt-\[8vh\]{
padding-top: 8vh;
}
.sm\:pt-\[5vh\]{
padding-top: 5vh;
}
.sm\:pb-12{
padding-bottom: 3rem;
}
.sm\:pr-8{
padding-right: 2rem;
}
.sm\:pl-\[calc\(\(100vw-96vw\)\/2\)\]{
padding-left: calc((100vw - 96vw) / 2);
}
.sm\:pb-16{
padding-bottom: 4rem;
}
.sm\:pt-\[4vw\]{
padding-top: 4vw;
}
.sm\:pb-\[5vh\]{
padding-bottom: 5vh;
}
.sm\:pb-0{
padding-bottom: 0px;
}
.sm\:pl-0{
padding-left: 0px;
}
.sm\:pr-20{
padding-right: 5rem;
}
.sm\:pr-7{
padding-right: 1.75rem;
}
.sm\:pb-6{
padding-bottom: 1.5rem;
}
.sm\:pt-5{
padding-top: 1.25rem;
}
.sm\:pt-1{
padding-top: 0.25rem;
}
.sm\:pb-3{
padding-bottom: 0.75rem;
}
.sm\:pt-0{
padding-top: 0px;
}
.sm\:pr-6{
padding-right: 1.5rem;
}
.sm\:pl-4{
padding-left: 1rem;
}
.sm\:text-left{
text-align: left;
}
.sm\:text-sm{
font-size: .875rem;
}
.sm\:text-base{
font-size: 1rem;
}
.sm\:text-7xl{
font-size: 5rem;
}
.sm\:text-4xl{
font-size: 2.25rem;
}
.sm\:text-6xl{
font-size: 3.125rem;
}
.sm\:text-2xl{
font-size: 1.5rem;
}
.sm\:text-lg{
font-size: 1.125rem;
}
.sm\:font-normal{
font-weight: 400;
}
.sm\:opacity-100{
opacity: 1;
}
.sm\:before\:hidden::before{
content: "";
display: none;
}
}
@media (min-width: 1024px){
.md\:absolute{
position: absolute;
}
.md\:left-8{
left: 2rem;
}
.md\:right-8{
right: 2rem;
}
.md\:mt-\[-40px\]{
margin-top: -40px;
}
.md\:mt-0{
margin-top: 0px;
}
.md\:mb-0{
margin-bottom: 0px;
}
.md\:mt-24{
margin-top: 6rem;
}
.md\:block{
display: block;
}
.md\:hidden{
display: none;
}
.md\:w-full{
width: 100%;
}
.md\:w-1\/2{
width: 50%;
}
.md\:max-w-\[95vw\]{
max-width: 95vw;
}
.md\:flex-row{
flex-direction: row;
}
.md\:items-center{
align-items: center;
}
.md\:justify-center{
justify-content: center;
}
.md\:gap-10{
gap: 2.5rem;
}
.md\:overflow-hidden{
overflow: hidden;
}
.md\:p-6{
padding: 1.5rem;
}
.md\:px-14{
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.md\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.md\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.md\:py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.md\:py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:px-24{
padding-left: 6rem;
padding-right: 6rem;
}
.md\:py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
.md\:pt-9{
padding-top: 2.25rem;
}
.md\:pr-\[110px\]{
padding-right: 110px;
}
.md\:pr-8{
padding-right: 2rem;
}
.md\:text-left{
text-align: left;
}
.md\:text-xl{
font-size: 1.25rem;
}
.md\:text-base{
font-size: 1rem;
}
}
@media (min-width: 1280px){
.lg\:aspect-3-1 {
aspect-ratio: 3/1;
}
.lg\:top-20{
top: 5rem;
}
.lg\:-left-8{
left: -2rem;
}
.lg\:-right-8{
right: -2rem;
}
.lg\:col-span-8{
grid-column: span 8 / span 8;
}
.lg\:col-span-2{
grid-column: span 2 / span 2;
}
.lg\:col-span-3{
grid-column: span 3 / span 3;
}
.lg\:col-span-4{
grid-column: span 4 / span 4;
}
.lg\:col-span-6{
grid-column: span 6 / span 6;
}
.lg\:col-span-9{
grid-column: span 9 / span 9;
}
.lg\:col-span-10{
grid-column: span 10 / span 10;
}
.lg\:col-span-12{
grid-column: span 12 / span 12;
}
.lg\:col-span-1{
grid-column: span 1 / span 1;
}
.lg\:my-16{
margin-top: 4rem;
margin-bottom: 4rem;
}
.lg\:my-\[70px\]{
margin-top: 70px;
margin-bottom: 70px;
}
.lg\:my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.lg\:my-\[24px\]{
margin-top: 24px;
margin-bottom: 24px;
}
.lg\:mb-6{
margin-bottom: 1.5rem;
}
.lg\:mb-12{
margin-bottom: 3rem;
}
.lg\:mt-12{
margin-top: 3rem;
}
.lg\:mb-\[25px\]{
margin-bottom: 25px;
}
.lg\:mb-\[50px\]{
margin-bottom: 50px;
}
.lg\:mt-\[33px\]{
margin-top: 33px;
}
.lg\:mb-7{
margin-bottom: 1.75rem;
}
.lg\:mt-6{
margin-top: 1.5rem;
}
.lg\:ml-\[8\.75\%\]{
margin-left: 8.75%;
}
.lg\:mb-0{
margin-bottom: 0px;
}
.lg\:mb-\[52px\]{
margin-bottom: 52px;
}
.lg\:mt-\[45px\]{
margin-top: 45px;
}
.lg\:mt-20{
margin-top: 5rem;
}
.lg\:mr-6{
margin-right: 1.5rem;
}
.lg\:mr-4{
margin-right: 1rem;
}
.lg\:mt-0{
margin-top: 0px;
}
.lg\:mb-20{
margin-bottom: 5rem;
}
.lg\:mb-4{
margin-bottom: 1rem;
}
.lg\:mb-8{
margin-bottom: 2rem;
}
.lg\:inline-block{
display: inline-block;
}
.lg\:flex{
display: flex;
}
.lg\:grid{
display: grid;
}
.lg\:hidden{
display: none;
}
.lg\:h-\[50px\]{
height: 50px;
}
.lg\:h-\[72px\]{
height: 72px;
}
.lg\:h-\[650px\]{
height: 650px;
}
.lg\:\!h-\[100px\]{
height: 100px !important;
}
.lg\:h-\[419px\]{
height: 419px;
}
.lg\:h-\[437px\]{
height: 437px;
}
.lg\:min-h-\[640px\]{
min-height: 640px;
}
.lg\:w-10\/12{
width: 83.333333%;
}
.lg\:w-\[50px\]{
width: 50px;
}
.lg\:w-1\/3{
width: 33.333333%;
}
.lg\:w-\[240px\]{
width: 240px;
}
.lg\:w-\[325px\]{
width: 325px;
}
.lg\:w-auto{
width: auto;
}
.lg\:w-\[438px\]{
width: 438px;
}
.lg\:min-w-\[350px\]{
min-width: 350px;
}
.lg\:max-w-\[615px\]{
max-width: 615px;
}
.lg\:max-w-\[373px\]{
max-width: 373px;
}
.lg\:max-w-\[418px\]{
max-width: 418px;
}
.lg\:max-w-\[1240px\]{
max-width: 1240px;
}
.lg\:max-w-\[272px\]{
max-width: 272px;
}
.lg\:max-w-\[392px\]{
max-width: 392px;
}
.lg\:max-w-\[65vw\]{
max-width: 65vw;
}
.lg\:max-w-\[587px\]{
max-width: 587px;
}
.lg\:max-w-\[355px\]{
max-width: 355px;
}
.lg\:-translate-y-32{
--tw-translate-y: -8rem;
transform: var(--tw-transform);
}
.lg\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:flex-row{
flex-direction: row;
}
.lg\:items-end{
align-items: flex-end;
}
.lg\:items-center{
align-items: center;
}
.lg\:gap-32{
gap: 8rem;
}
.lg\:gap-8{
gap: 2rem;
}
.lg\:gap-6{
gap: 1.5rem;
}
.lg\:gap-y-16{
row-gap: 4rem;
}
.lg\:gap-y-20{
row-gap: 5rem;
}
.lg\:gap-x-12{
column-gap: 3rem;
}
.lg\:rounded-tr-lg{
border-top-right-radius: 0.5rem;
}
.lg\:rounded-br-lg{
border-bottom-right-radius: 0.5rem;
}
.lg\:border-b{
border-bottom-width: 1px;
}
.lg\:p-8{
padding: 2rem;
}
.lg\:p-4{
padding: 1rem;
}
.lg\:px-\[55px\]{
padding-left: 55px;
padding-right: 55px;
}
.lg\:py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.lg\:py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.lg\:px-\[30px\]{
padding-left: 30px;
padding-right: 30px;
}
.lg\:py-\[74px\]{
padding-top: 74px;
padding-bottom: 74px;
}
.lg\:py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
.lg\:py-\[50px\]{
padding-top: 50px;
padding-bottom: 50px;
}
.lg\:px-\[56px\]{
padding-left: 56px;
padding-right: 56px;
}
.lg\:px-\[50px\]{
padding-left: 50px;
padding-right: 50px;
}
.lg\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.lg\:px-24{
padding-left: 6rem;
padding-right: 6rem;
}
.lg\:py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.lg\:pt-20{
padding-top: 5rem;
}
.lg\:pb-24{
padding-bottom: 6rem;
}
.lg\:pt-12{
padding-top: 3rem;
}
.lg\:pt-\[52px\]{
padding-top: 52px;
}
.lg\:pt-\[100px\]{
padding-top: 100px;
}
.lg\:pt-24{
padding-top: 6rem;
}
.lg\:pb-40{
padding-bottom: 10rem;
}
.lg\:pt-6{
padding-top: 1.5rem;
}
.lg\:text-left{
text-align: left;
}
.lg\:text-8xl{
font-size: 5.625rem;
}
.lg\:text-5xl{
font-size: 2.625rem;
}
.lg\:text-3xl{
font-size: 1.875rem;
}
.lg\:text-xl{
font-size: 1.25rem;
}
.lg\:text-\[30px\]{
font-size: 30px;
}
.lg\:text-\[50px\]{
font-size: 50px;
}
.lg\:text-6xl{
font-size: 3.125rem;
}
.lg\:text-\[42px\]{
font-size: 42px;
}
.lg\:text-lg{
font-size: 1.125rem;
}
.lg\:text-4xl{
font-size: 2.25rem;
}
.lg\:text-\[20px\]{
font-size: 20px;
}
.lg\:text-sm{
font-size: .875rem;
}
.lg\:text-base{
font-size: 1rem;
}
.lg\:text-\[46px\]{
font-size: 46px;
}
.lg\:text-2xl{
font-size: 1.5rem;
}
.lg\:leading-\[36px\]{
line-height: 36px;
}
.lg\:leading-\[60px\]{
line-height: 60px;
}
.lg\:leading-\[50px\]{
line-height: 50px;
}
}
@media (min-width: 1366px){
.xl\:absolute{
position: absolute;
}
.xl\:top-0{
top: 0px;
}
.xl\:left-0{
left: 0px;
}
.xl\:right-0{
right: 0px;
}
.xl\:top-40{
top: 10rem;
}
.xl\:order-1{
order: 1;
}
.xl\:order-2{
order: 2;
}
.xl\:col-span-8{
grid-column: span 8 / span 8;
}
.xl\:col-span-7{
grid-column: span 7 / span 7;
}
.xl\:col-span-5{
grid-column: span 5 / span 5;
}
.xl\:col-span-4{
grid-column: span 4 / span 4;
}
.xl\:col-span-3{
grid-column: span 3 / span 3;
}
.xl\:col-span-9{
grid-column: span 9 / span 9;
}
.xl\:col-span-1{
grid-column: span 1 / span 1;
}
.xl\:col-span-6{
grid-column: span 6 / span 6;
}
.xl\:col-span-12{
grid-column: span 12 / span 12;
}
.xl\:col-start-6{
grid-column-start: 6;
}
.xl\:mx-12{
margin-left: 3rem;
margin-right: 3rem;
}
.xl\:my-20{
margin-top: 5rem;
margin-bottom: 5rem;
}
.xl\:mt-0{
margin-top: 0px;
}
.xl\:mt-1{
margin-top: 0.25rem;
}
.xl\:mt-2{
margin-top: 0.5rem;
}
.xl\:mt-3{
margin-top: 0.75rem;
}
.xl\:mt-4{
margin-top: 1rem;
}
.xl\:mt-5{
margin-top: 1.25rem;
}
.xl\:mt-6{
margin-top: 1.5rem;
}
.xl\:mt-7{
margin-top: 1.75rem;
}
.xl\:mt-8{
margin-top: 2rem;
}
.xl\:mt-9{
margin-top: 2.25rem;
}
.xl\:mt-10{
margin-top: 2.5rem;
}
.xl\:mt-11{
margin-top: 2.75rem;
}
.xl\:mt-12{
margin-top: 3rem;
}
.xl\:mt-14{
margin-top: 3.5rem;
}
.xl\:mt-16{
margin-top: 4rem;
}
.xl\:mt-20{
margin-top: 5rem;
}
.xl\:mt-24{
margin-top: 6rem;
}
.xl\:mt-28{
margin-top: 7rem;
}
.xl\:mt-32{
margin-top: 8rem;
}
.xl\:mt-36{
margin-top: 9rem;
}
.xl\:mt-60{
margin-top: 15rem;
}
.xl\:mb-0{
margin-bottom: 0px;
}
.xl\:mb-1{
margin-bottom: 0.25rem;
}
.xl\:mb-2{
margin-bottom: 0.5rem;
}
.xl\:mb-3{
margin-bottom: 0.75rem;
}
.xl\:mb-4{
margin-bottom: 1rem;
}
.xl\:mb-5{
margin-bottom: 1.25rem;
}
.xl\:mb-6{
margin-bottom: 1.5rem;
}
.xl\:mb-7{
margin-bottom: 1.75rem;
}
.xl\:mb-8{
margin-bottom: 2rem;
}
.xl\:mb-9{
margin-bottom: 2.25rem;
}
.xl\:mb-10{
margin-bottom: 2.5rem;
}
.xl\:mb-11{
margin-bottom: 2.75rem;
}
.xl\:mb-12{
margin-bottom: 3rem;
}
.xl\:mb-14{
margin-bottom: 3.5rem;
}
.xl\:mb-16{
margin-bottom: 4rem;
}
.xl\:mb-20{
margin-bottom: 5rem;
}
.xl\:mb-24{
margin-bottom: 6rem;
}
.xl\:mb-28{
margin-bottom: 7rem;
}
.xl\:mb-32{
margin-bottom: 8rem;
}
.xl\:mt-\[-68px\]{
margin-top: -68px;
}
.xl\:flex{
display: flex;
}
.xl\:hidden{
display: none;
}
.xl\:h-full{
height: 100%;
}
.xl\:h-\[816px\]{
height: 816px;
}
.xl\:max-h-\[635px\]{
max-height: 635px;
}
.xl\:w-16{
width: 4rem;
}
.xl\:w-1\/3{
width: 33.333333%;
}
.xl\:w-full{
width: 100%;
}
.xl\:w-\[374px\]{
width: 374px;
}
.xl\:w-\[891px\]{
width: 891px;
}
.xl\:w-1\/4{
width: 25%;
}
.xl\:rotate-0{
--tw-rotate: 0;
transform: var(--tw-transform);
}
.xl\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-12{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.xl\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:flex-row{
flex-direction: row;
}
.xl\:flex-col{
flex-direction: column;
}
.xl\:items-center{
align-items: center;
}
.xl\:justify-start{
justify-content: flex-start;
}
.xl\:justify-end{
justify-content: flex-end;
}
.xl\:justify-between{
justify-content: space-between;
}
.xl\:gap-y-0{
row-gap: 0px;
}
.xl\:gap-y-20{
row-gap: 5rem;
}
.xl\:gap-x-5{
column-gap: 1.25rem;
}
.xl\:gap-y-12{
row-gap: 3rem;
}
.xl\:gap-y-6{
row-gap: 1.5rem;
}
.xl\:gap-x-8{
column-gap: 2rem;
}
.xl\:gap-y-8{
row-gap: 2rem;
}
.xl\:gap-x-32{
column-gap: 8rem;
}
.xl\:p-6{
padding: 1.5rem;
}
.xl\:p-16{
padding: 4rem;
}
.xl\:p-0{
padding: 0px;
}
.xl\:p-8{
padding: 2rem;
}
.xl\:py-\[116px\]{
padding-top: 116px;
padding-bottom: 116px;
}
.xl\:py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.xl\:py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.xl\:py-\[124px\]{
padding-top: 124px;
padding-bottom: 124px;
}
.xl\:py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.xl\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.xl\:py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.xl\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.xl\:px-\[100px\]{
padding-left: 100px;
padding-right: 100px;
}
.xl\:py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
.xl\:px-16{
padding-left: 4rem;
padding-right: 4rem;
}
.xl\:px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.xl\:pt-0{
padding-top: 0px;
}
.xl\:pt-1{
padding-top: 0.25rem;
}
.xl\:pt-2{
padding-top: 0.5rem;
}
.xl\:pt-3{
padding-top: 0.75rem;
}
.xl\:pt-4{
padding-top: 1rem;
}
.xl\:pt-5{
padding-top: 1.25rem;
}
.xl\:pt-6{
padding-top: 1.5rem;
}
.xl\:pt-7{
padding-top: 1.75rem;
}
.xl\:pt-8{
padding-top: 2rem;
}
.xl\:pt-9{
padding-top: 2.25rem;
}
.xl\:pt-10{
padding-top: 2.5rem;
}
.xl\:pt-11{
padding-top: 2.75rem;
}
.xl\:pt-12{
padding-top: 3rem;
}
.xl\:pt-14{
padding-top: 3.5rem;
}
.xl\:pt-16{
padding-top: 4rem;
}
.xl\:pt-20{
padding-top: 5rem;
}
.xl\:pt-24{
padding-top: 6rem;
}
.xl\:pt-28{
padding-top: 7rem;
}
.xl\:pt-32{
padding-top: 8rem;
}
.xl\:pt-36{
padding-top: 9rem;
}
.xl\:pt-60{
padding-top: 15rem;
}
.xl\:pb-0{
padding-bottom: 0px;
}
.xl\:pb-1{
padding-bottom: 0.25rem;
}
.xl\:pb-2{
padding-bottom: 0.5rem;
}
.xl\:pb-3{
padding-bottom: 0.75rem;
}
.xl\:pb-4{
padding-bottom: 1rem;
}
.xl\:pb-5{
padding-bottom: 1.25rem;
}
.xl\:pb-6{
padding-bottom: 1.5rem;
}
.xl\:pb-7{
padding-bottom: 1.75rem;
}
.xl\:pb-8{
padding-bottom: 2rem;
}
.xl\:pb-9{
padding-bottom: 2.25rem;
}
.xl\:pb-10{
padding-bottom: 2.5rem;
}
.xl\:pb-11{
padding-bottom: 2.75rem;
}
.xl\:pb-12{
padding-bottom: 3rem;
}
.xl\:pb-14{
padding-bottom: 3.5rem;
}
.xl\:pb-16{
padding-bottom: 4rem;
}
.xl\:pb-20{
padding-bottom: 5rem;
}
.xl\:pb-24{
padding-bottom: 6rem;
}
.xl\:pb-28{
padding-bottom: 7rem;
}
.xl\:pb-32{
padding-bottom: 8rem;
}
.xl\:pb-36{
padding-bottom: 9rem;
}
.xl\:pb-60{
padding-bottom: 15rem;
}
.xl\:pl-\[calc\(\(100vw-80vw\)\/2\)\]{
padding-left: calc((100vw - 80vw) / 2);
}
.xl\:pl-0{
padding-left: 0px;
}
.xl\:pr-36{
padding-right: 9rem;
}
.xl\:pl-\[124px\]{
padding-left: 124px;
}
.xl\:pb-40{
padding-bottom: 10rem;
}
.xl\:pr-48{
padding-right: 12rem;
}
.xl\:text-left{
text-align: left;
}
.xl\:text-6xl{
font-size: 3.125rem;
}
.xl\:text-4xl{
font-size: 2.25rem;
}
.xl\:text-base{
font-size: 1rem;
}
.xl\:text-5xl{
font-size: 2.625rem;
}
.xl\:text-\[20px\]{
font-size: 20px;
}
.xl\:text-3xl{
font-size: 1.875rem;
}
}
@media (min-width: 1536px){
.\32xl\:col-span-8{
grid-column: span 8 / span 8;
}
.\32xl\:col-span-2{
grid-column: span 2 / span 2;
}
.\32xl\:col-span-3{
grid-column: span 3 / span 3;
}
.\32xl\:col-span-4{
grid-column: span 4 / span 4;
}
.\32xl\:col-span-6{
grid-column: span 6 / span 6;
}
.\32xl\:col-span-9{
grid-column: span 9 / span 9;
}
.\32xl\:col-span-10{
grid-column: span 10 / span 10;
}
.\32xl\:col-span-12{
grid-column: span 12 / span 12;
}
.\32xl\:mx-\[100px\]{
margin-left: 100px;
margin-right: 100px;
}
.\32xl\:ml-\[4\.75\%\]{
margin-left: 4.75%;
}
.\32xl\:mr-6{
margin-right: 1.5rem;
}
.\32xl\:mt-40{
margin-top: 10rem;
}
.\32xl\:mb-10{
margin-bottom: 2.5rem;
}
.\32xl\:mb-44{
margin-bottom: 11rem;
}
.\32xl\:w-8\/12{
width: 66.666667%;
}
.\32xl\:max-w-\[70vw\]{
max-width: 70vw;
}
.\32xl\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.\32xl\:gap-\[158px\]{
gap: 158px;
}
.\32xl\:px-\[100px\]{
padding-left: 100px;
padding-right: 100px;
}
.\32xl\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.\32xl\:py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.\32xl\:pb-\[4\.43vw\]{
padding-bottom: 4.43vw;
}
.\32xl\:pb-20{
padding-bottom: 5rem;
}
.\32xl\:text-lg{
font-size: 1.125rem;
}
.\32xl\:text-\[50px\]{
font-size: 50px;
}
}
@media (min-width: 1680px){
.\33xl\:mt-28{
margin-top: 7rem;
}
.\33xl\:w-4\/10{
width: 40%;
}
.\33xl\:py-40{
padding-top: 10rem;
padding-bottom: 10rem;
}
.\33xl\:pb-24{
padding-bottom: 6rem;
}
.\33xl\:text-7xl{
font-size: 5rem;
}
}